react-aria 3.49.0 → 3.51.0

package/dist/private/menu/useMenuItem.cjs

@@ -60,7 +60,7 @@ function $6f94764398dea248$export$9d32628fc2aea7da(props, state, ref) {
         if (data.onAction) {
             // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.
             let onAction = data.onAction;
-            onAction(key);
+            onAction(key, item?.value);
         }
     };
     let role = 'menuitem';
@@ -154,41 +154,40 @@ function $6f94764398dea248$export$9d32628fc2aea7da(props, state, ref) {
         onHoverEnd: onHoverEnd
     });
     let { keyboardProps: keyboardProps } = (0, $6d2f10bb8b359da5$exports.useKeyboard)({
-        onKeyDown: (e)=>{
-            // Ignore repeating events, which may have started on the menu trigger before moving
-            // focus to the menu item. We want to wait for a second complete key press sequence.
-            if (e.repeat) {
-                e.continuePropagation();
-                return;
-            }
-            switch(e.key){
-                case ' ':
-                    interaction.current = {
-                        pointerType: 'keyboard',
-                        key: ' '
-                    };
-                    (0, $da02ee888921bc9e$exports.getEventTarget)(e).click();
-                    // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
-                    // to the newly opened submenu's first item.
-                    (0, $d0df89f3abe2c2ca$exports.setInteractionModality)('keyboard');
-                    break;
-                case 'Enter':
-                    interaction.current = {
-                        pointerType: 'keyboard',
-                        key: 'Enter'
-                    };
-                    // Trigger click unless this is a link. Links trigger click natively.
-                    if ((0, $da02ee888921bc9e$exports.getEventTarget)(e).tagName !== 'A') (0, $da02ee888921bc9e$exports.getEventTarget)(e).click();
-                    // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
-                    // to the newly opened submenu's first item.
+        shortcuts: {
+            ' ': (e)=>{
+                interaction.current = {
+                    pointerType: 'keyboard',
+                    key: ' '
+                };
+                (0, $da02ee888921bc9e$exports.getEventTarget)(e).click();
+                // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
+                // to the newly opened submenu's first item.
+                (0, $d0df89f3abe2c2ca$exports.setInteractionModality)('keyboard');
+            },
+            Enter: (e)=>{
+                interaction.current = {
+                    pointerType: 'keyboard',
+                    key: 'Enter'
+                };
+                let target = (0, $da02ee888921bc9e$exports.getEventTarget)(e);
+                // Trigger click unless this is a link. Links with real DOM focus activate on Enter natively.
+                // With virtual focus (e.g. Autocomplete) focus stays on the input and useAutocomplete dispatches
+                // keydown here then follows with a synthetic click only if dispatchEvent was not canceled—so
+                // links must not preventDefault on that keydown.
+                if (target.tagName !== 'A') {
+                    target.click();
                     (0, $d0df89f3abe2c2ca$exports.setInteractionModality)('keyboard');
-                    break;
-                default:
-                    if (!isTrigger) e.continuePropagation();
-                    onKeyDown?.(e);
-                    break;
+                    return;
+                }
+                (0, $d0df89f3abe2c2ca$exports.setInteractionModality)('keyboard');
+                return {
+                    shouldPreventDefault: false,
+                    shouldContinuePropagation: false
+                };
             }
         },
+        onKeyDown: onKeyDown,
         onKeyUp: onKeyUp
     });
     let { focusableProps: focusableProps } = (0, $cfe896014413cb8c$exports.useFocusable)({
@@ -209,7 +208,8 @@ function $6f94764398dea248$export$9d32628fc2aea7da(props, state, ref) {
             } : itemProps, pressProps, hoverProps, keyboardProps, focusableProps, // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.
             data.shouldUseVirtualFocus || isTrigger ? {
                 onMouseDown: (e)=>e.preventDefault()
-            } : undefined, isDisabled ? undefined : {
+            } : undefined, // oxlint-disable-next-line react/react-compiler
+            isDisabled ? undefined : {
                 onClick: onClick
             }),
             // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.

package/dist/private/menu/useMenuItem.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/menu/useMenuItem.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  FocusEvents,\n  HoverEvents,\n  Key,\n  KeyboardEvents,\n  PressEvent,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getItemCount} from 'react-stately/private/collections/getItemCount';\nimport {handleLinkClick, useLinkProps, useRouter} from '../utils/openLink';\nimport {isFocusVisible, setInteractionModality} from '../interactions/useFocusVisible';\nimport {menuData} from './utils';\nimport {mergeProps} from '../utils/mergeProps';\nimport {MouseEvent, useRef} from 'react';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {TreeState} from 'react-stately/useTreeState';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useHover} from '../interactions/useHover';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {usePress} from '../interactions/usePress';\nimport {useSelectableItem} from '../selection/useSelectableItem';\nimport {useSlotId} from '../utils/useId';\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: DOMAttributes;\n\n  /** Props for the main text element inside the menu item. */\n  labelProps: DOMAttributes;\n\n  /** Props for the description text element inside the menu item, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the keyboard shortcut text element inside the item, if any. */\n  keyboardShortcutProps: DOMAttributes;\n\n  /** Whether the item is currently focused. */\n  isFocused: boolean;\n  /** Whether the item is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the item is currently selected. */\n  isSelected: boolean;\n  /** Whether the item is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface AriaMenuItemProps\n  extends DOMProps, PressEvents, HoverEvents, KeyboardEvents, FocusEvents {\n  /**\n   * Whether the menu item is disabled.\n   *\n   * @deprecated - pass disabledKeys to useTreeState instead.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the menu item is selected.\n   *\n   * @deprecated - pass selectedKeys to useTreeState instead.\n   */\n  isSelected?: boolean;\n\n  /** A screen reader only label for the menu item. */\n  'aria-label'?: string;\n\n  /** The unique key for the menu item. */\n  key: Key;\n\n  /**\n   * Handler that is called when the menu should close after selecting an item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onClose?: () => void;\n\n  /**\n   * Whether the menu should close when the menu item is selected.\n   *\n   * @deprecated - use shouldCloseOnSelect instead.\n   */\n  closeOnSelect?: boolean;\n\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n\n  /** Whether the menu item is contained in a virtual scrolling menu. */\n  isVirtualized?: boolean;\n\n  /**\n   * Handler that is called when the user activates the item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onAction?: (key: Key) => void;\n\n  /** What kind of popup the item opens. */\n  'aria-haspopup'?: 'menu' | 'dialog';\n\n  /** Indicates whether the menu item's popup element is expanded or collapsed. */\n  'aria-expanded'?: boolean | 'true' | 'false';\n\n  /**\n   * Identifies the menu item's popup element whose contents or presence is controlled by the menu\n   * item.\n   */\n  'aria-controls'?: string;\n\n  /** Identifies the element(s) that describe the menu item. */\n  'aria-describedby'?: string;\n\n  /** Override of the selection manager. By default, `state.selectionManager` is used. */\n  selectionManager?: SelectionManager;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an item in a menu.\n * See `useMenu` for more details about menus.\n *\n * @param props - Props for the item.\n * @param state - State for the menu, as returned by `useTreeState`.\n */\nexport function useMenuItem<T>(\n  props: AriaMenuItemProps,\n  state: TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): MenuItemAria {\n  let {\n    id,\n    key,\n    closeOnSelect,\n    shouldCloseOnSelect,\n    isVirtualized,\n    'aria-haspopup': hasPopup,\n    onPressStart,\n    onPressUp: pressUpProp,\n    onPress,\n    onPressChange: pressChangeProp,\n    onPressEnd,\n    onClick: onClickProp,\n    onHoverStart: hoverStartProp,\n    onHoverChange,\n    onHoverEnd,\n    onKeyDown,\n    onKeyUp,\n    onFocus,\n    onFocusChange,\n    onBlur,\n    selectionManager = state.selectionManager\n  } = props;\n\n  let isTrigger = !!hasPopup;\n  let isTriggerExpanded = isTrigger && props['aria-expanded'] === 'true';\n  let isDisabled = props.isDisabled ?? selectionManager.isDisabled(key);\n  let isSelected = props.isSelected ?? selectionManager.isSelected(key);\n  let data = menuData.get(state)!;\n  let item = state.collection.getItem(key);\n  let onClose = props.onClose || data.onClose;\n  let router = useRouter();\n  let performAction = () => {\n    if (isTrigger) {\n      return;\n    }\n\n    if (item?.props?.onAction) {\n      item.props.onAction();\n    } else if (props.onAction) {\n      props.onAction(key);\n    }\n\n    if (data.onAction) {\n      // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.\n      let onAction = data.onAction;\n      onAction(key);\n    }\n  };\n\n  let role = 'menuitem';\n  if (!isTrigger) {\n    if (selectionManager.selectionMode === 'single') {\n      role = 'menuitemradio';\n    } else if (selectionManager.selectionMode === 'multiple') {\n      role = 'menuitemcheckbox';\n    }\n  }\n\n  let labelId = useSlotId();\n  let descriptionId = useSlotId();\n  let keyboardId = useSlotId();\n\n  let ariaProps = {\n    id,\n    'aria-disabled': isDisabled || undefined,\n    role,\n    'aria-label': props['aria-label'],\n    'aria-labelledby': labelId,\n    'aria-describedby':\n      [props['aria-describedby'], descriptionId, keyboardId].filter(Boolean).join(' ') || undefined,\n    'aria-controls': props['aria-controls'],\n    'aria-haspopup': hasPopup,\n    'aria-expanded': props['aria-expanded']\n  };\n\n  if (selectionManager.selectionMode !== 'none' && !isTrigger) {\n    ariaProps['aria-checked'] = isSelected;\n  }\n\n  if (isVirtualized) {\n    let index = Number(item?.index);\n    ariaProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;\n    ariaProps['aria-setsize'] = getItemCount(state.collection);\n  }\n\n  let isPressedRef = useRef(false);\n  let onPressChange = (isPressed: boolean) => {\n    pressChangeProp?.(isPressed);\n    isPressedRef.current = isPressed;\n  };\n\n  let interaction = useRef<{pointerType: string; key?: string} | null>(null);\n  let onPressUp = (e: PressEvent) => {\n    if (e.pointerType !== 'keyboard') {\n      interaction.current = {pointerType: e.pointerType};\n    }\n\n    // If interacting with mouse, allow the user to mouse down on the trigger button,\n    // drag, and release over an item (matching native behavior).\n    if (e.pointerType === 'mouse') {\n      if (!isPressedRef.current) {\n        (e.target as HTMLElement).click();\n      }\n    }\n\n    pressUpProp?.(e);\n  };\n\n  let onClick = (e: MouseEvent<FocusableElement>) => {\n    onClickProp?.(e);\n    performAction();\n    handleLinkClick(e, router, item!.props.href, item?.props.routerOptions);\n\n    let shouldClose =\n      interaction.current?.pointerType === 'keyboard'\n        ? // Always close when pressing Enter key, or if item is not selectable.\n          interaction.current?.key === 'Enter' ||\n          selectionManager.selectionMode === 'none' ||\n          selectionManager.isLink(key)\n        : // Close except if multi-select is enabled.\n          selectionManager.selectionMode !== 'multiple' || selectionManager.isLink(key);\n\n    shouldClose = shouldCloseOnSelect ?? closeOnSelect ?? shouldClose;\n\n    if (onClose && !isTrigger && shouldClose) {\n      onClose();\n    }\n\n    interaction.current = null;\n  };\n\n  let {itemProps, isFocused} = useSelectableItem({\n    id,\n    selectionManager: selectionManager,\n    key,\n    ref,\n    shouldSelectOnPressUp: true,\n    allowsDifferentPressOrigin: true,\n    // Disable all handling of links in useSelectable item\n    // because we handle it ourselves. The behavior of menus\n    // is slightly different from other collections because\n    // actions are performed on key down rather than key up.\n    linkBehavior: 'none',\n    shouldUseVirtualFocus: data.shouldUseVirtualFocus\n  });\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPress,\n    onPressUp,\n    onPressChange,\n    onPressEnd,\n    isDisabled\n  });\n  let {hoverProps} = useHover({\n    isDisabled,\n    onHoverStart(e) {\n      // Hovering over an already expanded sub dialog trigger should keep focus in the dialog.\n      if (!isFocusVisible() && !(isTriggerExpanded && hasPopup)) {\n        selectionManager.setFocused(true);\n        selectionManager.setFocusedKey(key);\n      }\n      hoverStartProp?.(e);\n    },\n    onHoverChange,\n    onHoverEnd\n  });\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown: e => {\n      // Ignore repeating events, which may have started on the menu trigger before moving\n      // focus to the menu item. We want to wait for a second complete key press sequence.\n      if (e.repeat) {\n        e.continuePropagation();\n        return;\n      }\n\n      switch (e.key) {\n        case ' ':\n          interaction.current = {pointerType: 'keyboard', key: ' '};\n          (getEventTarget(e) as HTMLElement).click();\n\n          // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n          // to the newly opened submenu's first item.\n          setInteractionModality('keyboard');\n          break;\n        case 'Enter':\n          interaction.current = {pointerType: 'keyboard', key: 'Enter'};\n\n          // Trigger click unless this is a link. Links trigger click natively.\n          if ((getEventTarget(e) as HTMLElement).tagName !== 'A') {\n            (getEventTarget(e) as HTMLElement).click();\n          }\n\n          // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n          // to the newly opened submenu's first item.\n          setInteractionModality('keyboard');\n          break;\n        default:\n          if (!isTrigger) {\n            e.continuePropagation();\n          }\n\n          onKeyDown?.(e);\n          break;\n      }\n    },\n    onKeyUp\n  });\n\n  let {focusableProps} = useFocusable({onBlur, onFocus, onFocusChange}, ref);\n  let domProps = filterDOMProps(item?.props);\n  delete domProps.id;\n  let linkProps = useLinkProps(item?.props);\n\n  return {\n    menuItemProps: {\n      ...ariaProps,\n      ...mergeProps(\n        domProps,\n        linkProps,\n        isTrigger\n          ? {\n              onFocus: itemProps.onFocus,\n              'data-collection': itemProps['data-collection'],\n              'data-key': itemProps['data-key']\n            }\n          : itemProps,\n        pressProps,\n        hoverProps,\n        keyboardProps,\n        focusableProps,\n        // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.\n        data.shouldUseVirtualFocus || isTrigger\n          ? {onMouseDown: e => e.preventDefault()}\n          : undefined,\n        isDisabled ? undefined : {onClick}\n      ),\n      // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.\n      tabIndex:\n        itemProps.tabIndex != null && isTriggerExpanded && !data.shouldUseVirtualFocus\n          ? -1\n          : itemProps.tabIndex\n    },\n    labelProps: {\n      id: labelId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    keyboardShortcutProps: {\n      id: keyboardId\n    },\n    isFocused,\n    isFocusVisible:\n      isFocused && selectionManager.isFocused && isFocusVisible() && !isTriggerExpanded,\n    isSelected,\n    isPressed,\n    isDisabled\n  };\n}\n"],"names":[],"version":3,"file":"useMenuItem.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/menu/useMenuItem.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  FocusEvents,\n  HoverEvents,\n  Key,\n  KeyboardEvents,\n  PressEvent,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getItemCount} from 'react-stately/private/collections/getItemCount';\nimport {handleLinkClick, useLinkProps, useRouter} from '../utils/openLink';\nimport {isFocusVisible, setInteractionModality} from '../interactions/useFocusVisible';\nimport {menuData} from './utils';\nimport {mergeProps} from '../utils/mergeProps';\nimport {MouseEvent, useRef} from 'react';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {TreeState} from 'react-stately/useTreeState';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useHover} from '../interactions/useHover';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {usePress} from '../interactions/usePress';\nimport {useSelectableItem} from '../selection/useSelectableItem';\nimport {useSlotId} from '../utils/useId';\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: DOMAttributes;\n\n  /** Props for the main text element inside the menu item. */\n  labelProps: DOMAttributes;\n\n  /** Props for the description text element inside the menu item, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the keyboard shortcut text element inside the item, if any. */\n  keyboardShortcutProps: DOMAttributes;\n\n  /** Whether the item is currently focused. */\n  isFocused: boolean;\n  /** Whether the item is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the item is currently selected. */\n  isSelected: boolean;\n  /** Whether the item is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface AriaMenuItemProps\n  extends DOMProps, PressEvents, HoverEvents, KeyboardEvents, FocusEvents {\n  /**\n   * Whether the menu item is disabled.\n   *\n   * @deprecated - pass disabledKeys to useTreeState instead.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the menu item is selected.\n   *\n   * @deprecated - pass selectedKeys to useTreeState instead.\n   */\n  isSelected?: boolean;\n\n  /** A screen reader only label for the menu item. */\n  'aria-label'?: string;\n\n  /** The unique key for the menu item. */\n  key: Key;\n\n  /**\n   * Handler that is called when the menu should close after selecting an item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onClose?: () => void;\n\n  /**\n   * Whether the menu should close when the menu item is selected.\n   *\n   * @deprecated - use shouldCloseOnSelect instead.\n   */\n  closeOnSelect?: boolean;\n\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n\n  /** Whether the menu item is contained in a virtual scrolling menu. */\n  isVirtualized?: boolean;\n\n  /**\n   * Handler that is called when the user activates the item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onAction?: (key: Key) => void;\n\n  /** What kind of popup the item opens. */\n  'aria-haspopup'?: 'menu' | 'dialog';\n\n  /** Indicates whether the menu item's popup element is expanded or collapsed. */\n  'aria-expanded'?: boolean | 'true' | 'false';\n\n  /**\n   * Identifies the menu item's popup element whose contents or presence is controlled by the menu\n   * item.\n   */\n  'aria-controls'?: string;\n\n  /** Identifies the element(s) that describe the menu item. */\n  'aria-describedby'?: string;\n\n  /** Override of the selection manager. By default, `state.selectionManager` is used. */\n  selectionManager?: SelectionManager;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an item in a menu.\n * See `useMenu` for more details about menus.\n *\n * @param props - Props for the item.\n * @param state - State for the menu, as returned by `useTreeState`.\n */\nexport function useMenuItem<T>(\n  props: AriaMenuItemProps,\n  state: TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): MenuItemAria {\n  let {\n    id,\n    key,\n    closeOnSelect,\n    shouldCloseOnSelect,\n    isVirtualized,\n    'aria-haspopup': hasPopup,\n    onPressStart,\n    onPressUp: pressUpProp,\n    onPress,\n    onPressChange: pressChangeProp,\n    onPressEnd,\n    onClick: onClickProp,\n    onHoverStart: hoverStartProp,\n    onHoverChange,\n    onHoverEnd,\n    onKeyDown,\n    onKeyUp,\n    onFocus,\n    onFocusChange,\n    onBlur,\n    selectionManager = state.selectionManager\n  } = props;\n\n  let isTrigger = !!hasPopup;\n  let isTriggerExpanded = isTrigger && props['aria-expanded'] === 'true';\n  let isDisabled = props.isDisabled ?? selectionManager.isDisabled(key);\n  let isSelected = props.isSelected ?? selectionManager.isSelected(key);\n  let data = menuData.get(state)!;\n  let item = state.collection.getItem(key);\n  let onClose = props.onClose || data.onClose;\n  let router = useRouter();\n  let performAction = () => {\n    if (isTrigger) {\n      return;\n    }\n\n    if (item?.props?.onAction) {\n      item.props.onAction();\n    } else if (props.onAction) {\n      props.onAction(key);\n    }\n\n    if (data.onAction) {\n      // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.\n      let onAction = data.onAction;\n      onAction(key, item?.value);\n    }\n  };\n\n  let role = 'menuitem';\n  if (!isTrigger) {\n    if (selectionManager.selectionMode === 'single') {\n      role = 'menuitemradio';\n    } else if (selectionManager.selectionMode === 'multiple') {\n      role = 'menuitemcheckbox';\n    }\n  }\n\n  let labelId = useSlotId();\n  let descriptionId = useSlotId();\n  let keyboardId = useSlotId();\n\n  let ariaProps = {\n    id,\n    'aria-disabled': isDisabled || undefined,\n    role,\n    'aria-label': props['aria-label'],\n    'aria-labelledby': labelId,\n    'aria-describedby':\n      [props['aria-describedby'], descriptionId, keyboardId].filter(Boolean).join(' ') || undefined,\n    'aria-controls': props['aria-controls'],\n    'aria-haspopup': hasPopup,\n    'aria-expanded': props['aria-expanded']\n  };\n\n  if (selectionManager.selectionMode !== 'none' && !isTrigger) {\n    ariaProps['aria-checked'] = isSelected;\n  }\n\n  if (isVirtualized) {\n    let index = Number(item?.index);\n    ariaProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;\n    ariaProps['aria-setsize'] = getItemCount(state.collection);\n  }\n\n  let isPressedRef = useRef(false);\n  let onPressChange = (isPressed: boolean) => {\n    pressChangeProp?.(isPressed);\n    isPressedRef.current = isPressed;\n  };\n\n  let interaction = useRef<{pointerType: string; key?: string} | null>(null);\n  let onPressUp = (e: PressEvent) => {\n    if (e.pointerType !== 'keyboard') {\n      interaction.current = {pointerType: e.pointerType};\n    }\n\n    // If interacting with mouse, allow the user to mouse down on the trigger button,\n    // drag, and release over an item (matching native behavior).\n    if (e.pointerType === 'mouse') {\n      if (!isPressedRef.current) {\n        (e.target as HTMLElement).click();\n      }\n    }\n\n    pressUpProp?.(e);\n  };\n\n  let onClick = (e: MouseEvent<FocusableElement>) => {\n    onClickProp?.(e);\n    performAction();\n    handleLinkClick(e, router, item!.props.href, item?.props.routerOptions);\n\n    let shouldClose =\n      interaction.current?.pointerType === 'keyboard'\n        ? // Always close when pressing Enter key, or if item is not selectable.\n          interaction.current?.key === 'Enter' ||\n          selectionManager.selectionMode === 'none' ||\n          selectionManager.isLink(key)\n        : // Close except if multi-select is enabled.\n          selectionManager.selectionMode !== 'multiple' || selectionManager.isLink(key);\n\n    shouldClose = shouldCloseOnSelect ?? closeOnSelect ?? shouldClose;\n\n    if (onClose && !isTrigger && shouldClose) {\n      onClose();\n    }\n\n    interaction.current = null;\n  };\n\n  let {itemProps, isFocused} = useSelectableItem({\n    id,\n    selectionManager: selectionManager,\n    key,\n    ref,\n    shouldSelectOnPressUp: true,\n    allowsDifferentPressOrigin: true,\n    // Disable all handling of links in useSelectable item\n    // because we handle it ourselves. The behavior of menus\n    // is slightly different from other collections because\n    // actions are performed on key down rather than key up.\n    linkBehavior: 'none',\n    shouldUseVirtualFocus: data.shouldUseVirtualFocus\n  });\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPress,\n    onPressUp,\n    onPressChange,\n    onPressEnd,\n    isDisabled\n  });\n  let {hoverProps} = useHover({\n    isDisabled,\n    onHoverStart(e) {\n      // Hovering over an already expanded sub dialog trigger should keep focus in the dialog.\n      if (!isFocusVisible() && !(isTriggerExpanded && hasPopup)) {\n        selectionManager.setFocused(true);\n        selectionManager.setFocusedKey(key);\n      }\n      hoverStartProp?.(e);\n    },\n    onHoverChange,\n    onHoverEnd\n  });\n\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      ' ': e => {\n        interaction.current = {pointerType: 'keyboard', key: ' '};\n        (getEventTarget(e) as HTMLElement).click();\n\n        // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n        // to the newly opened submenu's first item.\n        setInteractionModality('keyboard');\n      },\n      Enter: e => {\n        interaction.current = {pointerType: 'keyboard', key: 'Enter'};\n        let target = getEventTarget(e) as HTMLElement;\n\n        // Trigger click unless this is a link. Links with real DOM focus activate on Enter natively.\n        // With virtual focus (e.g. Autocomplete) focus stays on the input and useAutocomplete dispatches\n        // keydown here then follows with a synthetic click only if dispatchEvent was not canceled—so\n        // links must not preventDefault on that keydown.\n        if (target.tagName !== 'A') {\n          target.click();\n          setInteractionModality('keyboard');\n          return;\n        }\n\n        setInteractionModality('keyboard');\n        return {shouldPreventDefault: false, shouldContinuePropagation: false};\n      }\n    },\n    onKeyDown,\n    onKeyUp\n  });\n\n  let {focusableProps} = useFocusable({onBlur, onFocus, onFocusChange}, ref);\n  let domProps = filterDOMProps(item?.props);\n  delete domProps.id;\n  let linkProps = useLinkProps(item?.props);\n\n  return {\n    menuItemProps: {\n      ...ariaProps,\n      ...mergeProps(\n        domProps,\n        linkProps,\n        isTrigger\n          ? {\n              onFocus: itemProps.onFocus,\n              'data-collection': itemProps['data-collection'],\n              'data-key': itemProps['data-key']\n            }\n          : itemProps,\n        pressProps,\n        hoverProps,\n        keyboardProps,\n        focusableProps,\n        // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.\n        data.shouldUseVirtualFocus || isTrigger\n          ? {onMouseDown: e => e.preventDefault()}\n          : undefined,\n        // oxlint-disable-next-line react/react-compiler\n        isDisabled ? undefined : {onClick}\n      ),\n      // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.\n      tabIndex:\n        itemProps.tabIndex != null && isTriggerExpanded && !data.shouldUseVirtualFocus\n          ? -1\n          : itemProps.tabIndex\n    },\n    labelProps: {\n      id: labelId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    keyboardShortcutProps: {\n      id: keyboardId\n    },\n    isFocused,\n    isFocusVisible:\n      isFocused && selectionManager.isFocused && isFocusVisible() && !isTriggerExpanded,\n    isSelected,\n    isPressed,\n    isDisabled\n  };\n}\n"],"names":[],"version":3,"file":"useMenuItem.cjs.map"}

package/dist/private/menu/useMenuItem.js

@@ -57,7 +57,7 @@ function $9ece3e86cfe4d555$export$9d32628fc2aea7da(props, state, ref) {
         if (data.onAction) {
             // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.
             let onAction = data.onAction;
-            onAction(key);
+            onAction(key, item === null || item === void 0 ? void 0 : item.value);
         }
     };
     let role = 'menuitem';
@@ -153,41 +153,40 @@ function $9ece3e86cfe4d555$export$9d32628fc2aea7da(props, state, ref) {
         onHoverEnd: onHoverEnd
     });
     let { keyboardProps: keyboardProps } = (0, $bf74df7506f65576$export$8f71654801c2f7cd)({
-        onKeyDown: (e)=>{
-            // Ignore repeating events, which may have started on the menu trigger before moving
-            // focus to the menu item. We want to wait for a second complete key press sequence.
-            if (e.repeat) {
-                e.continuePropagation();
-                return;
-            }
-            switch(e.key){
-                case ' ':
-                    interaction.current = {
-                        pointerType: 'keyboard',
-                        key: ' '
-                    };
-                    (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e).click();
-                    // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
-                    // to the newly opened submenu's first item.
-                    (0, $b50b1cc8a843ace7$export$8397ddfc504fdb9a)('keyboard');
-                    break;
-                case 'Enter':
-                    interaction.current = {
-                        pointerType: 'keyboard',
-                        key: 'Enter'
-                    };
-                    // Trigger click unless this is a link. Links trigger click natively.
-                    if ((0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e).tagName !== 'A') (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e).click();
-                    // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
-                    // to the newly opened submenu's first item.
+        shortcuts: {
+            ' ': (e)=>{
+                interaction.current = {
+                    pointerType: 'keyboard',
+                    key: ' '
+                };
+                (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e).click();
+                // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
+                // to the newly opened submenu's first item.
+                (0, $b50b1cc8a843ace7$export$8397ddfc504fdb9a)('keyboard');
+            },
+            Enter: (e)=>{
+                interaction.current = {
+                    pointerType: 'keyboard',
+                    key: 'Enter'
+                };
+                let target = (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e);
+                // Trigger click unless this is a link. Links with real DOM focus activate on Enter natively.
+                // With virtual focus (e.g. Autocomplete) focus stays on the input and useAutocomplete dispatches
+                // keydown here then follows with a synthetic click only if dispatchEvent was not canceled—so
+                // links must not preventDefault on that keydown.
+                if (target.tagName !== 'A') {
+                    target.click();
                     (0, $b50b1cc8a843ace7$export$8397ddfc504fdb9a)('keyboard');
-                    break;
-                default:
-                    if (!isTrigger) e.continuePropagation();
-                    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-                    break;
+                    return;
+                }
+                (0, $b50b1cc8a843ace7$export$8397ddfc504fdb9a)('keyboard');
+                return {
+                    shouldPreventDefault: false,
+                    shouldContinuePropagation: false
+                };
             }
         },
+        onKeyDown: onKeyDown,
         onKeyUp: onKeyUp
     });
     let { focusableProps: focusableProps } = (0, $088f27a386bc4a8f$export$4c014de7c8940b4c)({
@@ -208,7 +207,8 @@ function $9ece3e86cfe4d555$export$9d32628fc2aea7da(props, state, ref) {
             } : itemProps, pressProps, hoverProps, keyboardProps, focusableProps, // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.
             data.shouldUseVirtualFocus || isTrigger ? {
                 onMouseDown: (e)=>e.preventDefault()
-            } : undefined, isDisabled ? undefined : {
+            } : undefined, // oxlint-disable-next-line react/react-compiler
+            isDisabled ? undefined : {
                 onClick: onClick
             }),
             // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.

package/dist/private/menu/useMenuItem.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/menu/useMenuItem.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  FocusEvents,\n  HoverEvents,\n  Key,\n  KeyboardEvents,\n  PressEvent,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getItemCount} from 'react-stately/private/collections/getItemCount';\nimport {handleLinkClick, useLinkProps, useRouter} from '../utils/openLink';\nimport {isFocusVisible, setInteractionModality} from '../interactions/useFocusVisible';\nimport {menuData} from './utils';\nimport {mergeProps} from '../utils/mergeProps';\nimport {MouseEvent, useRef} from 'react';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {TreeState} from 'react-stately/useTreeState';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useHover} from '../interactions/useHover';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {usePress} from '../interactions/usePress';\nimport {useSelectableItem} from '../selection/useSelectableItem';\nimport {useSlotId} from '../utils/useId';\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: DOMAttributes;\n\n  /** Props for the main text element inside the menu item. */\n  labelProps: DOMAttributes;\n\n  /** Props for the description text element inside the menu item, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the keyboard shortcut text element inside the item, if any. */\n  keyboardShortcutProps: DOMAttributes;\n\n  /** Whether the item is currently focused. */\n  isFocused: boolean;\n  /** Whether the item is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the item is currently selected. */\n  isSelected: boolean;\n  /** Whether the item is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface AriaMenuItemProps\n  extends DOMProps, PressEvents, HoverEvents, KeyboardEvents, FocusEvents {\n  /**\n   * Whether the menu item is disabled.\n   *\n   * @deprecated - pass disabledKeys to useTreeState instead.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the menu item is selected.\n   *\n   * @deprecated - pass selectedKeys to useTreeState instead.\n   */\n  isSelected?: boolean;\n\n  /** A screen reader only label for the menu item. */\n  'aria-label'?: string;\n\n  /** The unique key for the menu item. */\n  key: Key;\n\n  /**\n   * Handler that is called when the menu should close after selecting an item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onClose?: () => void;\n\n  /**\n   * Whether the menu should close when the menu item is selected.\n   *\n   * @deprecated - use shouldCloseOnSelect instead.\n   */\n  closeOnSelect?: boolean;\n\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n\n  /** Whether the menu item is contained in a virtual scrolling menu. */\n  isVirtualized?: boolean;\n\n  /**\n   * Handler that is called when the user activates the item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onAction?: (key: Key) => void;\n\n  /** What kind of popup the item opens. */\n  'aria-haspopup'?: 'menu' | 'dialog';\n\n  /** Indicates whether the menu item's popup element is expanded or collapsed. */\n  'aria-expanded'?: boolean | 'true' | 'false';\n\n  /**\n   * Identifies the menu item's popup element whose contents or presence is controlled by the menu\n   * item.\n   */\n  'aria-controls'?: string;\n\n  /** Identifies the element(s) that describe the menu item. */\n  'aria-describedby'?: string;\n\n  /** Override of the selection manager. By default, `state.selectionManager` is used. */\n  selectionManager?: SelectionManager;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an item in a menu.\n * See `useMenu` for more details about menus.\n *\n * @param props - Props for the item.\n * @param state - State for the menu, as returned by `useTreeState`.\n */\nexport function useMenuItem<T>(\n  props: AriaMenuItemProps,\n  state: TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): MenuItemAria {\n  let {\n    id,\n    key,\n    closeOnSelect,\n    shouldCloseOnSelect,\n    isVirtualized,\n    'aria-haspopup': hasPopup,\n    onPressStart,\n    onPressUp: pressUpProp,\n    onPress,\n    onPressChange: pressChangeProp,\n    onPressEnd,\n    onClick: onClickProp,\n    onHoverStart: hoverStartProp,\n    onHoverChange,\n    onHoverEnd,\n    onKeyDown,\n    onKeyUp,\n    onFocus,\n    onFocusChange,\n    onBlur,\n    selectionManager = state.selectionManager\n  } = props;\n\n  let isTrigger = !!hasPopup;\n  let isTriggerExpanded = isTrigger && props['aria-expanded'] === 'true';\n  let isDisabled = props.isDisabled ?? selectionManager.isDisabled(key);\n  let isSelected = props.isSelected ?? selectionManager.isSelected(key);\n  let data = menuData.get(state)!;\n  let item = state.collection.getItem(key);\n  let onClose = props.onClose || data.onClose;\n  let router = useRouter();\n  let performAction = () => {\n    if (isTrigger) {\n      return;\n    }\n\n    if (item?.props?.onAction) {\n      item.props.onAction();\n    } else if (props.onAction) {\n      props.onAction(key);\n    }\n\n    if (data.onAction) {\n      // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.\n      let onAction = data.onAction;\n      onAction(key);\n    }\n  };\n\n  let role = 'menuitem';\n  if (!isTrigger) {\n    if (selectionManager.selectionMode === 'single') {\n      role = 'menuitemradio';\n    } else if (selectionManager.selectionMode === 'multiple') {\n      role = 'menuitemcheckbox';\n    }\n  }\n\n  let labelId = useSlotId();\n  let descriptionId = useSlotId();\n  let keyboardId = useSlotId();\n\n  let ariaProps = {\n    id,\n    'aria-disabled': isDisabled || undefined,\n    role,\n    'aria-label': props['aria-label'],\n    'aria-labelledby': labelId,\n    'aria-describedby':\n      [props['aria-describedby'], descriptionId, keyboardId].filter(Boolean).join(' ') || undefined,\n    'aria-controls': props['aria-controls'],\n    'aria-haspopup': hasPopup,\n    'aria-expanded': props['aria-expanded']\n  };\n\n  if (selectionManager.selectionMode !== 'none' && !isTrigger) {\n    ariaProps['aria-checked'] = isSelected;\n  }\n\n  if (isVirtualized) {\n    let index = Number(item?.index);\n    ariaProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;\n    ariaProps['aria-setsize'] = getItemCount(state.collection);\n  }\n\n  let isPressedRef = useRef(false);\n  let onPressChange = (isPressed: boolean) => {\n    pressChangeProp?.(isPressed);\n    isPressedRef.current = isPressed;\n  };\n\n  let interaction = useRef<{pointerType: string; key?: string} | null>(null);\n  let onPressUp = (e: PressEvent) => {\n    if (e.pointerType !== 'keyboard') {\n      interaction.current = {pointerType: e.pointerType};\n    }\n\n    // If interacting with mouse, allow the user to mouse down on the trigger button,\n    // drag, and release over an item (matching native behavior).\n    if (e.pointerType === 'mouse') {\n      if (!isPressedRef.current) {\n        (e.target as HTMLElement).click();\n      }\n    }\n\n    pressUpProp?.(e);\n  };\n\n  let onClick = (e: MouseEvent<FocusableElement>) => {\n    onClickProp?.(e);\n    performAction();\n    handleLinkClick(e, router, item!.props.href, item?.props.routerOptions);\n\n    let shouldClose =\n      interaction.current?.pointerType === 'keyboard'\n        ? // Always close when pressing Enter key, or if item is not selectable.\n          interaction.current?.key === 'Enter' ||\n          selectionManager.selectionMode === 'none' ||\n          selectionManager.isLink(key)\n        : // Close except if multi-select is enabled.\n          selectionManager.selectionMode !== 'multiple' || selectionManager.isLink(key);\n\n    shouldClose = shouldCloseOnSelect ?? closeOnSelect ?? shouldClose;\n\n    if (onClose && !isTrigger && shouldClose) {\n      onClose();\n    }\n\n    interaction.current = null;\n  };\n\n  let {itemProps, isFocused} = useSelectableItem({\n    id,\n    selectionManager: selectionManager,\n    key,\n    ref,\n    shouldSelectOnPressUp: true,\n    allowsDifferentPressOrigin: true,\n    // Disable all handling of links in useSelectable item\n    // because we handle it ourselves. The behavior of menus\n    // is slightly different from other collections because\n    // actions are performed on key down rather than key up.\n    linkBehavior: 'none',\n    shouldUseVirtualFocus: data.shouldUseVirtualFocus\n  });\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPress,\n    onPressUp,\n    onPressChange,\n    onPressEnd,\n    isDisabled\n  });\n  let {hoverProps} = useHover({\n    isDisabled,\n    onHoverStart(e) {\n      // Hovering over an already expanded sub dialog trigger should keep focus in the dialog.\n      if (!isFocusVisible() && !(isTriggerExpanded && hasPopup)) {\n        selectionManager.setFocused(true);\n        selectionManager.setFocusedKey(key);\n      }\n      hoverStartProp?.(e);\n    },\n    onHoverChange,\n    onHoverEnd\n  });\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown: e => {\n      // Ignore repeating events, which may have started on the menu trigger before moving\n      // focus to the menu item. We want to wait for a second complete key press sequence.\n      if (e.repeat) {\n        e.continuePropagation();\n        return;\n      }\n\n      switch (e.key) {\n        case ' ':\n          interaction.current = {pointerType: 'keyboard', key: ' '};\n          (getEventTarget(e) as HTMLElement).click();\n\n          // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n          // to the newly opened submenu's first item.\n          setInteractionModality('keyboard');\n          break;\n        case 'Enter':\n          interaction.current = {pointerType: 'keyboard', key: 'Enter'};\n\n          // Trigger click unless this is a link. Links trigger click natively.\n          if ((getEventTarget(e) as HTMLElement).tagName !== 'A') {\n            (getEventTarget(e) as HTMLElement).click();\n          }\n\n          // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n          // to the newly opened submenu's first item.\n          setInteractionModality('keyboard');\n          break;\n        default:\n          if (!isTrigger) {\n            e.continuePropagation();\n          }\n\n          onKeyDown?.(e);\n          break;\n      }\n    },\n    onKeyUp\n  });\n\n  let {focusableProps} = useFocusable({onBlur, onFocus, onFocusChange}, ref);\n  let domProps = filterDOMProps(item?.props);\n  delete domProps.id;\n  let linkProps = useLinkProps(item?.props);\n\n  return {\n    menuItemProps: {\n      ...ariaProps,\n      ...mergeProps(\n        domProps,\n        linkProps,\n        isTrigger\n          ? {\n              onFocus: itemProps.onFocus,\n              'data-collection': itemProps['data-collection'],\n              'data-key': itemProps['data-key']\n            }\n          : itemProps,\n        pressProps,\n        hoverProps,\n        keyboardProps,\n        focusableProps,\n        // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.\n        data.shouldUseVirtualFocus || isTrigger\n          ? {onMouseDown: e => e.preventDefault()}\n          : undefined,\n        isDisabled ? undefined : {onClick}\n      ),\n      // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.\n      tabIndex:\n        itemProps.tabIndex != null && isTriggerExpanded && !data.shouldUseVirtualFocus\n          ? -1\n          : itemProps.tabIndex\n    },\n    labelProps: {\n      id: labelId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    keyboardShortcutProps: {\n      id: keyboardId\n    },\n    isFocused,\n    isFocusVisible:\n      isFocused && selectionManager.isFocused && isFocusVisible() && !isTriggerExpanded,\n    isSelected,\n    isPressed,\n    isDisabled\n  };\n}\n"],"names":[],"version":3,"file":"useMenuItem.js.map"}
+{"mappings":"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","sources":["packages/react-aria/src/menu/useMenuItem.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  FocusEvents,\n  HoverEvents,\n  Key,\n  KeyboardEvents,\n  PressEvent,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getItemCount} from 'react-stately/private/collections/getItemCount';\nimport {handleLinkClick, useLinkProps, useRouter} from '../utils/openLink';\nimport {isFocusVisible, setInteractionModality} from '../interactions/useFocusVisible';\nimport {menuData} from './utils';\nimport {mergeProps} from '../utils/mergeProps';\nimport {MouseEvent, useRef} from 'react';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {TreeState} from 'react-stately/useTreeState';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useHover} from '../interactions/useHover';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {usePress} from '../interactions/usePress';\nimport {useSelectableItem} from '../selection/useSelectableItem';\nimport {useSlotId} from '../utils/useId';\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: DOMAttributes;\n\n  /** Props for the main text element inside the menu item. */\n  labelProps: DOMAttributes;\n\n  /** Props for the description text element inside the menu item, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the keyboard shortcut text element inside the item, if any. */\n  keyboardShortcutProps: DOMAttributes;\n\n  /** Whether the item is currently focused. */\n  isFocused: boolean;\n  /** Whether the item is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the item is currently selected. */\n  isSelected: boolean;\n  /** Whether the item is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface AriaMenuItemProps\n  extends DOMProps, PressEvents, HoverEvents, KeyboardEvents, FocusEvents {\n  /**\n   * Whether the menu item is disabled.\n   *\n   * @deprecated - pass disabledKeys to useTreeState instead.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the menu item is selected.\n   *\n   * @deprecated - pass selectedKeys to useTreeState instead.\n   */\n  isSelected?: boolean;\n\n  /** A screen reader only label for the menu item. */\n  'aria-label'?: string;\n\n  /** The unique key for the menu item. */\n  key: Key;\n\n  /**\n   * Handler that is called when the menu should close after selecting an item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onClose?: () => void;\n\n  /**\n   * Whether the menu should close when the menu item is selected.\n   *\n   * @deprecated - use shouldCloseOnSelect instead.\n   */\n  closeOnSelect?: boolean;\n\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n\n  /** Whether the menu item is contained in a virtual scrolling menu. */\n  isVirtualized?: boolean;\n\n  /**\n   * Handler that is called when the user activates the item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onAction?: (key: Key) => void;\n\n  /** What kind of popup the item opens. */\n  'aria-haspopup'?: 'menu' | 'dialog';\n\n  /** Indicates whether the menu item's popup element is expanded or collapsed. */\n  'aria-expanded'?: boolean | 'true' | 'false';\n\n  /**\n   * Identifies the menu item's popup element whose contents or presence is controlled by the menu\n   * item.\n   */\n  'aria-controls'?: string;\n\n  /** Identifies the element(s) that describe the menu item. */\n  'aria-describedby'?: string;\n\n  /** Override of the selection manager. By default, `state.selectionManager` is used. */\n  selectionManager?: SelectionManager;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an item in a menu.\n * See `useMenu` for more details about menus.\n *\n * @param props - Props for the item.\n * @param state - State for the menu, as returned by `useTreeState`.\n */\nexport function useMenuItem<T>(\n  props: AriaMenuItemProps,\n  state: TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): MenuItemAria {\n  let {\n    id,\n    key,\n    closeOnSelect,\n    shouldCloseOnSelect,\n    isVirtualized,\n    'aria-haspopup': hasPopup,\n    onPressStart,\n    onPressUp: pressUpProp,\n    onPress,\n    onPressChange: pressChangeProp,\n    onPressEnd,\n    onClick: onClickProp,\n    onHoverStart: hoverStartProp,\n    onHoverChange,\n    onHoverEnd,\n    onKeyDown,\n    onKeyUp,\n    onFocus,\n    onFocusChange,\n    onBlur,\n    selectionManager = state.selectionManager\n  } = props;\n\n  let isTrigger = !!hasPopup;\n  let isTriggerExpanded = isTrigger && props['aria-expanded'] === 'true';\n  let isDisabled = props.isDisabled ?? selectionManager.isDisabled(key);\n  let isSelected = props.isSelected ?? selectionManager.isSelected(key);\n  let data = menuData.get(state)!;\n  let item = state.collection.getItem(key);\n  let onClose = props.onClose || data.onClose;\n  let router = useRouter();\n  let performAction = () => {\n    if (isTrigger) {\n      return;\n    }\n\n    if (item?.props?.onAction) {\n      item.props.onAction();\n    } else if (props.onAction) {\n      props.onAction(key);\n    }\n\n    if (data.onAction) {\n      // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.\n      let onAction = data.onAction;\n      onAction(key, item?.value);\n    }\n  };\n\n  let role = 'menuitem';\n  if (!isTrigger) {\n    if (selectionManager.selectionMode === 'single') {\n      role = 'menuitemradio';\n    } else if (selectionManager.selectionMode === 'multiple') {\n      role = 'menuitemcheckbox';\n    }\n  }\n\n  let labelId = useSlotId();\n  let descriptionId = useSlotId();\n  let keyboardId = useSlotId();\n\n  let ariaProps = {\n    id,\n    'aria-disabled': isDisabled || undefined,\n    role,\n    'aria-label': props['aria-label'],\n    'aria-labelledby': labelId,\n    'aria-describedby':\n      [props['aria-describedby'], descriptionId, keyboardId].filter(Boolean).join(' ') || undefined,\n    'aria-controls': props['aria-controls'],\n    'aria-haspopup': hasPopup,\n    'aria-expanded': props['aria-expanded']\n  };\n\n  if (selectionManager.selectionMode !== 'none' && !isTrigger) {\n    ariaProps['aria-checked'] = isSelected;\n  }\n\n  if (isVirtualized) {\n    let index = Number(item?.index);\n    ariaProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;\n    ariaProps['aria-setsize'] = getItemCount(state.collection);\n  }\n\n  let isPressedRef = useRef(false);\n  let onPressChange = (isPressed: boolean) => {\n    pressChangeProp?.(isPressed);\n    isPressedRef.current = isPressed;\n  };\n\n  let interaction = useRef<{pointerType: string; key?: string} | null>(null);\n  let onPressUp = (e: PressEvent) => {\n    if (e.pointerType !== 'keyboard') {\n      interaction.current = {pointerType: e.pointerType};\n    }\n\n    // If interacting with mouse, allow the user to mouse down on the trigger button,\n    // drag, and release over an item (matching native behavior).\n    if (e.pointerType === 'mouse') {\n      if (!isPressedRef.current) {\n        (e.target as HTMLElement).click();\n      }\n    }\n\n    pressUpProp?.(e);\n  };\n\n  let onClick = (e: MouseEvent<FocusableElement>) => {\n    onClickProp?.(e);\n    performAction();\n    handleLinkClick(e, router, item!.props.href, item?.props.routerOptions);\n\n    let shouldClose =\n      interaction.current?.pointerType === 'keyboard'\n        ? // Always close when pressing Enter key, or if item is not selectable.\n          interaction.current?.key === 'Enter' ||\n          selectionManager.selectionMode === 'none' ||\n          selectionManager.isLink(key)\n        : // Close except if multi-select is enabled.\n          selectionManager.selectionMode !== 'multiple' || selectionManager.isLink(key);\n\n    shouldClose = shouldCloseOnSelect ?? closeOnSelect ?? shouldClose;\n\n    if (onClose && !isTrigger && shouldClose) {\n      onClose();\n    }\n\n    interaction.current = null;\n  };\n\n  let {itemProps, isFocused} = useSelectableItem({\n    id,\n    selectionManager: selectionManager,\n    key,\n    ref,\n    shouldSelectOnPressUp: true,\n    allowsDifferentPressOrigin: true,\n    // Disable all handling of links in useSelectable item\n    // because we handle it ourselves. The behavior of menus\n    // is slightly different from other collections because\n    // actions are performed on key down rather than key up.\n    linkBehavior: 'none',\n    shouldUseVirtualFocus: data.shouldUseVirtualFocus\n  });\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPress,\n    onPressUp,\n    onPressChange,\n    onPressEnd,\n    isDisabled\n  });\n  let {hoverProps} = useHover({\n    isDisabled,\n    onHoverStart(e) {\n      // Hovering over an already expanded sub dialog trigger should keep focus in the dialog.\n      if (!isFocusVisible() && !(isTriggerExpanded && hasPopup)) {\n        selectionManager.setFocused(true);\n        selectionManager.setFocusedKey(key);\n      }\n      hoverStartProp?.(e);\n    },\n    onHoverChange,\n    onHoverEnd\n  });\n\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      ' ': e => {\n        interaction.current = {pointerType: 'keyboard', key: ' '};\n        (getEventTarget(e) as HTMLElement).click();\n\n        // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n        // to the newly opened submenu's first item.\n        setInteractionModality('keyboard');\n      },\n      Enter: e => {\n        interaction.current = {pointerType: 'keyboard', key: 'Enter'};\n        let target = getEventTarget(e) as HTMLElement;\n\n        // Trigger click unless this is a link. Links with real DOM focus activate on Enter natively.\n        // With virtual focus (e.g. Autocomplete) focus stays on the input and useAutocomplete dispatches\n        // keydown here then follows with a synthetic click only if dispatchEvent was not canceled—so\n        // links must not preventDefault on that keydown.\n        if (target.tagName !== 'A') {\n          target.click();\n          setInteractionModality('keyboard');\n          return;\n        }\n\n        setInteractionModality('keyboard');\n        return {shouldPreventDefault: false, shouldContinuePropagation: false};\n      }\n    },\n    onKeyDown,\n    onKeyUp\n  });\n\n  let {focusableProps} = useFocusable({onBlur, onFocus, onFocusChange}, ref);\n  let domProps = filterDOMProps(item?.props);\n  delete domProps.id;\n  let linkProps = useLinkProps(item?.props);\n\n  return {\n    menuItemProps: {\n      ...ariaProps,\n      ...mergeProps(\n        domProps,\n        linkProps,\n        isTrigger\n          ? {\n              onFocus: itemProps.onFocus,\n              'data-collection': itemProps['data-collection'],\n              'data-key': itemProps['data-key']\n            }\n          : itemProps,\n        pressProps,\n        hoverProps,\n        keyboardProps,\n        focusableProps,\n        // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.\n        data.shouldUseVirtualFocus || isTrigger\n          ? {onMouseDown: e => e.preventDefault()}\n          : undefined,\n        // oxlint-disable-next-line react/react-compiler\n        isDisabled ? undefined : {onClick}\n      ),\n      // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.\n      tabIndex:\n        itemProps.tabIndex != null && isTriggerExpanded && !data.shouldUseVirtualFocus\n          ? -1\n          : itemProps.tabIndex\n    },\n    labelProps: {\n      id: labelId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    keyboardShortcutProps: {\n      id: keyboardId\n    },\n    isFocused,\n    isFocusVisible:\n      isFocused && selectionManager.isFocused && isFocusVisible() && !isTriggerExpanded,\n    isSelected,\n    isPressed,\n    isDisabled\n  };\n}\n"],"names":[],"version":3,"file":"useMenuItem.js.map"}

package/dist/private/menu/useMenuItem.mjs

@@ -54,7 +54,7 @@ function $1a9c2c840fd36413$export$9d32628fc2aea7da(props, state, ref) {
         if (data.onAction) {
             // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.
             let onAction = data.onAction;
-            onAction(key);
+            onAction(key, item?.value);
         }
     };
     let role = 'menuitem';
@@ -148,41 +148,40 @@ function $1a9c2c840fd36413$export$9d32628fc2aea7da(props, state, ref) {
         onHoverEnd: onHoverEnd
     });
     let { keyboardProps: keyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)({
-        onKeyDown: (e)=>{
-            // Ignore repeating events, which may have started on the menu trigger before moving
-            // focus to the menu item. We want to wait for a second complete key press sequence.
-            if (e.repeat) {
-                e.continuePropagation();
-                return;
-            }
-            switch(e.key){
-                case ' ':
-                    interaction.current = {
-                        pointerType: 'keyboard',
-                        key: ' '
-                    };
-                    (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e).click();
-                    // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
-                    // to the newly opened submenu's first item.
-                    (0, $8f5a2122b0992be3$export$8397ddfc504fdb9a)('keyboard');
-                    break;
-                case 'Enter':
-                    interaction.current = {
-                        pointerType: 'keyboard',
-                        key: 'Enter'
-                    };
-                    // Trigger click unless this is a link. Links trigger click natively.
-                    if ((0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e).tagName !== 'A') (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e).click();
-                    // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
-                    // to the newly opened submenu's first item.
+        shortcuts: {
+            ' ': (e)=>{
+                interaction.current = {
+                    pointerType: 'keyboard',
+                    key: ' '
+                };
+                (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e).click();
+                // click above sets modality to "virtual", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus
+                // to the newly opened submenu's first item.
+                (0, $8f5a2122b0992be3$export$8397ddfc504fdb9a)('keyboard');
+            },
+            Enter: (e)=>{
+                interaction.current = {
+                    pointerType: 'keyboard',
+                    key: 'Enter'
+                };
+                let target = (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e);
+                // Trigger click unless this is a link. Links with real DOM focus activate on Enter natively.
+                // With virtual focus (e.g. Autocomplete) focus stays on the input and useAutocomplete dispatches
+                // keydown here then follows with a synthetic click only if dispatchEvent was not canceled—so
+                // links must not preventDefault on that keydown.
+                if (target.tagName !== 'A') {
+                    target.click();
                     (0, $8f5a2122b0992be3$export$8397ddfc504fdb9a)('keyboard');
-                    break;
-                default:
-                    if (!isTrigger) e.continuePropagation();
-                    onKeyDown?.(e);
-                    break;
+                    return;
+                }
+                (0, $8f5a2122b0992be3$export$8397ddfc504fdb9a)('keyboard');
+                return {
+                    shouldPreventDefault: false,
+                    shouldContinuePropagation: false
+                };
             }
         },
+        onKeyDown: onKeyDown,
         onKeyUp: onKeyUp
     });
     let { focusableProps: focusableProps } = (0, $d1116acdf220c2da$export$4c014de7c8940b4c)({
@@ -203,7 +202,8 @@ function $1a9c2c840fd36413$export$9d32628fc2aea7da(props, state, ref) {
             } : itemProps, pressProps, hoverProps, keyboardProps, focusableProps, // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.
             data.shouldUseVirtualFocus || isTrigger ? {
                 onMouseDown: (e)=>e.preventDefault()
-            } : undefined, isDisabled ? undefined : {
+            } : undefined, // oxlint-disable-next-line react/react-compiler
+            isDisabled ? undefined : {
                 onClick: onClick
             }),
             // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.

package/dist/private/menu/useMenuItem.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAmIM,SAAS,0CACd,KAAwB,EACxB,KAAmB,EACnB,GAAuC;IAEvC,IAAI,MACF,EAAE,OACF,GAAG,iBACH,aAAa,uBACb,mBAAmB,iBACnB,aAAa,EACb,iBAAiB,QAAQ,gBACzB,YAAY,EACZ,WAAW,WAAW,WACtB,OAAO,EACP,eAAe,eAAe,cAC9B,UAAU,EACV,SAAS,WAAW,EACpB,cAAc,cAAc,iBAC5B,aAAa,cACb,UAAU,aACV,SAAS,WACT,OAAO,WACP,OAAO,iBACP,aAAa,UACb,MAAM,oBACN,mBAAmB,MAAM,gBAAgB,EAC1C,GAAG;IAEJ,IAAI,YAAY,CAAC,CAAC;IAClB,IAAI,oBAAoB,aAAa,KAAK,CAAC,gBAAgB,KAAK;IAChE,IAAI,aAAa,MAAM,UAAU,IAAI,iBAAiB,UAAU,CAAC;IACjE,IAAI,aAAa,MAAM,UAAU,IAAI,iBAAiB,UAAU,CAAC;IACjE,IAAI,OAAO,CAAA,GAAA,yCAAO,EAAE,GAAG,CAAC;IACxB,IAAI,OAAO,MAAM,UAAU,CAAC,OAAO,CAAC;IACpC,IAAI,UAAU,MAAM,OAAO,IAAI,KAAK,OAAO;IAC3C,IAAI,SAAS,CAAA,GAAA,yCAAQ;IACrB,IAAI,gBAAgB;QAClB,IAAI,WACF;QAGF,IAAI,MAAM,OAAO,UACf,KAAK,KAAK,CAAC,QAAQ;aACd,IAAI,MAAM,QAAQ,EACvB,MAAM,QAAQ,CAAC;QAGjB,IAAI,KAAK,QAAQ,EAAE;YACjB,mGAAmG;YACnG,IAAI,WAAW,KAAK,QAAQ;YAC5B,SAAS;QACX;IACF;IAEA,IAAI,OAAO;IACX,IAAI,CAAC,WAAW;QACd,IAAI,iBAAiB,aAAa,KAAK,UACrC,OAAO;aACF,IAAI,iBAAiB,aAAa,KAAK,YAC5C,OAAO;IAEX;IAEA,IAAI,UAAU,CAAA,GAAA,yCAAQ;IACtB,IAAI,gBAAgB,CAAA,GAAA,yCAAQ;IAC5B,IAAI,aAAa,CAAA,GAAA,yCAAQ;IAEzB,IAAI,YAAY;YACd;QACA,iBAAiB,cAAc;cAC/B;QACA,cAAc,KAAK,CAAC,aAAa;QACjC,mBAAmB;QACnB,oBACE;YAAC,KAAK,CAAC,mBAAmB;YAAE;YAAe;SAAW,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,QAAQ;QACtF,iBAAiB,KAAK,CAAC,gBAAgB;QACvC,iBAAiB;QACjB,iBAAiB,KAAK,CAAC,gBAAgB;IACzC;IAEA,IAAI,iBAAiB,aAAa,KAAK,UAAU,CAAC,WAChD,SAAS,CAAC,eAAe,GAAG;IAG9B,IAAI,eAAe;QACjB,IAAI,QAAQ,OAAO,MAAM;QACzB,SAAS,CAAC,gBAAgB,GAAG,OAAO,KAAK,CAAC,SAAS,YAAY,QAAQ;QACvE,SAAS,CAAC,eAAe,GAAG,CAAA,GAAA,mBAAW,EAAE,MAAM,UAAU;IAC3D;IAEA,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE;IAC1B,IAAI,gBAAgB,CAAC;QACnB,kBAAkB;QAClB,aAAa,OAAO,GAAG;IACzB;IAEA,IAAI,cAAc,CAAA,GAAA,aAAK,EAA8C;IACrE,IAAI,YAAY,CAAC;QACf,IAAI,EAAE,WAAW,KAAK,YACpB,YAAY,OAAO,GAAG;YAAC,aAAa,EAAE,WAAW;QAAA;QAGnD,iFAAiF;QACjF,6DAA6D;QAC7D,IAAI,EAAE,WAAW,KAAK,SACpB;YAAA,IAAI,CAAC,aAAa,OAAO,EACvB,AAAC,EAAE,MAAM,CAAiB,KAAK;QACjC;QAGF,cAAc;IAChB;IAEA,IAAI,UAAU,CAAC;QACb,cAAc;QACd;QACA,CAAA,GAAA,yCAAc,EAAE,GAAG,QAAQ,KAAM,KAAK,CAAC,IAAI,EAAE,MAAM,MAAM;QAEzD,IAAI,cACF,YAAY,OAAO,EAAE,gBAAgB,aAEjC,YAAY,OAAO,EAAE,QAAQ,WAC7B,iBAAiB,aAAa,KAAK,UACnC,iBAAiB,MAAM,CAAC,OAExB,iBAAiB,aAAa,KAAK,cAAc,iBAAiB,MAAM,CAAC;QAE/E,cAAc,uBAAuB,iBAAiB;QAEtD,IAAI,WAAW,CAAC,aAAa,aAC3B;QAGF,YAAY,OAAO,GAAG;IACxB;IAEA,IAAI,aAAC,SAAS,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAgB,EAAE;YAC7C;QACA,kBAAkB;aAClB;aACA;QACA,uBAAuB;QACvB,4BAA4B;QAC5B,sDAAsD;QACtD,wDAAwD;QACxD,uDAAuD;QACvD,wDAAwD;QACxD,cAAc;QACd,uBAAuB,KAAK,qBAAqB;IACnD;IAEA,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE;sBACrC;iBACA;mBACA;uBACA;oBACA;oBACA;IACF;IACA,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE;oBAC1B;QACA,cAAa,CAAC;YACZ,wFAAwF;YACxF,IAAI,CAAC,CAAA,GAAA,yCAAa,OAAO,CAAE,CAAA,qBAAqB,QAAO,GAAI;gBACzD,iBAAiB,UAAU,CAAC;gBAC5B,iBAAiB,aAAa,CAAC;YACjC;YACA,iBAAiB;QACnB;uBACA;oBACA;IACF;IAEA,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,yCAAU,EAAE;QAChC,WAAW,CAAA;YACT,oFAAoF;YACpF,oFAAoF;YACpF,IAAI,EAAE,MAAM,EAAE;gBACZ,EAAE,mBAAmB;gBACrB;YACF;YAEA,OAAQ,EAAE,GAAG;gBACX,KAAK;oBACH,YAAY,OAAO,GAAG;wBAAC,aAAa;wBAAY,KAAK;oBAAG;oBACvD,CAAA,GAAA,yCAAa,EAAE,GAAmB,KAAK;oBAExC,uIAAuI;oBACvI,4CAA4C;oBAC5C,CAAA,GAAA,yCAAqB,EAAE;oBACvB;gBACF,KAAK;oBACH,YAAY,OAAO,GAAG;wBAAC,aAAa;wBAAY,KAAK;oBAAO;oBAE5D,qEAAqE;oBACrE,IAAI,AAAC,CAAA,GAAA,yCAAa,EAAE,GAAmB,OAAO,KAAK,KACjD,AAAC,CAAA,GAAA,yCAAa,EAAE,GAAmB,KAAK;oBAG1C,uIAAuI;oBACvI,4CAA4C;oBAC5C,CAAA,GAAA,yCAAqB,EAAE;oBACvB;gBACF;oBACE,IAAI,CAAC,WACH,EAAE,mBAAmB;oBAGvB,YAAY;oBACZ;YACJ;QACF;iBACA;IACF;IAEA,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE;gBAAC;iBAAQ;uBAAS;IAAa,GAAG;IACtE,IAAI,WAAW,CAAA,GAAA,yCAAa,EAAE,MAAM;IACpC,OAAO,SAAS,EAAE;IAClB,IAAI,YAAY,CAAA,GAAA,yCAAW,EAAE,MAAM;IAEnC,OAAO;QACL,eAAe;YACb,GAAG,SAAS;YACZ,GAAG,CAAA,GAAA,yCAAS,EACV,UACA,WACA,YACI;gBACE,SAAS,UAAU,OAAO;gBAC1B,mBAAmB,SAAS,CAAC,kBAAkB;gBAC/C,YAAY,SAAS,CAAC,WAAW;YACnC,IACA,WACJ,YACA,YACA,eACA,gBACA,+GAA+G;YAC/G,KAAK,qBAAqB,IAAI,YAC1B;gBAAC,aAAa,CAAA,IAAK,EAAE,cAAc;YAAE,IACrC,WACJ,aAAa,YAAY;yBAAC;YAAO,EAClC;YACD,+HAA+H;YAC/H,UACE,UAAU,QAAQ,IAAI,QAAQ,qBAAqB,CAAC,KAAK,qBAAqB,GAC1E,KACA,UAAU,QAAQ;QAC1B;QACA,YAAY;YACV,IAAI;QACN;QACA,kBAAkB;YAChB,IAAI;QACN;QACA,uBAAuB;YACrB,IAAI;QACN;mBACA;QACA,gBACE,aAAa,iBAAiB,SAAS,IAAI,CAAA,GAAA,yCAAa,OAAO,CAAC;oBAClE;mBACA;oBACA;IACF;AACF","sources":["packages/react-aria/src/menu/useMenuItem.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  FocusEvents,\n  HoverEvents,\n  Key,\n  KeyboardEvents,\n  PressEvent,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getItemCount} from 'react-stately/private/collections/getItemCount';\nimport {handleLinkClick, useLinkProps, useRouter} from '../utils/openLink';\nimport {isFocusVisible, setInteractionModality} from '../interactions/useFocusVisible';\nimport {menuData} from './utils';\nimport {mergeProps} from '../utils/mergeProps';\nimport {MouseEvent, useRef} from 'react';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {TreeState} from 'react-stately/useTreeState';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useHover} from '../interactions/useHover';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {usePress} from '../interactions/usePress';\nimport {useSelectableItem} from '../selection/useSelectableItem';\nimport {useSlotId} from '../utils/useId';\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: DOMAttributes;\n\n  /** Props for the main text element inside the menu item. */\n  labelProps: DOMAttributes;\n\n  /** Props for the description text element inside the menu item, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the keyboard shortcut text element inside the item, if any. */\n  keyboardShortcutProps: DOMAttributes;\n\n  /** Whether the item is currently focused. */\n  isFocused: boolean;\n  /** Whether the item is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the item is currently selected. */\n  isSelected: boolean;\n  /** Whether the item is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface AriaMenuItemProps\n  extends DOMProps, PressEvents, HoverEvents, KeyboardEvents, FocusEvents {\n  /**\n   * Whether the menu item is disabled.\n   *\n   * @deprecated - pass disabledKeys to useTreeState instead.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the menu item is selected.\n   *\n   * @deprecated - pass selectedKeys to useTreeState instead.\n   */\n  isSelected?: boolean;\n\n  /** A screen reader only label for the menu item. */\n  'aria-label'?: string;\n\n  /** The unique key for the menu item. */\n  key: Key;\n\n  /**\n   * Handler that is called when the menu should close after selecting an item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onClose?: () => void;\n\n  /**\n   * Whether the menu should close when the menu item is selected.\n   *\n   * @deprecated - use shouldCloseOnSelect instead.\n   */\n  closeOnSelect?: boolean;\n\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n\n  /** Whether the menu item is contained in a virtual scrolling menu. */\n  isVirtualized?: boolean;\n\n  /**\n   * Handler that is called when the user activates the item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onAction?: (key: Key) => void;\n\n  /** What kind of popup the item opens. */\n  'aria-haspopup'?: 'menu' | 'dialog';\n\n  /** Indicates whether the menu item's popup element is expanded or collapsed. */\n  'aria-expanded'?: boolean | 'true' | 'false';\n\n  /**\n   * Identifies the menu item's popup element whose contents or presence is controlled by the menu\n   * item.\n   */\n  'aria-controls'?: string;\n\n  /** Identifies the element(s) that describe the menu item. */\n  'aria-describedby'?: string;\n\n  /** Override of the selection manager. By default, `state.selectionManager` is used. */\n  selectionManager?: SelectionManager;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an item in a menu.\n * See `useMenu` for more details about menus.\n *\n * @param props - Props for the item.\n * @param state - State for the menu, as returned by `useTreeState`.\n */\nexport function useMenuItem<T>(\n  props: AriaMenuItemProps,\n  state: TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): MenuItemAria {\n  let {\n    id,\n    key,\n    closeOnSelect,\n    shouldCloseOnSelect,\n    isVirtualized,\n    'aria-haspopup': hasPopup,\n    onPressStart,\n    onPressUp: pressUpProp,\n    onPress,\n    onPressChange: pressChangeProp,\n    onPressEnd,\n    onClick: onClickProp,\n    onHoverStart: hoverStartProp,\n    onHoverChange,\n    onHoverEnd,\n    onKeyDown,\n    onKeyUp,\n    onFocus,\n    onFocusChange,\n    onBlur,\n    selectionManager = state.selectionManager\n  } = props;\n\n  let isTrigger = !!hasPopup;\n  let isTriggerExpanded = isTrigger && props['aria-expanded'] === 'true';\n  let isDisabled = props.isDisabled ?? selectionManager.isDisabled(key);\n  let isSelected = props.isSelected ?? selectionManager.isSelected(key);\n  let data = menuData.get(state)!;\n  let item = state.collection.getItem(key);\n  let onClose = props.onClose || data.onClose;\n  let router = useRouter();\n  let performAction = () => {\n    if (isTrigger) {\n      return;\n    }\n\n    if (item?.props?.onAction) {\n      item.props.onAction();\n    } else if (props.onAction) {\n      props.onAction(key);\n    }\n\n    if (data.onAction) {\n      // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.\n      let onAction = data.onAction;\n      onAction(key);\n    }\n  };\n\n  let role = 'menuitem';\n  if (!isTrigger) {\n    if (selectionManager.selectionMode === 'single') {\n      role = 'menuitemradio';\n    } else if (selectionManager.selectionMode === 'multiple') {\n      role = 'menuitemcheckbox';\n    }\n  }\n\n  let labelId = useSlotId();\n  let descriptionId = useSlotId();\n  let keyboardId = useSlotId();\n\n  let ariaProps = {\n    id,\n    'aria-disabled': isDisabled || undefined,\n    role,\n    'aria-label': props['aria-label'],\n    'aria-labelledby': labelId,\n    'aria-describedby':\n      [props['aria-describedby'], descriptionId, keyboardId].filter(Boolean).join(' ') || undefined,\n    'aria-controls': props['aria-controls'],\n    'aria-haspopup': hasPopup,\n    'aria-expanded': props['aria-expanded']\n  };\n\n  if (selectionManager.selectionMode !== 'none' && !isTrigger) {\n    ariaProps['aria-checked'] = isSelected;\n  }\n\n  if (isVirtualized) {\n    let index = Number(item?.index);\n    ariaProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;\n    ariaProps['aria-setsize'] = getItemCount(state.collection);\n  }\n\n  let isPressedRef = useRef(false);\n  let onPressChange = (isPressed: boolean) => {\n    pressChangeProp?.(isPressed);\n    isPressedRef.current = isPressed;\n  };\n\n  let interaction = useRef<{pointerType: string; key?: string} | null>(null);\n  let onPressUp = (e: PressEvent) => {\n    if (e.pointerType !== 'keyboard') {\n      interaction.current = {pointerType: e.pointerType};\n    }\n\n    // If interacting with mouse, allow the user to mouse down on the trigger button,\n    // drag, and release over an item (matching native behavior).\n    if (e.pointerType === 'mouse') {\n      if (!isPressedRef.current) {\n        (e.target as HTMLElement).click();\n      }\n    }\n\n    pressUpProp?.(e);\n  };\n\n  let onClick = (e: MouseEvent<FocusableElement>) => {\n    onClickProp?.(e);\n    performAction();\n    handleLinkClick(e, router, item!.props.href, item?.props.routerOptions);\n\n    let shouldClose =\n      interaction.current?.pointerType === 'keyboard'\n        ? // Always close when pressing Enter key, or if item is not selectable.\n          interaction.current?.key === 'Enter' ||\n          selectionManager.selectionMode === 'none' ||\n          selectionManager.isLink(key)\n        : // Close except if multi-select is enabled.\n          selectionManager.selectionMode !== 'multiple' || selectionManager.isLink(key);\n\n    shouldClose = shouldCloseOnSelect ?? closeOnSelect ?? shouldClose;\n\n    if (onClose && !isTrigger && shouldClose) {\n      onClose();\n    }\n\n    interaction.current = null;\n  };\n\n  let {itemProps, isFocused} = useSelectableItem({\n    id,\n    selectionManager: selectionManager,\n    key,\n    ref,\n    shouldSelectOnPressUp: true,\n    allowsDifferentPressOrigin: true,\n    // Disable all handling of links in useSelectable item\n    // because we handle it ourselves. The behavior of menus\n    // is slightly different from other collections because\n    // actions are performed on key down rather than key up.\n    linkBehavior: 'none',\n    shouldUseVirtualFocus: data.shouldUseVirtualFocus\n  });\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPress,\n    onPressUp,\n    onPressChange,\n    onPressEnd,\n    isDisabled\n  });\n  let {hoverProps} = useHover({\n    isDisabled,\n    onHoverStart(e) {\n      // Hovering over an already expanded sub dialog trigger should keep focus in the dialog.\n      if (!isFocusVisible() && !(isTriggerExpanded && hasPopup)) {\n        selectionManager.setFocused(true);\n        selectionManager.setFocusedKey(key);\n      }\n      hoverStartProp?.(e);\n    },\n    onHoverChange,\n    onHoverEnd\n  });\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown: e => {\n      // Ignore repeating events, which may have started on the menu trigger before moving\n      // focus to the menu item. We want to wait for a second complete key press sequence.\n      if (e.repeat) {\n        e.continuePropagation();\n        return;\n      }\n\n      switch (e.key) {\n        case ' ':\n          interaction.current = {pointerType: 'keyboard', key: ' '};\n          (getEventTarget(e) as HTMLElement).click();\n\n          // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n          // to the newly opened submenu's first item.\n          setInteractionModality('keyboard');\n          break;\n        case 'Enter':\n          interaction.current = {pointerType: 'keyboard', key: 'Enter'};\n\n          // Trigger click unless this is a link. Links trigger click natively.\n          if ((getEventTarget(e) as HTMLElement).tagName !== 'A') {\n            (getEventTarget(e) as HTMLElement).click();\n          }\n\n          // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n          // to the newly opened submenu's first item.\n          setInteractionModality('keyboard');\n          break;\n        default:\n          if (!isTrigger) {\n            e.continuePropagation();\n          }\n\n          onKeyDown?.(e);\n          break;\n      }\n    },\n    onKeyUp\n  });\n\n  let {focusableProps} = useFocusable({onBlur, onFocus, onFocusChange}, ref);\n  let domProps = filterDOMProps(item?.props);\n  delete domProps.id;\n  let linkProps = useLinkProps(item?.props);\n\n  return {\n    menuItemProps: {\n      ...ariaProps,\n      ...mergeProps(\n        domProps,\n        linkProps,\n        isTrigger\n          ? {\n              onFocus: itemProps.onFocus,\n              'data-collection': itemProps['data-collection'],\n              'data-key': itemProps['data-key']\n            }\n          : itemProps,\n        pressProps,\n        hoverProps,\n        keyboardProps,\n        focusableProps,\n        // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.\n        data.shouldUseVirtualFocus || isTrigger\n          ? {onMouseDown: e => e.preventDefault()}\n          : undefined,\n        isDisabled ? undefined : {onClick}\n      ),\n      // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.\n      tabIndex:\n        itemProps.tabIndex != null && isTriggerExpanded && !data.shouldUseVirtualFocus\n          ? -1\n          : itemProps.tabIndex\n    },\n    labelProps: {\n      id: labelId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    keyboardShortcutProps: {\n      id: keyboardId\n    },\n    isFocused,\n    isFocusVisible:\n      isFocused && selectionManager.isFocused && isFocusVisible() && !isTriggerExpanded,\n    isSelected,\n    isPressed,\n    isDisabled\n  };\n}\n"],"names":[],"version":3,"file":"useMenuItem.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/menu/useMenuItem.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DOMAttributes,\n  DOMProps,\n  FocusableElement,\n  FocusEvents,\n  HoverEvents,\n  Key,\n  KeyboardEvents,\n  PressEvent,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {getEventTarget} from '../utils/shadowdom/DOMFunctions';\nimport {getItemCount} from 'react-stately/private/collections/getItemCount';\nimport {handleLinkClick, useLinkProps, useRouter} from '../utils/openLink';\nimport {isFocusVisible, setInteractionModality} from '../interactions/useFocusVisible';\nimport {menuData} from './utils';\nimport {mergeProps} from '../utils/mergeProps';\nimport {MouseEvent, useRef} from 'react';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {TreeState} from 'react-stately/useTreeState';\nimport {useFocusable} from '../interactions/useFocusable';\nimport {useHover} from '../interactions/useHover';\nimport {useKeyboard} from '../interactions/useKeyboard';\nimport {usePress} from '../interactions/usePress';\nimport {useSelectableItem} from '../selection/useSelectableItem';\nimport {useSlotId} from '../utils/useId';\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: DOMAttributes;\n\n  /** Props for the main text element inside the menu item. */\n  labelProps: DOMAttributes;\n\n  /** Props for the description text element inside the menu item, if any. */\n  descriptionProps: DOMAttributes;\n\n  /** Props for the keyboard shortcut text element inside the item, if any. */\n  keyboardShortcutProps: DOMAttributes;\n\n  /** Whether the item is currently focused. */\n  isFocused: boolean;\n  /** Whether the item is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the item is currently selected. */\n  isSelected: boolean;\n  /** Whether the item is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface AriaMenuItemProps\n  extends DOMProps, PressEvents, HoverEvents, KeyboardEvents, FocusEvents {\n  /**\n   * Whether the menu item is disabled.\n   *\n   * @deprecated - pass disabledKeys to useTreeState instead.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the menu item is selected.\n   *\n   * @deprecated - pass selectedKeys to useTreeState instead.\n   */\n  isSelected?: boolean;\n\n  /** A screen reader only label for the menu item. */\n  'aria-label'?: string;\n\n  /** The unique key for the menu item. */\n  key: Key;\n\n  /**\n   * Handler that is called when the menu should close after selecting an item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onClose?: () => void;\n\n  /**\n   * Whether the menu should close when the menu item is selected.\n   *\n   * @deprecated - use shouldCloseOnSelect instead.\n   */\n  closeOnSelect?: boolean;\n\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n\n  /** Whether the menu item is contained in a virtual scrolling menu. */\n  isVirtualized?: boolean;\n\n  /**\n   * Handler that is called when the user activates the item.\n   *\n   * @deprecated - pass to the menu instead.\n   */\n  onAction?: (key: Key) => void;\n\n  /** What kind of popup the item opens. */\n  'aria-haspopup'?: 'menu' | 'dialog';\n\n  /** Indicates whether the menu item's popup element is expanded or collapsed. */\n  'aria-expanded'?: boolean | 'true' | 'false';\n\n  /**\n   * Identifies the menu item's popup element whose contents or presence is controlled by the menu\n   * item.\n   */\n  'aria-controls'?: string;\n\n  /** Identifies the element(s) that describe the menu item. */\n  'aria-describedby'?: string;\n\n  /** Override of the selection manager. By default, `state.selectionManager` is used. */\n  selectionManager?: SelectionManager;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an item in a menu.\n * See `useMenu` for more details about menus.\n *\n * @param props - Props for the item.\n * @param state - State for the menu, as returned by `useTreeState`.\n */\nexport function useMenuItem<T>(\n  props: AriaMenuItemProps,\n  state: TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): MenuItemAria {\n  let {\n    id,\n    key,\n    closeOnSelect,\n    shouldCloseOnSelect,\n    isVirtualized,\n    'aria-haspopup': hasPopup,\n    onPressStart,\n    onPressUp: pressUpProp,\n    onPress,\n    onPressChange: pressChangeProp,\n    onPressEnd,\n    onClick: onClickProp,\n    onHoverStart: hoverStartProp,\n    onHoverChange,\n    onHoverEnd,\n    onKeyDown,\n    onKeyUp,\n    onFocus,\n    onFocusChange,\n    onBlur,\n    selectionManager = state.selectionManager\n  } = props;\n\n  let isTrigger = !!hasPopup;\n  let isTriggerExpanded = isTrigger && props['aria-expanded'] === 'true';\n  let isDisabled = props.isDisabled ?? selectionManager.isDisabled(key);\n  let isSelected = props.isSelected ?? selectionManager.isSelected(key);\n  let data = menuData.get(state)!;\n  let item = state.collection.getItem(key);\n  let onClose = props.onClose || data.onClose;\n  let router = useRouter();\n  let performAction = () => {\n    if (isTrigger) {\n      return;\n    }\n\n    if (item?.props?.onAction) {\n      item.props.onAction();\n    } else if (props.onAction) {\n      props.onAction(key);\n    }\n\n    if (data.onAction) {\n      // Must reassign to variable otherwise `this` binding gets messed up. Something to do with WeakMap.\n      let onAction = data.onAction;\n      onAction(key, item?.value);\n    }\n  };\n\n  let role = 'menuitem';\n  if (!isTrigger) {\n    if (selectionManager.selectionMode === 'single') {\n      role = 'menuitemradio';\n    } else if (selectionManager.selectionMode === 'multiple') {\n      role = 'menuitemcheckbox';\n    }\n  }\n\n  let labelId = useSlotId();\n  let descriptionId = useSlotId();\n  let keyboardId = useSlotId();\n\n  let ariaProps = {\n    id,\n    'aria-disabled': isDisabled || undefined,\n    role,\n    'aria-label': props['aria-label'],\n    'aria-labelledby': labelId,\n    'aria-describedby':\n      [props['aria-describedby'], descriptionId, keyboardId].filter(Boolean).join(' ') || undefined,\n    'aria-controls': props['aria-controls'],\n    'aria-haspopup': hasPopup,\n    'aria-expanded': props['aria-expanded']\n  };\n\n  if (selectionManager.selectionMode !== 'none' && !isTrigger) {\n    ariaProps['aria-checked'] = isSelected;\n  }\n\n  if (isVirtualized) {\n    let index = Number(item?.index);\n    ariaProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;\n    ariaProps['aria-setsize'] = getItemCount(state.collection);\n  }\n\n  let isPressedRef = useRef(false);\n  let onPressChange = (isPressed: boolean) => {\n    pressChangeProp?.(isPressed);\n    isPressedRef.current = isPressed;\n  };\n\n  let interaction = useRef<{pointerType: string; key?: string} | null>(null);\n  let onPressUp = (e: PressEvent) => {\n    if (e.pointerType !== 'keyboard') {\n      interaction.current = {pointerType: e.pointerType};\n    }\n\n    // If interacting with mouse, allow the user to mouse down on the trigger button,\n    // drag, and release over an item (matching native behavior).\n    if (e.pointerType === 'mouse') {\n      if (!isPressedRef.current) {\n        (e.target as HTMLElement).click();\n      }\n    }\n\n    pressUpProp?.(e);\n  };\n\n  let onClick = (e: MouseEvent<FocusableElement>) => {\n    onClickProp?.(e);\n    performAction();\n    handleLinkClick(e, router, item!.props.href, item?.props.routerOptions);\n\n    let shouldClose =\n      interaction.current?.pointerType === 'keyboard'\n        ? // Always close when pressing Enter key, or if item is not selectable.\n          interaction.current?.key === 'Enter' ||\n          selectionManager.selectionMode === 'none' ||\n          selectionManager.isLink(key)\n        : // Close except if multi-select is enabled.\n          selectionManager.selectionMode !== 'multiple' || selectionManager.isLink(key);\n\n    shouldClose = shouldCloseOnSelect ?? closeOnSelect ?? shouldClose;\n\n    if (onClose && !isTrigger && shouldClose) {\n      onClose();\n    }\n\n    interaction.current = null;\n  };\n\n  let {itemProps, isFocused} = useSelectableItem({\n    id,\n    selectionManager: selectionManager,\n    key,\n    ref,\n    shouldSelectOnPressUp: true,\n    allowsDifferentPressOrigin: true,\n    // Disable all handling of links in useSelectable item\n    // because we handle it ourselves. The behavior of menus\n    // is slightly different from other collections because\n    // actions are performed on key down rather than key up.\n    linkBehavior: 'none',\n    shouldUseVirtualFocus: data.shouldUseVirtualFocus\n  });\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPress,\n    onPressUp,\n    onPressChange,\n    onPressEnd,\n    isDisabled\n  });\n  let {hoverProps} = useHover({\n    isDisabled,\n    onHoverStart(e) {\n      // Hovering over an already expanded sub dialog trigger should keep focus in the dialog.\n      if (!isFocusVisible() && !(isTriggerExpanded && hasPopup)) {\n        selectionManager.setFocused(true);\n        selectionManager.setFocusedKey(key);\n      }\n      hoverStartProp?.(e);\n    },\n    onHoverChange,\n    onHoverEnd\n  });\n\n  let {keyboardProps} = useKeyboard({\n    shortcuts: {\n      ' ': e => {\n        interaction.current = {pointerType: 'keyboard', key: ' '};\n        (getEventTarget(e) as HTMLElement).click();\n\n        // click above sets modality to \"virtual\", need to set interaction modality back to 'keyboard' so focusSafely calls properly move focus\n        // to the newly opened submenu's first item.\n        setInteractionModality('keyboard');\n      },\n      Enter: e => {\n        interaction.current = {pointerType: 'keyboard', key: 'Enter'};\n        let target = getEventTarget(e) as HTMLElement;\n\n        // Trigger click unless this is a link. Links with real DOM focus activate on Enter natively.\n        // With virtual focus (e.g. Autocomplete) focus stays on the input and useAutocomplete dispatches\n        // keydown here then follows with a synthetic click only if dispatchEvent was not canceled—so\n        // links must not preventDefault on that keydown.\n        if (target.tagName !== 'A') {\n          target.click();\n          setInteractionModality('keyboard');\n          return;\n        }\n\n        setInteractionModality('keyboard');\n        return {shouldPreventDefault: false, shouldContinuePropagation: false};\n      }\n    },\n    onKeyDown,\n    onKeyUp\n  });\n\n  let {focusableProps} = useFocusable({onBlur, onFocus, onFocusChange}, ref);\n  let domProps = filterDOMProps(item?.props);\n  delete domProps.id;\n  let linkProps = useLinkProps(item?.props);\n\n  return {\n    menuItemProps: {\n      ...ariaProps,\n      ...mergeProps(\n        domProps,\n        linkProps,\n        isTrigger\n          ? {\n              onFocus: itemProps.onFocus,\n              'data-collection': itemProps['data-collection'],\n              'data-key': itemProps['data-key']\n            }\n          : itemProps,\n        pressProps,\n        hoverProps,\n        keyboardProps,\n        focusableProps,\n        // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.\n        data.shouldUseVirtualFocus || isTrigger\n          ? {onMouseDown: e => e.preventDefault()}\n          : undefined,\n        // oxlint-disable-next-line react/react-compiler\n        isDisabled ? undefined : {onClick}\n      ),\n      // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.\n      tabIndex:\n        itemProps.tabIndex != null && isTriggerExpanded && !data.shouldUseVirtualFocus\n          ? -1\n          : itemProps.tabIndex\n    },\n    labelProps: {\n      id: labelId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    keyboardShortcutProps: {\n      id: keyboardId\n    },\n    isFocused,\n    isFocusVisible:\n      isFocused && selectionManager.isFocused && isFocusVisible() && !isTriggerExpanded,\n    isSelected,\n    isPressed,\n    isDisabled\n  };\n}\n"],"names":[],"version":3,"file":"useMenuItem.mjs.map"}