@react-aria/menu 3.13.2-nightly.4555 → 3.13.2-nightly.4560

package/dist/useMenuItem.mjs

@@ -0,0 +1,170 @@
+import {menuData as $d5336fe17ce95402$export$6f49b4016bfc8d56} from "./useMenu.mjs";
+import {useRouter as $7Kjv5$useRouter, useSlotId as $7Kjv5$useSlotId, filterDOMProps as $7Kjv5$filterDOMProps, useLinkProps as $7Kjv5$useLinkProps, mergeProps as $7Kjv5$mergeProps} from "@react-aria/utils";
+import {getItemCount as $7Kjv5$getItemCount} from "@react-stately/collections";
+import {usePress as $7Kjv5$usePress, useHover as $7Kjv5$useHover, isFocusVisible as $7Kjv5$isFocusVisible, useKeyboard as $7Kjv5$useKeyboard, useFocus as $7Kjv5$useFocus} from "@react-aria/interactions";
+import {useSelectableItem as $7Kjv5$useSelectableItem} from "@react-aria/selection";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
+    let { key: key, closeOnSelect: closeOnSelect, isVirtualized: isVirtualized, "aria-haspopup": hasPopup, onPressStart: pressStartProp, onPressUp: pressUpProp, onPress: onPress, onPressChange: onPressChange, onPressEnd: onPressEnd, onHoverStart: hoverStartProp, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onFocus: onFocus, onFocusChange: onFocusChange, onBlur: onBlur } = props;
+    let isTrigger = !!hasPopup;
+    var _props_isDisabled;
+    let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.selectionManager.isDisabled(key);
+    var _props_isSelected;
+    let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
+    let data = (0, $d5336fe17ce95402$export$6f49b4016bfc8d56).get(state);
+    let item = state.collection.getItem(key);
+    let onClose = props.onClose || data.onClose;
+    let router = (0, $7Kjv5$useRouter)();
+    let performAction = (e)=>{
+        var _item_props;
+        if (isTrigger) return;
+        if (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) item.props.onAction();
+        if (props.onAction) props.onAction(key);
+        else if (data.onAction) data.onAction(key);
+        if (e.target instanceof HTMLAnchorElement) router.open(e.target, e, item.props.href, item.props.routerOptions);
+    };
+    let role = "menuitem";
+    if (!isTrigger) {
+        if (state.selectionManager.selectionMode === "single") role = "menuitemradio";
+        else if (state.selectionManager.selectionMode === "multiple") role = "menuitemcheckbox";
+    }
+    let labelId = (0, $7Kjv5$useSlotId)();
+    let descriptionId = (0, $7Kjv5$useSlotId)();
+    let keyboardId = (0, $7Kjv5$useSlotId)();
+    let ariaProps = {
+        "aria-disabled": isDisabled || undefined,
+        role: role,
+        "aria-label": props["aria-label"],
+        "aria-labelledby": labelId,
+        "aria-describedby": [
+            descriptionId,
+            keyboardId
+        ].filter(Boolean).join(" ") || undefined,
+        "aria-controls": props["aria-controls"],
+        "aria-haspopup": hasPopup,
+        "aria-expanded": props["aria-expanded"]
+    };
+    if (state.selectionManager.selectionMode !== "none" && !isTrigger) ariaProps["aria-checked"] = isSelected;
+    if (isVirtualized) {
+        ariaProps["aria-posinset"] = item === null || item === void 0 ? void 0 : item.index;
+        ariaProps["aria-setsize"] = (0, $7Kjv5$getItemCount)(state.collection);
+    }
+    let onPressStart = (e)=>{
+        if (e.pointerType === "keyboard") performAction(e);
+        pressStartProp === null || pressStartProp === void 0 ? void 0 : pressStartProp(e);
+    };
+    let onPressUp = (e)=>{
+        if (e.pointerType !== "keyboard") {
+            performAction(e);
+            // Pressing a menu item should close by default in single selection mode but not multiple
+            // selection mode, except if overridden by the closeOnSelect prop.
+            if (!isTrigger && onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : state.selectionManager.selectionMode !== "multiple" || state.selectionManager.isLink(key))) onClose();
+        }
+        pressUpProp === null || pressUpProp === void 0 ? void 0 : pressUpProp(e);
+    };
+    let { itemProps: itemProps, isFocused: isFocused } = (0, $7Kjv5$useSelectableItem)({
+        selectionManager: state.selectionManager,
+        key: key,
+        ref: ref,
+        shouldSelectOnPressUp: true,
+        allowsDifferentPressOrigin: true,
+        // Disable all handling of links in useSelectable item
+        // because we handle it ourselves. The behavior of menus
+        // is slightly different from other collections because
+        // actions are performed on key down rather than key up.
+        linkBehavior: "none"
+    });
+    let { pressProps: pressProps, isPressed: isPressed } = (0, $7Kjv5$usePress)({
+        onPressStart: onPressStart,
+        onPress: onPress,
+        onPressUp: onPressUp,
+        onPressChange: onPressChange,
+        onPressEnd: onPressEnd,
+        isDisabled: isDisabled
+    });
+    let { hoverProps: hoverProps } = (0, $7Kjv5$useHover)({
+        isDisabled: isDisabled,
+        onHoverStart (e) {
+            if (!(0, $7Kjv5$isFocusVisible)()) {
+                state.selectionManager.setFocused(true);
+                state.selectionManager.setFocusedKey(key);
+            }
+            hoverStartProp === null || hoverStartProp === void 0 ? void 0 : hoverStartProp(e);
+        },
+        onHoverChange: onHoverChange,
+        onHoverEnd: onHoverEnd
+    });
+    let { keyboardProps: keyboardProps } = (0, $7Kjv5$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 " ":
+                    if (!isDisabled && state.selectionManager.selectionMode === "none" && !isTrigger && closeOnSelect !== false && onClose) onClose();
+                    break;
+                case "Enter":
+                    // The Enter key should always close on select, except if overridden.
+                    if (!isDisabled && closeOnSelect !== false && !isTrigger && onClose) onClose();
+                    break;
+                default:
+                    if (!isTrigger) e.continuePropagation();
+                    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+                    break;
+            }
+        },
+        onKeyUp: onKeyUp
+    });
+    let { focusProps: focusProps } = (0, $7Kjv5$useFocus)({
+        onBlur: onBlur,
+        onFocus: onFocus,
+        onFocusChange: onFocusChange
+    });
+    let domProps = (0, $7Kjv5$filterDOMProps)(item.props);
+    delete domProps.id;
+    let linkProps = (0, $7Kjv5$useLinkProps)(item.props);
+    return {
+        menuItemProps: {
+            ...ariaProps,
+            ...(0, $7Kjv5$mergeProps)(domProps, linkProps, isTrigger ? {
+                onFocus: itemProps.onFocus
+            } : itemProps, pressProps, hoverProps, keyboardProps, focusProps),
+            tabIndex: itemProps.tabIndex != null ? -1 : undefined
+        },
+        labelProps: {
+            id: labelId
+        },
+        descriptionProps: {
+            id: descriptionId
+        },
+        keyboardShortcutProps: {
+            id: keyboardId
+        },
+        isFocused: isFocused,
+        isSelected: isSelected,
+        isPressed: isPressed,
+        isDisabled: isDisabled
+    };
+}
+
+
+export {$a2e5df62f93c7633$export$9d32628fc2aea7da as useMenuItem};
+//# sourceMappingURL=useMenuItem.mjs.map

