@react-spectrum/menu 3.22.10 → 3.23.0

package/dist/usePopover.mjs

@@ -1,68 +0,0 @@
-import {useOverlayPosition as $e235061053e33ff6$export$d39e1813b3bdd0e1} from "./useOverlayPosition.mjs";
-import {useOverlay as $2m0nK$useOverlay, usePreventScroll as $2m0nK$usePreventScroll, ariaHideOutside as $2m0nK$ariaHideOutside} from "@react-aria/overlays";
-import {mergeProps as $2m0nK$mergeProps} from "@react-aria/utils";
-import {useEffect as $2m0nK$useEffect} from "react";
-
-/*
- * 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.
- */ 
-
-
-
-function $87eca3bd2e28ca01$export$542a6fd13ac93354(props, state) {
-    let { triggerRef: triggerRef, popoverRef: popoverRef, groupRef: groupRef, isNonModal: isNonModal, isKeyboardDismissDisabled: isKeyboardDismissDisabled, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, ...otherProps } = props;
-    let isSubmenu = otherProps['trigger'] === 'SubmenuTrigger';
-    let { overlayProps: overlayProps, underlayProps: underlayProps } = (0, $2m0nK$useOverlay)({
-        isOpen: state.isOpen,
-        onClose: state.close,
-        shouldCloseOnBlur: true,
-        isDismissable: !isNonModal || isSubmenu,
-        isKeyboardDismissDisabled: isKeyboardDismissDisabled,
-        shouldCloseOnInteractOutside: shouldCloseOnInteractOutside
-    }, groupRef !== null && groupRef !== void 0 ? groupRef : popoverRef);
-    let { overlayProps: positionProps, arrowProps: arrowProps, placement: placement, triggerAnchorPoint: origin } = (0, $e235061053e33ff6$export$d39e1813b3bdd0e1)({
-        ...otherProps,
-        targetRef: triggerRef,
-        overlayRef: popoverRef,
-        isOpen: state.isOpen,
-        onClose: isNonModal && !isSubmenu ? state.close : null
-    });
-    (0, $2m0nK$usePreventScroll)({
-        isDisabled: isNonModal || !state.isOpen
-    });
-    (0, $2m0nK$useEffect)(()=>{
-        if (state.isOpen && popoverRef.current) {
-            var _groupRef_current;
-            if (isNonModal) return;
-            else return (0, $2m0nK$ariaHideOutside)([
-                (_groupRef_current = groupRef === null || groupRef === void 0 ? void 0 : groupRef.current) !== null && _groupRef_current !== void 0 ? _groupRef_current : popoverRef.current
-            ], {
-                shouldUseInert: true
-            });
-        }
-    }, [
-        isNonModal,
-        state.isOpen,
-        popoverRef,
-        groupRef
-    ]);
-    return {
-        popoverProps: (0, $2m0nK$mergeProps)(overlayProps, positionProps),
-        arrowProps: arrowProps,
-        underlayProps: underlayProps,
-        placement: placement,
-        triggerAnchorPoint: origin
-    };
-}
-
-
-export {$87eca3bd2e28ca01$export$542a6fd13ac93354 as usePopover};
-//# sourceMappingURL=usePopover.module.js.map

package/dist/usePopover.module.js

