@react-aria/menu 3.11.3-nightly.4318 → 3.11.3-nightly.4324

package/dist/import.mjs

@@ -1,11 +1,10 @@
-import {useId as $1Hnir$useId, filterDOMProps as $1Hnir$filterDOMProps, mergeProps as $1Hnir$mergeProps, useEffectEvent as $1Hnir$useEffectEvent, useLayoutEffect as $1Hnir$useLayoutEffect, useRouter as $1Hnir$useRouter, useSlotId as $1Hnir$useSlotId} from "@react-aria/utils";
+import {useId as $1Hnir$useId, filterDOMProps as $1Hnir$filterDOMProps, mergeProps as $1Hnir$mergeProps, useRouter as $1Hnir$useRouter, useSlotId as $1Hnir$useSlotId, useEffectEvent as $1Hnir$useEffectEvent, useLayoutEffect as $1Hnir$useLayoutEffect, useResizeObserver as $1Hnir$useResizeObserver} from "@react-aria/utils";
 import {useLocalizedStringFormatter as $1Hnir$useLocalizedStringFormatter, useLocale as $1Hnir$useLocale} from "@react-aria/i18n";
-import {useLongPress as $1Hnir$useLongPress, usePress as $1Hnir$usePress, useHover as $1Hnir$useHover, isFocusVisible as $1Hnir$isFocusVisible, useKeyboard as $1Hnir$useKeyboard} from "@react-aria/interactions";
+import {useLongPress as $1Hnir$useLongPress, usePress as $1Hnir$usePress, useHover as $1Hnir$useHover, isFocusVisible as $1Hnir$isFocusVisible, useKeyboard as $1Hnir$useKeyboard, useFocus as $1Hnir$useFocus, useInteractionModality as $1Hnir$useInteractionModality} from "@react-aria/interactions";
 import {useOverlayTrigger as $1Hnir$useOverlayTrigger} from "@react-aria/overlays";
 import {useSelectableList as $1Hnir$useSelectableList, useSelectableItem as $1Hnir$useSelectableItem} from "@react-aria/selection";
-import {focusSafely as $1Hnir$focusSafely} from "@react-aria/focus";
 import {getItemCount as $1Hnir$getItemCount} from "@react-stately/collections";
