@react-spectrum/menu 3.22.10 → 3.23.0

package/dist/MenuTrigger.mjs

@@ -1,123 +0,0 @@
-import {MenuContext as $d94604d52c3e3feb$export$c7e742effb1c51e2} from "./context.mjs";
-import "./menu.2ec1fdaf.css";
-import $5R0iF$menu_vars_cssmodulejs from "./menu_vars_css.mjs";
-import {useDOMRef as $5R0iF$useDOMRef, useIsMobileDevice as $5R0iF$useIsMobileDevice, classNames as $5R0iF$classNames, unwrapDOMRef as $5R0iF$unwrapDOMRef, SlotProvider as $5R0iF$SlotProvider} from "@react-spectrum/utils";
-import {Tray as $5R0iF$Tray, Popover as $5R0iF$Popover} from "@react-spectrum/overlays";
-import {useInteractOutside as $5R0iF$useInteractOutside, PressResponder as $5R0iF$PressResponder} from "@react-aria/interactions";
-import $5R0iF$react, {forwardRef as $5R0iF$forwardRef, useRef as $5R0iF$useRef, Fragment as $5R0iF$Fragment} from "react";
-import {useMenuTrigger as $5R0iF$useMenuTrigger} from "@react-aria/menu";
-import {useMenuTriggerState as $5R0iF$useMenuTriggerState} from "@react-stately/menu";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-const $aa0b855f135b86e3$export$27d2ad3c5815583e = /*#__PURE__*/ (0, $5R0iF$forwardRef)(function MenuTrigger(props, ref) {
-    let triggerRef = (0, $5R0iF$useRef)(null);
-    let domRef = (0, $5R0iF$useDOMRef)(ref);
-    let menuTriggerRef = domRef || triggerRef;
-    let menuRef = (0, $5R0iF$useRef)(null);
-    let { children: children, align: align = 'start', shouldFlip: shouldFlip = true, direction: direction = 'bottom', closeOnSelect: closeOnSelect, trigger: trigger = 'press' } = props;
-    let [menuTrigger, menu] = (0, $5R0iF$react).Children.toArray(children);
-    let state = (0, $5R0iF$useMenuTriggerState)(props);
-    let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $5R0iF$useMenuTrigger)({
-        trigger: trigger
-    }, state, menuTriggerRef);
-    let initialPlacement;
-    switch(direction){
-        case 'left':
-        case 'right':
-        case 'start':
-        case 'end':
-            initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
-            break;
-        case 'bottom':
-        case 'top':
-        default:
-            initialPlacement = `${direction} ${align}`;
-    }
-    let isMobile = (0, $5R0iF$useIsMobileDevice)();
-    let menuContext = {
-        ...menuProps,
-        ref: menuRef,
-        onClose: state.close,
-        closeOnSelect: closeOnSelect,
-        autoFocus: state.focusStrategy || true,
-        UNSAFE_style: isMobile ? {
-            width: '100%',
-            maxHeight: 'inherit'
-        } : undefined,
-        UNSAFE_className: (0, $5R0iF$classNames)((0, ($parcel$interopDefault($5R0iF$menu_vars_cssmodulejs))), {
-            'spectrum-Menu-popover': !isMobile
-        }),
-        state: state
-    };
-    // Close when clicking outside the root menu when a submenu is open.
-    let rootOverlayRef = (0, $5R0iF$useRef)(null);
-    let rootOverlayDomRef = (0, $5R0iF$unwrapDOMRef)(rootOverlayRef);
-    (0, $5R0iF$useInteractOutside)({
-        ref: rootOverlayDomRef,
-        onInteractOutside: ()=>{
-            state === null || state === void 0 ? void 0 : state.close();
-        },
-        isDisabled: !state.isOpen || state.expandedKeysStack.length === 0
-    });
-    // On small screen devices, the menu is rendered in a tray, otherwise a popover.
-    let overlay;
-    if (isMobile) overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Tray), {
-        state: state,
-        isFixedHeight: true,
-        ref: rootOverlayRef
-    }, menu);
-    else overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Popover), {
-        ref: rootOverlayRef,
-        UNSAFE_style: {
-            clipPath: 'unset',
-            overflow: 'visible',
-            filter: 'unset',
-            borderWidth: '0px'
-        },
-        state: state,
-        triggerRef: menuTriggerRef,
-        scrollRef: menuRef,
-        placement: initialPlacement,
-        hideArrow: true,
-        shouldFlip: shouldFlip,
-        shouldContainFocus: true
-    }, menu);
-    return /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Fragment), null, /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$SlotProvider), {
-        slots: {
-            actionButton: {
-                holdAffordance: trigger === 'longPress'
-            }
-        }
-    }, /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$PressResponder), {
-        ...menuTriggerProps,
-        ref: menuTriggerRef,
-        isPressed: state.isOpen
-    }, menuTrigger)), /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $d94604d52c3e3feb$export$c7e742effb1c51e2).Provider, {
-        value: menuContext
-    }, overlay));
-});
-
-
-export {$aa0b855f135b86e3$export$27d2ad3c5815583e as MenuTrigger};
-//# sourceMappingURL=MenuTrigger.module.js.map