@@ -1,68 +0,0 @@
-import {useOverlayPosition as $e235061053e33ff6$export$d39e1813b3bdd0e1} from "./useOverlayPosition.module.js";
-import {useOverlay as $2m0nK$useOverlay, usePreventScroll as $2m0nK$usePreventScroll, ariaHideOutside as $2m0nK$ariaHideOutside} from "@react-aria/overlays";
-import {mergeProps as $2m0nK$mergeProps} from "@react-aria/utils";
-import {useEffect as $2m0nK$useEffect} from "react";
-
-/*
- * 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.
- */ 
-
-
-
-function $87eca3bd2e28ca01$export$542a6fd13ac93354(props, state) {
-    let { triggerRef: triggerRef, popoverRef: popoverRef, groupRef: groupRef, isNonModal: isNonModal, isKeyboardDismissDisabled: isKeyboardDismissDisabled, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, ...otherProps } = props;
-    let isSubmenu = otherProps['trigger'] === 'SubmenuTrigger';
-    let { overlayProps: overlayProps, underlayProps: underlayProps } = (0, $2m0nK$useOverlay)({
-        isOpen: state.isOpen,
-        onClose: state.close,
-        shouldCloseOnBlur: true,
-        isDismissable: !isNonModal || isSubmenu,
-        isKeyboardDismissDisabled: isKeyboardDismissDisabled,
-        shouldCloseOnInteractOutside: shouldCloseOnInteractOutside
-    }, groupRef !== null && groupRef !== void 0 ? groupRef : popoverRef);
-    let { overlayProps: positionProps, arrowProps: arrowProps, placement: placement, triggerAnchorPoint: origin } = (0, $e235061053e33ff6$export$d39e1813b3bdd0e1)({
-        ...otherProps,
-        targetRef: triggerRef,
-        overlayRef: popoverRef,
-        isOpen: state.isOpen,
-        onClose: isNonModal && !isSubmenu ? state.close : null
-    });
-    (0, $2m0nK$usePreventScroll)({
-        isDisabled: isNonModal || !state.isOpen
-    });
-    (0, $2m0nK$useEffect)(()=>{
-        if (state.isOpen && popoverRef.current) {
-            var _groupRef_current;
-            if (isNonModal) return;
-            else return (0, $2m0nK$ariaHideOutside)([
-                (_groupRef_current = groupRef === null || groupRef === void 0 ? void 0 : groupRef.current) !== null && _groupRef_current !== void 0 ? _groupRef_current : popoverRef.current
-            ], {
-                shouldUseInert: true
-            });
-        }
-    }, [
-        isNonModal,
-        state.isOpen,
-        popoverRef,
-        groupRef
-    ]);
-    return {
-        popoverProps: (0, $2m0nK$mergeProps)(overlayProps, positionProps),
-        arrowProps: arrowProps,
-        underlayProps: underlayProps,
-        placement: placement,
-        triggerAnchorPoint: origin
-    };
-}
-
-
-export {$87eca3bd2e28ca01$export$542a6fd13ac93354 as usePopover};
-//# sourceMappingURL=usePopover.module.js.map

