@react-spectrum/overlays 3.8.0 → 4.0.0

package/dist/module.js

@@ -1,11 +1,10 @@
 import "./main.css";
 import {Provider as $fQOb3$Provider} from "@react-spectrum/provider";
 import $fQOb3$react, {useState as $fQOb3$useState, useCallback as $fQOb3$useCallback, forwardRef as $fQOb3$forwardRef, useRef as $fQOb3$useRef} from "react";
-import $fQOb3$reactdom from "react-dom";
+import {Overlay as $fQOb3$Overlay, usePopover as $fQOb3$usePopover, DismissButton as $fQOb3$DismissButton, useModalOverlay as $fQOb3$useModalOverlay} from "@react-aria/overlays";
 import $fQOb3$reacttransitiongroupTransition from "react-transition-group/Transition";
 import {useDOMRef as $fQOb3$useDOMRef, useStyleProps as $fQOb3$useStyleProps, classNames as $fQOb3$classNames} from "@react-spectrum/utils";
-import {mergeProps as $fQOb3$mergeProps, useLayoutEffect as $fQOb3$useLayoutEffect, useViewportSize as $fQOb3$useViewportSize} from "@react-aria/utils";
-import {useOverlay as $fQOb3$useOverlay, useModal as $fQOb3$useModal, usePreventScroll as $fQOb3$usePreventScroll} from "@react-aria/overlays";
+import {useLayoutEffect as $fQOb3$useLayoutEffect, useViewportSize as $fQOb3$useViewportSize} from "@react-aria/utils";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
@@ -57,7 +56,9 @@ function $70305dc5fb729c3b$var$Overlay(props, ref) {
     let mountOverlay = isOpen || !exited;
     if (!mountOverlay) // Don't bother showing anything if we don't have to.
     return null;
-    let contents = /*#__PURE__*/ $fQOb3$react.createElement($fQOb3$Provider, {
+    return(/*#__PURE__*/ $fQOb3$react.createElement($fQOb3$Overlay, {
+        portalContainer: container
+    }, /*#__PURE__*/ $fQOb3$react.createElement($fQOb3$Provider, {
         ref: ref,
         UNSAFE_style: {
             background: 'transparent',
@@ -73,8 +74,7 @@ function $70305dc5fb729c3b$var$Overlay(props, ref) {
         onEnter: onEnter,
         onEntering: onEntering,
         onEntered: handleEntered
-    }, children));
-    return(/*#__PURE__*/ $fQOb3$reactdom.createPortal(contents, container || document.body));
+    }, children))));
 }
 let $70305dc5fb729c3b$export$c6fdb837b070b4ff = /*#__PURE__*/ $fQOb3$react.forwardRef($70305dc5fb729c3b$var$Overlay);
 
@@ -149,6 +149,31 @@ $645594d913f34a2a$export$d8b16c5377728262 = "spectrum-Popover--withTip_6115b8";
 
 
 
