react-aria-components 1.16.0 → 1.18.0

package/dist/private/Menu.js

@@ -0,0 +1,451 @@
+import {DEFAULT_SLOT as $b7b7a92703138c9b$export$c62b8e45d58ddad9, dom as $b7b7a92703138c9b$export$df3a06d6289f983e, Provider as $b7b7a92703138c9b$export$2881499e37b75b9a, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3, useSlot as $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8, useSlottedContext as $b7b7a92703138c9b$export$fabf2dc03a41866e} from "./utils.js";
+import {CollectionRendererContext as $a53f0f6636929daa$export$4feb769f8ddf26c5, SectionContext as $a53f0f6636929daa$export$d40e14dec8b060a8, usePersistedKeys as $a53f0f6636929daa$export$90e00781bc59d8f9} from "./Collection.js";
+import {FieldInputContext as $8f09b710ef85b337$export$698f465ec27e93df, SelectableCollectionContext as $8f09b710ef85b337$export$b0d3ecf7112093a7} from "./Autocomplete.js";
+import {HeaderContext as $68ee918b64e9e759$export$e0e4026c12a8bdbb} from "./Header.js";
+import {KeyboardContext as $ba03015127ce0a12$export$744d98a3b8a94e1c} from "./Keyboard.js";
+import {OverlayTriggerStateContext as $acf8e70c2f419f18$export$d2f961adcb0afbe} from "./Dialog.js";
+import {PopoverContext as $03df2f2d3cffb62f$export$9b9a0cd73afb7ca4} from "./Popover.js";
+import {SelectionIndicatorContext as $0d6f83ad40839938$export$c9549807523555e0} from "./SelectionIndicator.js";
+import {SeparatorContext as $469f9b725520971a$export$6615d83f6de245ce} from "./Separator.js";
+import {SharedElementTransition as $347bc273c4058e94$export$758399f318e6385a} from "./SharedElementTransition.js";
+import {TextContext as $20d769b1e2b13352$export$9afb8bc826b033ea} from "./Text.js";
+import {useMenuTrigger as $gKmcL$useMenuTrigger, useSubmenuTrigger as $gKmcL$useSubmenuTrigger, useMenu as $gKmcL$useMenu, useMenuSection as $gKmcL$useMenuSection, useMenuItem as $gKmcL$useMenuItem} from "react-aria/useMenu";
+import {CollectionNode as $gKmcL$CollectionNode, SectionNode as $gKmcL$SectionNode, ItemNode as $gKmcL$ItemNode} from "react-aria/private/collections/BaseCollection";
+import {useMenuTriggerState as $gKmcL$useMenuTriggerState, useSubmenuTriggerState as $gKmcL$useSubmenuTriggerState} from "react-stately/useMenuTriggerState";
+import {Collection as $gKmcL$Collection} from "react-aria/Collection";
+import {createBranchComponent as $gKmcL$createBranchComponent, CollectionBuilder as $gKmcL$CollectionBuilder, createLeafComponent as $gKmcL$createLeafComponent} from "react-aria/CollectionBuilder";
+import {filterDOMProps as $gKmcL$filterDOMProps} from "react-aria/filterDOMProps";
+import {FocusScope as $gKmcL$FocusScope} from "react-aria/FocusScope";
+import {mergeProps as $gKmcL$mergeProps} from "react-aria/mergeProps";
+import {PressResponder as $gKmcL$PressResponder} from "react-aria/private/interactions/PressResponder";
+import $gKmcL$react, {createContext as $gKmcL$createContext, useRef as $gKmcL$useRef, useContext as $gKmcL$useContext, forwardRef as $gKmcL$forwardRef, useMemo as $gKmcL$useMemo} from "react";
+import {SelectionManager as $gKmcL$SelectionManager} from "react-stately/private/selection/SelectionManager";
+import {useTreeState as $gKmcL$useTreeState} from "react-stately/useTreeState";
+import {useHover as $gKmcL$useHover} from "react-aria/useHover";
+import {useIsHidden as $gKmcL$useIsHidden} from "react-aria/private/collections/Hidden";
+import {useMultipleSelectionState as $gKmcL$useMultipleSelectionState} from "react-stately/useMultipleSelectionState";
+import {useObjectRef as $gKmcL$useObjectRef} from "react-aria/useObjectRef";
+
+/*
+ * Copyright 2022 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $113aa0613e727c6c$export$c7e742effb1c51e2 = /*#__PURE__*/ (0, $gKmcL$createContext)(null);
+const $113aa0613e727c6c$export$24aad8519b95b41b = /*#__PURE__*/ (0, $gKmcL$createContext)(null);
+const $113aa0613e727c6c$export$795aec4671cbae19 = /*#__PURE__*/ (0, $gKmcL$createContext)(null);
+const $113aa0613e727c6c$var$SelectionManagerContext = /*#__PURE__*/ (0, $gKmcL$createContext)(null);
+function $113aa0613e727c6c$export$27d2ad3c5815583e(props) {
+    let state = (0, $gKmcL$useMenuTriggerState)(props);
+    let ref = (0, $gKmcL$useRef)(null);
+    let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $gKmcL$useMenuTrigger)({
+        ...props,
+        type: 'menu'
+    }, state, ref);
+    let scrollRef = (0, $gKmcL$useRef)(null);
+    // If within a collection (e.g. Tabs), render nothing.
+    // Not using createHideableComponent for this because that also creates a forwardRef.
+    let isHidden = (0, $gKmcL$useIsHidden)();
+    if (isHidden) return null;
+    return /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                $113aa0613e727c6c$export$c7e742effb1c51e2,
+                {
+                    ...menuProps,
+                    ref: scrollRef
+                }
+            ],
+            [
+                (0, $acf8e70c2f419f18$export$d2f961adcb0afbe),
+                state
+            ],
+            [
+                $113aa0613e727c6c$export$795aec4671cbae19,
+                state
+            ],
+            [
+                (0, $03df2f2d3cffb62f$export$9b9a0cd73afb7ca4),
+                {
+                    trigger: 'MenuTrigger',
+                    triggerRef: ref,
+                    scrollRef: scrollRef,
+                    placement: 'bottom start',
+                    'aria-labelledby': menuProps['aria-labelledby']
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $gKmcL$PressResponder), {
+        ...menuTriggerProps,
+        ref: ref,
+        isPressed: state.isOpen
+    }, props.children));
+}
+const $113aa0613e727c6c$var$SubmenuTriggerContext = /*#__PURE__*/ (0, $gKmcL$createContext)(null);
+class $113aa0613e727c6c$var$SubmenuTriggerNode extends (0, $gKmcL$CollectionNode) {
+    filter(collection, newCollection, filterFn) {
+        let triggerNode = collection.getItem(this.firstChildKey);
+        if (triggerNode && filterFn(triggerNode.textValue, this)) {
+            let clone = this.clone();
+            newCollection.addDescendants(clone, collection);
+            return clone;
+        }
+        return null;
+    }
+}
+$113aa0613e727c6c$var$SubmenuTriggerNode.type = 'submenutrigger';
+const $113aa0613e727c6c$export$ecabc99eeffab7ca = /*#__PURE__*/ (0, $gKmcL$createBranchComponent)($113aa0613e727c6c$var$SubmenuTriggerNode, (props, ref, item)=>{
+    let { CollectionBranch: CollectionBranch } = (0, $gKmcL$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
+    let state = (0, $gKmcL$useContext)($113aa0613e727c6c$export$24aad8519b95b41b);
+    let rootMenuTriggerState = (0, $gKmcL$useContext)($113aa0613e727c6c$export$795aec4671cbae19);
+    let submenuTriggerState = (0, $gKmcL$useSubmenuTriggerState)({
+        triggerKey: item.key
+    }, rootMenuTriggerState);
+    let submenuRef = (0, $gKmcL$useRef)(null);
+    let itemRef = (0, $gKmcL$useObjectRef)(ref);
+    let { parentMenuRef: parentMenuRef, shouldUseVirtualFocus: shouldUseVirtualFocus } = (0, $gKmcL$useContext)($113aa0613e727c6c$var$SubmenuTriggerContext);
+    let { submenuTriggerProps: submenuTriggerProps, submenuProps: submenuProps, popoverProps: popoverProps } = (0, $gKmcL$useSubmenuTrigger)({
+        parentMenuRef: parentMenuRef,
+        submenuRef: submenuRef,
+        delay: props.delay,
+        shouldUseVirtualFocus: shouldUseVirtualFocus
+    }, submenuTriggerState, itemRef);
+    return /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                $113aa0613e727c6c$var$MenuItemContext,
+                {
+                    ...submenuTriggerProps,
+                    onAction: undefined,
+                    ref: itemRef
+                }
+            ],
+            [
+                $113aa0613e727c6c$export$c7e742effb1c51e2,
+                {
+                    ref: submenuRef,
+                    ...submenuProps
+                }
+            ],
+            [
+                (0, $acf8e70c2f419f18$export$d2f961adcb0afbe),
+                submenuTriggerState
+            ],
+            [
+                (0, $03df2f2d3cffb62f$export$9b9a0cd73afb7ca4),
+                {
+                    trigger: 'SubmenuTrigger',
+                    triggerRef: itemRef,
+                    placement: 'end top',
+                    'aria-labelledby': submenuProps['aria-labelledby'],
+                    ...popoverProps
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $gKmcL$react).createElement(CollectionBranch, {
+        collection: state.collection,
+        parent: item
+    }), props.children[1]);
+}, (props)=>props.children[0]);
+const $113aa0613e727c6c$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, $gKmcL$forwardRef)(function Menu(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $113aa0613e727c6c$export$c7e742effb1c51e2);
+    // Delay rendering the actual menu until we have the collection so that auto focus works properly.
+    return /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $gKmcL$CollectionBuilder), {
+        content: /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $gKmcL$Collection), props)
+    }, (collection)=>/*#__PURE__*/ (0, $gKmcL$react).createElement($113aa0613e727c6c$var$MenuInner, {
+            props: props,
+            collection: collection,
+            menuRef: ref
+        }));
+});
+function $113aa0613e727c6c$var$MenuInner({ props: props, collection: collection, menuRef: ref }) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, (0, $8f09b710ef85b337$export$b0d3ecf7112093a7));
+    let { filter: filter, ...autocompleteMenuProps } = props;
+    let filteredCollection = (0, $gKmcL$useMemo)(()=>filter ? collection.filter(filter) : collection, [
+        collection,
+        filter
+    ]);
+    let state = (0, $gKmcL$useTreeState)({
+        ...props,
+        collection: filteredCollection,
+        children: undefined
+    });
+    let triggerState = (0, $gKmcL$useContext)($113aa0613e727c6c$export$795aec4671cbae19);
+    let { isVirtualized: isVirtualized, CollectionRoot: CollectionRoot } = (0, $gKmcL$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
+    let { menuProps: menuProps } = (0, $gKmcL$useMenu)({
+        ...props,
+        isVirtualized: isVirtualized,
+        onClose: props.onClose || (triggerState === null || triggerState === void 0 ? void 0 : triggerState.close)
+    }, state, ref);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        children: undefined,
+        defaultClassName: 'react-aria-Menu',
+        values: {
+            isEmpty: state.collection.size === 0
+        }
+    });
+    let emptyState = null;
+    if (state.collection.size === 0 && props.renderEmptyState) emptyState = /*#__PURE__*/ (0, $gKmcL$react).createElement("div", {
+        role: "menuitem",
+        style: {
+            display: 'contents'
+        }
+    }, props.renderEmptyState());
+    let DOMProps = (0, $gKmcL$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $gKmcL$FocusScope), null, /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...(0, $gKmcL$mergeProps)(DOMProps, renderProps, menuProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-empty": state.collection.size === 0 || undefined,
+        onScroll: props.onScroll
+    }, /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                $113aa0613e727c6c$export$24aad8519b95b41b,
+                state
+            ],
+            [
+                (0, $469f9b725520971a$export$6615d83f6de245ce),
+                {
+                    elementType: 'div'
+                }
+            ],
+            [
+                (0, $a53f0f6636929daa$export$d40e14dec8b060a8),
+                {
+                    name: 'MenuSection',
+                    render: $113aa0613e727c6c$var$MenuSectionInner
+                }
+            ],
+            [
+                $113aa0613e727c6c$var$SubmenuTriggerContext,
+                {
+                    parentMenuRef: ref,
+                    shouldUseVirtualFocus: autocompleteMenuProps === null || autocompleteMenuProps === void 0 ? void 0 : autocompleteMenuProps.shouldUseVirtualFocus
+                }
+            ],
+            [
+                $113aa0613e727c6c$var$MenuItemContext,
+                {
+                    shouldCloseOnSelect: props.shouldCloseOnSelect
+                }
+            ],
+            [
+                (0, $8f09b710ef85b337$export$b0d3ecf7112093a7),
+                null
+            ],
+            [
+                (0, $8f09b710ef85b337$export$698f465ec27e93df),
+                null
+            ],
+            [
+                $113aa0613e727c6c$var$SelectionManagerContext,
+                state.selectionManager
+            ],
+            /* Ensure root MenuTriggerState is defined, in case Menu is rendered outside a MenuTrigger. */ /* We assume the context can never change between defined and undefined. */ /* eslint-disable-next-line react-hooks/rules-of-hooks */ [
+                $113aa0613e727c6c$export$795aec4671cbae19,
+                triggerState !== null && triggerState !== void 0 ? triggerState : (0, $gKmcL$useMenuTriggerState)({})
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $347bc273c4058e94$export$758399f318e6385a), null, /*#__PURE__*/ (0, $gKmcL$react).createElement(CollectionRoot, {
+        collection: state.collection,
+        persistedKeys: (0, $a53f0f6636929daa$export$90e00781bc59d8f9)(state.selectionManager.focusedKey),
+        scrollRef: ref
+    }))), emptyState));
+}
+// A subclass of SelectionManager that forwards focus-related properties to the parent,
+// but has its own local selection state.
+class $113aa0613e727c6c$var$GroupSelectionManager extends (0, $gKmcL$SelectionManager) {
+    get focusedKey() {
+        return this.parent.focusedKey;
+    }
+    get isFocused() {
+        return this.parent.isFocused;
+    }
+    setFocusedKey(key, childFocusStrategy) {
+        return this.parent.setFocusedKey(key, childFocusStrategy);
+    }
+    setFocused(isFocused) {
+        this.parent.setFocused(isFocused);
+    }
+    get childFocusStrategy() {
+        return this.parent.childFocusStrategy;
+    }
+    constructor(parent, state){
+        super(parent.collection, state);
+        this.parent = parent;
+    }
+}
+function $113aa0613e727c6c$var$MenuSectionInner(props, ref, section, className = 'react-aria-MenuSection') {
+    var _section_props, _section_props1, _useSlottedContext;
+    let state = (0, $gKmcL$useContext)($113aa0613e727c6c$export$24aad8519b95b41b);
+    let { CollectionBranch: CollectionBranch } = (0, $gKmcL$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
+    let [headingRef, heading] = (0, $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8)();
+    var _section_props_arialabel;
+    let { headingProps: headingProps, groupProps: groupProps } = (0, $gKmcL$useMenuSection)({
+        heading: heading,
+        'aria-label': (_section_props_arialabel = section.props['aria-label']) !== null && _section_props_arialabel !== void 0 ? _section_props_arialabel : undefined
+    });
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: undefined,
+        defaultClassName: className,
+        className: (_section_props = section.props) === null || _section_props === void 0 ? void 0 : _section_props.className,
+        style: (_section_props1 = section.props) === null || _section_props1 === void 0 ? void 0 : _section_props1.style,
+        values: undefined
+    });
+    let parent = (0, $gKmcL$useContext)($113aa0613e727c6c$var$SelectionManagerContext);
+    let selectionState = (0, $gKmcL$useMultipleSelectionState)(props);
+    let manager = props.selectionMode != null ? new $113aa0613e727c6c$var$GroupSelectionManager(parent, selectionState) : parent;
+    let closeOnSelect = (_useSlottedContext = (0, $b7b7a92703138c9b$export$fabf2dc03a41866e)($113aa0613e727c6c$var$MenuItemContext)) === null || _useSlottedContext === void 0 ? void 0 : _useSlottedContext.shouldCloseOnSelect;
+    let DOMProps = (0, $gKmcL$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    var _props_shouldCloseOnSelect;
+    return /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).section, {
+        ...(0, $gKmcL$mergeProps)(DOMProps, renderProps, groupProps),
+        ref: ref
+    }, /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $68ee918b64e9e759$export$e0e4026c12a8bdbb),
+                {
+                    ...headingProps,
+                    ref: headingRef
+                }
+            ],
+            [
+                $113aa0613e727c6c$var$SelectionManagerContext,
+                manager
+            ],
+            [
+                $113aa0613e727c6c$var$MenuItemContext,
+                {
+                    shouldCloseOnSelect: (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : closeOnSelect
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $gKmcL$react).createElement(CollectionBranch, {
+        collection: state.collection,
+        parent: section
+    })));
+}
+const $113aa0613e727c6c$export$4b1545b4f2016d26 = /*#__PURE__*/ (0, $gKmcL$createBranchComponent)((0, $gKmcL$SectionNode), $113aa0613e727c6c$var$MenuSectionInner);
+const $113aa0613e727c6c$var$MenuItemContext = /*#__PURE__*/ (0, $gKmcL$createContext)(null);
+const $113aa0613e727c6c$export$2ce376c2cc3355c8 = /*#__PURE__*/ (0, $gKmcL$createLeafComponent)((0, $gKmcL$ItemNode), function MenuItem(props, forwardedRef, item) {
+    var _useSlottedContext;
+    [props, forwardedRef] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, forwardedRef, $113aa0613e727c6c$var$MenuItemContext);
+    let id = (_useSlottedContext = (0, $b7b7a92703138c9b$export$fabf2dc03a41866e)($113aa0613e727c6c$var$MenuItemContext)) === null || _useSlottedContext === void 0 ? void 0 : _useSlottedContext.id;
+    let state = (0, $gKmcL$useContext)($113aa0613e727c6c$export$24aad8519b95b41b);
+    let ref = (0, $gKmcL$useObjectRef)(forwardedRef);
+    let selectionManager = (0, $gKmcL$useContext)($113aa0613e727c6c$var$SelectionManagerContext);
+    let { isVirtualized: isVirtualized } = (0, $gKmcL$useContext)((0, $a53f0f6636929daa$export$4feb769f8ddf26c5));
+    let { menuItemProps: menuItemProps, labelProps: labelProps, descriptionProps: descriptionProps, keyboardShortcutProps: keyboardShortcutProps, ...states } = (0, $gKmcL$useMenuItem)({
+        ...props,
+        id: id,
+        key: item.key,
+        selectionManager: selectionManager,
+        isVirtualized: isVirtualized
+    }, state, ref);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gKmcL$useHover)({
+        isDisabled: states.isDisabled
+    });
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: item.rendered,
+        defaultClassName: 'react-aria-MenuItem',
+        values: {
+            ...states,
+            isHovered: isHovered,
+            isFocusVisible: states.isFocusVisible,
+            selectionMode: selectionManager.selectionMode,
+            selectionBehavior: selectionManager.selectionBehavior,
+            hasSubmenu: !!props['aria-haspopup'],
+            isOpen: props['aria-expanded'] === 'true'
+        }
+    });
+    let ElementType = props.href ? (0, $b7b7a92703138c9b$export$df3a06d6289f983e).a : (0, $b7b7a92703138c9b$export$df3a06d6289f983e).div;
+    let DOMProps = (0, $gKmcL$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, $gKmcL$react).createElement(ElementType, {
+        ...(0, $gKmcL$mergeProps)(DOMProps, renderProps, menuItemProps, hoverProps),
+        ref: ref,
+        "data-disabled": states.isDisabled || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focused": states.isFocused || undefined,
+        "data-focus-visible": states.isFocusVisible || undefined,
+        "data-pressed": states.isPressed || undefined,
+        "data-selected": states.isSelected || undefined,
+        "data-selection-mode": selectionManager.selectionMode === 'none' ? undefined : selectionManager.selectionMode,
+        "data-has-submenu": !!props['aria-haspopup'] || undefined,
+        "data-open": props['aria-expanded'] === 'true' || undefined
+    }, /*#__PURE__*/ (0, $gKmcL$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $20d769b1e2b13352$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        [(0, $b7b7a92703138c9b$export$c62b8e45d58ddad9)]: labelProps,
+                        label: labelProps,
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                (0, $ba03015127ce0a12$export$744d98a3b8a94e1c),
+                keyboardShortcutProps
+            ],
+            [
+                (0, $0d6f83ad40839938$export$c9549807523555e0),
+                {
+                    isSelected: states.isSelected
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+
+
+export {$113aa0613e727c6c$export$c7e742effb1c51e2 as MenuContext, $113aa0613e727c6c$export$24aad8519b95b41b as MenuStateContext, $113aa0613e727c6c$export$795aec4671cbae19 as RootMenuTriggerStateContext, $113aa0613e727c6c$export$27d2ad3c5815583e as MenuTrigger, $113aa0613e727c6c$export$ecabc99eeffab7ca as SubmenuTrigger, $113aa0613e727c6c$export$d9b273488cd8ce6f as Menu, $113aa0613e727c6c$export$4b1545b4f2016d26 as MenuSection, $113aa0613e727c6c$export$2ce376c2cc3355c8 as MenuItem};
+//# sourceMappingURL=Menu.js.map

package/dist/private/Menu.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Menu.tsx"],"sourcesContent":["/*\n * Copyright 2022 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  AriaMenuProps,\n  useMenu,\n  useMenuItem,\n  useMenuSection,\n  useMenuTrigger,\n  useSubmenuTrigger\n} from 'react-aria/useMenu';\nimport {\n  BaseCollection,\n  CollectionNode,\n  ItemNode,\n  SectionNode\n} from 'react-aria/private/collections/BaseCollection';\nimport {\n  MenuTriggerProps as BaseMenuTriggerProps,\n  RootMenuTriggerState,\n  useMenuTriggerState,\n  useSubmenuTriggerState\n} from 'react-stately/useMenuTriggerState';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  DEFAULT_SLOT,\n  dom,\n  DOMRenderProps,\n  PossibleLinkDOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {Collection} from 'react-aria/Collection';\nimport {\n  CollectionBuilder,\n  createBranchComponent,\n  createLeafComponent\n} from 'react-aria/CollectionBuilder';\nimport {\n  CollectionProps,\n  CollectionRendererContext,\n  ItemRenderProps,\n  SectionContext,\n  SectionProps,\n  usePersistedKeys\n} from './Collection';\nimport {\n  FieldInputContext,\n  SelectableCollectionContext,\n  SelectableCollectionContextValue\n} from './Autocomplete';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  FocusEvents,\n  FocusStrategy,\n  forwardRefType,\n  GlobalDOMAttributes,\n  HoverEvents,\n  Key,\n  LinkDOMProps,\n  MultipleSelection,\n  PressEvents\n} from '@react-types/shared';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {HeaderContext} from './Header';\nimport {KeyboardContext} from './Keyboard';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {MultipleSelectionState} from 'react-stately/useMultipleSelectionState';\nimport {Node} from '@react-types/shared';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PopoverContext} from './Popover';\nimport {PressResponder} from 'react-aria/private/interactions/PressResponder';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useContext,\n  useMemo,\n  useRef\n} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {SeparatorContext} from './Separator';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {TextContext} from './Text';\nimport {TreeState, useTreeState} from 'react-stately/useTreeState';\nimport {useHover} from 'react-aria/useHover';\nimport {useIsHidden} from 'react-aria/private/collections/Hidden';\nimport {useMultipleSelectionState} from 'react-stately/useMultipleSelectionState';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport const MenuContext = createContext<ContextValue<MenuProps<any>, HTMLDivElement>>(null);\nexport const MenuStateContext = createContext<TreeState<any> | null>(null);\nexport const RootMenuTriggerStateContext = createContext<RootMenuTriggerState | null>(null);\nconst SelectionManagerContext = createContext<SelectionManager | null>(null);\n\nexport interface MenuTriggerProps extends BaseMenuTriggerProps {\n  children: ReactNode;\n}\n\nexport function MenuTrigger(props: MenuTriggerProps): JSX.Element | null {\n  let state = useMenuTriggerState(props);\n  let ref = useRef<HTMLButtonElement>(null);\n  let {menuTriggerProps, menuProps} = useMenuTrigger(\n    {\n      ...props,\n      type: 'menu'\n    },\n    state,\n    ref\n  );\n  let scrollRef = useRef(null);\n\n  // If within a collection (e.g. Tabs), render nothing.\n  // Not using createHideableComponent for this because that also creates a forwardRef.\n  let isHidden = useIsHidden();\n  if (isHidden) {\n    return null;\n  }\n\n  return (\n    <Provider\n      values={[\n        [MenuContext, {...menuProps, ref: scrollRef}],\n        [OverlayTriggerStateContext, state],\n        [RootMenuTriggerStateContext, state],\n        [\n          PopoverContext,\n          {\n            trigger: 'MenuTrigger',\n            triggerRef: ref,\n            scrollRef,\n            placement: 'bottom start',\n            'aria-labelledby': menuProps['aria-labelledby']\n          }\n        ]\n      ]}>\n      <PressResponder {...menuTriggerProps} ref={ref} isPressed={state.isOpen}>\n        {props.children}\n      </PressResponder>\n    </Provider>\n  );\n}\n\nexport interface SubmenuTriggerProps {\n  /**\n   * The contents of the SubmenuTrigger. The first child should be an Item (the trigger) and the\n   * second child should be the Popover (for the submenu).\n   */\n  children: ReactElement[];\n  /**\n   * The delay time in milliseconds for the submenu to appear after hovering over the trigger.\n   *\n   * @default 200\n   */\n  delay?: number;\n}\n\nconst SubmenuTriggerContext = createContext<{\n  parentMenuRef: RefObject<HTMLElement | null>;\n  shouldUseVirtualFocus?: boolean;\n} | null>(null);\n\nclass SubmenuTriggerNode<T> extends CollectionNode<T> {\n  static readonly type = 'submenutrigger';\n\n  filter(\n    collection: BaseCollection<T>,\n    newCollection: BaseCollection<T>,\n    filterFn: (textValue: string, node: Node<T>) => boolean\n  ): CollectionNode<T> | null {\n    let triggerNode = collection.getItem(this.firstChildKey!);\n    if (triggerNode && filterFn(triggerNode.textValue, this)) {\n      let clone = this.clone();\n      newCollection.addDescendants(clone, collection);\n      return clone;\n    }\n\n    return null;\n  }\n}\n\n/**\n * A submenu trigger is used to wrap a submenu's trigger item and the submenu itself.\n *\n * @version alpha\n */\nexport const SubmenuTrigger = /*#__PURE__*/ createBranchComponent(\n  SubmenuTriggerNode,\n  (props: SubmenuTriggerProps, ref: ForwardedRef<HTMLDivElement>, item) => {\n    let {CollectionBranch} = useContext(CollectionRendererContext);\n    let state = useContext(MenuStateContext)!;\n    let rootMenuTriggerState = useContext(RootMenuTriggerStateContext)!;\n    let submenuTriggerState = useSubmenuTriggerState({triggerKey: item.key}, rootMenuTriggerState);\n    let submenuRef = useRef<HTMLDivElement>(null);\n    let itemRef = useObjectRef(ref);\n    let {parentMenuRef, shouldUseVirtualFocus} = useContext(SubmenuTriggerContext)!;\n    let {submenuTriggerProps, submenuProps, popoverProps} = useSubmenuTrigger(\n      {\n        parentMenuRef,\n        submenuRef,\n        delay: props.delay,\n        shouldUseVirtualFocus\n      },\n      submenuTriggerState,\n      itemRef\n    );\n\n    return (\n      <Provider\n        values={[\n          [MenuItemContext, {...submenuTriggerProps, onAction: undefined, ref: itemRef}],\n          [\n            MenuContext,\n            {\n              ref: submenuRef,\n              ...submenuProps\n            }\n          ],\n          [OverlayTriggerStateContext, submenuTriggerState],\n          [\n            PopoverContext,\n            {\n              trigger: 'SubmenuTrigger',\n              triggerRef: itemRef,\n              placement: 'end top',\n              'aria-labelledby': submenuProps['aria-labelledby'],\n              ...popoverProps\n            }\n          ]\n        ]}>\n        <CollectionBranch collection={state.collection} parent={item} />\n        {props.children[1]}\n      </Provider>\n    );\n  },\n  props => props.children[0]\n);\n\nexport interface MenuRenderProps {\n  /**\n   * Whether the menu has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n}\n\nexport interface MenuProps<T>\n  extends\n    Omit<AriaMenuProps<T>, 'children'>,\n    CollectionProps<T>,\n    StyleRenderProps<MenuRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Menu'\n   */\n  className?: ClassNameOrFunction<MenuRenderProps>;\n  /** Provides content to display when there are no items in the list. */\n  renderEmptyState?: () => ReactNode;\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n}\n\n/**\n * A menu displays a list of actions or options that a user can choose.\n */\nexport const Menu = /*#__PURE__*/ (forwardRef as forwardRefType)(function Menu<T>(\n  props: MenuProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, MenuContext);\n\n  // Delay rendering the actual menu until we have the collection so that auto focus works properly.\n  return (\n    <CollectionBuilder content={<Collection {...props} />}>\n      {collection => <MenuInner props={props} collection={collection} menuRef={ref} />}\n    </CollectionBuilder>\n  );\n});\n\ninterface MenuInnerProps<T> {\n  // For now we append filter and other autocomplete context props here for typescript, but eventually we can consider exposing these\n  // as top level props for users to use with standalone Menus\n  props: MenuProps<T> & {\n    filter?: SelectableCollectionContextValue<object>['filter'];\n    shouldUseVirtualFocus?: boolean;\n  };\n  collection: BaseCollection<any>;\n  menuRef: RefObject<HTMLElement | null>;\n}\n\nfunction MenuInner<T>({props, collection, menuRef: ref}: MenuInnerProps<T>) {\n  [props, ref] = useContextProps(props, ref, SelectableCollectionContext);\n  let {filter, ...autocompleteMenuProps} = props;\n  let filteredCollection = useMemo(\n    () => (filter ? collection.filter(filter) : collection),\n    [collection, filter]\n  );\n  let state = useTreeState({\n    ...props,\n    collection: filteredCollection,\n    children: undefined\n  });\n  let triggerState = useContext(RootMenuTriggerStateContext);\n  let {isVirtualized, CollectionRoot} = useContext(CollectionRendererContext);\n  let {menuProps} = useMenu(\n    {...props, isVirtualized, onClose: props.onClose || triggerState?.close},\n    state,\n    ref\n  );\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-Menu',\n    values: {\n      isEmpty: state.collection.size === 0\n    }\n  });\n\n  let emptyState: ReactElement | null = null;\n  if (state.collection.size === 0 && props.renderEmptyState) {\n    emptyState = (\n      <div role=\"menuitem\" style={{display: 'contents'}}>\n        {props.renderEmptyState()}\n      </div>\n    );\n  }\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <FocusScope>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, menuProps)}\n        ref={ref as RefObject<HTMLDivElement>}\n        slot={props.slot || undefined}\n        data-empty={state.collection.size === 0 || undefined}\n        onScroll={props.onScroll}>\n        <Provider\n          values={[\n            [MenuStateContext, state],\n            [SeparatorContext, {elementType: 'div'}],\n            [SectionContext, {name: 'MenuSection', render: MenuSectionInner}],\n            [\n              SubmenuTriggerContext,\n              {\n                parentMenuRef: ref,\n                shouldUseVirtualFocus: autocompleteMenuProps?.shouldUseVirtualFocus\n              }\n            ],\n            [MenuItemContext, {shouldCloseOnSelect: props.shouldCloseOnSelect}],\n            [SelectableCollectionContext, null],\n            [FieldInputContext, null],\n            [SelectionManagerContext, state.selectionManager],\n            /* Ensure root MenuTriggerState is defined, in case Menu is rendered outside a MenuTrigger. */\n            /* We assume the context can never change between defined and undefined. */\n            /* eslint-disable-next-line react-hooks/rules-of-hooks */\n            [RootMenuTriggerStateContext, triggerState ?? useMenuTriggerState({})]\n          ]}>\n          <SharedElementTransition>\n            <CollectionRoot\n              collection={state.collection}\n              persistedKeys={usePersistedKeys(state.selectionManager.focusedKey)}\n              scrollRef={ref}\n            />\n          </SharedElementTransition>\n        </Provider>\n        {emptyState}\n      </dom.div>\n    </FocusScope>\n  );\n}\n\nexport interface MenuSectionProps<T>\n  extends\n    SectionProps<T>,\n    Omit<MultipleSelection, 'disabledKeys'>,\n    DOMRenderProps<'section', undefined> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-MenuSection'\n   */\n  className?: string;\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n}\n\n// A subclass of SelectionManager that forwards focus-related properties to the parent,\n// but has its own local selection state.\nclass GroupSelectionManager extends SelectionManager {\n  private parent: SelectionManager;\n\n  constructor(parent: SelectionManager, state: MultipleSelectionState) {\n    super(parent.collection, state);\n    this.parent = parent;\n  }\n\n  get focusedKey() {\n    return this.parent.focusedKey;\n  }\n\n  get isFocused() {\n    return this.parent.isFocused;\n  }\n\n  setFocusedKey(key: Key | null, childFocusStrategy?: FocusStrategy): void {\n    return this.parent.setFocusedKey(key, childFocusStrategy);\n  }\n\n  setFocused(isFocused: boolean): void {\n    this.parent.setFocused(isFocused);\n  }\n\n  get childFocusStrategy() {\n    return this.parent.childFocusStrategy;\n  }\n}\n\nfunction MenuSectionInner<T>(\n  props: MenuSectionProps<T>,\n  ref: ForwardedRef<HTMLElement>,\n  section: Node<T>,\n  className = 'react-aria-MenuSection'\n) {\n  let state = useContext(MenuStateContext)!;\n  let {CollectionBranch} = useContext(CollectionRendererContext);\n  let [headingRef, heading] = useSlot();\n  let {headingProps, groupProps} = useMenuSection({\n    heading,\n    'aria-label': section.props['aria-label'] ?? undefined\n  });\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    children: undefined,\n    defaultClassName: className,\n    className: section.props?.className,\n    style: section.props?.style,\n    values: undefined\n  });\n\n  let parent = useContext(SelectionManagerContext)!;\n  let selectionState = useMultipleSelectionState(props);\n  let manager =\n    props.selectionMode != null ? new GroupSelectionManager(parent, selectionState) : parent;\n\n  let closeOnSelect = useSlottedContext(MenuItemContext)?.shouldCloseOnSelect;\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.section {...mergeProps(DOMProps, renderProps, groupProps)} ref={ref}>\n      <Provider\n        values={[\n          [HeaderContext, {...headingProps, ref: headingRef}],\n          [SelectionManagerContext, manager],\n          [MenuItemContext, {shouldCloseOnSelect: props.shouldCloseOnSelect ?? closeOnSelect}]\n        ]}>\n        <CollectionBranch collection={state.collection} parent={section} />\n      </Provider>\n    </dom.section>\n  );\n}\n\n/**\n * A MenuSection represents a section within a Menu.\n */\nexport const MenuSection = /*#__PURE__*/ createBranchComponent(SectionNode, MenuSectionInner);\n\nexport interface MenuItemRenderProps extends ItemRenderProps {\n  /**\n   * Whether the item has a submenu.\n   *\n   * @selector [data-has-submenu]\n   */\n  hasSubmenu: boolean;\n  /**\n   * Whether the item's submenu is open.\n   *\n   * @selector [data-open]\n   */\n  isOpen: boolean;\n}\n\nexport interface MenuItemProps<T = object>\n  extends\n    Omit<RenderProps<MenuItemRenderProps>, 'render'>,\n    PossibleLinkDOMRenderProps<'div', MenuItemRenderProps>,\n    LinkDOMProps,\n    HoverEvents,\n    FocusEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-MenuItem'\n   */\n  className?: ClassNameOrFunction<MenuItemRenderProps>;\n  /** The unique id of the item. */\n  id?: Key;\n  /**\n   * The object value that this item represents. When using dynamic collections, this is set\n   * automatically.\n   */\n  value?: T;\n  /** A string representation of the item's contents, used for features like typeahead. */\n  textValue?: string;\n  /** An accessibility label for this item. */\n  'aria-label'?: string;\n  /** Whether the item is disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when the item is selected. */\n  onAction?: () => void;\n  /** Whether the menu should close when the menu item is selected. */\n  shouldCloseOnSelect?: boolean;\n}\n\nconst MenuItemContext = createContext<ContextValue<MenuItemProps, HTMLDivElement>>(null);\n\n/**\n * A MenuItem represents an individual action in a Menu.\n */\nexport const MenuItem = /*#__PURE__*/ createLeafComponent(ItemNode, function MenuItem<\n  T\n>(props: MenuItemProps<T>, forwardedRef: ForwardedRef<HTMLDivElement>, item: Node<T>) {\n  [props, forwardedRef] = useContextProps(props, forwardedRef, MenuItemContext);\n  let id = useSlottedContext(MenuItemContext)?.id as string;\n  let state = useContext(MenuStateContext)!;\n  let ref = useObjectRef<any>(forwardedRef);\n  let selectionManager = useContext(SelectionManagerContext)!;\n  let {isVirtualized} = useContext(CollectionRendererContext);\n  let {menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, ...states} = useMenuItem(\n    {\n      ...props,\n      id,\n      key: item.key,\n      selectionManager,\n      isVirtualized: isVirtualized\n    },\n    state,\n    ref\n  );\n\n  let {hoverProps, isHovered} = useHover({\n    isDisabled: states.isDisabled\n  });\n  let renderProps = useRenderProps<MenuItemRenderProps, any>({\n    ...props,\n    id: undefined,\n    children: item.rendered,\n    defaultClassName: 'react-aria-MenuItem',\n    values: {\n      ...states,\n      isHovered,\n      isFocusVisible: states.isFocusVisible,\n      selectionMode: selectionManager.selectionMode,\n      selectionBehavior: selectionManager.selectionBehavior,\n      hasSubmenu: !!props['aria-haspopup'],\n      isOpen: props['aria-expanded'] === 'true'\n    }\n  });\n\n  let ElementType = props.href ? dom.a : dom.div;\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <ElementType\n      {...mergeProps(DOMProps, renderProps, menuItemProps, hoverProps)}\n      ref={ref}\n      data-disabled={states.isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={states.isFocused || undefined}\n      data-focus-visible={states.isFocusVisible || undefined}\n      data-pressed={states.isPressed || undefined}\n      data-selected={states.isSelected || undefined}\n      data-selection-mode={\n        selectionManager.selectionMode === 'none' ? undefined : selectionManager.selectionMode\n      }\n      data-has-submenu={!!props['aria-haspopup'] || undefined}\n      data-open={props['aria-expanded'] === 'true' || undefined}>\n      <Provider\n        values={[\n          [\n            TextContext,\n            {\n              slots: {\n                [DEFAULT_SLOT]: labelProps,\n                label: labelProps,\n                description: descriptionProps\n              }\n            }\n          ],\n          [KeyboardContext, keyboardShortcutProps],\n          [SelectionIndicatorContext, {isSelected: states.isSelected}]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </ElementType>\n  );\n});\n"],"names":[],"version":3,"file":"Menu.js.map"}