@react-spectrum/menu 3.22.11 → 3.23.0

package/dist/ContextualHelpTrigger.main.js

@@ -1,192 +0,0 @@
-require("./menu.5b49954a.css");
-var $a10e565ec42bcf96$exports = require("./contextualhelp_vars_css.main.js");
-require("./menu.2ec1fdaf.css");
-var $3deee0fd2b46e64f$exports = require("./menu_vars_css.main.js");
-var $cac834c4bc0a51d3$exports = require("./context.main.js");
-var $63a7dff9cbe2d046$exports = require("./Menu.main.js");
-var $hdb2e$reactspectrumutils = require("@react-spectrum/utils");
-var $hdb2e$reactariafocus = require("@react-aria/focus");
-var $hdb2e$reactariainteractions = require("@react-aria/interactions");
-var $hdb2e$reactariautils = require("@react-aria/utils");
-var $hdb2e$reactspectrumoverlays = require("@react-spectrum/overlays");
-var $hdb2e$react = require("react");
-var $hdb2e$reactdom = require("react-dom");
-var $hdb2e$reactariamenu = require("@react-aria/menu");
-var $hdb2e$reactstatelymenu = require("@react-stately/menu");
-
-
-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, "ContextualHelpTrigger", () => $db380858d398b658$export$5413b169fff83e61);
-/*
- * 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.
- */ 
-
-
-
-
-
-
-
-
-
-
-
-
-function $db380858d398b658$var$ContextualHelpTrigger(props) {
-    let { isUnavailable: isUnavailable = false, targetKey: targetKey } = props;
-    let triggerRef = (0, $hdb2e$react.useRef)(null);
-    let popoverRef = (0, $hdb2e$react.useRef)(null);
-    let { popoverContainer: popoverContainer, trayContainerRef: trayContainerRef, rootMenuTriggerState: rootMenuTriggerState, menu: parentMenuRef, state: state } = (0, $cac834c4bc0a51d3$exports.useMenuStateContext)();
-    let submenuTriggerState = (0, $hdb2e$reactstatelymenu.useSubmenuTriggerState)({
-        triggerKey: targetKey
-    }, {
-        ...rootMenuTriggerState,
-        ...state
-    });
-    let submenuRef = (0, $hdb2e$reactspectrumutils.unwrapDOMRef)(popoverRef);
-    let { submenuTriggerProps: submenuTriggerProps, popoverProps: popoverProps } = (0, $hdb2e$reactariamenu.useSubmenuTrigger)({
-        parentMenuRef: parentMenuRef,
-        submenuRef: submenuRef,
-        type: 'dialog',
-        isDisabled: !isUnavailable
-    }, submenuTriggerState, triggerRef);
-    let isMobile = (0, $hdb2e$reactspectrumutils.useIsMobileDevice)();
-    let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $hdb2e$react.useState)('');
-    (0, $hdb2e$react.useEffect)(()=>{
-        if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
-    }, [
-        submenuTriggerState.isOpen
-    ]);
-    let slots = {};
-    if (isUnavailable) slots = {
-        dialog: {
-            UNSAFE_className: (0, $hdb2e$reactspectrumutils.classNames)((0, ($parcel$interopDefault($a10e565ec42bcf96$exports))), 'react-spectrum-ContextualHelp-dialog', {
-                'react-spectrum-ContextualHelp-dialog--isMobile': isMobile
-            }, (0, $hdb2e$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), {
-                'spectrum-Menu-subdialog': !isMobile,
-                [traySubmenuAnimation]: isMobile
-            }))
-        },
-        content: {
-            UNSAFE_className: (0, ($parcel$interopDefault($a10e565ec42bcf96$exports)))['react-spectrum-ContextualHelp-content']
-        },
-        footer: {
-            UNSAFE_className: (0, ($parcel$interopDefault($a10e565ec42bcf96$exports)))['react-spectrum-ContextualHelp-footer']
-        }
-    };
-    let [trigger] = (0, ($parcel$interopDefault($hdb2e$react))).Children.toArray(props.children);
-    let [, content] = props.children;
-    let onBlurWithin = (e)=>{
-        if (e.relatedTarget && popoverRef.current && !(0, $hdb2e$reactariautils.nodeContains)(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) && !(e.relatedTarget === triggerRef.current && (0, $hdb2e$reactariainteractions.getInteractionModality)() === 'pointer')) {
-            if (submenuTriggerState.isOpen) submenuTriggerState.close();
-        }
-    };
-    let overlay;
-    let tray;
-    let onBackButtonPress = ()=>{
-        setTraySubmenuAnimation('spectrum-TraySubmenu-exit');
-        setTimeout(()=>{
-            submenuTriggerState.close();
-            if (parentMenuRef.current && !(0, $hdb2e$reactariautils.isFocusWithin)(parentMenuRef.current)) parentMenuRef.current.focus();
-        }, 220); // Matches transition duration
-    };
-    if (isMobile) {
-        delete submenuTriggerProps.onBlur;
-        delete submenuTriggerProps.onHoverChange;
-        if (trayContainerRef.current && submenuTriggerState.isOpen) {
-            let subDialogKeyDown = (e)=>{
-                switch(e.key){
-                    case 'Escape':
-                        e.stopPropagation();
-                        onBackButtonPress();
-                        break;
-                }
-            };
-            tray = /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).createElement((0, $63a7dff9cbe2d046$exports.TrayHeaderWrapper), {
-                isSubmenu: true,
-                parentMenuTreeState: state,
-                rootMenuTriggerState: rootMenuTriggerState,
-                wrapperKeyDown: subDialogKeyDown,
-                onBackButtonPress: onBackButtonPress
-            }, content);
-            overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$reactdom))).createPortal(tray, trayContainerRef.current);
-        }
-    } else {
-        let onDismissButtonPress = ()=>{
-            var _parentMenuRef_current;
-            submenuTriggerState.close();
-            (_parentMenuRef_current = parentMenuRef.current) === null || _parentMenuRef_current === void 0 ? void 0 : _parentMenuRef_current.focus();
-        };
-        overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).createElement((0, $hdb2e$reactspectrumoverlays.Popover), {
-            ...popoverProps,
-            UNSAFE_style: {
-                clipPath: 'unset',
-                overflow: 'visible',
-                filter: 'unset',
-                borderWidth: '0px'
-            },
-            UNSAFE_className: (0, $hdb2e$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Submenu-popover'),
-            onDismissButtonPress: onDismissButtonPress,
-            onBlurWithin: onBlurWithin,
-            container: popoverContainer,
-            state: submenuTriggerState,
-            ref: popoverRef,
-            triggerRef: triggerRef,
-            placement: "end top",
-            containerPadding: 0,
-            hideArrow: true,
-            enableBothDismissButtons: true
-        }, /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).createElement((0, $hdb2e$reactariafocus.FocusScope), {
-            restoreFocus: true,
-            contain: true
-        }, content));
-    }
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).createElement((0, ($parcel$interopDefault($hdb2e$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).createElement((0, $cac834c4bc0a51d3$exports.SubmenuTriggerContext).Provider, {
-        value: {
-            isUnavailable: isUnavailable,
-            triggerRef: triggerRef,
-            ...submenuTriggerProps
-        }
-    }, trigger), /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).createElement((0, $hdb2e$reactspectrumutils.SlotProvider), {
-        slots: slots
-    }, submenuTriggerState.isOpen && overlay));
-}
-$db380858d398b658$var$ContextualHelpTrigger.getCollectionNode = function* getCollectionNode(props) {
-    let childArray = [];
-    (0, ($parcel$interopDefault($hdb2e$react))).Children.forEach(props.children, (child)=>{
-        if (/*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).isValidElement(child)) childArray.push(child);
-    });
-    let [trigger] = childArray;
-    let [, content] = props.children;
-    yield {
-        element: /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).cloneElement(trigger, {
-            ...trigger.props,
-            hasChildItems: true,
-            isTrigger: true
-        }),
-        wrapper: (element)=>/*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).createElement($db380858d398b658$var$ContextualHelpTrigger, {
-                key: element.key,
-                targetKey: element.key,
-                ...props
-            }, element, content)
-    };
-};
-let $db380858d398b658$export$5413b169fff83e61 = $db380858d398b658$var$ContextualHelpTrigger;
-
-
-//# sourceMappingURL=ContextualHelpTrigger.main.js.map

package/dist/ContextualHelpTrigger.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-spectrum/menu/src/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames, SlotProvider, unwrapDOMRef, useIsMobileDevice} from '@react-spectrum/utils';\nimport {DOMRefValue, ItemProps, Key} from '@react-types/shared';\nimport {FocusScope} from '@react-aria/focus';\nimport {getInteractionModality} from '@react-aria/interactions';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport {isFocusWithin, nodeContains} from '@react-aria/utils';\nimport {Popover} from '@react-spectrum/overlays';\nimport React, {JSX, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {SubmenuTriggerContext, useMenuStateContext} from './context';\nimport {TrayHeaderWrapper} from './Menu';\nimport {useSubmenuTrigger} from '@react-aria/menu';\nimport {useSubmenuTriggerState} from '@react-stately/menu';\n\ninterface MenuDialogTriggerProps {\n  /** Whether the menu item is currently unavailable. */\n  isUnavailable?: boolean,\n  /** The triggering Item and the Dialog, respectively. */\n  children: [ReactElement, ReactElement]\n}\n\ninterface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {\n  targetKey: Key\n}\n\nexport interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {}\n\nfunction ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement {\n  let {isUnavailable = false, targetKey} = props;\n\n  let triggerRef = useRef<HTMLLIElement>(null);\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement> | null>(null);\n  let {popoverContainer, trayContainerRef, rootMenuTriggerState, menu: parentMenuRef, state} = useMenuStateContext()!;\n  let submenuTriggerState = useSubmenuTriggerState({triggerKey: targetKey}, {...rootMenuTriggerState!, ...state});\n  let submenuRef = unwrapDOMRef(popoverRef);\n  let {submenuTriggerProps, popoverProps} = useSubmenuTrigger({\n    parentMenuRef,\n    submenuRef,\n    type: 'dialog',\n    isDisabled: !isUnavailable\n  }, submenuTriggerState, triggerRef);\n  let isMobile = useIsMobileDevice();\n  let [traySubmenuAnimation, setTraySubmenuAnimation] = useState('');\n  useEffect(() => {\n    if (submenuTriggerState.isOpen) {\n      setTraySubmenuAnimation('spectrum-TraySubmenu-enter');\n    }\n  }, [submenuTriggerState.isOpen]);\n  let slots = {};\n  if (isUnavailable) {\n    slots = {\n      dialog: {\n        UNSAFE_className: classNames(\n          helpStyles,\n          'react-spectrum-ContextualHelp-dialog',\n          {\n            'react-spectrum-ContextualHelp-dialog--isMobile': isMobile\n          },\n          classNames(\n            styles,\n            {\n              'spectrum-Menu-subdialog': !isMobile,\n              [traySubmenuAnimation]: isMobile\n            }\n          )\n        )\n      },\n      content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n      footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n    };\n  }\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  let onBlurWithin = (e) => {\n    if (e.relatedTarget && popoverRef.current && (!nodeContains(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) && !(e.relatedTarget === triggerRef.current && getInteractionModality() === 'pointer'))) {\n      if (submenuTriggerState.isOpen) {\n        submenuTriggerState.close();\n      }\n    }\n  };\n\n  let overlay;\n  let tray;\n  let onBackButtonPress = () => {\n    setTraySubmenuAnimation('spectrum-TraySubmenu-exit');\n    setTimeout(() => {\n      submenuTriggerState.close();\n      if (parentMenuRef.current && !isFocusWithin(parentMenuRef.current)) {\n        parentMenuRef.current.focus();\n      }\n    }, 220); // Matches transition duration\n  };\n\n  if (isMobile) {\n    delete submenuTriggerProps.onBlur;\n    delete submenuTriggerProps.onHoverChange;\n    if (trayContainerRef.current && submenuTriggerState.isOpen) {\n      let subDialogKeyDown: KeyboardEventHandler = (e) => {\n        switch (e.key) {\n          case 'Escape':\n            e.stopPropagation();\n            onBackButtonPress();\n            break;\n        }\n      };\n\n      tray = (\n        <TrayHeaderWrapper\n          isSubmenu\n          parentMenuTreeState={state}\n          rootMenuTriggerState={rootMenuTriggerState}\n          wrapperKeyDown={subDialogKeyDown}\n          onBackButtonPress={onBackButtonPress}>\n          {content}\n        </TrayHeaderWrapper>\n      );\n\n      overlay = ReactDOM.createPortal(tray, trayContainerRef.current);\n    }\n  } else {\n    let onDismissButtonPress = () => {\n      submenuTriggerState.close();\n      parentMenuRef.current?.focus();\n    };\n\n    overlay = (\n      <Popover\n        {...popoverProps}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        UNSAFE_className={classNames(styles, 'spectrum-Submenu-popover')}\n        onDismissButtonPress={onDismissButtonPress}\n        onBlurWithin={onBlurWithin}\n        container={popoverContainer!}\n        state={submenuTriggerState}\n        ref={popoverRef}\n        triggerRef={triggerRef}\n        placement=\"end top\"\n        containerPadding={0}\n        hideArrow\n        enableBothDismissButtons>\n        <FocusScope restoreFocus contain>\n          {content}\n        </FocusScope>\n      </Popover>\n    );\n  }\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={{isUnavailable, triggerRef, ...submenuTriggerProps}}>{trigger}</SubmenuTriggerContext.Provider>\n      <SlotProvider slots={slots}>\n        {submenuTriggerState.isOpen && overlay}\n      </SlotProvider>\n    </>\n  );\n}\n\nContextualHelpTrigger.getCollectionNode = function* getCollectionNode<T>(props: ItemProps<T>) {\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(props.children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n  let [trigger] = childArray;\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  yield {\n    element: React.cloneElement(trigger, {...trigger.props as any, hasChildItems: true, isTrigger: true}),\n    wrapper: (element) => (\n      <ContextualHelpTrigger key={element.key} targetKey={element.key} {...props}>\n        {element}\n        {content}\n      </ContextualHelpTrigger>\n    )\n  };\n};\n\nlet _Item = ContextualHelpTrigger as unknown as (props: SpectrumMenuDialogTriggerProps) => JSX.Element;\nexport {_Item as ContextualHelpTrigger};\n"],"names":[],"version":3,"file":"ContextualHelpTrigger.main.js.map"}

package/dist/ContextualHelpTrigger.mjs

@@ -1,187 +0,0 @@
-import "./menu.5b49954a.css";
-import $7Y1uy$contextualhelp_vars_cssmodulejs from "./contextualhelp_vars_css.mjs";
-import "./menu.2ec1fdaf.css";
-import $7Y1uy$menu_vars_cssmodulejs from "./menu_vars_css.mjs";
-import {SubmenuTriggerContext as $d94604d52c3e3feb$export$8d97fe02339fc0e3, useMenuStateContext as $d94604d52c3e3feb$export$efa3856fc0e85e7f} from "./context.mjs";
-import {TrayHeaderWrapper as $49b26f4b606348f6$export$3dfe97b5c32d8d8c} from "./Menu.mjs";
-import {unwrapDOMRef as $7Y1uy$unwrapDOMRef, useIsMobileDevice as $7Y1uy$useIsMobileDevice, classNames as $7Y1uy$classNames, SlotProvider as $7Y1uy$SlotProvider} from "@react-spectrum/utils";
-import {FocusScope as $7Y1uy$FocusScope} from "@react-aria/focus";
-import {getInteractionModality as $7Y1uy$getInteractionModality} from "@react-aria/interactions";
-import {nodeContains as $7Y1uy$nodeContains, isFocusWithin as $7Y1uy$isFocusWithin} from "@react-aria/utils";
-import {Popover as $7Y1uy$Popover} from "@react-spectrum/overlays";
-import $7Y1uy$react, {useRef as $7Y1uy$useRef, useState as $7Y1uy$useState, useEffect as $7Y1uy$useEffect} from "react";
-import $7Y1uy$reactdom from "react-dom";
-import {useSubmenuTrigger as $7Y1uy$useSubmenuTrigger} from "@react-aria/menu";
-import {useSubmenuTriggerState as $7Y1uy$useSubmenuTriggerState} from "@react-stately/menu";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * 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.
- */ 
-
-
-
-
-
-
-
-
-
-
-
-
-function $726fb1b478e356bf$var$ContextualHelpTrigger(props) {
-    let { isUnavailable: isUnavailable = false, targetKey: targetKey } = props;
-    let triggerRef = (0, $7Y1uy$useRef)(null);
-    let popoverRef = (0, $7Y1uy$useRef)(null);
-    let { popoverContainer: popoverContainer, trayContainerRef: trayContainerRef, rootMenuTriggerState: rootMenuTriggerState, menu: parentMenuRef, state: state } = (0, $d94604d52c3e3feb$export$efa3856fc0e85e7f)();
-    let submenuTriggerState = (0, $7Y1uy$useSubmenuTriggerState)({
-        triggerKey: targetKey
-    }, {
-        ...rootMenuTriggerState,
-        ...state
-    });
-    let submenuRef = (0, $7Y1uy$unwrapDOMRef)(popoverRef);
-    let { submenuTriggerProps: submenuTriggerProps, popoverProps: popoverProps } = (0, $7Y1uy$useSubmenuTrigger)({
-        parentMenuRef: parentMenuRef,
-        submenuRef: submenuRef,
-        type: 'dialog',
-        isDisabled: !isUnavailable
-    }, submenuTriggerState, triggerRef);
-    let isMobile = (0, $7Y1uy$useIsMobileDevice)();
-    let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $7Y1uy$useState)('');
-    (0, $7Y1uy$useEffect)(()=>{
-        if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
-    }, [
-        submenuTriggerState.isOpen
-    ]);
-    let slots = {};
-    if (isUnavailable) slots = {
-        dialog: {
-            UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs))), 'react-spectrum-ContextualHelp-dialog', {
-                'react-spectrum-ContextualHelp-dialog--isMobile': isMobile
-            }, (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), {
-                'spectrum-Menu-subdialog': !isMobile,
-                [traySubmenuAnimation]: isMobile
-            }))
-        },
-        content: {
-            UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))['react-spectrum-ContextualHelp-content']
-        },
-        footer: {
-            UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))['react-spectrum-ContextualHelp-footer']
-        }
-    };
-    let [trigger] = (0, $7Y1uy$react).Children.toArray(props.children);
-    let [, content] = props.children;
-    let onBlurWithin = (e)=>{
-        if (e.relatedTarget && popoverRef.current && !(0, $7Y1uy$nodeContains)(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) && !(e.relatedTarget === triggerRef.current && (0, $7Y1uy$getInteractionModality)() === 'pointer')) {
-            if (submenuTriggerState.isOpen) submenuTriggerState.close();
-        }
-    };
-    let overlay;
-    let tray;
-    let onBackButtonPress = ()=>{
-        setTraySubmenuAnimation('spectrum-TraySubmenu-exit');
-        setTimeout(()=>{
-            submenuTriggerState.close();
-            if (parentMenuRef.current && !(0, $7Y1uy$isFocusWithin)(parentMenuRef.current)) parentMenuRef.current.focus();
-        }, 220); // Matches transition duration
-    };
-    if (isMobile) {
-        delete submenuTriggerProps.onBlur;
-        delete submenuTriggerProps.onHoverChange;
-        if (trayContainerRef.current && submenuTriggerState.isOpen) {
-            let subDialogKeyDown = (e)=>{
-                switch(e.key){
-                    case 'Escape':
-                        e.stopPropagation();
-                        onBackButtonPress();
-                        break;
-                }
-            };
-            tray = /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $49b26f4b606348f6$export$3dfe97b5c32d8d8c), {
-                isSubmenu: true,
-                parentMenuTreeState: state,
-                rootMenuTriggerState: rootMenuTriggerState,
-                wrapperKeyDown: subDialogKeyDown,
-                onBackButtonPress: onBackButtonPress
-            }, content);
-            overlay = /*#__PURE__*/ (0, $7Y1uy$reactdom).createPortal(tray, trayContainerRef.current);
-        }
-    } else {
-        let onDismissButtonPress = ()=>{
-            var _parentMenuRef_current;
-            submenuTriggerState.close();
-            (_parentMenuRef_current = parentMenuRef.current) === null || _parentMenuRef_current === void 0 ? void 0 : _parentMenuRef_current.focus();
-        };
-        overlay = /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$Popover), {
-            ...popoverProps,
-            UNSAFE_style: {
-                clipPath: 'unset',
-                overflow: 'visible',
-                filter: 'unset',
-                borderWidth: '0px'
-            },
-            UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), 'spectrum-Submenu-popover'),
-            onDismissButtonPress: onDismissButtonPress,
-            onBlurWithin: onBlurWithin,
-            container: popoverContainer,
-            state: submenuTriggerState,
-            ref: popoverRef,
-            triggerRef: triggerRef,
-            placement: "end top",
-            containerPadding: 0,
-            hideArrow: true,
-            enableBothDismissButtons: true
-        }, /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$FocusScope), {
-            restoreFocus: true,
-            contain: true
-        }, content));
-    }
-    return /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$react).Fragment, null, /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $d94604d52c3e3feb$export$8d97fe02339fc0e3).Provider, {
-        value: {
-            isUnavailable: isUnavailable,
-            triggerRef: triggerRef,
-            ...submenuTriggerProps
-        }
-    }, trigger), /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$SlotProvider), {
-        slots: slots
-    }, submenuTriggerState.isOpen && overlay));
-}
-$726fb1b478e356bf$var$ContextualHelpTrigger.getCollectionNode = function* getCollectionNode(props) {
-    let childArray = [];
-    (0, $7Y1uy$react).Children.forEach(props.children, (child)=>{
-        if (/*#__PURE__*/ (0, $7Y1uy$react).isValidElement(child)) childArray.push(child);
-    });
-    let [trigger] = childArray;
-    let [, content] = props.children;
-    yield {
-        element: /*#__PURE__*/ (0, $7Y1uy$react).cloneElement(trigger, {
-            ...trigger.props,
-            hasChildItems: true,
-            isTrigger: true
-        }),
-        wrapper: (element)=>/*#__PURE__*/ (0, $7Y1uy$react).createElement($726fb1b478e356bf$var$ContextualHelpTrigger, {
-                key: element.key,
-                targetKey: element.key,
-                ...props
-            }, element, content)
-    };
-};
-let $726fb1b478e356bf$export$5413b169fff83e61 = $726fb1b478e356bf$var$ContextualHelpTrigger;
-
-
-export {$726fb1b478e356bf$export$5413b169fff83e61 as ContextualHelpTrigger};
-//# sourceMappingURL=ContextualHelpTrigger.module.js.map