package/dist/usePopover.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAuEM,SAAS,0CAAW,KAAuB,EAAE,KAA0B;IAC5E,IAAI,cACF,UAAU,cACV,UAAU,YACV,QAAQ,cACR,UAAU,6BACV,yBAAyB,gCACzB,4BAA4B,EAC5B,GAAG,YACJ,GAAG;IAEJ,IAAI,YAAY,UAAU,CAAC,UAAU,KAAK;IAE1C,IAAI,gBAAC,YAAY,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,iBAAS,EAC3C;QACE,QAAQ,MAAM,MAAM;QACpB,SAAS,MAAM,KAAK;QACpB,mBAAmB;QACnB,eAAe,CAAC,cAAc;mCAC9B;sCACA;IACF,GACA,qBAAA,sBAAA,WAAY;IAGd,IAAI,EAAC,cAAc,aAAa,cAAE,UAAU,aAAE,SAAS,EAAE,oBAAoB,MAAM,EAAC,GAAG,CAAA,GAAA,yCAAiB,EAAE;QACxG,GAAG,UAAU;QACb,WAAW;QACX,YAAY;QACZ,QAAQ,MAAM,MAAM;QACpB,SAAS,cAAc,CAAC,YAAY,MAAM,KAAK,GAAG;IACpD;IAEA,CAAA,GAAA,uBAAe,EAAE;QACf,YAAY,cAAc,CAAC,MAAM,MAAM;IACzC;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,MAAM,IAAI,WAAW,OAAO,EAAE;gBAIZ;YAH1B,IAAI,YACF;iBAEA,OAAO,CAAA,GAAA,sBAAc,EAAE;gBAAC,CAAA,oBAAA,qBAAA,+BAAA,SAAU,OAAO,cAAjB,+BAAA,oBAAqB,WAAW,OAAO;aAAC,EAAE;gBAAC,gBAAgB;YAAI;QAE3F;IACF,GAAG;QAAC;QAAY,MAAM,MAAM;QAAE;QAAY;KAAS;IAEnD,OAAO;QACL,cAAc,CAAA,GAAA,iBAAS,EAAE,cAAc;oBACvC;uBACA;mBACA;QACA,oBAAoB;IACtB;AACF","sources":["packages/@react-spectrum/menu/src/usePopover.ts"],"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 {ariaHideOutside, AriaPositionProps, useOverlay, usePreventScroll} from '@react-aria/overlays';\nimport {DOMAttributes, RefObject} from '@react-types/shared';\nimport {mergeProps} from '@react-aria/utils';\nimport {OverlayTriggerState} from '@react-stately/overlays';\nimport {PlacementAxis} from '@react-types/overlays';\nimport {useEffect} from 'react';\nimport {useOverlayPosition} from './useOverlayPosition';\n\nexport interface AriaPopoverProps extends Omit<AriaPositionProps, 'isOpen' | 'onClose' | 'targetRef' | 'overlayRef'> {\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   */\n  triggerRef: RefObject<Element | null>,\n  /**\n   * The ref for the popover element.\n   */\n  popoverRef: RefObject<Element | null>,\n  /** A ref for the popover arrow element. */\n  arrowRef?: RefObject<Element | null>,\n  /**\n   * An optional ref for a group of popovers, e.g. submenus.\n   * When provided, this element is used to detect outside interactions\n   * and hiding elements from assistive technologies instead of the popoverRef.\n   */\n  groupRef?: RefObject<Element | null>,\n  /**\n   * Whether the popover is non-modal, i.e. elements outside the popover may be\n   * interacted with by assistive technologies.\n   *\n   * Most popovers should not use this option as it may negatively impact the screen\n   * reader experience. Only use with components such as combobox, which are designed\n   * to handle this situation carefully.\n   */\n  isNonModal?: boolean,\n  /**\n   * Whether pressing the escape key to close the popover should be disabled.\n   *\n   * Most popovers should not use this option. When set to true, an alternative\n   * way to close the popover with a keyboard must be provided.\n   *\n   * @default false\n   */\n  isKeyboardDismissDisabled?: boolean,\n  /**\n   * When user interacts with the argument element outside of the popover ref,\n   * return true if onClose should be called. This gives you a chance to filter\n   * out interaction with elements that should not dismiss the popover.\n   * By default, onClose will always be called on interaction outside the popover ref.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => boolean\n}\n\nexport interface PopoverAria {\n  /** Props for the popover element. */\n  popoverProps: DOMAttributes,\n  /** Props for the popover tip arrow if any. */\n  arrowProps: DOMAttributes,\n  /** Props to apply to the underlay element, if any. */\n  underlayProps: DOMAttributes,\n  /** Placement of the popover with respect to the trigger. */\n  placement: PlacementAxis | null,\n  /** The origin of the target in the overlay's coordinate system. Useful for animations. */\n  triggerAnchorPoint: {x: number, y: number} | null\n}\n\n/**\n * Provides the behavior and accessibility implementation for a popover component.\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport function usePopover(props: AriaPopoverProps, state: OverlayTriggerState): PopoverAria {\n  let {\n    triggerRef,\n    popoverRef,\n    groupRef,\n    isNonModal,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  let isSubmenu = otherProps['trigger'] === 'SubmenuTrigger';\n\n  let {overlayProps, underlayProps} = useOverlay(\n    {\n      isOpen: state.isOpen,\n      onClose: state.close,\n      shouldCloseOnBlur: true,\n      isDismissable: !isNonModal || isSubmenu,\n      isKeyboardDismissDisabled,\n      shouldCloseOnInteractOutside\n    },\n    groupRef ?? popoverRef\n  );\n\n  let {overlayProps: positionProps, arrowProps, placement, triggerAnchorPoint: origin} = useOverlayPosition({\n    ...otherProps,\n    targetRef: triggerRef,\n    overlayRef: popoverRef,\n    isOpen: state.isOpen,\n    onClose: isNonModal && !isSubmenu ? state.close : null\n  });\n\n  usePreventScroll({\n    isDisabled: isNonModal || !state.isOpen\n  });\n\n  useEffect(() => {\n    if (state.isOpen && popoverRef.current) {\n      if (isNonModal) {\n        return;\n      } else {\n        return ariaHideOutside([groupRef?.current ?? popoverRef.current], {shouldUseInert: true});\n      }\n    }\n  }, [isNonModal, state.isOpen, popoverRef, groupRef]);\n\n  return {\n    popoverProps: mergeProps(overlayProps, positionProps),\n    arrowProps,\n    underlayProps,\n    placement,\n    triggerAnchorPoint: origin\n  };\n}\n"],"names":[],"version":3,"file":"usePopover.module.js.map"}

package/dist/zh-CN.main.js

@@ -1,8 +0,0 @@
-module.exports = {
-    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
-    "moreActions": `\u{66F4}\u{591A}\u{64CD}\u{4F5C}`,
-    "unavailable": `\u{4E0D}\u{53EF}\u{7528}\u{FF0C}\u{5C55}\u{5F00}\u{4EE5}\u{67E5}\u{770B}\u{8BE6}\u{7EC6}\u{4FE1}\u{606F}`
-};
-
-
-//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,cAAc,CAAC,OAAS,CAAC,iBAAG,EAAE,KAAK,cAAc,EAAE;IACrE,eAAe,CAAC,gCAAI,CAAC;IACrB,eAAe,CAAC,wGAAa,CAAC;AAChC","sources":["packages/@react-spectrum/menu/intl/zh-CN.json"],"sourcesContent":["{\n  \"backButton\": \"返回 {prevMenuButton}\",\n  \"moreActions\": \"更多操作\",\n  \"unavailable\": \"不可用，展开以查看详细信息\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -1,10 +0,0 @@
-var $57bb191f18e8be40$exports = {};
-$57bb191f18e8be40$exports = {
-    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
-    "moreActions": `\u{66F4}\u{591A}\u{64CD}\u{4F5C}`,
-    "unavailable": `\u{4E0D}\u{53EF}\u{7528}\u{FF0C}\u{5C55}\u{5F00}\u{4EE5}\u{67E5}\u{770B}\u{8BE6}\u{7EC6}\u{4FE1}\u{606F}`
-};
-
-
-export {$57bb191f18e8be40$exports as default};
-//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -1,10 +0,0 @@
-var $57bb191f18e8be40$exports = {};
-$57bb191f18e8be40$exports = {
-    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
-    "moreActions": `\u{66F4}\u{591A}\u{64CD}\u{4F5C}`,
-    "unavailable": `\u{4E0D}\u{53EF}\u{7528}\u{FF0C}\u{5C55}\u{5F00}\u{4EE5}\u{67E5}\u{770B}\u{8BE6}\u{7EC6}\u{4FE1}\u{606F}`
-};
-
-
-export {$57bb191f18e8be40$exports as default};
-//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,cAAc,CAAC,OAAS,CAAC,iBAAG,EAAE,KAAK,cAAc,EAAE;IACrE,eAAe,CAAC,gCAAI,CAAC;IACrB,eAAe,CAAC,wGAAa,CAAC;AAChC","sources":["packages/@react-spectrum/menu/intl/zh-CN.json"],"sourcesContent":["{\n  \"backButton\": \"返回 {prevMenuButton}\",\n  \"moreActions\": \"更多操作\",\n  \"unavailable\": \"不可用，展开以查看详细信息\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -1,8 +0,0 @@
-module.exports = {
-    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
-    "moreActions": `\u{66F4}\u{591A}\u{52D5}\u{4F5C}`,
-    "unavailable": `\u{7121}\u{6CD5}\u{4F7F}\u{7528}\u{FF0C}\u{5C55}\u{958B}\u{4EE5}\u{53D6}\u{5F97}\u{8A73}\u{7D30}\u{8CC7}\u{6599}`
-};
-
-
-//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,cAAc,CAAC,OAAS,CAAC,iBAAG,EAAE,KAAK,cAAc,EAAE;IACrE,eAAe,CAAC,gCAAI,CAAC;IACrB,eAAe,CAAC,gHAAc,CAAC;AACjC","sources":["packages/@react-spectrum/menu/intl/zh-TW.json"],"sourcesContent":["{\n  \"backButton\": \"返回 {prevMenuButton}\",\n  \"moreActions\": \"更多動作\",\n  \"unavailable\": \"無法使用，展開以取得詳細資料\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -1,10 +0,0 @@
-var $56f3d9ca2967952d$exports = {};
-$56f3d9ca2967952d$exports = {
-    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
-    "moreActions": `\u{66F4}\u{591A}\u{52D5}\u{4F5C}`,
-    "unavailable": `\u{7121}\u{6CD5}\u{4F7F}\u{7528}\u{FF0C}\u{5C55}\u{958B}\u{4EE5}\u{53D6}\u{5F97}\u{8A73}\u{7D30}\u{8CC7}\u{6599}`
-};
-
-
-export {$56f3d9ca2967952d$exports as default};
-//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -1,10 +0,0 @@
-var $56f3d9ca2967952d$exports = {};
-$56f3d9ca2967952d$exports = {
-    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
-    "moreActions": `\u{66F4}\u{591A}\u{52D5}\u{4F5C}`,
-    "unavailable": `\u{7121}\u{6CD5}\u{4F7F}\u{7528}\u{FF0C}\u{5C55}\u{958B}\u{4EE5}\u{53D6}\u{5F97}\u{8A73}\u{7D30}\u{8CC7}\u{6599}`
-};
-
-
-export {$56f3d9ca2967952d$exports as default};
-//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,cAAc,CAAC,OAAS,CAAC,iBAAG,EAAE,KAAK,cAAc,EAAE;IACrE,eAAe,CAAC,gCAAI,CAAC;IACrB,eAAe,CAAC,gHAAc,CAAC;AACjC","sources":["packages/@react-spectrum/menu/intl/zh-TW.json"],"sourcesContent":["{\n  \"backButton\": \"返回 {prevMenuButton}\",\n  \"moreActions\": \"更多動作\",\n  \"unavailable\": \"無法使用，展開以取得詳細資料\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/src/ActionMenu.tsx

@@ -1,58 +0,0 @@
-/*
- * Copyright 2021 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.
- */
-
-import {ActionButton} from '@react-spectrum/button';
-import {filterDOMProps} from '@react-aria/utils';
-import {FocusableRef} from '@react-types/shared';
-// @ts-ignore
-import intlMessages from '../intl/*.json';
-import {Menu} from './Menu';
-import {MenuTrigger} from './MenuTrigger';
-import More from '@spectrum-icons/workflow/More';
-import React, {forwardRef, ReactElement} from 'react';
-import {SpectrumActionMenuProps} from '@react-types/menu';
-import {useLocalizedStringFormatter} from '@react-aria/i18n';
-import {useSlotProps} from '@react-spectrum/utils';
-
-/**
- * ActionMenu combines an ActionButton with a Menu for simple "more actions" use cases.
- */
-export const ActionMenu = forwardRef(function ActionMenu<T extends object>(props: SpectrumActionMenuProps<T>, ref: FocusableRef<HTMLButtonElement>) {
-  props = useSlotProps(props, 'actionMenu');
-  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/menu');
-  let buttonProps = filterDOMProps(props, {labelable: true});
-  if (buttonProps['aria-label'] === undefined) {
-    buttonProps['aria-label'] = stringFormatter.format('moreActions');
-  }
-
-  return (
-    <MenuTrigger
-      isOpen={props.isOpen}
-      defaultOpen={props.defaultOpen}
-      onOpenChange={props.onOpenChange}
-      align={props.align}
-      direction={props.direction}
-      shouldFlip={props.shouldFlip}>
-      <ActionButton
-        ref={ref}
-        {...props}
-        {...buttonProps}>
-        <More />
-      </ActionButton>
-      <Menu
-        children={props.children}
-        items={props.items}
-        disabledKeys={props.disabledKeys}
-        onAction={props.onAction} />
-    </MenuTrigger>
-  );
-}) as <T>(props: SpectrumActionMenuProps<T> & {ref?: FocusableRef<HTMLButtonElement>}) => ReactElement;

package/src/ContextualHelpTrigger.tsx

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