-import {useRef as $1Hnir$useRef, useCallback as $1Hnir$useCallback} from "react";
+import {useRef as $1Hnir$useRef, useCallback as $1Hnir$useCallback, useState as $1Hnir$useState, useEffect as $1Hnir$useEffect} from "react";
 
 
 function $parcel$interopDefault(a) {
@@ -363,7 +362,7 @@ function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) {
 
 const $d5336fe17ce95402$export$6f49b4016bfc8d56 = new WeakMap();
 function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
-    let { shouldFocusWrap: shouldFocusWrap = true, ...otherProps } = props;
+    let { shouldFocusWrap: shouldFocusWrap = true, onKeyDown: onKeyDown, onKeyUp: onKeyUp, ...otherProps } = props;
     if (!props["aria-label"] && !props["aria-labelledby"]) console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
     let domProps = (0, $1Hnir$filterDOMProps)(props, {
         labelable: true
@@ -383,9 +382,10 @@ function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
     });
     return {
         menuProps: (0, $1Hnir$mergeProps)(domProps, {
+            onKeyDown: onKeyDown,
+            onKeyUp: onKeyUp
+        }, {
             role: "menu",
-            // this forces AT to move their cursors into any open sub dialogs, the sub dialogs contain hidden close buttons in order to come back to this level of the menu
-            "aria-hidden": state.expandedKeys.size > 0 ? true : undefined,
             ...listProps,
             onKeyDown: (e)=>{
                 // don't clear the menu selected keys if the user is presses escape since escape closes the menu
@@ -411,55 +411,27 @@ function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
 
 
 
-
-
-
 function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
     var _item_props;
-    let { key: key, closeOnSelect: closeOnSelect, isVirtualized: isVirtualized, "aria-haspopup": hasPopup } = props;
-    let { direction: direction } = (0, $1Hnir$useLocale)();
+    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;
-    let isOpen = state.expandedKeys.has(key);
     var _props_isDisabled;
     let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.disabledKeys.has(key);
     var _props_isSelected;
     let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
-    let openTimeout = (0, $1Hnir$useRef)();
-    let cancelOpenTimeout = (0, $1Hnir$useCallback)(()=>{
-        if (openTimeout.current) {
-            clearTimeout(openTimeout.current);
-            openTimeout.current = undefined;
-        }
-    }, [
-        openTimeout
-    ]);
-    let onSubmenuOpen = (0, $1Hnir$useEffectEvent)(()=>{
-        cancelOpenTimeout();
-        state.setExpandedKeys(new Set([
-            key
-        ]));
-    });
-    (0, $1Hnir$useLayoutEffect)(()=>{
-        return ()=>cancelOpenTimeout();
-    }, [
-        cancelOpenTimeout
-    ]);
     let data = (0, $d5336fe17ce95402$export$6f49b4016bfc8d56).get(state);
     let onClose = props.onClose || data.onClose;
-    let onActionMenuDialogTrigger = (0, $1Hnir$useCallback)(()=>{
-        onSubmenuOpen();
-    // will need to disable this lint rule when using useEffectEvent https://react.dev/learn/separating-events-from-effects#logic-inside-effects-is-reactive
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    let onAction = isTrigger ? onActionMenuDialogTrigger : props.onAction || data.onAction;
+    let onAction = isTrigger ? ()=>{} : props.onAction || data.onAction;
     let router = (0, $1Hnir$useRouter)();
     let performAction = (e)=>{
         if (onAction) onAction(key);
         if (e.target instanceof HTMLAnchorElement) router.open(e.target, e);
     };
     let role = "menuitem";
-    if (state.selectionManager.selectionMode === "single") role = "menuitemradio";
-    else if (state.selectionManager.selectionMode === "multiple") role = "menuitemcheckbox";
+    if (!isTrigger) {
+        if (state.selectionManager.selectionMode === "single") role = "menuitemradio";
+        else if (state.selectionManager.selectionMode === "multiple") role = "menuitemcheckbox";
+    }
     let labelId = (0, $1Hnir$useSlotId)();
     let descriptionId = (0, $1Hnir$useSlotId)();
     let keyboardId = (0, $1Hnir$useSlotId)();
@@ -471,20 +443,20 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
         "aria-describedby": [
             descriptionId,
             keyboardId
-        ].filter(Boolean).join(" ") || undefined
+        ].filter(Boolean).join(" ") || undefined,
+        "aria-controls": props["aria-controls"],
+        "aria-haspopup": hasPopup,
+        "aria-expanded": props["aria-expanded"]
     };
-    if (state.selectionManager.selectionMode !== "none") ariaProps["aria-checked"] = isSelected;
+    if (state.selectionManager.selectionMode !== "none" && !isTrigger) ariaProps["aria-checked"] = isSelected;
     let item = state.collection.getItem(key);
     if (isVirtualized) {
         ariaProps["aria-posinset"] = item === null || item === void 0 ? void 0 : item.index;
         ariaProps["aria-setsize"] = (0, $1Hnir$getItemCount)(state.collection);
     }
-    if (hasPopup != null) {
-        ariaProps["aria-haspopup"] = hasPopup;
-        ariaProps["aria-expanded"] = isOpen ? "true" : "false";
-    }
     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") {
@@ -493,6 +465,7 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
             // 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, $1Hnir$useSelectableItem)({
         selectionManager: state.selectionManager,
@@ -508,27 +481,23 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
     });
     let { pressProps: pressProps, isPressed: isPressed } = (0, $1Hnir$usePress)({
         onPressStart: onPressStart,
+        onPress: onPress,
         onPressUp: onPressUp,
-        isDisabled: isDisabled || isTrigger && state.expandedKeys.has(key)
+        onPressChange: onPressChange,
+        onPressEnd: onPressEnd,
+        isDisabled: isDisabled
     });
     let { hoverProps: hoverProps } = (0, $1Hnir$useHover)({
         isDisabled: isDisabled,
-        onHoverStart () {
-            if (!(0, $1Hnir$isFocusVisible)() && !(isTrigger && state.expandedKeys.has(key))) {
+        onHoverStart (e) {
+            if (!(0, $1Hnir$isFocusVisible)()) {
                 state.selectionManager.setFocused(true);
                 state.selectionManager.setFocusedKey(key);
-                // focus immediately so that a focus scope opened on hover has the correct restore node
-                let isFocused = key === state.selectionManager.focusedKey;
-                if (isFocused && state.selectionManager.isFocused && document.activeElement !== ref.current) (0, $1Hnir$focusSafely)(ref.current);
             }
+            hoverStartProp === null || hoverStartProp === void 0 ? void 0 : hoverStartProp(e);
         },
-        onHoverChange: (isHovered)=>{
-            if (isHovered && isTrigger && !state.expandedKeys.has(key)) {
-                if (!openTimeout.current) openTimeout.current = setTimeout(()=>{
-                    onSubmenuOpen();
-                }, 200);
-            } else if (!isHovered) cancelOpenTimeout();
-        }
+        onHoverChange: onHoverChange,
+        onHoverEnd: onHoverEnd
     });
     let { keyboardProps: keyboardProps } = (0, $1Hnir$useKeyboard)({
         onKeyDown: (e)=>{
@@ -546,19 +515,18 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
                     // The Enter key should always close on select, except if overridden.
                     if (!isDisabled && closeOnSelect !== false && !isTrigger && onClose) onClose();
                     break;
-                case "ArrowRight":
-                    if (isTrigger && direction === "ltr") onSubmenuOpen();
-                    else e.continuePropagation();
-                    break;
-                case "ArrowLeft":
-                    if (isTrigger && direction === "rtl") onSubmenuOpen();
-                    else e.continuePropagation();
-                    break;
                 default:
-                    e.continuePropagation();
+                    if (!isTrigger) e.continuePropagation();
+                    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
                     break;
             }
-        }
+        },
+        onKeyUp: onKeyUp
+    });
+    let { focusProps: focusProps } = (0, $1Hnir$useFocus)({
+        onBlur: onBlur,
+        onFocus: onFocus,
+        onFocusChange: onFocusChange
     });
     let domProps = (0, $1Hnir$filterDOMProps)(item.props, {
         isLink: !!(item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.href)
@@ -567,7 +535,10 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
     return {
         menuItemProps: {
             ...ariaProps,
-            ...(0, $1Hnir$mergeProps)(domProps, itemProps, pressProps, hoverProps, keyboardProps)
+            ...(0, $1Hnir$mergeProps)(domProps, isTrigger ? {
+                onFocus: itemProps.onFocus
+            } : itemProps, pressProps, hoverProps, keyboardProps, focusProps),
+            tabIndex: itemProps.tabIndex != null ? -1 : undefined
         },
         labelProps: {
             id: labelId
@@ -620,7 +591,285 @@ function $3e5eb2498db5b506$export$73f7a44322579622(props) {
 }
 
 
+/*
+ * Copyright 2023 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 $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS = 2;
+const $d275435c250248f8$var$THROTTLE_TIME = 50;
+const $d275435c250248f8$var$TIMEOUT_TIME = 1000;
+const $d275435c250248f8$var$ANGLE_PADDING = Math.PI / 12; // 15°
+function $d275435c250248f8$export$85ec83e04c95f50a(options) {
+    let { menuRef: menuRef, submenuRef: submenuRef, isOpen: isOpen, isDisabled: isDisabled } = options;
+    let prevPointerPos = (0, $1Hnir$useRef)();
+    let submenuRect = (0, $1Hnir$useRef)();
+    let lastProcessedTime = (0, $1Hnir$useRef)(0);
+    let timeout = (0, $1Hnir$useRef)();
+    let autoCloseTimeout = (0, $1Hnir$useRef)();
+    let submenuSide = (0, $1Hnir$useRef)();
+    let movementsTowardsSubmenuCount = (0, $1Hnir$useRef)(2);
+    let [preventPointerEvents, setPreventPointerEvents] = (0, $1Hnir$useState)(false);
+    let updateSubmenuRect = ()=>{
+        if (submenuRef.current) {
+            submenuRect.current = submenuRef.current.getBoundingClientRect();
+            submenuSide.current = undefined;
+        }
+    };
+    (0, $1Hnir$useResizeObserver)({
+        ref: submenuRef,
+        onResize: updateSubmenuRect
+    });
+    let reset = ()=>{
+        setPreventPointerEvents(false);
+        movementsTowardsSubmenuCount.current = $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS;
+    };
+    let modality = (0, $1Hnir$useInteractionModality)();
+    (0, $1Hnir$useEffect)(()=>{
+        if (preventPointerEvents && menuRef.current) menuRef.current.style.pointerEvents = "none";
+        else menuRef.current.style.pointerEvents = "";
+    }, [
+        menuRef,
+        preventPointerEvents
+    ]);
+    (0, $1Hnir$useEffect)(()=>{
+        let submenu = submenuRef.current;
+        let menu = menuRef.current;
+        if (isDisabled || !submenu || !isOpen || modality !== "pointer") {
+            reset();
+            return;
+        }
+        submenuRect.current = submenu.getBoundingClientRect();
+        let onPointerMove = (e)=>{
+            if (e.pointerType === "touch" || e.pointerType === "pen") return;
+            let currentTime = Date.now();
+            // Throttle
+            if (currentTime - lastProcessedTime.current < $d275435c250248f8$var$THROTTLE_TIME) return;
+            clearTimeout(timeout.current);
+            clearTimeout(autoCloseTimeout.current);
+            let { clientX: mouseX, clientY: mouseY } = e;
+            if (!prevPointerPos.current) {
+                prevPointerPos.current = {
+                    x: mouseX,
+                    y: mouseY
+                };
+                return;
+            }
+            if (!submenuRect.current) return;
+            if (!submenuSide.current) submenuSide.current = mouseX > submenuRect.current.right ? "left" : "right";
+            // Pointer is outside of parent menu
+            if (mouseX < menu.getBoundingClientRect().left || mouseX > menu.getBoundingClientRect().right || mouseY < menu.getBoundingClientRect().top || mouseY > menu.getBoundingClientRect().bottom) {
+                reset();
+                return;
+            }
+            /* Check if pointer is moving towards submenu.
+        Uses the 2-argument arctangent (https://en.wikipedia.org/wiki/Atan2) to calculate:
+          - angle between previous pointer and top of submenu
+          - angle between previous pointer and bottom of submenu
+          - angle between previous pointer and current pointer (delta)
+        If the pointer delta angle value is between the top and bottom angle values, we know the pointer is moving towards the submenu.
+      */ let prevMouseX = prevPointerPos.current.x;
+            let prevMouseY = prevPointerPos.current.y;
+            let toSubmenuX = submenuSide.current === "right" ? submenuRect.current.left - prevMouseX : prevMouseX - submenuRect.current.right;
+            let angleTop = Math.atan2(prevMouseY - submenuRect.current.top, toSubmenuX) + $d275435c250248f8$var$ANGLE_PADDING;
+            let angleBottom = Math.atan2(prevMouseY - submenuRect.current.bottom, toSubmenuX) - $d275435c250248f8$var$ANGLE_PADDING;
+            let anglePointer = Math.atan2(prevMouseY - mouseY, submenuSide.current === "left" ? -(mouseX - prevMouseX) : mouseX - prevMouseX);
+            let isMovingTowardsSubmenu = anglePointer < angleTop && anglePointer > angleBottom;
+            movementsTowardsSubmenuCount.current = isMovingTowardsSubmenu ? Math.min(movementsTowardsSubmenuCount.current + 1, $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS) : Math.max(movementsTowardsSubmenuCount.current - 1, 0);
+            if (movementsTowardsSubmenuCount.current >= $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS) setPreventPointerEvents(true);
+            else setPreventPointerEvents(false);
+            lastProcessedTime.current = currentTime;
+            prevPointerPos.current = {
+                x: mouseX,
+                y: mouseY
+            };
+            // If the pointer is moving towards the submenu, start a timeout to close if no other movements are made after 500ms.
+            if (isMovingTowardsSubmenu) timeout.current = setTimeout(()=>{
+                reset();
+                autoCloseTimeout.current = setTimeout(()=>{
+                    // Fire a pointerover event to trigger the menu to close.
+                    // Wait until pointer-events:none is no longer applied
+                    let target = document.elementFromPoint(mouseX, mouseY);
+                    if (target && menu.contains(target)) target.dispatchEvent(new PointerEvent("pointerover", {
+                        bubbles: true,
+                        cancelable: true
+                    }));
+                }, 100);
+            }, $d275435c250248f8$var$TIMEOUT_TIME);
+        };
+        window.addEventListener("pointermove", onPointerMove);
+        return ()=>{
+            window.removeEventListener("pointermove", onPointerMove);
+            clearTimeout(timeout.current);
+            clearTimeout(autoCloseTimeout.current);
+            movementsTowardsSubmenuCount.current = $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS;
+        };
+    }, [
+        isDisabled,
+        isOpen,
+        menuRef,
+        modality,
+        setPreventPointerEvents,
+        submenuRef
+    ]);
+}
+
+
+function $0065b146e7192841$export$3819f8ee9f4ce664(props, state, ref) {
+    let { parentMenuRef: parentMenuRef, submenuRef: submenuRef, type: type = "menu", isDisabled: isDisabled, node: node } = props;
+    let submenuTriggerId = (0, $1Hnir$useId)();
+    let overlayId = (0, $1Hnir$useId)();
+    let { direction: direction } = (0, $1Hnir$useLocale)();
+    let openTimeout = (0, $1Hnir$useRef)();
+    let cancelOpenTimeout = (0, $1Hnir$useCallback)(()=>{
+        if (openTimeout.current) {
+            clearTimeout(openTimeout.current);
+            openTimeout.current = undefined;
+        }
+    }, [
+        openTimeout
+    ]);
+    let onSubmenuOpen = (0, $1Hnir$useEffectEvent)((focusStrategy)=>{
+        cancelOpenTimeout();
+        state.open(focusStrategy);
+    });
+    let onSubmenuClose = (0, $1Hnir$useEffectEvent)(()=>{
+        cancelOpenTimeout();
+        state.close();
+    });
+    (0, $1Hnir$useLayoutEffect)(()=>{
+        return ()=>{
+            cancelOpenTimeout();
+        };
+    }, [
+        cancelOpenTimeout
+    ]);
+    let submenuKeyDown = (e)=>{
+        switch(e.key){
+            case "ArrowLeft":
+                if (direction === "ltr" && e.currentTarget.contains(e.target)) {
+                    e.stopPropagation();
+                    onSubmenuClose();
+                    ref.current.focus();
+                }
+                break;
+            case "ArrowRight":
+                if (direction === "rtl" && e.currentTarget.contains(e.target)) {
+                    e.stopPropagation();
+                    onSubmenuClose();
+                    ref.current.focus();
+                }
+                break;
+            case "Escape":
+                e.stopPropagation();
+                state.closeAll();
+                break;
+        }
+    };
+    let submenuProps = {
+        id: overlayId,
+        "aria-label": node.textValue,
+        submenuLevel: state.submenuLevel,
+        ...type === "menu" && {
+            onClose: state.closeAll,
+            autoFocus: state.focusStrategy,
+            onKeyDown: submenuKeyDown
+        }
+    };
+    let submenuTriggerKeyDown = (e)=>{
+        switch(e.key){
+            case "ArrowRight":
+                if (!isDisabled) {
+                    if (direction === "ltr") {
+                        if (!state.isOpen) onSubmenuOpen("first");
+                        if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current)) submenuRef.current.focus();
+                    } else if (state.isOpen) onSubmenuClose();
+                    else e.continuePropagation();
+                }
+                break;
+            case "ArrowLeft":
+                if (!isDisabled) {
+                    if (direction === "rtl") {
+                        if (!state.isOpen) onSubmenuOpen("first");
+                        if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current)) submenuRef.current.focus();
+                    } else if (state.isOpen) onSubmenuClose();
+                    else e.continuePropagation();
+                }
+                break;
+            case "Escape":
+                state.closeAll();
+                break;
+            default:
+                e.continuePropagation();
+                break;
+        }
+    };
+    let onPressStart = (e)=>{
+        if (!isDisabled && (e.pointerType === "virtual" || e.pointerType === "keyboard")) // If opened with a screen reader or keyboard, auto focus the first submenu item.
+        onSubmenuOpen("first");
+    };
+    let onPress = (e)=>{
+        if (!isDisabled && (e.pointerType === "touch" || e.pointerType === "mouse")) // For touch or on a desktop device with a small screen open on press up to possible problems with
+        // press up happening on the newly opened tray items
+        onSubmenuOpen();
+    };
+    let onHoverChange = (isHovered)=>{
+        if (!isDisabled) {
+            if (isHovered && !state.isOpen) {
+                if (!openTimeout.current) openTimeout.current = setTimeout(()=>{
+                    onSubmenuOpen();
+                }, 200);
+            } else if (!isHovered) cancelOpenTimeout();
+        }
+    };
+    let onBlur = (e)=>{
+        if (state.isOpen && parentMenuRef.current.contains(e.relatedTarget)) onSubmenuClose();
+    };
+    let shouldCloseOnInteractOutside = (target)=>{
+        if (target !== ref.current) return true;
+        return false;
+    };
+    (0, $d275435c250248f8$export$85ec83e04c95f50a)({
+        menuRef: parentMenuRef,
+        submenuRef: submenuRef,
+        isOpen: state.isOpen,
+        isDisabled: isDisabled
+    });
+    return {
+        submenuTriggerProps: {
+            id: submenuTriggerId,
+            "aria-controls": state.isOpen ? overlayId : undefined,
+            "aria-haspopup": !isDisabled ? type : undefined,
+            "aria-expanded": state.isOpen ? "true" : "false",
+            onPressStart: onPressStart,
+            onPress: onPress,
+            onHoverChange: onHoverChange,
+            onKeyDown: submenuTriggerKeyDown,
+            onBlur: onBlur,
+            isOpen: state.isOpen
+        },
+        submenuProps: submenuProps,
+        popoverProps: {
+            isNonModal: true,
+            disableFocusManagement: true,
+            shouldCloseOnInteractOutside: shouldCloseOnInteractOutside
+        }
+    };
+}
+
+
 
 
-export {$168583247155ddda$export$dc9c12ed27dd1b49 as useMenuTrigger, $d5336fe17ce95402$export$38eaa17faae8f579 as useMenu, $a2e5df62f93c7633$export$9d32628fc2aea7da as useMenuItem, $3e5eb2498db5b506$export$73f7a44322579622 as useMenuSection};
+export {$168583247155ddda$export$dc9c12ed27dd1b49 as useMenuTrigger, $d5336fe17ce95402$export$38eaa17faae8f579 as useMenu, $a2e5df62f93c7633$export$9d32628fc2aea7da as useMenuItem, $3e5eb2498db5b506$export$73f7a44322579622 as useMenuSection, $0065b146e7192841$export$3819f8ee9f4ce664 as UNSTABLE_useSubmenuTrigger};
 //# sourceMappingURL=module.js.map