package/dist/ContextualHelpTrigger.module.js

@@ -1,187 +0,0 @@
-import "./menu.5b49954a.css";
-import $7Y1uy$contextualhelp_vars_cssmodulejs from "./contextualhelp_vars_css.module.js";
-import "./menu.2ec1fdaf.css";
-import $7Y1uy$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
-import {SubmenuTriggerContext as $d94604d52c3e3feb$export$8d97fe02339fc0e3, useMenuStateContext as $d94604d52c3e3feb$export$efa3856fc0e85e7f} from "./context.module.js";
-import {TrayHeaderWrapper as $49b26f4b606348f6$export$3dfe97b5c32d8d8c} from "./Menu.module.js";
-import {unwrapDOMRef as $7Y1uy$unwrapDOMRef, useIsMobileDevice as $7Y1uy$useIsMobileDevice, classNames as $7Y1uy$classNames, SlotProvider as $7Y1uy$SlotProvider} from "@react-spectrum/utils";
-import {FocusScope as $7Y1uy$FocusScope} from "@react-aria/focus";
-import {getInteractionModality as $7Y1uy$getInteractionModality} from "@react-aria/interactions";
-import {nodeContains as $7Y1uy$nodeContains, isFocusWithin as $7Y1uy$isFocusWithin} from "@react-aria/utils";
-import {Popover as $7Y1uy$Popover} from "@react-spectrum/overlays";
-import $7Y1uy$react, {useRef as $7Y1uy$useRef, useState as $7Y1uy$useState, useEffect as $7Y1uy$useEffect} from "react";
-import $7Y1uy$reactdom from "react-dom";
-import {useSubmenuTrigger as $7Y1uy$useSubmenuTrigger} from "@react-aria/menu";
-import {useSubmenuTriggerState as $7Y1uy$useSubmenuTriggerState} from "@react-stately/menu";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * 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.
- */ 
-
-
-
-
-
-
-
-
-
-
-
-
-function $726fb1b478e356bf$var$ContextualHelpTrigger(props) {
-    let { isUnavailable: isUnavailable = false, targetKey: targetKey } = props;
-    let triggerRef = (0, $7Y1uy$useRef)(null);
-    let popoverRef = (0, $7Y1uy$useRef)(null);
-    let { popoverContainer: popoverContainer, trayContainerRef: trayContainerRef, rootMenuTriggerState: rootMenuTriggerState, menu: parentMenuRef, state: state } = (0, $d94604d52c3e3feb$export$efa3856fc0e85e7f)();
-    let submenuTriggerState = (0, $7Y1uy$useSubmenuTriggerState)({
-        triggerKey: targetKey
-    }, {
-        ...rootMenuTriggerState,
-        ...state
-    });
-    let submenuRef = (0, $7Y1uy$unwrapDOMRef)(popoverRef);
-    let { submenuTriggerProps: submenuTriggerProps, popoverProps: popoverProps } = (0, $7Y1uy$useSubmenuTrigger)({
-        parentMenuRef: parentMenuRef,
-        submenuRef: submenuRef,
-        type: 'dialog',
-        isDisabled: !isUnavailable
-    }, submenuTriggerState, triggerRef);
-    let isMobile = (0, $7Y1uy$useIsMobileDevice)();
-    let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $7Y1uy$useState)('');
-    (0, $7Y1uy$useEffect)(()=>{
-        if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
-    }, [
-        submenuTriggerState.isOpen
-    ]);
-    let slots = {};
-    if (isUnavailable) slots = {
-        dialog: {
-            UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs))), 'react-spectrum-ContextualHelp-dialog', {
-                'react-spectrum-ContextualHelp-dialog--isMobile': isMobile
-            }, (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), {
-                'spectrum-Menu-subdialog': !isMobile,
-                [traySubmenuAnimation]: isMobile
-            }))
-        },
-        content: {
-            UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))['react-spectrum-ContextualHelp-content']
-        },
-        footer: {
-            UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))['react-spectrum-ContextualHelp-footer']
-        }
-    };
-    let [trigger] = (0, $7Y1uy$react).Children.toArray(props.children);
-    let [, content] = props.children;
-    let onBlurWithin = (e)=>{
-        if (e.relatedTarget && popoverRef.current && !(0, $7Y1uy$nodeContains)(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) && !(e.relatedTarget === triggerRef.current && (0, $7Y1uy$getInteractionModality)() === 'pointer')) {
-            if (submenuTriggerState.isOpen) submenuTriggerState.close();
-        }
-    };
-    let overlay;
-    let tray;
-    let onBackButtonPress = ()=>{
-        setTraySubmenuAnimation('spectrum-TraySubmenu-exit');
-        setTimeout(()=>{
-            submenuTriggerState.close();
-            if (parentMenuRef.current && !(0, $7Y1uy$isFocusWithin)(parentMenuRef.current)) parentMenuRef.current.focus();
-        }, 220); // Matches transition duration
-    };
-    if (isMobile) {
-        delete submenuTriggerProps.onBlur;
-        delete submenuTriggerProps.onHoverChange;
-        if (trayContainerRef.current && submenuTriggerState.isOpen) {
-            let subDialogKeyDown = (e)=>{
-                switch(e.key){
-                    case 'Escape':
-                        e.stopPropagation();
-                        onBackButtonPress();
-                        break;
-                }
-            };
-            tray = /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $49b26f4b606348f6$export$3dfe97b5c32d8d8c), {
-                isSubmenu: true,
-                parentMenuTreeState: state,
-                rootMenuTriggerState: rootMenuTriggerState,
-                wrapperKeyDown: subDialogKeyDown,
-                onBackButtonPress: onBackButtonPress
-            }, content);
-            overlay = /*#__PURE__*/ (0, $7Y1uy$reactdom).createPortal(tray, trayContainerRef.current);
-        }
-    } else {
-        let onDismissButtonPress = ()=>{
-            var _parentMenuRef_current;
-            submenuTriggerState.close();
-            (_parentMenuRef_current = parentMenuRef.current) === null || _parentMenuRef_current === void 0 ? void 0 : _parentMenuRef_current.focus();
-        };
-        overlay = /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$Popover), {
-            ...popoverProps,
-            UNSAFE_style: {
-                clipPath: 'unset',
-                overflow: 'visible',
-                filter: 'unset',
-                borderWidth: '0px'
-            },
-            UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), 'spectrum-Submenu-popover'),
-            onDismissButtonPress: onDismissButtonPress,
-            onBlurWithin: onBlurWithin,
-            container: popoverContainer,
-            state: submenuTriggerState,
-            ref: popoverRef,
-            triggerRef: triggerRef,
-            placement: "end top",
-            containerPadding: 0,
-            hideArrow: true,
-            enableBothDismissButtons: true
-        }, /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$FocusScope), {
-            restoreFocus: true,
-            contain: true
-        }, content));
-    }
-    return /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$react).Fragment, null, /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $d94604d52c3e3feb$export$8d97fe02339fc0e3).Provider, {
-        value: {
-            isUnavailable: isUnavailable,
-            triggerRef: triggerRef,
-            ...submenuTriggerProps
-        }
-    }, trigger), /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$SlotProvider), {
-        slots: slots
-    }, submenuTriggerState.isOpen && overlay));
-}
-$726fb1b478e356bf$var$ContextualHelpTrigger.getCollectionNode = function* getCollectionNode(props) {
-    let childArray = [];
-    (0, $7Y1uy$react).Children.forEach(props.children, (child)=>{
-        if (/*#__PURE__*/ (0, $7Y1uy$react).isValidElement(child)) childArray.push(child);
-    });
-    let [trigger] = childArray;
-    let [, content] = props.children;
-    yield {
-        element: /*#__PURE__*/ (0, $7Y1uy$react).cloneElement(trigger, {
-            ...trigger.props,
-            hasChildItems: true,
-            isTrigger: true
-        }),
-        wrapper: (element)=>/*#__PURE__*/ (0, $7Y1uy$react).createElement($726fb1b478e356bf$var$ContextualHelpTrigger, {
-                key: element.key,
-                targetKey: element.key,
-                ...props
-            }, element, content)
-    };
-};
-let $726fb1b478e356bf$export$5413b169fff83e61 = $726fb1b478e356bf$var$ContextualHelpTrigger;
-
-
-export {$726fb1b478e356bf$export$5413b169fff83e61 as ContextualHelpTrigger};
-//# sourceMappingURL=ContextualHelpTrigger.module.js.map