package/dist/useMenuItem.module.js

@@ -0,0 +1,170 @@
+import {menuData as $d5336fe17ce95402$export$6f49b4016bfc8d56} from "./useMenu.module.js";
+import {useRouter as $7Kjv5$useRouter, useSlotId as $7Kjv5$useSlotId, filterDOMProps as $7Kjv5$filterDOMProps, useLinkProps as $7Kjv5$useLinkProps, mergeProps as $7Kjv5$mergeProps} from "@react-aria/utils";
+import {getItemCount as $7Kjv5$getItemCount} from "@react-stately/collections";
+import {usePress as $7Kjv5$usePress, useHover as $7Kjv5$useHover, isFocusVisible as $7Kjv5$isFocusVisible, useKeyboard as $7Kjv5$useKeyboard, useFocus as $7Kjv5$useFocus} from "@react-aria/interactions";
+import {useSelectableItem as $7Kjv5$useSelectableItem} from "@react-aria/selection";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
+    let { key: key, closeOnSelect: closeOnSelect, isVirtualized: isVirtualized, "aria-haspopup": hasPopup, onPressStart: pressStartProp, onPressUp: pressUpProp, onPress: onPress, onPressChange: onPressChange, onPressEnd: onPressEnd, onHoverStart: hoverStartProp, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onFocus: onFocus, onFocusChange: onFocusChange, onBlur: onBlur } = props;
+    let isTrigger = !!hasPopup;
+    var _props_isDisabled;
+    let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.selectionManager.isDisabled(key);
+    var _props_isSelected;
+    let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
+    let data = (0, $d5336fe17ce95402$export$6f49b4016bfc8d56).get(state);
+    let item = state.collection.getItem(key);
+    let onClose = props.onClose || data.onClose;
+    let router = (0, $7Kjv5$useRouter)();
+    let performAction = (e)=>{
+        var _item_props;
+        if (isTrigger) return;
+        if (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) item.props.onAction();
+        if (props.onAction) props.onAction(key);
+        else if (data.onAction) data.onAction(key);
+        if (e.target instanceof HTMLAnchorElement) router.open(e.target, e, item.props.href, item.props.routerOptions);
+    };
+    let role = "menuitem";
+    if (!isTrigger) {
+        if (state.selectionManager.selectionMode === "single") role = "menuitemradio";
+        else if (state.selectionManager.selectionMode === "multiple") role = "menuitemcheckbox";
+    }
+    let labelId = (0, $7Kjv5$useSlotId)();
+    let descriptionId = (0, $7Kjv5$useSlotId)();
+    let keyboardId = (0, $7Kjv5$useSlotId)();
+    let ariaProps = {
+        "aria-disabled": isDisabled || undefined,
+        role: role,
+        "aria-label": props["aria-label"],
+        "aria-labelledby": labelId,
+        "aria-describedby": [
+            descriptionId,
+            keyboardId
+        ].filter(Boolean).join(" ") || undefined,
+        "aria-controls": props["aria-controls"],
+        "aria-haspopup": hasPopup,
+        "aria-expanded": props["aria-expanded"]
+    };
+    if (state.selectionManager.selectionMode !== "none" && !isTrigger) ariaProps["aria-checked"] = isSelected;
+    if (isVirtualized) {
+        ariaProps["aria-posinset"] = item === null || item === void 0 ? void 0 : item.index;
+        ariaProps["aria-setsize"] = (0, $7Kjv5$getItemCount)(state.collection);
+    }
+    let onPressStart = (e)=>{
+        if (e.pointerType === "keyboard") performAction(e);
+        pressStartProp === null || pressStartProp === void 0 ? void 0 : pressStartProp(e);
+    };
+    let onPressUp = (e)=>{
+        if (e.pointerType !== "keyboard") {
+            performAction(e);
+            // Pressing a menu item should close by default in single selection mode but not multiple
+            // selection mode, except if overridden by the closeOnSelect prop.
+            if (!isTrigger && onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : state.selectionManager.selectionMode !== "multiple" || state.selectionManager.isLink(key))) onClose();
+        }
+        pressUpProp === null || pressUpProp === void 0 ? void 0 : pressUpProp(e);
+    };
+    let { itemProps: itemProps, isFocused: isFocused } = (0, $7Kjv5$useSelectableItem)({
+        selectionManager: state.selectionManager,
+        key: key,
+        ref: ref,
+        shouldSelectOnPressUp: true,
+        allowsDifferentPressOrigin: true,
+        // Disable all handling of links in useSelectable item
+        // because we handle it ourselves. The behavior of menus
+        // is slightly different from other collections because
+        // actions are performed on key down rather than key up.
+        linkBehavior: "none"
+    });
+    let { pressProps: pressProps, isPressed: isPressed } = (0, $7Kjv5$usePress)({
+        onPressStart: onPressStart,
+        onPress: onPress,
+        onPressUp: onPressUp,
+        onPressChange: onPressChange,
+        onPressEnd: onPressEnd,
+        isDisabled: isDisabled
+    });
+    let { hoverProps: hoverProps } = (0, $7Kjv5$useHover)({
+        isDisabled: isDisabled,
+        onHoverStart (e) {
+            if (!(0, $7Kjv5$isFocusVisible)()) {
+                state.selectionManager.setFocused(true);
+                state.selectionManager.setFocusedKey(key);
+            }
+            hoverStartProp === null || hoverStartProp === void 0 ? void 0 : hoverStartProp(e);
+        },
+        onHoverChange: onHoverChange,
+        onHoverEnd: onHoverEnd
+    });
+    let { keyboardProps: keyboardProps } = (0, $7Kjv5$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 " ":
+                    if (!isDisabled && state.selectionManager.selectionMode === "none" && !isTrigger && closeOnSelect !== false && onClose) onClose();
+                    break;
+                case "Enter":
+                    // The Enter key should always close on select, except if overridden.
+                    if (!isDisabled && closeOnSelect !== false && !isTrigger && onClose) onClose();
+                    break;
+                default:
+                    if (!isTrigger) e.continuePropagation();
+                    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+                    break;
+            }
+        },
+        onKeyUp: onKeyUp
+    });
+    let { focusProps: focusProps } = (0, $7Kjv5$useFocus)({
+        onBlur: onBlur,
+        onFocus: onFocus,
+        onFocusChange: onFocusChange
+    });
+    let domProps = (0, $7Kjv5$filterDOMProps)(item.props);
+    delete domProps.id;
+    let linkProps = (0, $7Kjv5$useLinkProps)(item.props);
+    return {
+        menuItemProps: {
+            ...ariaProps,
+            ...(0, $7Kjv5$mergeProps)(domProps, linkProps, isTrigger ? {
+                onFocus: itemProps.onFocus
+            } : itemProps, pressProps, hoverProps, keyboardProps, focusProps),
+            tabIndex: itemProps.tabIndex != null ? -1 : undefined
+        },
+        labelProps: {
+            id: labelId
+        },
+        descriptionProps: {
+            id: descriptionId
+        },
+        keyboardShortcutProps: {
+            id: keyboardId
+        },
+        isFocused: isFocused,
+        isSelected: isSelected,
+        isPressed: isPressed,
+        isDisabled: isDisabled
+    };
+}
+
+
+export {$a2e5df62f93c7633$export$9d32628fc2aea7da as useMenuItem};
+//# sourceMappingURL=useMenuItem.module.js.map