+
+var $c77d7b73b2bbd0fb$exports = {};
+
+$parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-Underlay", () => $c77d7b73b2bbd0fb$export$74470528f463af97, (v) => $c77d7b73b2bbd0fb$export$74470528f463af97 = v);
+$parcel$export($c77d7b73b2bbd0fb$exports, "is-open", () => $c77d7b73b2bbd0fb$export$a9781837241c946d, (v) => $c77d7b73b2bbd0fb$export$a9781837241c946d = v);
+$parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-Underlay--transparent", () => $c77d7b73b2bbd0fb$export$8eb3860104039b44, (v) => $c77d7b73b2bbd0fb$export$8eb3860104039b44 = v);
+var $c77d7b73b2bbd0fb$export$74470528f463af97;
+var $c77d7b73b2bbd0fb$export$a9781837241c946d;
+var $c77d7b73b2bbd0fb$export$8eb3860104039b44;
+$c77d7b73b2bbd0fb$export$74470528f463af97 = "spectrum-Underlay_eb7615";
+$c77d7b73b2bbd0fb$export$a9781837241c946d = "is-open_eb7615";
+$c77d7b73b2bbd0fb$export$8eb3860104039b44 = "spectrum-Underlay--transparent_eb7615";
+
+
+function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen , isTransparent: isTransparent  }) {
+    return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
+        className: $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($c77d7b73b2bbd0fb$exports)), 'spectrum-Underlay', {
+            'is-open': isOpen,
+            'spectrum-Underlay--transparent': isTransparent
+        })
+    }));
+}
+
+
+
 /**
  * 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
@@ -162,47 +187,50 @@ $645594d913f34a2a$export$d8b16c5377728262 = "spectrum-Popover--withTip_6115b8";
     bottom: 'bottom'
 };
 function $17b503f7de08fecc$var$Popover(props, ref) {
-    let { children: children , placement: placement , arrowProps: arrowProps , onClose: onClose , shouldCloseOnBlur: shouldCloseOnBlur , hideArrow: hideArrow , isKeyboardDismissDisabled: isKeyboardDismissDisabled , isNonModal: isNonModal , isDismissable: isDismissable = true , ...otherProps } = props;
+    let { children: children , state: state , ...otherProps } = props;
     let domRef = $fQOb3$useDOMRef(ref);
-    let { styleProps: styleProps  } = $fQOb3$useStyleProps(props);
-    return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $fQOb3$react.createElement($17b503f7de08fecc$var$PopoverWrapper, {
-        ...styleProps,
+    return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, {
+        ...otherProps,
+        isOpen: state.isOpen
+    }, /*#__PURE__*/ $fQOb3$react.createElement($17b503f7de08fecc$var$PopoverWrapper, {
         ref: domRef,
-        placement: placement,
-        arrowProps: arrowProps,
-        onClose: onClose,
-        shouldCloseOnBlur: shouldCloseOnBlur,
-        isKeyboardDismissDisabled: isKeyboardDismissDisabled,
-        hideArrow: hideArrow,
-        isNonModal: isNonModal,
-        isDismissable: isDismissable
+        ...props
     }, children)));
 }
 const $17b503f7de08fecc$var$PopoverWrapper = /*#__PURE__*/ $fQOb3$forwardRef((props, ref)=>{
-    let { children: children , placement: placement = 'bottom' , arrowProps: arrowProps , isOpen: isOpen , hideArrow: hideArrow , shouldCloseOnBlur: // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    shouldCloseOnBlur , isKeyboardDismissDisabled: // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    isKeyboardDismissDisabled , isNonModal: isNonModal , isDismissable: // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    isDismissable , ...otherProps } = props;
-    let { overlayProps: overlayProps  } = $fQOb3$useOverlay({
+    let { children: children , isOpen: isOpen , hideArrow: hideArrow , isNonModal: isNonModal , state: state  } = props;
+    let { styleProps: styleProps  } = $fQOb3$useStyleProps(props);
+    let { popoverProps: popoverProps , arrowProps: arrowProps , underlayProps: underlayProps , placement: placement  } = $fQOb3$usePopover({
         ...props,
-        isDismissable: isDismissable && isOpen
-    }, ref);
-    let { modalProps: modalProps  } = $fQOb3$useModal({
-        isDisabled: isNonModal
-    });
-    return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
-        ...$fQOb3$mergeProps(otherProps, overlayProps, modalProps),
+        popoverRef: ref,
+        maxHeight: null
+    }, state);
+    return(/*#__PURE__*/ $fQOb3$react.createElement($fQOb3$react.Fragment, null, !isNonModal && /*#__PURE__*/ $fQOb3$react.createElement($76a452f4e3df11be$export$f360afc887607b02, {
+        isTransparent: true,
+        ...underlayProps,
+        isOpen: isOpen
+    }), /*#__PURE__*/ $fQOb3$react.createElement("div", {
+        ...styleProps,
+        ...popoverProps,
+        style: {
+            ...styleProps.style,
+            ...popoverProps.style
+        },
         ref: ref,
         className: $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($645594d913f34a2a$exports)), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
             'spectrum-Popover--withTip': !hideArrow,
             'is-open': isOpen
-        }, $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Popover', 'react-spectrum-Popover'), otherProps.className),
+        }, $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Popover', 'react-spectrum-Popover'), styleProps.className),
         role: "presentation",
         "data-testid": "popover"
-    }, children, hideArrow ? null : /*#__PURE__*/ $fQOb3$react.createElement($17b503f7de08fecc$var$Arrow, {
+    }, !isNonModal && /*#__PURE__*/ $fQOb3$react.createElement($fQOb3$DismissButton, {
+        onDismiss: state.close
+    }), children, hideArrow ? null : /*#__PURE__*/ $fQOb3$react.createElement($17b503f7de08fecc$var$Arrow, {
         arrowProps: arrowProps,
         direction: $17b503f7de08fecc$var$arrowPlacement[placement]
-    })));
+    }), /*#__PURE__*/ $fQOb3$react.createElement($fQOb3$DismissButton, {
+        onDismiss: state.close
+    }))));
 });
 let $17b503f7de08fecc$var$ROOT_2 = Math.sqrt(2);
 function $17b503f7de08fecc$var$Arrow(props) {
@@ -298,37 +326,15 @@ $f7ed9f5201273840$export$175dd699720b5fb7 = "spectrum-Modal--fullscreenTakeover_
 
 
 
-var $c77d7b73b2bbd0fb$exports = {};
-
-$parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-Underlay", () => $c77d7b73b2bbd0fb$export$74470528f463af97, (v) => $c77d7b73b2bbd0fb$export$74470528f463af97 = v);
-$parcel$export($c77d7b73b2bbd0fb$exports, "is-open", () => $c77d7b73b2bbd0fb$export$a9781837241c946d, (v) => $c77d7b73b2bbd0fb$export$a9781837241c946d = v);
-var $c77d7b73b2bbd0fb$export$74470528f463af97;
-var $c77d7b73b2bbd0fb$export$a9781837241c946d;
-$c77d7b73b2bbd0fb$export$74470528f463af97 = "spectrum-Underlay_eb7615";
-$c77d7b73b2bbd0fb$export$a9781837241c946d = "is-open_eb7615";
-
-
-function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen  }) {
-    return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
-        className: $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($c77d7b73b2bbd0fb$exports)), 'spectrum-Underlay', {
-            'is-open': isOpen
-        })
-    }));
-}
-
-
-
 function $842084dfa182af65$var$Modal(props, ref) {
-    let { children: children , onClose: onClose , type: type , ...otherProps } = props;
+    let { children: children , state: state , ...otherProps } = props;
     let domRef = $fQOb3$useDOMRef(ref);
-    let { styleProps: styleProps  } = $fQOb3$useStyleProps(props);
-    let { overlayProps: overlayProps , underlayProps: underlayProps  } = $fQOb3$useOverlay(props, domRef);
-    return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $fQOb3$react.createElement($76a452f4e3df11be$export$f360afc887607b02, underlayProps), /*#__PURE__*/ $fQOb3$react.createElement($842084dfa182af65$var$ModalWrapper, {
-        ...styleProps,
-        onClose: onClose,
-        type: type,
-        ref: domRef,
-        overlayProps: overlayProps
+    return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, {
+        ...otherProps,
+        isOpen: state.isOpen
+    }, /*#__PURE__*/ $fQOb3$react.createElement($842084dfa182af65$var$ModalWrapper, {
+        ...props,
+        ref: domRef
     }, children)));
 }
 let $842084dfa182af65$var$typeMap = {
@@ -336,30 +342,33 @@ let $842084dfa182af65$var$typeMap = {
     fullscreenTakeover: 'fullscreenTakeover'
 };
 let $842084dfa182af65$var$ModalWrapper = /*#__PURE__*/ $fQOb3$forwardRef(function(props, ref) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    let { children: children , isOpen: isOpen , type: type , overlayProps: overlayProps , ...otherProps } = props;
+    let { type: type , children: children , state: state , isOpen: isOpen  } = props;
     let typeVariant = $842084dfa182af65$var$typeMap[type];
-    $fQOb3$usePreventScroll();
-    let { modalProps: modalProps  } = $fQOb3$useModal();
+    let { styleProps: styleProps  } = $fQOb3$useStyleProps(props);
+    let { modalProps: modalProps , underlayProps: underlayProps  } = $fQOb3$useModalOverlay(props, state, ref);
     let wrapperClassName = $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($f7ed9f5201273840$exports)), 'spectrum-Modal-wrapper', $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Modal-wrapper', 'react-spectrum-Modal-wrapper'));
     let modalClassName = $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($f7ed9f5201273840$exports)), 'spectrum-Modal', {
         'is-open': isOpen
     }, $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Modal', 'react-spectrum-Modal'), {
         [`spectrum-Modal--${typeVariant}`]: typeVariant