package/dist/ContextualHelpTrigger.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-spectrum/menu/src/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {classNames, SlotProvider, unwrapDOMRef, useIsMobileDevice} from '@react-spectrum/utils';\nimport {DOMRefValue, ItemProps, Key} from '@react-types/shared';\nimport {FocusScope} from '@react-aria/focus';\nimport {getInteractionModality} from '@react-aria/interactions';\nimport helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';\nimport {isFocusWithin, nodeContains} from '@react-aria/utils';\nimport {Popover} from '@react-spectrum/overlays';\nimport React, {JSX, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {SubmenuTriggerContext, useMenuStateContext} from './context';\nimport {TrayHeaderWrapper} from './Menu';\nimport {useSubmenuTrigger} from '@react-aria/menu';\nimport {useSubmenuTriggerState} from '@react-stately/menu';\n\ninterface MenuDialogTriggerProps {\n  /** Whether the menu item is currently unavailable. */\n  isUnavailable?: boolean,\n  /** The triggering Item and the Dialog, respectively. */\n  children: [ReactElement, ReactElement]\n}\n\ninterface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {\n  targetKey: Key\n}\n\nexport interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {}\n\nfunction ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement {\n  let {isUnavailable = false, targetKey} = props;\n\n  let triggerRef = useRef<HTMLLIElement>(null);\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement> | null>(null);\n  let {popoverContainer, trayContainerRef, rootMenuTriggerState, menu: parentMenuRef, state} = useMenuStateContext()!;\n  let submenuTriggerState = useSubmenuTriggerState({triggerKey: targetKey}, {...rootMenuTriggerState!, ...state});\n  let submenuRef = unwrapDOMRef(popoverRef);\n  let {submenuTriggerProps, popoverProps} = useSubmenuTrigger({\n    parentMenuRef,\n    submenuRef,\n    type: 'dialog',\n    isDisabled: !isUnavailable\n  }, submenuTriggerState, triggerRef);\n  let isMobile = useIsMobileDevice();\n  let [traySubmenuAnimation, setTraySubmenuAnimation] = useState('');\n  useEffect(() => {\n    if (submenuTriggerState.isOpen) {\n      setTraySubmenuAnimation('spectrum-TraySubmenu-enter');\n    }\n  }, [submenuTriggerState.isOpen]);\n  let slots = {};\n  if (isUnavailable) {\n    slots = {\n      dialog: {\n        UNSAFE_className: classNames(\n          helpStyles,\n          'react-spectrum-ContextualHelp-dialog',\n          {\n            'react-spectrum-ContextualHelp-dialog--isMobile': isMobile\n          },\n          classNames(\n            styles,\n            {\n              'spectrum-Menu-subdialog': !isMobile,\n              [traySubmenuAnimation]: isMobile\n            }\n          )\n        )\n      },\n      content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},\n      footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}\n    };\n  }\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  let onBlurWithin = (e) => {\n    if (e.relatedTarget && popoverRef.current && (!nodeContains(popoverRef.current.UNSAFE_getDOMNode(), e.relatedTarget) && !(e.relatedTarget === triggerRef.current && getInteractionModality() === 'pointer'))) {\n      if (submenuTriggerState.isOpen) {\n        submenuTriggerState.close();\n      }\n    }\n  };\n\n  let overlay;\n  let tray;\n  let onBackButtonPress = () => {\n    setTraySubmenuAnimation('spectrum-TraySubmenu-exit');\n    setTimeout(() => {\n      submenuTriggerState.close();\n      if (parentMenuRef.current && !isFocusWithin(parentMenuRef.current)) {\n        parentMenuRef.current.focus();\n      }\n    }, 220); // Matches transition duration\n  };\n\n  if (isMobile) {\n    delete submenuTriggerProps.onBlur;\n    delete submenuTriggerProps.onHoverChange;\n    if (trayContainerRef.current && submenuTriggerState.isOpen) {\n      let subDialogKeyDown: KeyboardEventHandler = (e) => {\n        switch (e.key) {\n          case 'Escape':\n            e.stopPropagation();\n            onBackButtonPress();\n            break;\n        }\n      };\n\n      tray = (\n        <TrayHeaderWrapper\n          isSubmenu\n          parentMenuTreeState={state}\n          rootMenuTriggerState={rootMenuTriggerState}\n          wrapperKeyDown={subDialogKeyDown}\n          onBackButtonPress={onBackButtonPress}>\n          {content}\n        </TrayHeaderWrapper>\n      );\n\n      overlay = ReactDOM.createPortal(tray, trayContainerRef.current);\n    }\n  } else {\n    let onDismissButtonPress = () => {\n      submenuTriggerState.close();\n      parentMenuRef.current?.focus();\n    };\n\n    overlay = (\n      <Popover\n        {...popoverProps}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        UNSAFE_className={classNames(styles, 'spectrum-Submenu-popover')}\n        onDismissButtonPress={onDismissButtonPress}\n        onBlurWithin={onBlurWithin}\n        container={popoverContainer!}\n        state={submenuTriggerState}\n        ref={popoverRef}\n        triggerRef={triggerRef}\n        placement=\"end top\"\n        containerPadding={0}\n        hideArrow\n        enableBothDismissButtons>\n        <FocusScope restoreFocus contain>\n          {content}\n        </FocusScope>\n      </Popover>\n    );\n  }\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={{isUnavailable, triggerRef, ...submenuTriggerProps}}>{trigger}</SubmenuTriggerContext.Provider>\n      <SlotProvider slots={slots}>\n        {submenuTriggerState.isOpen && overlay}\n      </SlotProvider>\n    </>\n  );\n}\n\nContextualHelpTrigger.getCollectionNode = function* getCollectionNode<T>(props: ItemProps<T>) {\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(props.children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n  let [trigger] = childArray;\n  let [, content] = props.children as [ReactElement, ReactElement];\n\n  yield {\n    element: React.cloneElement(trigger, {...trigger.props as any, hasChildItems: true, isTrigger: true}),\n    wrapper: (element) => (\n      <ContextualHelpTrigger key={element.key} targetKey={element.key} {...props}>\n        {element}\n        {content}\n      </ContextualHelpTrigger>\n    )\n  };\n};\n\nlet _Item = ContextualHelpTrigger as unknown as (props: SpectrumMenuDialogTriggerProps) => JSX.Element;\nexport {_Item as ContextualHelpTrigger};\n"],"names":[],"version":3,"file":"ContextualHelpTrigger.module.js.map"}