RAC Tree

[LFDanLu]

Closes

✅ Pull Request Checklist:

• [ ] Included link to corresponding React Spectrum GitHub Issue.
• [ ] Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• [ ] Filled out test instructions.
• [ ] Updated documentation (if it already exists for this component).
• [ ] Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[LFDanLu]

@reidbarber what specifically did you run into for the typeahead?

[reidbarber]

@LFDanLu Looks like I was just pressing keys again before the cooldown period ended. No issues there, ignore that!

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[rspbot]

## API Changes

unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any', access: 'private' } unknown top level export { type: 'any', access: 'private' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'identifier', name: 'Column' } unknown top level export { type: 'identifier', name: 'Column' } unknown type { type: 'link' } unknown type { type: 'link' } unknown type { type: 'link' } unknown type { type: 'link' } unknown type { type: 'link' } unknown type { type: 'link' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' } unknown top level export { type: 'any' }

@react-aria/gridlist

useGridListItem

 useGridListItem<T> {
   props: AriaGridListItemOptions
-  state: ListState<T>
+  state: ListState<T> | TreeState<T>
   ref: RefObject<FocusableElement>
   returnVal: undefined
 }

---

@react-aria/tree

useTreeGridList

changed by:

• AriaTreeGridListOptions
• TreeGridListAria

-
+useTreeGridList<T> {
+  props: AriaTreeGridListOptions<T>
+  state: TreeState<T>
+  ref: RefObject<HTMLElement>
+  returnVal: undefined
+}

useTreeGridListItem

changed by:

• AriaTreeGridListItemOptions
• TreeGridListItemAria

-
+useTreeGridListItem<T> {
+  props: AriaTreeGridListItemOptions
+  state: TreeState<T>
+  ref: RefObject<FocusableElement>
+  returnVal: undefined
+}

AriaTreeGridListOptions

-
+AriaTreeGridListOptions<T> {
+  keyboardDelegate?: KeyboardDelegate
+}

it changed:

• useTreeGridList

AriaTreeGridListProps

+AriaTreeGridListProps<T> {
 
+}

TreeGridListAria

-
+TreeGridListAria {
+  gridProps: DOMAttributes
+}

it changed:

• useTreeGridList

TreeGridListProps

+TreeGridListProps<T> {
 
+}

AriaTreeGridListItemOptions

-
+AriaTreeGridListItemOptions {
+  node: Node<unknown>
+}

it changed:

• useTreeGridListItem

TreeGridListItemAria

-
+TreeGridListItemAria {
+  descriptionProps: DOMAttributes
+  gridCellProps: DOMAttributes
+  rowProps: DOMAttributes
+}

it changed:

• useTreeGridListItem

---

@react-stately/tree

TreeProps

 TreeProps<T> {
-
+  disabledBehavior?: DisabledBehavior
 }

it changed:

• useTreeState

TreeState

 TreeState<T> {
   collection: Collection<Node<T>>
   disabledKeys: Set<Key>
-  expandedKeys: Set<Key>
+  expandedKeys: 'all' | Set<Key>
   selectionManager: SelectionManager
-  setExpandedKeys: (Set<Key>) => void
+  setExpandedKeys: ('all' | Set<Key>) => void
   toggleKey: (Key) => void
 }

it changed:

• useTreeState

TreeCollection

 TreeCollection<T> {
   at: (number) => void
   constructor: (Iterable<Node<T>>, {
-    expandedKeys?: Set<Key>
+    expandedKeys?: 'all' | Set<Key>
 }) => void
   getFirstKey: () => void
   getItem: (Key) => void
   getKeyAfter: (Key) => void
   getKeys: () => void
   getLastKey: () => void
   size: any
   undefined: () => void
 }
 

---

[LFDanLu]

Merged for testing, feel free to continue reviewing off this PR if need be. I'll capture the followups in a ticket