package/dist/MenuTrigger.module.js

@@ -1,123 +0,0 @@
-import {MenuContext as $d94604d52c3e3feb$export$c7e742effb1c51e2} from "./context.module.js";
-import "./menu.2ec1fdaf.css";
-import $5R0iF$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
-import {useDOMRef as $5R0iF$useDOMRef, useIsMobileDevice as $5R0iF$useIsMobileDevice, classNames as $5R0iF$classNames, unwrapDOMRef as $5R0iF$unwrapDOMRef, SlotProvider as $5R0iF$SlotProvider} from "@react-spectrum/utils";
-import {Tray as $5R0iF$Tray, Popover as $5R0iF$Popover} from "@react-spectrum/overlays";
-import {useInteractOutside as $5R0iF$useInteractOutside, PressResponder as $5R0iF$PressResponder} from "@react-aria/interactions";
-import $5R0iF$react, {forwardRef as $5R0iF$forwardRef, useRef as $5R0iF$useRef, Fragment as $5R0iF$Fragment} from "react";
-import {useMenuTrigger as $5R0iF$useMenuTrigger} from "@react-aria/menu";
-import {useMenuTriggerState as $5R0iF$useMenuTriggerState} from "@react-stately/menu";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-const $aa0b855f135b86e3$export$27d2ad3c5815583e = /*#__PURE__*/ (0, $5R0iF$forwardRef)(function MenuTrigger(props, ref) {
-    let triggerRef = (0, $5R0iF$useRef)(null);
-    let domRef = (0, $5R0iF$useDOMRef)(ref);
-    let menuTriggerRef = domRef || triggerRef;
-    let menuRef = (0, $5R0iF$useRef)(null);
-    let { children: children, align: align = 'start', shouldFlip: shouldFlip = true, direction: direction = 'bottom', closeOnSelect: closeOnSelect, trigger: trigger = 'press' } = props;
-    let [menuTrigger, menu] = (0, $5R0iF$react).Children.toArray(children);
-    let state = (0, $5R0iF$useMenuTriggerState)(props);
-    let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $5R0iF$useMenuTrigger)({
-        trigger: trigger
-    }, state, menuTriggerRef);
-    let initialPlacement;
-    switch(direction){
-        case 'left':
-        case 'right':
-        case 'start':
-        case 'end':
-            initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
-            break;
-        case 'bottom':
-        case 'top':
-        default:
-            initialPlacement = `${direction} ${align}`;
-    }
-    let isMobile = (0, $5R0iF$useIsMobileDevice)();
-    let menuContext = {
-        ...menuProps,
-        ref: menuRef,
-        onClose: state.close,
-        closeOnSelect: closeOnSelect,
-        autoFocus: state.focusStrategy || true,
-        UNSAFE_style: isMobile ? {
-            width: '100%',
-            maxHeight: 'inherit'
-        } : undefined,
-        UNSAFE_className: (0, $5R0iF$classNames)((0, ($parcel$interopDefault($5R0iF$menu_vars_cssmodulejs))), {
-            'spectrum-Menu-popover': !isMobile
-        }),
-        state: state
-    };
-    // Close when clicking outside the root menu when a submenu is open.
-    let rootOverlayRef = (0, $5R0iF$useRef)(null);
-    let rootOverlayDomRef = (0, $5R0iF$unwrapDOMRef)(rootOverlayRef);
-    (0, $5R0iF$useInteractOutside)({
-        ref: rootOverlayDomRef,
-        onInteractOutside: ()=>{
-            state === null || state === void 0 ? void 0 : state.close();
-        },
-        isDisabled: !state.isOpen || state.expandedKeysStack.length === 0
-    });
-    // On small screen devices, the menu is rendered in a tray, otherwise a popover.
-    let overlay;
-    if (isMobile) overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Tray), {
-        state: state,
-        isFixedHeight: true,
-        ref: rootOverlayRef
-    }, menu);
-    else overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Popover), {
-        ref: rootOverlayRef,
-        UNSAFE_style: {
-            clipPath: 'unset',
-            overflow: 'visible',
-            filter: 'unset',
-            borderWidth: '0px'
-        },
-        state: state,
-        triggerRef: menuTriggerRef,
-        scrollRef: menuRef,
-        placement: initialPlacement,
-        hideArrow: true,
-        shouldFlip: shouldFlip,
-        shouldContainFocus: true
-    }, menu);
-    return /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Fragment), null, /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$SlotProvider), {
-        slots: {
-            actionButton: {
-                holdAffordance: trigger === 'longPress'
-            }
-        }
-    }, /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$PressResponder), {
-        ...menuTriggerProps,
-        ref: menuTriggerRef,
-        isPressed: state.isOpen
-    }, menuTrigger)), /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $d94604d52c3e3feb$export$c7e742effb1c51e2).Provider, {
-        value: menuContext
-    }, overlay));
-});
-
-
-export {$aa0b855f135b86e3$export$27d2ad3c5815583e as MenuTrigger};
-//# sourceMappingURL=MenuTrigger.module.js.map