-    }, otherProps.className);
+    }, styleProps.className);
     let viewport = $fQOb3$useViewportSize();
     let style = {
         '--spectrum-visual-viewport-height': viewport.height + 'px'
     };
-    return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
+    return(/*#__PURE__*/ $fQOb3$react.createElement($fQOb3$react.Fragment, null, /*#__PURE__*/ $fQOb3$react.createElement($76a452f4e3df11be$export$f360afc887607b02, {
+        ...underlayProps,
+        isOpen: isOpen
+    }), /*#__PURE__*/ $fQOb3$react.createElement("div", {
         className: wrapperClassName,
         style: style
     }, /*#__PURE__*/ $fQOb3$react.createElement("div", {
-        ...$fQOb3$mergeProps(otherProps, overlayProps, modalProps),
+        ...styleProps,
+        ...modalProps,
         ref: ref,
         className: modalClassName,
         "data-testid": "modal"
-    }, children)));
+    }, children))));
 });
 let $842084dfa182af65$export$2b77a92f1a5ad772 = /*#__PURE__*/ $fQOb3$forwardRef($842084dfa182af65$var$Modal);
 
@@ -388,28 +397,23 @@ $930b2f4095bb11d1$export$79bfb05e59a300b = "spectrum-Tray--fixedHeight_23bf66";
 
 
 function $1afc87f3d16a5a1c$var$Tray(props, ref) {
-    let { children: children , onClose: onClose , isFixedHeight: isFixedHeight , isNonModal: isNonModal , ...otherProps } = props;
+    let { children: children , state: state , ...otherProps } = props;
     let domRef = $fQOb3$useDOMRef(ref);
-    let { styleProps: styleProps  } = $fQOb3$useStyleProps(props);
-    let { overlayProps: overlayProps , underlayProps: underlayProps  } = $fQOb3$useOverlay({
+    return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, {
+        ...otherProps,
+        isOpen: state.isOpen
+    }, /*#__PURE__*/ $fQOb3$react.createElement($1afc87f3d16a5a1c$var$TrayWrapper, {
         ...props,
-        isDismissable: true
-    }, domRef);
-    return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $fQOb3$react.createElement($76a452f4e3df11be$export$f360afc887607b02, underlayProps), /*#__PURE__*/ $fQOb3$react.createElement($1afc87f3d16a5a1c$var$TrayWrapper, {
-        ...styleProps,
-        onClose: onClose,
-        ref: domRef,
-        overlayProps: overlayProps,
-        isFixedHeight: isFixedHeight,
-        isNonModal: isNonModal
+        ref: domRef
     }, children)));
 }
 let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ $fQOb3$forwardRef(function(props, ref) {
-    let { children: children , isOpen: isOpen , isFixedHeight: isFixedHeight , isNonModal: isNonModal , overlayProps: overlayProps , ...otherProps } = props;
-    $fQOb3$usePreventScroll();
-    let { modalProps: modalProps  } = $fQOb3$useModal({
-        isDisabled: isNonModal
-    });
+    let { children: children , isOpen: isOpen , isFixedHeight: isFixedHeight , state: state  } = props;
+    let { styleProps: styleProps  } = $fQOb3$useStyleProps(props);
+    let { modalProps: modalProps , underlayProps: underlayProps  } = $fQOb3$useModalOverlay({
+        ...props,
+        isDismissable: true
+    }, state, ref);
     // We need to measure the window's height in JS rather than using percentages in CSS
     // so that contents (e.g. menu) can inherit the max-height properly. Using percentages
     // does not work properly because there is nothing to base the percentage on.
@@ -425,18 +429,24 @@ let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ $fQOb3$forwardRef(function
     let className = $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($930b2f4095bb11d1$exports)), 'spectrum-Tray', {
         'is-open': isOpen,
         'spectrum-Tray--fixedHeight': isFixedHeight
-    }, $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Tray', 'react-spectrum-Tray'), otherProps.className);
-    let domProps = $fQOb3$mergeProps(otherProps, overlayProps);
-    return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
+    }, $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Tray', 'react-spectrum-Tray'), styleProps.className);
+    return(/*#__PURE__*/ $fQOb3$react.createElement($fQOb3$react.Fragment, null, /*#__PURE__*/ $fQOb3$react.createElement($76a452f4e3df11be$export$f360afc887607b02, {
+        ...underlayProps,
+        isOpen: isOpen
+    }), /*#__PURE__*/ $fQOb3$react.createElement("div", {
         className: wrapperClassName,
         style: wrapperStyle
     }, /*#__PURE__*/ $fQOb3$react.createElement("div", {
-        ...domProps,
+        ...styleProps,
         ...modalProps,
         className: className,
         ref: ref,
         "data-testid": "tray"
-    }, children)));
+    }, /*#__PURE__*/ $fQOb3$react.createElement($fQOb3$DismissButton, {
+        onDismiss: state.close
+    }), children, /*#__PURE__*/ $fQOb3$react.createElement($fQOb3$DismissButton, {
+        onDismiss: state.close
+    })))));
 });
 let $1afc87f3d16a5a1c$export$4589ed81930b555c = /*#__PURE__*/ $fQOb3$forwardRef($1afc87f3d16a5a1c$var$Tray);
 

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/overlays/src/index.ts","packages/@react-spectrum/overlays/src/Overlay.tsx","packages/@react-spectrum/overlays/src/OpenTransition.tsx","packages/@react-spectrum/overlays/src/Popover.tsx","packages/@react-spectrum/overlays/src/overlays.css","packages/@adobe/spectrum-css-temp/components/popover/vars.css","packages/@react-spectrum/overlays/src/Modal.tsx","packages/@adobe/spectrum-css-temp/components/modal/vars.css","packages/@react-spectrum/overlays/src/Underlay.tsx","packages/@adobe/spectrum-css-temp/components/underlay/vars.css","packages/@react-spectrum/overlays/src/Tray.tsx","packages/@adobe/spectrum-css-temp/components/tray/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport {Overlay} from './Overlay';\nexport {Popover} from './Popover';\nexport {Modal} from './Modal';\nexport {Tray} from './Tray';\nexport {OpenTransition} from './OpenTransition';\n","/*\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 {DOMRef} from '@react-types/shared';\nimport {OpenTransition} from './OpenTransition';\nimport {OverlayProps} from '@react-types/overlays';\nimport {Provider} from '@react-spectrum/provider';\nimport React, {useCallback, useState} from 'react';\nimport ReactDOM from 'react-dom';\n\nfunction Overlay(props: OverlayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, isOpen, container, onEnter, onEntering, onEntered, onExit, onExiting, onExited} = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  let handleEntered = useCallback(() => {\n    setExited(false);\n    if (onEntered) {\n      onEntered();\n    }\n  }, [onEntered]);\n\n  let handleExited = useCallback(() => {\n    setExited(true);\n    if (onExited) {\n      onExited();\n    }\n  }, [onExited]);\n\n  // Don't un-render the overlay while it's transitioning out.\n  let mountOverlay = isOpen || !exited;\n  if (!mountOverlay) {\n    // Don't bother showing anything if we don't have to.\n    return null;\n  }\n\n  let contents = (\n    <Provider ref={ref} UNSAFE_style={{background: 'transparent', isolation: 'isolate'}} isDisabled={false}>\n      <OpenTransition\n        in={isOpen}\n        appear\n        onExit={onExit}\n        onExiting={onExiting}\n        onExited={handleExited}\n        onEnter={onEnter}\n        onEntering={onEntering}\n        onEntered={handleEntered}>\n        {children}\n      </OpenTransition>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, container || document.body);\n}\n\nlet _Overlay = React.forwardRef(Overlay);\nexport {_Overlay as Overlay};\n","/*\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 React from 'react';\nimport Transition from 'react-transition-group/Transition';\n\nconst OPEN_STATES = {\n  entering: false,\n  entered: true\n};\n\n/**\n * Timeout issues adding css animations to enter may be related to\n * https://github.com/reactjs/react-transition-group/issues/189 or\n * https://github.com/reactjs/react-transition-group/issues/22\n * my VM isn't good enough to debug accurately and get a better answer.\n *\n * As a result, use enter 0 so that is-open is applied once entered\n * it doesn't matter if we know when the css-animation is done on entering\n * for exiting though, give time for the css-animation to play\n * before removing from the DOM\n * **note** hitting esc bypasses exit animation for anyone testing.\n */\n\nexport function OpenTransition(props) {\n  // Do not apply any transition if in chromatic.\n  if (process.env.CHROMATIC) {\n    return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));\n  }\n\n  return (\n    <Transition timeout={{enter: 0, exit: 350}} {...props}>\n      {(state) => React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: !!OPEN_STATES[state]}))}\n    </Transition>\n  );\n}\n","/*\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, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {mergeProps, useLayoutEffect} from '@react-aria/utils';\nimport {Overlay} from './Overlay';\nimport overrideStyles from './overlays.css';\nimport {PlacementAxis, PopoverProps} from '@react-types/overlays';\nimport React, {forwardRef, HTMLAttributes, ReactNode, RefObject, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {useModal, useOverlay} from '@react-aria/overlays';\n\ninterface PopoverWrapperProps extends HTMLAttributes<HTMLElement> {\n  children: ReactNode,\n  placement?: PlacementAxis,\n  arrowProps?: HTMLAttributes<HTMLElement>,\n  hideArrow?: boolean,\n  isOpen?: boolean,\n  onClose?: () => void,\n  shouldCloseOnBlur?: boolean,\n  isKeyboardDismissDisabled?: boolean,\n  isNonModal?: boolean,\n  isDismissable?: boolean\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\nfunction Popover(props: PopoverProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    placement,\n    arrowProps,\n    onClose,\n    shouldCloseOnBlur,\n    hideArrow,\n    isKeyboardDismissDisabled,\n    isNonModal,\n    isDismissable = true,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <Overlay {...otherProps}>\n      <PopoverWrapper\n        {...styleProps}\n        ref={domRef}\n        placement={placement}\n        arrowProps={arrowProps}\n        onClose={onClose}\n        shouldCloseOnBlur={shouldCloseOnBlur}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        isNonModal={isNonModal}\n        isDismissable={isDismissable}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\nconst PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: RefObject<HTMLDivElement>) => {\n  let {\n    children,\n    placement = 'bottom',\n    arrowProps,\n    isOpen,\n    hideArrow,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    shouldCloseOnBlur,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    isKeyboardDismissDisabled,\n    isNonModal,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    isDismissable,\n    ...otherProps\n  } = props;\n  let {overlayProps} = useOverlay({...props, isDismissable: isDismissable && isOpen}, ref);\n  let {modalProps} = useModal({\n    isDisabled: isNonModal\n  });\n\n  return (\n    <div\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\n      className={\n        classNames(\n          styles,\n          'spectrum-Popover',\n          `spectrum-Popover--${placement}`,\n          {\n            'spectrum-Popover--withTip': !hideArrow,\n            'is-open': isOpen\n          },\n          classNames(\n            overrideStyles,\n            'spectrum-Popover',\n            'react-spectrum-Popover'\n          ),\n          otherProps.className\n        )\n      }\n      role=\"presentation\"\n      data-testid=\"popover\">\n      {children}\n      {hideArrow ? null : (\n        <Arrow arrowProps={arrowProps} direction={arrowPlacement[placement]} />\n      )}\n    </div>\n  );\n});\n\nlet ROOT_2 = Math.sqrt(2);\n\nfunction Arrow(props) {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let ref = useRef();\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (ref.current) {\n      let spectrumTipWidth = window.getComputedStyle(ref.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window.getComputedStyle(ref.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, [ref]);\n\n  let landscape = props.direction === 'top' || props.direction === 'bottom';\n  let mirror = props.direction === 'left' || props.direction === 'top';\n\n  let borderDiagonal = borderWidth * ROOT_2;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let secondary = 2 * size + 2 * borderDiagonal;\n  let primary = size + borderDiagonal;\n\n  let primaryStart = mirror ? primary : 0;\n  let primaryEnd = mirror ? halfBorderDiagonal : primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = landscape ? [\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  let arrowProps = props.arrowProps;\n\n  /* use ceil because the svg needs to always accomodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(landscape ? secondary : primary)}\n      height={Math.ceil(landscape ? primary : secondary)}\n      style={props.style}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={ref}\n      {...arrowProps}>\n      <path className={classNames(styles, 'spectrum-Popover-tip-triangle')} d={pathData.join(' ')} />\n    </svg>\n  );\n}\n\nlet _Popover = forwardRef(Popover);\nexport {_Popover as Popover};\n\n/**\n * More explanation on popover tips.\n * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.\n * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.\n * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.\n * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.\n * - I tried getting the client bounding box and setting the svg to that partial pixel value\n * This didn't work because again the issue was inside the svg\n * - I didn't try drawing the svg backwards\n * This could still be tried\n * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded\n * This seems to have done the trick.\n */\n","/*\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\n.spectrum-Popover {\n  /* This makes the contents of popovers focusable immediately, without waiting\n     a frame for animations to start. */\n  &.react-spectrum-Popover {\n    visibility: visible;\n  }\n\n  .spectrum-Dialog-content {\n    max-height: initial;\n  }\n}\n\n.spectrum-Modal-wrapper.react-spectrum-Modal-wrapper,\n.spectrum-Modal.react-spectrum-Modal {\n  visibility: visible;\n}\n\n.spectrum-Tray.react-spectrum-Tray {\n  visibility: visible;\n}\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {mergeProps, useViewportSize} from '@react-aria/utils';\nimport {ModalProps} from '@react-types/overlays';\nimport modalStyles from '@adobe/spectrum-css-temp/components/modal/vars.css';\nimport {Overlay} from './Overlay';\nimport overrideStyles from './overlays.css';\nimport React, {forwardRef, HTMLAttributes, ReactNode, RefObject} from 'react';\nimport {Underlay} from './Underlay';\nimport {useModal, useOverlay, usePreventScroll} from '@react-aria/overlays';\n\ninterface ModalWrapperProps extends HTMLAttributes<HTMLElement> {\n  children: ReactNode,\n  isOpen?: boolean,\n  onClose?: () => void,\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover',\n  overlayProps: HTMLAttributes<HTMLElement>\n}\n\nfunction Modal(props: ModalProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, onClose, type, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(props);\n\n  let {overlayProps, underlayProps} = useOverlay(props, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <ModalWrapper\n        {...styleProps}\n        onClose={onClose}\n        type={type}\n        ref={domRef}\n        overlayProps={overlayProps}>\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\nlet typeMap = {\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\nlet ModalWrapper = forwardRef(function (props: ModalWrapperProps, ref: RefObject<HTMLDivElement>) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {children, isOpen, type, overlayProps, ...otherProps} = props;\n  let typeVariant = typeMap[type];\n\n  usePreventScroll();\n  let {modalProps} = useModal();\n\n  let wrapperClassName = classNames(\n    modalStyles,\n    'spectrum-Modal-wrapper',\n    classNames(\n      overrideStyles,\n      'spectrum-Modal-wrapper',\n      'react-spectrum-Modal-wrapper'\n    )\n  );\n\n  let modalClassName = classNames(\n    modalStyles,\n    'spectrum-Modal',\n    {\n      'is-open': isOpen\n    },\n    classNames(\n      overrideStyles,\n      'spectrum-Modal',\n      'react-spectrum-Modal'\n    ),\n    {[`spectrum-Modal--${typeVariant}`]: typeVariant},\n    otherProps.className\n  );\n\n  let viewport = useViewportSize();\n  let style: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px'\n  };\n\n  return (\n    <div className={wrapperClassName} style={style}>\n      <div\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n        className={modalClassName}\n        data-testid=\"modal\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\nexport {_Modal as Modal};\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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} from '@react-spectrum/utils';\nimport React from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n  isOpen?: boolean\n}\n\nexport function Underlay({isOpen}: UnderlayProps) {\n  return (\n    <div className={classNames(underlayStyles, 'spectrum-Underlay', {'is-open': isOpen})} />\n  );\n}\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {mergeProps, useViewportSize} from '@react-aria/utils';\nimport {Overlay} from './Overlay';\nimport overrideStyles from './overlays.css';\nimport React, {forwardRef, HTMLAttributes, ReactNode, RefObject} from 'react';\nimport {TrayProps} from '@react-types/overlays';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useModal, useOverlay, usePreventScroll} from '@react-aria/overlays';\n\ninterface TrayWrapperProps extends HTMLAttributes<HTMLElement> {\n  children: ReactNode,\n  isOpen?: boolean,\n  onClose?: () => void,\n  isFixedHeight?: boolean,\n  isNonModal?: boolean,\n  overlayProps: HTMLAttributes<HTMLElement>\n}\n\nfunction Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, onClose, isFixedHeight, isNonModal, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(props);\n\n  let {overlayProps, underlayProps} = useOverlay({...props, isDismissable: true}, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <TrayWrapper\n        {...styleProps}\n        onClose={onClose}\n        ref={domRef}\n        overlayProps={overlayProps}\n        isFixedHeight={isFixedHeight}\n        isNonModal={isNonModal}>\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function (props: TrayWrapperProps, ref: RefObject<HTMLDivElement>) {\n  let {\n    children,\n    isOpen,\n    isFixedHeight,\n    isNonModal,\n    overlayProps,\n    ...otherProps\n  } = props;\n  usePreventScroll();\n  let {modalProps} = useModal({\n    isDisabled: isNonModal\n  });\n\n  // We need to measure the window's height in JS rather than using percentages in CSS\n  // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n  // does not work properly because there is nothing to base the percentage on.\n  // We cannot use vh units because mobile browsers adjust the window height dynamically\n  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n  let viewport = useViewportSize();\n  let wrapperStyle: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px'\n  };\n\n  let wrapperClassName = classNames(\n    trayStyles,\n    'spectrum-Tray-wrapper'\n  );\n\n  let className = classNames(\n    trayStyles,\n    'spectrum-Tray',\n    {\n      'is-open': isOpen,\n      'spectrum-Tray--fixedHeight': isFixedHeight\n    },\n    classNames(\n      overrideStyles,\n      'spectrum-Tray',\n      'react-spectrum-Tray'\n    ),\n    otherProps.className\n  );\n\n  let domProps = mergeProps(otherProps, overlayProps);\n\n  return (\n    <div className={wrapperClassName} style={wrapperStyle}>\n      <div\n        {...domProps}\n        {...modalProps}\n        className={className}\n        ref={ref}\n        data-testid=\"tray\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\nexport {_Tray as Tray};\n","/*\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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/overlays/src/index.ts","packages/@react-spectrum/overlays/src/Overlay.tsx","packages/@react-spectrum/overlays/src/OpenTransition.tsx","packages/@react-spectrum/overlays/src/Popover.tsx","packages/@react-spectrum/overlays/src/overlays.css","packages/@adobe/spectrum-css-temp/components/popover/vars.css","packages/@react-spectrum/overlays/src/Underlay.tsx","packages/@adobe/spectrum-css-temp/components/underlay/vars.css","packages/@react-spectrum/overlays/src/Modal.tsx","packages/@adobe/spectrum-css-temp/components/modal/vars.css","packages/@react-spectrum/overlays/src/Tray.tsx","packages/@adobe/spectrum-css-temp/components/tray/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport {Overlay} from './Overlay';\nexport {Popover} from './Popover';\nexport {Modal} from './Modal';\nexport {Tray} from './Tray';\nexport {OpenTransition} from './OpenTransition';\n","/*\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 {DOMRef} from '@react-types/shared';\nimport {OpenTransition} from './OpenTransition';\nimport {OverlayProps} from '@react-types/overlays';\nimport {Provider} from '@react-spectrum/provider';\nimport React, {useCallback, useState} from 'react';\nimport {Overlay as ReactAriaOverlay} from '@react-aria/overlays';\n\nfunction Overlay(props: OverlayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, isOpen, container, onEnter, onEntering, onEntered, onExit, onExiting, onExited} = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  let handleEntered = useCallback(() => {\n    setExited(false);\n    if (onEntered) {\n      onEntered();\n    }\n  }, [onEntered]);\n\n  let handleExited = useCallback(() => {\n    setExited(true);\n    if (onExited) {\n      onExited();\n    }\n  }, [onExited]);\n\n  // Don't un-render the overlay while it's transitioning out.\n  let mountOverlay = isOpen || !exited;\n  if (!mountOverlay) {\n    // Don't bother showing anything if we don't have to.\n    return null;\n  }\n\n  return (\n    <ReactAriaOverlay portalContainer={container}>\n      <Provider ref={ref} UNSAFE_style={{background: 'transparent', isolation: 'isolate'}} isDisabled={false}>\n        <OpenTransition\n          in={isOpen}\n          appear\n          onExit={onExit}\n          onExiting={onExiting}\n          onExited={handleExited}\n          onEnter={onEnter}\n          onEntering={onEntering}\n          onEntered={handleEntered}>\n          {children}\n        </OpenTransition>\n      </Provider>\n    </ReactAriaOverlay>\n  );\n}\n\nlet _Overlay = React.forwardRef(Overlay);\nexport {_Overlay as Overlay};\n","/*\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 React from 'react';\nimport Transition from 'react-transition-group/Transition';\n\nconst OPEN_STATES = {\n  entering: false,\n  entered: true\n};\n\n/**\n * Timeout issues adding css animations to enter may be related to\n * https://github.com/reactjs/react-transition-group/issues/189 or\n * https://github.com/reactjs/react-transition-group/issues/22\n * my VM isn't good enough to debug accurately and get a better answer.\n *\n * As a result, use enter 0 so that is-open is applied once entered\n * it doesn't matter if we know when the css-animation is done on entering\n * for exiting though, give time for the css-animation to play\n * before removing from the DOM\n * **note** hitting esc bypasses exit animation for anyone testing.\n */\n\nexport function OpenTransition(props) {\n  // Do not apply any transition if in chromatic.\n  if (process.env.CHROMATIC) {\n    return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));\n  }\n\n  return (\n    <Transition timeout={{enter: 0, exit: 350}} {...props}>\n      {(state) => React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: !!OPEN_STATES[state]}))}\n    </Transition>\n  );\n}\n","/*\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, usePopover} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {Overlay} from './Overlay';\nimport {OverlayTriggerState} from '@react-stately/overlays';\nimport overrideStyles from './overlays.css';\nimport React, {forwardRef, ReactNode, RefObject, useRef, useState} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/popover/vars.css';\nimport {Underlay} from './Underlay';\nimport {useLayoutEffect} from '@react-aria/utils';\n\ninterface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, StyleProps {\n  children: ReactNode,\n  hideArrow?: boolean,\n  state: OverlayTriggerState\n}\n\ninterface PopoverWrapperProps extends PopoverProps {\n  isOpen?: boolean\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\nfunction Popover(props: PopoverProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen}>\n      <PopoverWrapper ref={domRef} {...props}>\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\nconst PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: RefObject<HTMLDivElement>) => {\n  let {\n    children,\n    isOpen,\n    hideArrow,\n    isNonModal,\n    state\n  } = props;\n  let {styleProps} = useStyleProps(props);\n\n  let {popoverProps, arrowProps, underlayProps, placement} = usePopover({\n    ...props,\n    popoverRef: ref,\n    maxHeight: null\n  }, state);\n\n  return (\n    <>\n      {!isNonModal && <Underlay isTransparent {...underlayProps} isOpen={isOpen} /> }\n      <div\n        {...styleProps}\n        {...popoverProps}\n        style={{\n          ...styleProps.style,\n          ...popoverProps.style\n        }}\n        ref={ref}\n        className={\n          classNames(\n            styles,\n            'spectrum-Popover',\n            `spectrum-Popover--${placement}`,\n            {\n              'spectrum-Popover--withTip': !hideArrow,\n              'is-open': 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 && <DismissButton onDismiss={state.close} />}\n        {children}\n        {hideArrow ? null : (\n          <Arrow arrowProps={arrowProps} direction={arrowPlacement[placement]} />\n        )}\n        <DismissButton onDismiss={state.close} />\n      </div>\n    </>\n  );\n});\n\nlet ROOT_2 = Math.sqrt(2);\n\nfunction Arrow(props) {\n  let [size, setSize] = useState(20);\n  let [borderWidth, setBorderWidth] = useState(1);\n  let ref = useRef();\n  // get the css value for the tip size and divide it by 2 for this arrow implementation\n  useLayoutEffect(() => {\n    if (ref.current) {\n      let spectrumTipWidth = window.getComputedStyle(ref.current)\n        .getPropertyValue('--spectrum-popover-tip-size');\n      if (spectrumTipWidth !== '') {\n        setSize(parseInt(spectrumTipWidth, 10) / 2);\n      }\n\n      let spectrumBorderWidth = window.getComputedStyle(ref.current)\n        .getPropertyValue('--spectrum-popover-tip-borderWidth');\n      if (spectrumBorderWidth !== '') {\n        setBorderWidth(parseInt(spectrumBorderWidth, 10));\n      }\n    }\n  }, [ref]);\n\n  let landscape = props.direction === 'top' || props.direction === 'bottom';\n  let mirror = props.direction === 'left' || props.direction === 'top';\n\n  let borderDiagonal = borderWidth * ROOT_2;\n  let halfBorderDiagonal = borderDiagonal / 2;\n\n  let secondary = 2 * size + 2 * borderDiagonal;\n  let primary = size + borderDiagonal;\n\n  let primaryStart = mirror ? primary : 0;\n  let primaryEnd = mirror ? halfBorderDiagonal : primary - halfBorderDiagonal;\n\n  let secondaryStart = halfBorderDiagonal;\n  let secondaryMiddle = secondary / 2;\n  let secondaryEnd = secondary - halfBorderDiagonal;\n\n  let pathData = landscape ? [\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  let arrowProps = props.arrowProps;\n\n  /* use ceil because the svg needs to always accomodate the path inside it */\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/svg/2000\"\n      width={Math.ceil(landscape ? secondary : primary)}\n      height={Math.ceil(landscape ? primary : secondary)}\n      style={props.style}\n      className={classNames(styles, 'spectrum-Popover-tip')}\n      ref={ref}\n      {...arrowProps}>\n      <path className={classNames(styles, 'spectrum-Popover-tip-triangle')} d={pathData.join(' ')} />\n    </svg>\n  );\n}\n\nlet _Popover = forwardRef(Popover);\nexport {_Popover as Popover};\n\n/**\n * More explanation on popover tips.\n * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.\n * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.\n * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.\n * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.\n * - I tried getting the client bounding box and setting the svg to that partial pixel value\n * This didn't work because again the issue was inside the svg\n * - I didn't try drawing the svg backwards\n * This could still be tried\n * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded\n * This seems to have done the trick.\n */\n","/*\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\n.spectrum-Popover {\n  /* This makes the contents of popovers focusable immediately, without waiting\n     a frame for animations to start. */\n  &.react-spectrum-Popover {\n    visibility: visible;\n  }\n\n  .spectrum-Dialog-content {\n    max-height: initial;\n  }\n}\n\n.spectrum-Modal-wrapper.react-spectrum-Modal-wrapper,\n.spectrum-Modal.react-spectrum-Modal {\n  visibility: visible;\n}\n\n.spectrum-Tray.react-spectrum-Tray {\n  visibility: visible;\n}\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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} from '@react-spectrum/utils';\nimport React from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n  isOpen?: boolean,\n  isTransparent?: boolean\n}\n\nexport function Underlay({isOpen, isTransparent}: UnderlayProps) {\n  return (\n    <div className={classNames(underlayStyles, 'spectrum-Underlay', {'is-open': isOpen, 'spectrum-Underlay--transparent': isTransparent})} />\n  );\n}\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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 {AriaModalOverlayProps, useModalOverlay} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport modalStyles from '@adobe/spectrum-css-temp/components/modal/vars.css';\nimport {Overlay} from './Overlay';\nimport {OverlayProps} from '@react-types/overlays';\nimport {OverlayTriggerState} from '@react-stately/overlays';\nimport overrideStyles from './overlays.css';\nimport React, {forwardRef, ReactNode, RefObject} from 'react';\nimport {Underlay} from './Underlay';\nimport {useViewportSize} from '@react-aria/utils';\n\ninterface ModalProps extends AriaModalOverlayProps, StyleProps, OverlayProps {\n  children: ReactNode,\n  state: OverlayTriggerState,\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover'\n}\n\ninterface ModalWrapperProps extends ModalProps {\n  isOpen?: boolean\n}\n\nfunction Modal(props: ModalProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen}>\n      <ModalWrapper {...props} ref={domRef}>\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\nlet typeMap = {\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\nlet ModalWrapper = forwardRef(function (props: ModalWrapperProps, ref: RefObject<HTMLDivElement>) {\n  let {type, children, state, isOpen} = props;\n  let typeVariant = typeMap[type];\n  let {styleProps} = useStyleProps(props);\n\n  let {modalProps, underlayProps} = useModalOverlay(props, state, ref);\n\n  let wrapperClassName = classNames(\n    modalStyles,\n    'spectrum-Modal-wrapper',\n    classNames(\n      overrideStyles,\n      'spectrum-Modal-wrapper',\n      'react-spectrum-Modal-wrapper'\n    )\n  );\n\n  let modalClassName = classNames(\n    modalStyles,\n    'spectrum-Modal',\n    {\n      'is-open': isOpen\n    },\n    classNames(\n      overrideStyles,\n      'spectrum-Modal',\n      'react-spectrum-Modal'\n    ),\n    {[`spectrum-Modal--${typeVariant}`]: typeVariant},\n    styleProps.className\n  );\n\n  let viewport = useViewportSize();\n  let style: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px'\n  };\n\n  return (\n    <>\n      <Underlay {...underlayProps} isOpen={isOpen} />\n      <div className={wrapperClassName} style={style}>\n        <div\n          {...styleProps}\n          {...modalProps}\n          ref={ref}\n          className={modalClassName}\n          data-testid=\"modal\">\n          {children}\n        </div>\n      </div>\n    </>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\nexport {_Modal as Modal};\n","/*\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\n@import './index.css';\n@import './skin.css';\n","/*\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 {AriaModalOverlayProps, DismissButton, useModalOverlay} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {Overlay} from './Overlay';\nimport {OverlayProps} from '@react-types/overlays';\nimport {OverlayTriggerState} from '@react-stately/overlays';\nimport overrideStyles from './overlays.css';\nimport React, {forwardRef, ReactNode, RefObject} from 'react';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useViewportSize} from '@react-aria/utils';\n\ninterface TrayProps extends AriaModalOverlayProps, StyleProps, OverlayProps {\n  children: ReactNode,\n  state: OverlayTriggerState,\n  isFixedHeight?: boolean\n}\n\ninterface TrayWrapperProps extends TrayProps {\n  isOpen?: boolean\n}\n\nfunction Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, state, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Overlay {...otherProps} isOpen={state.isOpen}>\n      <TrayWrapper {...props} ref={domRef}>\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function (props: TrayWrapperProps, ref: RefObject<HTMLDivElement>) {\n  let {\n    children,\n    isOpen,\n    isFixedHeight,\n    state\n  } = props;\n  let {styleProps} = useStyleProps(props);\n\n  let {modalProps, underlayProps} = useModalOverlay({\n    ...props,\n    isDismissable: true\n  }, state, ref);\n\n  // We need to measure the window's height in JS rather than using percentages in CSS\n  // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n  // does not work properly because there is nothing to base the percentage on.\n  // We cannot use vh units because mobile browsers adjust the window height dynamically\n  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n  let viewport = useViewportSize();\n  let wrapperStyle: any = {\n    '--spectrum-visual-viewport-height': viewport.height + 'px'\n  };\n\n  let wrapperClassName = classNames(\n    trayStyles,\n    'spectrum-Tray-wrapper'\n  );\n\n  let className = classNames(\n    trayStyles,\n    'spectrum-Tray',\n    {\n      'is-open': isOpen,\n      'spectrum-Tray--fixedHeight': isFixedHeight\n    },\n    classNames(\n      overrideStyles,\n      'spectrum-Tray',\n      'react-spectrum-Tray'\n    ),\n    styleProps.className\n  );\n\n  return (\n    <>\n      <Underlay {...underlayProps} isOpen={isOpen} />\n      <div className={wrapperClassName} style={wrapperStyle}>\n        <div\n          {...styleProps}\n          {...modalProps}\n          className={className}\n          ref={ref}\n          data-testid=\"tray\">\n          <DismissButton onDismiss={state.close} />\n          {children}\n          <DismissButton onDismiss={state.close} />\n        </div>\n      </div>\n    </>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\nexport {_Tray as Tray};\n","/*\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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,5 +1,8 @@
-import { OverlayProps, PopoverProps, ModalProps, TrayProps } from "@react-types/overlays";
-import React from "react";
+import { OverlayProps } from "@react-types/overlays";
+import React, { ReactNode } from "react";
+import { AriaPopoverProps, AriaModalOverlayProps } from "@react-aria/overlays";
+import { StyleProps } from "@react-types/shared";
+import { OverlayTriggerState } from "@react-stately/overlays";
 /**
  * Timeout issues adding css animations to enter may be related to
  * https://github.com/reactjs/react-transition-group/issues/189 or
@@ -14,8 +17,23 @@ import React from "react";
  */
 export function OpenTransition(props: any): any;
 export let Overlay: React.ForwardRefExoticComponent<OverlayProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
+interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'>, StyleProps {
+    children: ReactNode;
+    hideArrow?: boolean;
+    state: OverlayTriggerState;
+}
 export let Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
