Separate menutrigger state

[snowystinger]

Closes

Open to better names

✅ 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]

## 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-stately/combobox

ComboBoxState

 ComboBoxState<T> {
   commit: () => void
+  focusStrategy: FocusStrategy
   inputValue: string
   open: (FocusStrategy | null, MenuTriggerAction) => void
   revert: () => void
   setInputValue: (string) => void
 }
 

it changed:

• useComboBoxState

---

@react-stately/menu

UNSTABLE_useSubmenuTriggerState

 UNSTABLE_useSubmenuTriggerState {
   props: SubmenuTriggerProps
-  state: MenuTriggerState
+  state: RootMenuTriggerState
   returnVal: undefined
 }

MenuTriggerState

 MenuTriggerState {
-  UNSTABLE_closeSubmenu: (Key, number) => void
-  UNSTABLE_expandedKeysStack: Array<Key>
-  UNSTABLE_openSubmenu: (Key, number) => void
-  close: () => void
   focusStrategy: FocusStrategy
   open: (FocusStrategy | null) => void
   toggle: (FocusStrategy | null) => void
 }

it changed:

• useMenuTriggerState

RootMenuTriggerState

-
+RootMenuTriggerState {
+  UNSTABLE_closeSubmenu: (Key, number) => void
+  UNSTABLE_expandedKeysStack: Array<Key>
+  UNSTABLE_openSubmenu: (Key, number) => void
+  close: () => void
+  focusStrategy: FocusStrategy
+  open: (FocusStrategy | null) => void
+  toggle: (FocusStrategy | null) => void
+}

it changed:

• useMenuTriggerState

---

@react-stately/select

SelectState

 SelectState<T> {
+  focusStrategy: FocusStrategy
   isFocused: boolean
+  open: (FocusStrategy | null) => void
   setFocused: (boolean) => void
+  toggle: (FocusStrategy | null) => void
 }

it changed:

• useSelectState

---