package/dist/useMenuItem.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/menu/src/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 {DOMAttributes, DOMProps, FocusableElement, FocusEvents, HoverEvents, Key, KeyboardEvents, PressEvent, PressEvents, RouterOptions} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, useLinkProps, useRouter, useSlotId} from '@react-aria/utils';\nimport {getItemCount} from '@react-stately/collections';\nimport {isFocusVisible, useFocus, useHover, useKeyboard, usePress} from '@react-aria/interactions';\nimport {menuData} from './useMenu';\nimport {RefObject} from 'react';\nimport {TreeState} from '@react-stately/tree';\nimport {useSelectableItem} from '@react-aria/selection';\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 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 extends DOMProps, PressEvents, HoverEvents, KeyboardEvents, FocusEvents  {\n  /**\n   * Whether the menu item is disabled.\n   * @deprecated - pass disabledKeys to useTreeState instead.\n   */\n  isDisabled?: boolean,\n\n  /**\n   * Whether the menu item is selected.\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   * @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   * @default true\n   */\n  closeOnSelect?: 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   * @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  /** Identifies the menu item's popup element whose contents or presence is controlled by the menu item. */\n  'aria-controls'?: string\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 * @param props - Props for the item.\n * @param state - State for the menu, as returned by `useTreeState`.\n */\nexport function useMenuItem<T>(props: AriaMenuItemProps, state: TreeState<T>, ref: RefObject<FocusableElement>): MenuItemAria {\n  let {\n    key,\n    closeOnSelect,\n    isVirtualized,\n    'aria-haspopup': hasPopup,\n    onPressStart: pressStartProp,\n    onPressUp: pressUpProp,\n    onPress,\n    onPressChange,\n    onPressEnd,\n    onHoverStart: hoverStartProp,\n    onHoverChange,\n    onHoverEnd,\n    onKeyDown,\n    onKeyUp,\n    onFocus,\n    onFocusChange,\n    onBlur\n  } = props;\n\n  let isTrigger = !!hasPopup;\n  let isDisabled = props.isDisabled ?? state.selectionManager.isDisabled(key);\n  let isSelected = props.isSelected ?? state.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 = (e: PressEvent) => {\n    if (isTrigger) {\n      return;\n    }\n\n    if (item?.props?.onAction) {\n      item.props.onAction();\n    }\n\n    if (props.onAction) {\n      props.onAction(key);\n    } else if (data.onAction) {\n      data.onAction(key);\n    }\n\n    if (e.target instanceof HTMLAnchorElement) {\n      router.open(e.target, e, item.props.href, item.props.routerOptions as RouterOptions);\n    }\n  };\n\n  let role = 'menuitem';\n  if (!isTrigger) {\n    if (state.selectionManager.selectionMode === 'single') {\n      role = 'menuitemradio';\n    } else if (state.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    'aria-disabled': isDisabled || undefined,\n    role,\n    'aria-label': props['aria-label'],\n    'aria-labelledby': labelId,\n    '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 (state.selectionManager.selectionMode !== 'none' && !isTrigger) {\n    ariaProps['aria-checked'] = isSelected;\n  }\n\n  if (isVirtualized) {\n    ariaProps['aria-posinset'] = item?.index;\n    ariaProps['aria-setsize'] = getItemCount(state.collection);\n  }\n\n  let onPressStart = (e: PressEvent) => {\n    if (e.pointerType === 'keyboard') {\n      performAction(e);\n    }\n\n    pressStartProp?.(e);\n  };\n\n  let onPressUp = (e: PressEvent) => {\n    if (e.pointerType !== 'keyboard') {\n      performAction(e);\n\n      // Pressing a menu item should close by default in single selection mode but not multiple\n      // selection mode, except if overridden by the closeOnSelect prop.\n      if (!isTrigger && onClose && (closeOnSelect ?? (state.selectionManager.selectionMode !== 'multiple' || state.selectionManager.isLink(key)))) {\n        onClose();\n      }\n    }\n\n    pressUpProp?.(e);\n  };\n\n  let {itemProps, isFocused} = useSelectableItem({\n    selectionManager: state.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  });\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      if (!isFocusVisible()) {\n        state.selectionManager.setFocused(true);\n        state.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          if (!isDisabled && state.selectionManager.selectionMode === 'none' && !isTrigger && closeOnSelect !== false && onClose) {\n            onClose();\n          }\n          break;\n        case 'Enter':\n          // The Enter key should always close on select, except if overridden.\n          if (!isDisabled && closeOnSelect !== false && !isTrigger && onClose) {\n            onClose();\n          }\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 {focusProps} = useFocus({onBlur, onFocus, onFocusChange});\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(domProps, linkProps, isTrigger ? {onFocus: itemProps.onFocus} : itemProps, pressProps, hoverProps, keyboardProps, focusProps),\n      tabIndex: itemProps.tabIndex != null ? -1 : undefined\n    },\n    labelProps: {\n      id: labelId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    keyboardShortcutProps: {\n      id: keyboardId\n    },\n    isFocused,\n    isSelected,\n    isPressed,\n    isDisabled\n  };\n}\n"],"names":[],"version":3,"file":"useMenuItem.module.js.map"}

package/dist/useMenuSection.main.js

@@ -0,0 +1,43 @@
+var $c1jOQ$reactariautils = require("@react-aria/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useMenuSection", () => $63008655e23408c5$export$73f7a44322579622);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+function $63008655e23408c5$export$73f7a44322579622(props) {
+    let { heading: heading, "aria-label": ariaLabel } = props;
+    let headingId = (0, $c1jOQ$reactariautils.useId)();
+    return {
+        itemProps: {
+            role: "presentation"
+        },
+        headingProps: heading ? {
+            // Techincally, menus cannot contain headings according to ARIA.
+            // We hide the heading from assistive technology, using role="presentation",
+            // and only use it as a label for the nested group.
+            id: headingId,
+            role: "presentation"
+        } : {},
+        groupProps: {
+            role: "group",
+            "aria-label": ariaLabel,
+            "aria-labelledby": heading ? headingId : undefined
+        }
+    };
+}
+
+
+//# sourceMappingURL=useMenuSection.main.js.map

package/dist/useMenuSection.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AA6BM,SAAS,0CAAe,KAA2B;IACxD,IAAI,WAAC,OAAO,EAAE,cAAc,SAAS,EAAC,GAAG;IACzC,IAAI,YAAY,CAAA,GAAA,2BAAI;IAEpB,OAAO;QACL,WAAW;YACT,MAAM;QACR;QACA,cAAc,UAAU;YACtB,gEAAgE;YAChE,4EAA4E;YAC5E,mDAAmD;YACnD,IAAI;YACJ,MAAM;QACR,IAAI,CAAC;QACL,YAAY;YACV,MAAM;YACN,cAAc;YACd,mBAAmB,UAAU,YAAY;QAC3C;IACF;AACF","sources":["packages/@react-aria/menu/src/useMenuSection.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 {DOMAttributes} from '@react-types/shared';\nimport {ReactNode} from 'react';\nimport {useId} from '@react-aria/utils';\n\nexport interface AriaMenuSectionProps {\n  /** The heading for the section. */\n  heading?: ReactNode,\n  /** An accessibility label for the section. Required if `heading` is not present. */\n  'aria-label'?: string\n}\n\nexport interface MenuSectionAria {\n  /** Props for the wrapper list item. */\n  itemProps: DOMAttributes,\n\n  /** Props for the heading element, if any. */\n  headingProps: DOMAttributes,\n\n  /** Props for the group element. */\n  groupProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a section in a menu.\n * See `useMenu` for more details about menus.\n * @param props - Props for the section.\n */\nexport function useMenuSection(props: AriaMenuSectionProps): MenuSectionAria {\n  let {heading, 'aria-label': ariaLabel} = props;\n  let headingId = useId();\n\n  return {\n    itemProps: {\n      role: 'presentation'\n    },\n    headingProps: heading ? {\n      // Techincally, menus cannot contain headings according to ARIA.\n      // We hide the heading from assistive technology, using role=\"presentation\",\n      // and only use it as a label for the nested group.\n      id: headingId,\n      role: 'presentation'\n    } : {},\n    groupProps: {\n      role: 'group',\n      'aria-label': ariaLabel,\n      'aria-labelledby': heading ? headingId : undefined\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useMenuSection.main.js.map"}

package/dist/useMenuSection.mjs

@@ -0,0 +1,38 @@
+import {useId as $7Mibs$useId} from "@react-aria/utils";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+function $3e5eb2498db5b506$export$73f7a44322579622(props) {
+    let { heading: heading, "aria-label": ariaLabel } = props;
+    let headingId = (0, $7Mibs$useId)();
+    return {
+        itemProps: {
+            role: "presentation"
+        },
+        headingProps: heading ? {
+            // Techincally, menus cannot contain headings according to ARIA.
+            // We hide the heading from assistive technology, using role="presentation",
+            // and only use it as a label for the nested group.
+            id: headingId,
+            role: "presentation"
+        } : {},
+        groupProps: {
+            role: "group",
+            "aria-label": ariaLabel,
+            "aria-labelledby": heading ? headingId : undefined
+        }
+    };
+}
+
+
+export {$3e5eb2498db5b506$export$73f7a44322579622 as useMenuSection};
+//# sourceMappingURL=useMenuSection.mjs.map

package/dist/useMenuSection.module.js

@@ -0,0 +1,38 @@
+import {useId as $7Mibs$useId} from "@react-aria/utils";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+function $3e5eb2498db5b506$export$73f7a44322579622(props) {
+    let { heading: heading, "aria-label": ariaLabel } = props;
+    let headingId = (0, $7Mibs$useId)();
+    return {
+        itemProps: {
+            role: "presentation"
+        },
+        headingProps: heading ? {
+            // Techincally, menus cannot contain headings according to ARIA.
+            // We hide the heading from assistive technology, using role="presentation",
+            // and only use it as a label for the nested group.
+            id: headingId,
+            role: "presentation"
+        } : {},
+        groupProps: {
+            role: "group",
+            "aria-label": ariaLabel,
+            "aria-labelledby": heading ? headingId : undefined
+        }
+    };
+}
+
+
+export {$3e5eb2498db5b506$export$73f7a44322579622 as useMenuSection};
+//# sourceMappingURL=useMenuSection.module.js.map

package/dist/useMenuSection.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AA6BM,SAAS,0CAAe,KAA2B;IACxD,IAAI,WAAC,OAAO,EAAE,cAAc,SAAS,EAAC,GAAG;IACzC,IAAI,YAAY,CAAA,GAAA,YAAI;IAEpB,OAAO;QACL,WAAW;YACT,MAAM;QACR;QACA,cAAc,UAAU;YACtB,gEAAgE;YAChE,4EAA4E;YAC5E,mDAAmD;YACnD,IAAI;YACJ,MAAM;QACR,IAAI,CAAC;QACL,YAAY;YACV,MAAM;YACN,cAAc;YACd,mBAAmB,UAAU,YAAY;QAC3C;IACF;AACF","sources":["packages/@react-aria/menu/src/useMenuSection.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 {DOMAttributes} from '@react-types/shared';\nimport {ReactNode} from 'react';\nimport {useId} from '@react-aria/utils';\n\nexport interface AriaMenuSectionProps {\n  /** The heading for the section. */\n  heading?: ReactNode,\n  /** An accessibility label for the section. Required if `heading` is not present. */\n  'aria-label'?: string\n}\n\nexport interface MenuSectionAria {\n  /** Props for the wrapper list item. */\n  itemProps: DOMAttributes,\n\n  /** Props for the heading element, if any. */\n  headingProps: DOMAttributes,\n\n  /** Props for the group element. */\n  groupProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a section in a menu.\n * See `useMenu` for more details about menus.\n * @param props - Props for the section.\n */\nexport function useMenuSection(props: AriaMenuSectionProps): MenuSectionAria {\n  let {heading, 'aria-label': ariaLabel} = props;\n  let headingId = useId();\n\n  return {\n    itemProps: {\n      role: 'presentation'\n    },\n    headingProps: heading ? {\n      // Techincally, menus cannot contain headings according to ARIA.\n      // We hide the heading from assistive technology, using role=\"presentation\",\n      // and only use it as a label for the nested group.\n      id: headingId,\n      role: 'presentation'\n    } : {},\n    groupProps: {\n      role: 'group',\n      'aria-label': ariaLabel,\n      'aria-labelledby': heading ? headingId : undefined\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useMenuSection.module.js.map"}

package/dist/useMenuTrigger.main.js

@@ -0,0 +1,103 @@
+var $d1742ec2644a0949$exports = require("./intlStrings.main.js");
+var $jo7gW$reactariautils = require("@react-aria/utils");
+var $jo7gW$reactariai18n = require("@react-aria/i18n");
+var $jo7gW$reactariainteractions = require("@react-aria/interactions");
+var $jo7gW$reactariaoverlays = require("@react-aria/overlays");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useMenuTrigger", () => $7211ab9328763fb9$export$dc9c12ed27dd1b49);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $7211ab9328763fb9$export$dc9c12ed27dd1b49(props, state, ref) {
+    let { type: type = "menu", isDisabled: isDisabled, trigger: trigger = "press" } = props;
+    let menuTriggerId = (0, $jo7gW$reactariautils.useId)();
+    let { triggerProps: triggerProps, overlayProps: overlayProps } = (0, $jo7gW$reactariaoverlays.useOverlayTrigger)({
+        type: type
+    }, state, ref);
+    let onKeyDown = (e)=>{
+        if (isDisabled) return;
+        if (trigger === "longPress" && !e.altKey) return;
+        if (ref && ref.current) switch(e.key){
+            case "Enter":
+            case " ":
+                if (trigger === "longPress") return;
+            // fallthrough
+            case "ArrowDown":
+                // Stop propagation, unless it would already be handled by useKeyboard.
+                if (!("continuePropagation" in e)) e.stopPropagation();
+                e.preventDefault();
+                state.toggle("first");
+                break;
+            case "ArrowUp":
+                if (!("continuePropagation" in e)) e.stopPropagation();
+                e.preventDefault();
+                state.toggle("last");
+                break;
+            default:
+                // Allow other keys.
+                if ("continuePropagation" in e) e.continuePropagation();
+        }
+    };
+    let stringFormatter = (0, $jo7gW$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($d1742ec2644a0949$exports))), "@react-aria/menu");
+    let { longPressProps: longPressProps } = (0, $jo7gW$reactariainteractions.useLongPress)({
+        isDisabled: isDisabled || trigger !== "longPress",
+        accessibilityDescription: stringFormatter.format("longPressMessage"),
+        onLongPressStart () {
+            state.close();
+        },
+        onLongPress () {
+            state.open("first");
+        }
+    });
+    let pressProps = {
+        onPressStart (e) {
+            // For consistency with native, open the menu on mouse/key down, but touch up.
+            if (e.pointerType !== "touch" && e.pointerType !== "keyboard" && !isDisabled) // If opened with a screen reader, auto focus the first item.
+            // Otherwise, the menu itself will be focused.
+            state.open(e.pointerType === "virtual" ? "first" : null);
+        },
+        onPress (e) {
+            if (e.pointerType === "touch" && !isDisabled) state.toggle();
+        }
+    };
+    // omit onPress from triggerProps since we override it above.
+    delete triggerProps.onPress;
+    return {
+        menuTriggerProps: {
+            ...triggerProps,
+            ...trigger === "press" ? pressProps : longPressProps,
+            id: menuTriggerId,
+            onKeyDown: onKeyDown
+        },
+        menuProps: {
+            ...overlayProps,
+            "aria-labelledby": menuTriggerId,
+            autoFocus: state.focusStrategy || true,
+            onClose: state.close
+        }
+    };
+}
+
+
+//# sourceMappingURL=useMenuTrigger.main.js.map

package/dist/useMenuTrigger.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAqCM,SAAS,0CAAkB,KAA2B,EAAE,KAAuB,EAAE,GAAuB;IAC7G,IAAI,QACF,OAAO,oBACP,UAAU,WACV,UAAU,SACX,GAAG;IAEJ,IAAI,gBAAgB,CAAA,GAAA,2BAAI;IACxB,IAAI,gBAAC,YAAY,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,0CAAgB,EAAE;cAAC;IAAI,GAAG,OAAO;IAEpE,IAAI,YAAY,CAAC;QACf,IAAI,YACF;QAGF,IAAI,YAAY,eAAe,CAAC,EAAE,MAAM,EACtC;QAGF,IAAI,OAAO,IAAI,OAAO,EACpB,OAAQ,EAAE,GAAG;YACX,KAAK;YACL,KAAK;gBACH,IAAI,YAAY,aACd;YAEF,cAAc;YAChB,KAAK;gBACH,uEAAuE;gBACvE,IAAI,CAAE,CAAA,yBAAyB,CAAA,GAC7B,EAAE,eAAe;gBAEnB,EAAE,cAAc;gBAChB,MAAM,MAAM,CAAC;gBACb;YACF,KAAK;gBACH,IAAI,CAAE,CAAA,yBAAyB,CAAA,GAC7B,EAAE,eAAe;gBAEnB,EAAE,cAAc;gBAChB,MAAM,MAAM,CAAC;gBACb;YACF;gBACE,oBAAoB;gBACpB,IAAI,yBAAyB,GAC3B,EAAE,mBAAmB;QAE3B;IAEJ;IAEA,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE;QAClC,YAAY,cAAc,YAAY;QACtC,0BAA0B,gBAAgB,MAAM,CAAC;QACjD;YACE,MAAM,KAAK;QACb;QACA;YACE,MAAM,IAAI,CAAC;QACb;IACF;IAEA,IAAI,aAAc;QAChB,cAAa,CAAC;YACZ,8EAA8E;YAC9E,IAAI,EAAE,WAAW,KAAK,WAAW,EAAE,WAAW,KAAK,cAAc,CAAC,YAChE,6DAA6D;YAC7D,8CAA8C;YAC9C,MAAM,IAAI,CAAC,EAAE,WAAW,KAAK,YAAY,UAAU;QAEvD;QACA,SAAQ,CAAC;YACP,IAAI,EAAE,WAAW,KAAK,WAAW,CAAC,YAChC,MAAM,MAAM;QAEhB;IACF;IAEA,6DAA6D;IAC7D,OAAO,aAAa,OAAO;IAE3B,OAAO;QACL,kBAAkB;YAChB,GAAG,YAAY;YACf,GAAI,YAAY,UAAU,aAAa,cAAc;YACrD,IAAI;uBACJ;QACF;QACA,WAAW;YACT,GAAG,YAAY;YACf,mBAAmB;YACnB,WAAW,MAAM,aAAa,IAAI;YAClC,SAAS,MAAM,KAAK;QACtB;IACF;AACF","sources":["packages/@react-aria/menu/src/useMenuTrigger.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 {AriaButtonProps} from '@react-types/button';\nimport {AriaMenuOptions} from './useMenu';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {MenuTriggerState} from '@react-stately/menu';\nimport {MenuTriggerType} from '@react-types/menu';\nimport {RefObject} from 'react';\nimport {useId} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useLongPress} from '@react-aria/interactions';\nimport {useOverlayTrigger} from '@react-aria/overlays';\n\nexport interface AriaMenuTriggerProps {\n  /** The type of menu that the menu trigger opens. */\n  type?: 'menu' | 'listbox',\n  /** Whether menu trigger is disabled. */\n  isDisabled?: boolean,\n  /** How menu is triggered. */\n  trigger?: MenuTriggerType\n}\n\nexport interface MenuTriggerAria<T> {\n  /** Props for the menu trigger element. */\n  menuTriggerProps: AriaButtonProps,\n\n  /** Props for the menu. */\n  menuProps: AriaMenuOptions<T>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu trigger.\n * @param props - Props for the menu trigger.\n * @param state - State for the menu trigger.\n * @param ref - Ref to the HTML element trigger for the menu.\n */\nexport function useMenuTrigger<T>(props: AriaMenuTriggerProps, state: MenuTriggerState, ref: RefObject<Element>): MenuTriggerAria<T> {\n  let {\n    type = 'menu' as AriaMenuTriggerProps['type'],\n    isDisabled,\n    trigger = 'press'\n  } = props;\n\n  let menuTriggerId = useId();\n  let {triggerProps, overlayProps} = useOverlayTrigger({type}, state, ref);\n\n  let onKeyDown = (e) => {\n    if (isDisabled) {\n      return;\n    }\n\n    if (trigger === 'longPress' && !e.altKey) {\n      return;\n    }\n\n    if (ref && ref.current) {\n      switch (e.key) {\n        case 'Enter':\n        case ' ':\n          if (trigger === 'longPress') {\n            return;\n          }\n          // fallthrough\n        case 'ArrowDown':\n          // Stop propagation, unless it would already be handled by useKeyboard.\n          if (!('continuePropagation' in e)) {\n            e.stopPropagation();\n          }\n          e.preventDefault();\n          state.toggle('first');\n          break;\n        case 'ArrowUp':\n          if (!('continuePropagation' in e)) {\n            e.stopPropagation();\n          }\n          e.preventDefault();\n          state.toggle('last');\n          break;\n        default:\n          // Allow other keys.\n          if ('continuePropagation' in e) {\n            e.continuePropagation();\n          }\n      }\n    }\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/menu');\n  let {longPressProps} = useLongPress({\n    isDisabled: isDisabled || trigger !== 'longPress',\n    accessibilityDescription: stringFormatter.format('longPressMessage'),\n    onLongPressStart() {\n      state.close();\n    },\n    onLongPress() {\n      state.open('first');\n    }\n  });\n\n  let pressProps =  {\n    onPressStart(e) {\n      // For consistency with native, open the menu on mouse/key down, but touch up.\n      if (e.pointerType !== 'touch' && e.pointerType !== 'keyboard' && !isDisabled) {\n        // If opened with a screen reader, auto focus the first item.\n        // Otherwise, the menu itself will be focused.\n        state.open(e.pointerType === 'virtual' ? 'first' : null);\n      }\n    },\n    onPress(e) {\n      if (e.pointerType === 'touch' && !isDisabled) {\n        state.toggle();\n      }\n    }\n  };\n\n  // omit onPress from triggerProps since we override it above.\n  delete triggerProps.onPress;\n\n  return {\n    menuTriggerProps: {\n      ...triggerProps,\n      ...(trigger === 'press' ? pressProps : longPressProps),\n      id: menuTriggerId,\n      onKeyDown\n    },\n    menuProps: {\n      ...overlayProps,\n      'aria-labelledby': menuTriggerId,\n      autoFocus: state.focusStrategy || true,\n      onClose: state.close\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useMenuTrigger.main.js.map"}