+interface ModalProps extends AriaModalOverlayProps, StyleProps, OverlayProps {
+    children: ReactNode;
+    state: OverlayTriggerState;
+    type?: 'modal' | 'fullscreen' | 'fullscreenTakeover';
+}
 export let Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
+interface TrayProps extends AriaModalOverlayProps, StyleProps, OverlayProps {
+    children: ReactNode;
+    state: OverlayTriggerState;
+    isFixedHeight?: boolean;
+}
 export let Tray: React.ForwardRefExoticComponent<TrayProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AAoBA;;;;;;;;;;;GAWG;AAEH,+BAA+B,KAAK,KAAA,OAWnC;ACmBD,OAAA,IAAI,uIAAoC,CAAC;AC0IzC,OAAA,IAAI,uIAA8B,CAAC;AE5FnC,OAAA,IAAI,mIAA0B,CAAC;ACQ/B,OAAA,IAAI,iIAAwB,CAAC","sources":["packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/OpenTransition.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Overlay.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Popover.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Underlay.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Modal.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Tray.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/index.ts","packages/@react-spectrum/overlays/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"/*\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\n/// <reference types=\"css-module-types\" />\n\nexport {Overlay} from './Overlay';\nexport {Popover} from './Popover';\nexport {Modal} from './Modal';\nexport {Tray} from './Tray';\nexport {OpenTransition} from './OpenTransition';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;;;AAoBA;;;;;;;;;;;GAWG;AAEH,+BAA+B,KAAK,KAAA,OAWnC;ACmBD,OAAA,IAAI,uIAAoC,CAAC;AExCzC,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,WAAW,CAAC,EAAE,UAAU;IAC3F,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,mBAAmB,CAAA;CAC3B;AA+JD,OAAA,IAAI,uIAA8B,CAAC;AClKnC,oBAAqB,SAAQ,qBAAqB,EAAE,UAAU,EAAE,YAAY;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,oBAAoB,CAAA;CACrD;AA8ED,OAAA,IAAI,mIAA0B,CAAC;AClF/B,mBAAoB,SAAQ,qBAAqB,EAAE,UAAU,EAAE,YAAY;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAoFD,OAAA,IAAI,iIAAwB,CAAC","sources":["packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/OpenTransition.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Overlay.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Underlay.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Popover.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Modal.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/Tray.tsx","packages/@react-spectrum/overlays/src/packages/@react-spectrum/overlays/src/index.ts","packages/@react-spectrum/overlays/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"/*\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\n/// <reference types=\"css-module-types\" />\n\nexport {Overlay} from './Overlay';\nexport {Popover} from './Popover';\nexport {Modal} from './Modal';\nexport {Tray} from './Tray';\nexport {OpenTransition} from './OpenTransition';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/overlays",
-  "version": "3.8.0",
+  "version": "4.0.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -32,12 +32,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/overlays": "^3.11.0",
-    "@react-aria/utils": "^3.14.0",
-    "@react-spectrum/utils": "^3.7.4",
-    "@react-stately/overlays": "^3.4.2",
-    "@react-types/overlays": "^3.6.4",
-    "@react-types/shared": "^3.15.0",
+    "@react-aria/overlays": "^3.12.0",
+    "@react-aria/utils": "^3.14.1",
+    "@react-spectrum/utils": "^3.8.0",
+    "@react-stately/overlays": "^3.4.3",
+    "@react-types/overlays": "^3.6.5",
+    "@react-types/shared": "^3.16.0",
     "react-transition-group": "^2.2.0"
   },
   "devDependencies": {
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9202ef59e8c104dd06ffe33148445ef7932a5d1b"
+  "gitHead": "2954307ddbefe149241685440c81f80ece6b2c83"
 }