package/dist/MenuTrigger.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAkBM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAwB;IAClH,IAAI,aAAa,CAAA,GAAA,aAAK,EAAe;IACrC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,iBAAiB,UAAU;IAC/B,IAAI,UAAU,CAAA,GAAA,aAAK,EAAkB;IACrC,IAAI,YACF,QAAQ,SACR,QAAQ,qBACR,aAAa,iBACb,YAAY,yBACZ,aAAa,WACb,UAAU,SACX,GAAG;IAEJ,IAAI,CAAC,aAAa,KAAK,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACjD,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAEhC,IAAI,oBAAC,gBAAgB,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;iBAAC;IAAO,GAAG,OAAO;IAErE,IAAI;IACJ,OAAQ;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,mBAAmB,GAAG,UAAU,CAAC,EAAE,UAAU,QAAQ,WAAW,OAAO;YACvE;QACF,KAAK;QACL,KAAK;QACL;YACE,mBAAmB,GAAG,UAAU,CAAC,EAAE,OAAO;IAC9C;IAEA,IAAI,WAAW,CAAA,GAAA,wBAAgB;IAC/B,IAAI,cAAc;QAChB,GAAG,SAAS;QACZ,KAAK;QACL,SAAS,MAAM,KAAK;uBACpB;QACA,WAAW,MAAM,aAAa,IAAI;QAClC,cAAc,WAAW;YACvB,OAAO;YACP,WAAW;QACb,IAAI;QACJ,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;YAAC,yBAAyB,CAAC;QAAQ;eACxE;IACF;IAEA,oEAAoE;IACpE,IAAI,iBAAiB,CAAA,GAAA,aAAK,EAAE;IAC5B,IAAI,oBAAoB,CAAA,GAAA,mBAAW,EAAE;IACrC,CAAA,GAAA,yBAAiB,EAAE;QACjB,KAAK;QACL,mBAAmB;YACjB,kBAAA,4BAAA,MAAO,KAAK;QACd;QACA,YAAY,CAAC,MAAM,MAAM,IAAI,MAAM,iBAAiB,CAAC,MAAM,KAAK;IAClE;IAEA,gFAAgF;IAChF,IAAI;IACJ,IAAI,UACF,wBACE,gCAAC,CAAA,GAAA,WAAG;QAAE,OAAO;QAAO,eAAA;QAAc,KAAK;OACpC;SAIL,wBACE,gCAAC,CAAA,GAAA,cAAM;QACL,KAAK;QACL,cAAc;YAAC,UAAU;YAAS,UAAU;YAAW,QAAQ;YAAS,aAAa;QAAK;QAC1F,OAAO;QACP,YAAY;QACZ,WAAW;QACX,WAAW;QACX,WAAA;QACA,YAAY;QACZ,oBAAA;OACC;IAKP,qBACE,gCAAC,CAAA,GAAA,eAAO,uBACN,gCAAC,CAAA,GAAA,mBAAW;QAAE,OAAO;YAAC,cAAc;gBAAC,gBAAgB,YAAY;YAAW;QAAC;qBAC3E,gCAAC,CAAA,GAAA,qBAAa;QAAG,GAAG,gBAAgB;QAAE,KAAK;QAAgB,WAAW,MAAM,MAAM;OAC/E,6BAGL,gCAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B;AAIT","sources":["packages/@react-spectrum/menu/src/MenuTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, unwrapDOMRef, useDOMRef, useIsMobileDevice} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {MenuContext} from './context';\nimport {Placement} from '@react-types/overlays';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder, useInteractOutside} from '@react-aria/interactions';\nimport React, {forwardRef, Fragment, useRef} from 'react';\nimport {SpectrumMenuTriggerProps} from '@react-types/menu';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useMenuTrigger} from '@react-aria/menu';\nimport {useMenuTriggerState} from '@react-stately/menu';\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nexport const MenuTrigger = forwardRef(function MenuTrigger(props: SpectrumMenuTriggerProps, ref: DOMRef<HTMLElement>) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let domRef = useDOMRef(ref);\n  let menuTriggerRef = domRef || triggerRef;\n  let menuRef = useRef<HTMLDivElement>(null);\n  let {\n    children,\n    align = 'start',\n    shouldFlip = true,\n    direction = 'bottom',\n    closeOnSelect,\n    trigger = 'press'\n  } = props;\n\n  let [menuTrigger, menu] = React.Children.toArray(children);\n  let state = useMenuTriggerState(props);\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger({trigger}, state, menuTriggerRef);\n\n  let initialPlacement: Placement;\n  switch (direction) {\n    case 'left':\n    case 'right':\n    case 'start':\n    case 'end':\n      initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}` as Placement;\n      break;\n    case 'bottom':\n    case 'top':\n    default:\n      initialPlacement = `${direction} ${align}` as Placement;\n  }\n\n  let isMobile = useIsMobileDevice();\n  let menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: state.focusStrategy || true,\n    UNSAFE_style: isMobile ? {\n      width: '100%',\n      maxHeight: 'inherit'\n    } : undefined,\n    UNSAFE_className: classNames(styles, {'spectrum-Menu-popover': !isMobile}),\n    state\n  };\n\n  // Close when clicking outside the root menu when a submenu is open.\n  let rootOverlayRef = useRef(null);\n  let rootOverlayDomRef = unwrapDOMRef(rootOverlayRef);\n  useInteractOutside({\n    ref: rootOverlayDomRef,\n    onInteractOutside: () => {\n      state?.close();\n    },\n    isDisabled: !state.isOpen || state.expandedKeysStack.length === 0\n  });\n\n  // On small screen devices, the menu is rendered in a tray, otherwise a popover.\n  let overlay;\n  if (isMobile) {\n    overlay = (\n      <Tray state={state} isFixedHeight ref={rootOverlayRef}>\n        {menu}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={rootOverlayRef}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        state={state}\n        triggerRef={menuTriggerRef}\n        scrollRef={menuRef}\n        placement={initialPlacement}\n        hideArrow\n        shouldFlip={shouldFlip}\n        shouldContainFocus>\n        {menu}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider slots={{actionButton: {holdAffordance: trigger === 'longPress'}}}>\n        <PressResponder {...menuTriggerProps} ref={menuTriggerRef} isPressed={state.isOpen}>\n          {menuTrigger}\n        </PressResponder>\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>\n        {overlay}\n      </MenuContext.Provider>\n    </Fragment>\n  );\n});\n"],"names":[],"version":3,"file":"MenuTrigger.module.js.map"}

package/dist/Popover.main.js

@@ -1,196 +0,0 @@
-require("./menu.57b3a408.css");
-var $d77aa5d771e2d5f7$exports = require("./overlays_css.main.js");
-require("./menu.2259a533.css");
-var $16e1dca4664d0b1c$exports = require("./popover_vars_css.main.js");
-var $986adbd937b58c55$exports = require("./Underlay.main.js");
-var $1092bc18146aeaca$exports = require("./usePopover.main.js");
-var $a8zXR$reactariaoverlays = require("@react-aria/overlays");
-var $a8zXR$reactspectrumutils = require("@react-spectrum/utils");
-var $a8zXR$reactariainteractions = require("@react-aria/interactions");
-var $a8zXR$reactariautils = require("@react-aria/utils");
-var $a8zXR$reactspectrumoverlays = require("@react-spectrum/overlays");
-var $a8zXR$react = require("react");
-
-
-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, "Popover", () => $25179ade6a3f679b$export$5b6b19405a83ff9d);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-
-/**
- * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the
- * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and
- * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that
- * the path always starts at 0 so that it perfectly overlaps the popover's border.
- * See bottom of file for more explanation.
- */ let $25179ade6a3f679b$var$arrowPlacement = {
-    left: 'right',
-    right: 'right',
-    top: 'bottom',
-    bottom: 'bottom'
-};
-const $25179ade6a3f679b$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $a8zXR$react.forwardRef)(function Popover(props, ref) {
-    let { children: children, state: state, ...otherProps } = props;
-    let domRef = (0, $a8zXR$reactspectrumutils.useDOMRef)(ref);
-    let wrapperRef = (0, $a8zXR$react.useRef)(null);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement((0, $a8zXR$reactspectrumoverlays.Overlay), {
-        ...otherProps,
-        isOpen: state.isOpen,
-        nodeRef: wrapperRef
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement($25179ade6a3f679b$var$PopoverWrapper, {
-        ref: domRef,
-        ...props,
-        wrapperRef: wrapperRef
-    }, children));
-});
-const $25179ade6a3f679b$var$PopoverWrapper = /*#__PURE__*/ (0, $a8zXR$react.forwardRef)((props, ref)=>{
-    let { children: children, isOpen: isOpen, hideArrow: hideArrow, isNonModal: isNonModal, enableBothDismissButtons: enableBothDismissButtons, state: state, wrapperRef: wrapperRef, onDismissButtonPress: onDismissButtonPress = ()=>state.close() } = props;
-    let { styleProps: styleProps } = (0, $a8zXR$reactspectrumutils.useStyleProps)(props);
-    let objRef = (0, $a8zXR$reactariautils.useObjectRef)(ref);
-    let { size: size, borderWidth: borderWidth, arrowRef: arrowRef } = $25179ade6a3f679b$var$useArrowSize();
-    const borderRadius = $25179ade6a3f679b$var$usePopoverBorderRadius(objRef);
-    let borderDiagonal = borderWidth * Math.SQRT2;
-    let primary = size + borderDiagonal;
-    let secondary = primary * 2;
-    let { popoverProps: popoverProps, arrowProps: arrowProps, underlayProps: underlayProps, placement: placement } = (0, $1092bc18146aeaca$exports.usePopover)({
-        ...props,
-        popoverRef: objRef,
-        maxHeight: undefined,
-        arrowSize: hideArrow ? 0 : secondary,
-        arrowBoundaryOffset: borderRadius
-    }, state);
-    let { focusWithinProps: focusWithinProps } = (0, $a8zXR$reactariainteractions.useFocusWithin)(props);
-    // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement("div", {
-        ref: wrapperRef
-    }, !isNonModal && /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement((0, $986adbd937b58c55$exports.Underlay), {
-        isTransparent: true,
-        ...(0, $a8zXR$reactariautils.mergeProps)(underlayProps),
-        isOpen: isOpen
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement("div", {
-        ...styleProps,
-        ...(0, $a8zXR$reactariautils.mergeProps)(popoverProps, focusWithinProps),
-        style: {
-            ...styleProps.style,
-            ...popoverProps.style
-        },
-        ref: objRef,
-        className: (0, $a8zXR$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
-            'spectrum-Popover--withTip': !hideArrow,
-            'is-open': isOpen,
-            [`is-open--${placement}`]: isOpen
-        }, (0, $a8zXR$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d77aa5d771e2d5f7$exports))), 'spectrum-Popover', 'react-spectrum-Popover'), styleProps.className),
-        role: "presentation",
-        "data-testid": "popover"
-    }, (!isNonModal || enableBothDismissButtons) && /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement((0, $a8zXR$reactariaoverlays.DismissButton), {
-        onDismiss: onDismissButtonPress
-    }), children, hideArrow ? null : /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement($25179ade6a3f679b$var$Arrow, {
-        arrowProps: arrowProps,
-        isLandscape: placement != null ? $25179ade6a3f679b$var$arrowPlacement[placement] === 'bottom' : false,
-        arrowRef: arrowRef,
-        primary: primary,
-        secondary: secondary,
-        borderDiagonal: borderDiagonal
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement((0, $a8zXR$reactariaoverlays.DismissButton), {
-        onDismiss: onDismissButtonPress
-    })));
-});
-function $25179ade6a3f679b$var$usePopoverBorderRadius(popoverRef) {
-    let [borderRadius, setBorderRadius] = (0, $a8zXR$react.useState)(0);
-    (0, $a8zXR$reactariautils.useLayoutEffect)(()=>{
-        if (popoverRef.current) {
-            let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;
-            if (spectrumBorderRadius !== '') setBorderRadius(parseInt(spectrumBorderRadius, 10));
-        }
-    }, [
-        popoverRef
-    ]);
-    return borderRadius;
-}
-function $25179ade6a3f679b$var$useArrowSize() {
-    let [size, setSize] = (0, $a8zXR$react.useState)(20);
-    let [borderWidth, setBorderWidth] = (0, $a8zXR$react.useState)(1);
-    let arrowRef = (0, $a8zXR$react.useRef)(null);
-    // get the css value for the tip size and divide it by 2 for this arrow implementation
-    (0, $a8zXR$reactariautils.useLayoutEffect)(()=>{
-        if (arrowRef.current) {
-            let spectrumTipWidth = window.getComputedStyle(arrowRef.current).getPropertyValue('--spectrum-popover-tip-size');
-            if (spectrumTipWidth !== '') setSize(parseInt(spectrumTipWidth, 10) / 2);
-            let spectrumBorderWidth = window.getComputedStyle(arrowRef.current).getPropertyValue('--spectrum-popover-tip-borderWidth');
-            if (spectrumBorderWidth !== '') setBorderWidth(parseInt(spectrumBorderWidth, 10));
-        }
-    }, []);
-    return {
-        size: size,
-        borderWidth: borderWidth,
-        arrowRef: arrowRef
-    };
-}
-function $25179ade6a3f679b$var$Arrow(props) {
-    let { primary: primary, secondary: secondary, isLandscape: isLandscape, arrowProps: arrowProps, borderDiagonal: borderDiagonal, arrowRef: arrowRef } = props;
-    let halfBorderDiagonal = borderDiagonal / 2;
-    let primaryStart = 0;
-    let primaryEnd = primary - halfBorderDiagonal;
-    let secondaryStart = halfBorderDiagonal;
-    let secondaryMiddle = secondary / 2;
-    let secondaryEnd = secondary - halfBorderDiagonal;
-    let pathData = isLandscape ? [
-        'M',
-        secondaryStart,
-        primaryStart,
-        'L',
-        secondaryMiddle,
-        primaryEnd,
-        'L',
-        secondaryEnd,
-        primaryStart
-    ] : [
-        'M',
-        primaryStart,
-        secondaryStart,
-        'L',
-        primaryEnd,
-        secondaryMiddle,
-        'L',
-        primaryStart,
-        secondaryEnd
-    ];
-    /* use ceil because the svg needs to always accommodate the path inside it */ return /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement("svg", {
-        xmlns: "http://www.w3.org/svg/2000",
-        width: Math.ceil(isLandscape ? secondary : primary),
-        height: Math.ceil(isLandscape ? primary : secondary),
-        className: (0, $a8zXR$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))), 'spectrum-Popover-tip'),
-        ref: arrowRef,
-        ...arrowProps
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($a8zXR$react))).createElement("path", {
-        className: (0, $a8zXR$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))), 'spectrum-Popover-tip-triangle'),
-        d: pathData.join(' ')
-    }));
-}
-
-
-//# sourceMappingURL=Popover.main.js.map

package/dist/Popover.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-spectrum/menu/src/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaPopoverProps, DismissButton, PopoverAria} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {FocusWithinProps, useFocusWithin} from '@react-aria/interactions';\nimport {mergeProps, useLayoutEffect, useObjectRef} from '@react-aria/utils';\nimport {Overlay} from '@react-spectrum/overlays';\nimport {OverlayTriggerState} from '@react-stately/overlays';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {Underlay} from './Underlay';\nimport {usePopover} from './usePopover';\n\ninterface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, FocusWithinProps, StyleProps {\n  children: ReactNode,\n  hideArrow?: boolean,\n  state: OverlayTriggerState,\n  shouldContainFocus?: boolean,\n  onEntering?: () => void,\n  onEnter?: () => void,\n  onEntered?: () => void,\n  onExiting?: () => void,\n  onExited?: () => void,\n  onExit?: () => void,\n  container?: HTMLElement,\n  disableFocusManagement?: boolean,\n  enableBothDismissButtons?: boolean,\n  onDismissButtonPress?: () => void\n}\n\ninterface PopoverWrapperProps extends PopoverProps, FocusWithinProps {\n  isOpen?: boolean,\n  wrapperRef: RefObject<HTMLDivElement | null>\n}\n\ninterface ArrowProps {\n  arrowProps: PopoverAria['arrowProps'],\n  isLandscape: boolean,\n  arrowRef?: RefObject<SVGSVGElement | null>,\n  primary: number,\n  secondary: number,\n  borderDiagonal: number\n}\n\n/**\n * Arrow placement can be done pointing right or down because those paths start at 0, x or y. Because the\n * other two don't, they start at a fractional pixel value, it introduces rounding differences between browsers and\n * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that\n * the path always starts at 0 so that it perfectly overlaps the popover's border.\n * See bottom of file for more explanation.\n */\nlet arrowPlacement = {\n  left: 'right',\n  right: 'right',\n  top: 'bottom',\n  bottom: 'bottom'\n};\n\nexport const Popover = forwardRef(function Popover(props: PopoverProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n      <PopoverWrapper ref={domRef} {...props} wrapperRef={wrapperRef}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n});\n\nconst PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n  let {\n    children,\n    isOpen,\n    hideArrow,\n    isNonModal,\n    enableBothDismissButtons,\n    state,\n    wrapperRef,\n    onDismissButtonPress = () => state.close()\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let objRef = useObjectRef(ref);\n\n  let {size, borderWidth, arrowRef} = useArrowSize();\n  const borderRadius = usePopoverBorderRadius(objRef);\n  let borderDiagonal = borderWidth * Math.SQRT2;\n  let primary = size + borderDiagonal;\n  let secondary = primary * 2;\n  let {\n    popoverProps,\n    arrowProps,\n    underlayProps,\n    placement\n  } = usePopover({\n    ...props,\n    popoverRef: objRef,\n    maxHeight: undefined,\n    arrowSize: hideArrow ? 0 : secondary,\n    arrowBoundaryOffset: borderRadius\n  }, state);\n  let {focusWithinProps} = useFocusWithin(props);\n\n  // Attach Transition's nodeRef to outermost wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n  return (\n    <div ref={wrapperRef}>\n      {!isNonModal && <Underlay isTransparent {...mergeProps(underlayProps)} isOpen={isOpen} /> }\n      <div\n        {...styleProps}\n        {...mergeProps(popoverProps, focusWithinProps)}\n        style={{\n          ...styleProps.style,\n          ...popoverProps.style\n        }}\n        ref={objRef}\n        className={\n          classNames(\n            styles,\n            'spectrum-Popover',\n            `spectrum-Popover--${placement}`,\n            {\n              'spectrum-Popover--withTip': !hideArrow,\n              'is-open': isOpen,\n              [`is-open--${placement}`]: isOpen\n            },\n            classNames(\n              overrideStyles,\n              'spectrum-Popover',\n              'react-spectrum-Popover'\n            ),\n            styleProps.className\n          )\n        }\n        role=\"presentation\"\n        data-testid=\"popover\">\n        {(!isNonModal || enableBothDismissButtons) && <DismissButton onDismiss={onDismissButtonPress} />}\n        {children}\n        {hideArrow ? null : (\n          <Arrow\n            arrowProps={arrowProps}\n            isLandscape={placement != null ? arrowPlacement[placement] === 'bottom' : false}\n            arrowRef={arrowRef}\n            primary={primary}\n            secondary={secondary}\n            borderDiagonal={borderDiagonal} />\n        )}\n        <DismissButton onDismiss={onDismissButtonPress} />\n      </div>\n    </div>\n  );\n});\n\nfunction usePopoverBorderRadius(popoverRef: RefObject<HTMLDivElement | null>) {\n  let [borderRadius, setBorderRadius] = useState(0);\n  useLayoutEffect(() => {\n    if (popoverRef.current) {\n      let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [popoverRef]);\n  return borderRadius;\n}\n\nfunction useArrowSize() {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let arrowRef = useRef<SVGSVGElement>(null);\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (arrowRef.current) {\n      let spectrumTipWidth = window.getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window.getComputedStyle(arrowRef.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, []);\n  return {size, borderWidth, arrowRef};\n}\n\nfunction Arrow(props: ArrowProps) {\n  let {primary, secondary, isLandscape, arrowProps, borderDiagonal, arrowRef} = props;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let primaryStart = 0;\n  let primaryEnd = primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = isLandscape ? [\n    'M', secondaryStart, primaryStart,\n    'L', secondaryMiddle, primaryEnd,\n    'L', secondaryEnd, primaryStart\n  ] : [\n    'M', primaryStart, secondaryStart,\n    'L', primaryEnd, secondaryMiddle,\n    'L', primaryStart, secondaryEnd\n  ];\n\n  /* use ceil because the svg needs to always accommodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(isLandscape ? secondary : primary)}\n      height={Math.ceil(isLandscape ? primary : secondary)}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={arrowRef}\n      {...arrowProps}>\n      <path className={classNames(styles, 'spectrum-Popover-tip-triangle')} d={pathData.join(' ')} />\n    </svg>\n  );\n}\n"],"names":[],"version":3,"file":"Popover.main.js.map"}