@react-spectrum/overlays 3.4.4 → 3.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +1 -2
- package/dist/main.js +457 -449
- package/dist/main.js.map +1 -1
- package/dist/module.js +445 -417
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +8 -8
- package/dist/main.css.map +0 -1
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-spectrum/overlays/src/OpenTransition.tsx","./packages/@react-spectrum/overlays/src/Overlay.tsx","./packages/@react-spectrum/overlays/src/overlays.css","./node_modules/@adobe/spectrum-css-temp/components/popover/vars.css","./packages/@react-spectrum/overlays/src/Popover.tsx","./node_modules/@adobe/spectrum-css-temp/components/modal/vars.css","./node_modules/@adobe/spectrum-css-temp/components/underlay/vars.css","./packages/@react-spectrum/overlays/src/Underlay.tsx","./packages/@react-spectrum/overlays/src/Modal.tsx","./node_modules/@adobe/spectrum-css-temp/components/tray/vars.css","./packages/@react-spectrum/overlays/src/Tray.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\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 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 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 {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'}}>\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\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, 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@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\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\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, 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, useEffect, useRef, useState} 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 [height, setHeight] = useState(viewport.height);\n let timeoutRef = useRef<any>();\n\n useEffect(() => {\n clearTimeout(timeoutRef.current);\n\n // When the height is decreasing, and the keyboard is visible\n // (visual viewport smaller than layout viewport), delay setting\n // the new max height until after the animation is complete\n // so that there isn't an empty space under the tray briefly.\n if (viewport.height < height && viewport.height < window.innerHeight) {\n timeoutRef.current = setTimeout(() => {\n setHeight(viewport.height);\n }, 500);\n } else {\n setHeight(viewport.height);\n }\n }, [height, viewport.height]);\n\n let wrapperStyle: any = {\n '--spectrum-visual-viewport-height': 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"],"names":["$parcel$interopDefault","a","__esModule","default","OPEN_STATES","entering","entered","OpenTransition","props","enter","exit","state","React","Children","map","children","child","cloneElement","isOpen","Overlay","ref","container","onEnter","onEntering","onEntered","onExit","onExiting","onExited","exited","setExited","useState","handleEntered","useCallback","handleExited","mountOverlay","contents","background","isolation","ReactDOM","createPortal","document","body","_Overlay","forwardRef","arrowPlacement","left","right","top","bottom","Popover","placement","arrowProps","onClose","shouldCloseOnBlur","hideArrow","isKeyboardDismissDisabled","isNonModal","isDismissable","otherProps","domRef","useDOMRef","styleProps","useStyleProps","PopoverWrapper","overlayProps","useOverlay","modalProps","useModal","isDisabled","mergeProps","classNames","className","ROOT_2","Math","sqrt","Arrow","size","setSize","borderWidth","setBorderWidth","useRef","useLayoutEffect","current","spectrumTipWidth","window","getComputedStyle","getPropertyValue","parseInt","spectrumBorderWidth","landscape","direction","mirror","borderDiagonal","halfBorderDiagonal","secondary","primary","primaryStart","primaryEnd","secondaryStart","secondaryMiddle","secondaryEnd","pathData","ceil","style","join","_Popover","Underlay","Modal","type","underlayProps","typeMap","fullscreen","fullscreenTakeover","ModalWrapper","typeVariant","usePreventScroll","wrapperClassName","modalClassName","viewport","useViewportSize","height","_Modal","Tray","isFixedHeight","TrayWrapper","setHeight","timeoutRef","useEffect","clearTimeout","innerHeight","setTimeout","wrapperStyle","domProps","_Tray"],"version":3,"file":"module.js.map"}
|
|
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 * from './Overlay';\nexport * from './Popover';\nexport * from './Modal';\nexport * from './Tray';\nexport * 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'}}>\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 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, useEffect, useRef, useState} 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 [height, setHeight] = useState(viewport.height);\n let timeoutRef = useRef<any>();\n\n useEffect(() => {\n clearTimeout(timeoutRef.current);\n\n // When the height is decreasing, and the keyboard is visible\n // (visual viewport smaller than layout viewport), delay setting\n // the new max height until after the animation is complete\n // so that there isn't an empty space under the tray briefly.\n if (viewport.height < height && viewport.height < window.innerHeight) {\n timeoutRef.current = setTimeout(() => {\n setHeight(viewport.height);\n }, 500);\n } else {\n setHeight(viewport.height);\n }\n }, [height, viewport.height]);\n\n let wrapperStyle: any = {\n '--spectrum-visual-viewport-height': 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"}
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;AAoBA;;;;;;;;;;;GAWG;AAEH,+BAA+B,KAAK,KAAA,eAMnC;ACwBD,OAAA,IAAI,uIAAoC,CAAC;AC0IzC,OAAA,IAAI,uIAA8B,CAAC;AE5FnC,OAAA,IAAI,mIAA0B,CAAC;AC2B/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 * from './Overlay';\nexport * from './Popover';\nexport * from './Modal';\nexport * from './Tray';\nexport * from './OpenTransition';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/overlays",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.7",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/overlays": "^3.
|
|
36
|
-
"@react-aria/utils": "^3.
|
|
37
|
-
"@react-spectrum/utils": "^3.6.
|
|
38
|
-
"@react-stately/overlays": "^3.1.
|
|
39
|
-
"@react-types/overlays": "^3.5.
|
|
40
|
-
"@react-types/shared": "^3.
|
|
35
|
+
"@react-aria/overlays": "^3.8.0",
|
|
36
|
+
"@react-aria/utils": "^3.11.3",
|
|
37
|
+
"@react-spectrum/utils": "^3.6.6",
|
|
38
|
+
"@react-stately/overlays": "^3.1.6",
|
|
39
|
+
"@react-types/overlays": "^3.5.4",
|
|
40
|
+
"@react-types/shared": "^3.11.2",
|
|
41
41
|
"react-transition-group": "^2.2.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"publishConfig": {
|
|
52
52
|
"access": "public"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
|
|
55
55
|
}
|
package/dist/main.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":"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","sources":["./packages/@react-spectrum/overlays/src/overlays.css","./node_modules/@adobe/spectrum-css-temp/components/overlay/index.css","./node_modules/@adobe/spectrum-css-temp/components/popover/index.css","./node_modules/@adobe/spectrum-css-temp/components/popover/skin.css","./node_modules/@adobe/spectrum-css-temp/components/modal/index.css","./node_modules/@adobe/spectrum-css-temp/components/modal/skin.css","./node_modules/@adobe/spectrum-css-temp/components/underlay/index.css","./node_modules/@adobe/spectrum-css-temp/components/underlay/skin.css","./node_modules/@adobe/spectrum-css-temp/components/tray/index.css","./node_modules/@adobe/spectrum-css-temp/components/tray/skin.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.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","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n%spectrum-overlay {\n visibility: hidden;\n\n opacity: 0;\n\n transition: transform var(--spectrum-global-animation-duration-100) ease-in-out,\n opacity var(--spectrum-global-animation-duration-100) ease-in-out,\n visibility 0ms linear var(--spectrum-global-animation-duration-100);\n\n pointer-events: none;\n}\n\n%spectrum-overlay--open {\n visibility: visible;\n /* In Edge (pre chromium), a stacking context is formed for opacity less then 1, and then its removed for 1. \n It causes a rendering flicker that is visible when css transition is applied. */\n opacity: 0.9999;\n\n transition-delay: 0ms;\n\n pointer-events: auto;\n}\n\n%spectrum-overlay--bottom--open {\n transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n}\n\n%spectrum-overlay--top--open {\n /*\n Edge does not support combination of translate, calc and var.\n New var equal to negative calculation result is added instead.\n TODO: for Chromium Edge return to\n transform: translateX(calc(var(--spectrum-global-dimension-size-75) * -1));\n */\n transform: translateY(var(--spectrum-overlay-negative-transform-distance));\n}\n\n%spectrum-overlay--right--open {\n transform: translateX(var(--spectrum-overlay-positive-transform-distance));\n}\n\n%spectrum-overlay--left--open {\n transform: translateX(var(--spectrum-overlay-negative-transform-distance));\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n@import '../overlay/index.css';\n\n:root {\n --spectrum-popover-target-offset: 13px;\n --spectrum-popover-dialog-padding: 30px 29px;\n --spectrum-popover-dialog-min-width: 270px;\n\n --spectrum-popover-min-width: var(--spectrum-global-dimension-size-400);\n --spectrum-popover-min-height: var(--spectrum-global-dimension-size-400);\n\n /* Popover tip positioning for left/right oriented popovers (-11px/-25px) */\n --spectrum-popover-tip-horizontal-offset: calc(var(--spectrum-global-dimension-size-250) * -1);\n /* Popover tip positioning for top/bottom oriented popovers (6px/8px) */\n --spectrum-popover-tip-vertical-offset: var(--spectrum-global-dimension-size-75);\n\n --spectrum-popover-tip-triangle-top-offset: calc(var(--spectrum-global-dimension-size-225) * -1);\n}\n\n.spectrum-Popover {\n @inherit: %spectrum-overlay;\n\n /* Be a flexbox to allow a full sized content area that scrolls */\n display: inline-flex;\n flex-direction: column;\n box-sizing: border-box;\n\n min-width: var(--spectrum-popover-min-width);\n min-height: var(--spectrum-popover-min-height);\n\n position: absolute;\n\n border-style: solid;\n border-width: var(--spectrum-popover-border-size);\n border-radius: var(--spectrum-popover-border-radius);\n\n outline: none; /* Hide focus outline */\n box-sizing: border-box;\n\n &.is-open {\n @inherit: %spectrum-overlay--open;\n }\n}\n\n.spectrum-Popover-tip {\n position: absolute;\n --spectrum-popover-tip-size: var(--spectrum-popover-tip-width);\n --spectrum-popover-tip-borderWidth: var(--spectrum-popover-border-size);\n /* https://stackoverflow.com/questions/44170229/how-to-prevent-half-pixel-svg-shift-on-high-pixel-ratio-devices-retina */\n -webkit-transform: translate(0, 0);\n\n .spectrum-Popover-tip-triangle {\n stroke-linecap: square;\n stroke-linejoin: miter;\n stroke-width: var(--spectrum-popover-border-size);\n }\n}\n\n.spectrum-Popover--dialog {\n min-width: var(--spectrum-popover-dialog-min-width);\n padding: var(--spectrum-popover-dialog-padding);\n}\n\n.spectrum-Popover--left {\n &.spectrum-Popover--withTip {\n margin-right: var(--spectrum-popover-target-offset);\n }\n\n &.is-open {\n @inherit: %spectrum-overlay--left--open;\n }\n .spectrum-Popover-tip {\n left: 100%;\n }\n}\n\n.spectrum-Popover--right {\n &.spectrum-Popover--withTip {\n margin-left: var(--spectrum-popover-target-offset);\n }\n\n &.is-open {\n @inherit: %spectrum-overlay--right--open;\n }\n .spectrum-Popover-tip {\n right: 100%;\n transform: scaleX(-1);\n }\n}\n\n/* Center the tip by default */\n.spectrum-Popover--left,\n.spectrum-Popover--right {\n .spectrum-Popover-tip {\n top: 50%;\n margin-top: calc(var(--spectrum-global-dimension-size-150) * -1);\n }\n}\n\n.spectrum-Popover--bottom {\n &.spectrum-Popover--withTip {\n margin-top: var(--spectrum-popover-target-offset);\n }\n\n &.is-open {\n @inherit: %spectrum-overlay--bottom--open;\n }\n .spectrum-Popover-tip {\n bottom: 100%;\n transform: scaleY(-1);\n }\n}\n\n.spectrum-Popover--top {\n &.spectrum-Popover--withTip {\n margin-bottom: var(--spectrum-popover-target-offset);\n }\n\n &.is-open {\n @inherit: %spectrum-overlay--top--open;\n }\n .spectrum-Popover-tip {\n top: 100%;\n }\n}\n\n/* Center the tip by default */\n.spectrum-Popover--bottom,\n.spectrum-Popover--top {\n .spectrum-Popover-tip {\n left: 50%;\n margin-left: calc(var(--spectrum-global-dimension-size-150) * -1);\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-Popover {\n background-color: var(--spectrum-popover-background-color);\n border-color: var(--spectrum-popover-border-color);\n /*\n box-shadow offset/blur is hardcoded here as it cannot be adjusted when scale changes,\n and we'd rather it be able to change when color stops change\n use filter instead so it includes the triangle\n\n we can't use box-shadow anymore because it renders along the rectangle that encloses the triangle instead\n of along the triangle's diagonal borders.\n we may be able to use box-shadow for the popover + drop-shadow just for the tip, each direction would need it's own\n and it may still have the problem where the tip's shadow would cover the popover border just a little and make it look sloppy again\n */\n filter: drop-shadow(0 1px 4px var(--spectrum-popover-shadow-color));\n /* explicitly adding this webkit prefix may fix the bug where the drop-shadow remains dirty */\n /* https://stackoverflow.com/questions/56478925/safari-drop-shadow-filter-remains-visible-even-with-hidden-element */\n -webkit-filter: drop-shadow(0 1px 4px var(--spectrum-popover-shadow-color));\n will-change: filter;\n /* this helps mark the \"dirty\" area, it shouldn't affect anything unless it's sticking out from the popover. (tooltips?)\n this is an assumption that may not be a good idea\n it has to be 30px outside to compensate for the tip size at large + the drop-shadow coming off of it\n */\n clip-path: inset(-30px -30px);\n\n .spectrum-Popover-tip {\n .spectrum-Popover-tip-triangle {\n fill: var(--spectrum-popover-background-color);\n stroke: var(--spectrum-popover-border-color);\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n@import '../overlay/index.css';\n\n:root {\n --spectrum-dialog-vertical-offset: -2vh;\n\n /* Bug: this must be 0ms, not 0 */\n --spectrum-dialog-exit-animation-delay: 0ms;\n\n /* Distance between top and bottom of dialog and edge of window for fullscreen dialog */\n --spectrum-dialog-fullscreen-margin: 40px;\n --spectrum-dialog-max-height: calc(var(--spectrum-visual-viewport-height) * 0.9);\n}\n\n/* Used to position the modal */\n.spectrum-Modal-wrapper {\n position: fixed;\n left: 0;\n top: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n width: 100vw;\n /* On mobile browsers, vh units are fixed based on the maximum height of the screen.\n * However, when you scroll, the toolbar and address bar shrink, making the viewport resize.\n * The visual viewport also shrinks when the keyboard is displayed. We use the VisualViewport\n * API in JS to set this CSS variable to ensure the height is correct. */\n height: var(--spectrum-visual-viewport-height);\n\n visibility: hidden;\n\n /* Don't catch clicks */\n pointer-events: none;\n\n /* Appear above underlay */\n z-index: 2;\n\n /* Be invisible by default */\n transition: visibility 0ms linear var(--spectrum-global-animation-duration-100);\n\n &.is-open {\n visibility: visible;\n }\n}\n\n.spectrum-Modal {\n @inherit: %spectrum-overlay;\n\n /* Start offset by the animation distance */\n transform: translateY(var(--spectrum-dialog-entry-animation-distance));\n\n /* Appear above underlay */\n z-index: 2;\n\n /* Don't be bigger than the screen */\n max-height: var(--spectrum-dialog-max-height);\n max-width: 90vw;\n min-width: var(--spectrum-dialog-min-width);\n\n border-radius: var(--spectrum-dialog-border-radius);\n outline: none; /* Firefox shows outline */\n pointer-events: auto;\n\n /* Exit animations */\n transition: opacity var(--spectrum-dialog-exit-animation-duration) cubic-bezier(0.5, 0, 1, 1) var(--spectrum-dialog-exit-animation-delay),\n visibility 0ms linear calc(var(--spectrum-dialog-exit-animation-delay) + var(--spectrum-dialog-exit-animation-duration)),\n transform 0ms linear calc(var(--spectrum-dialog-exit-animation-delay) + var(--spectrum-dialog-exit-animation-duration));\n\n &.is-open {\n @inherit: %spectrum-overlay--open;\n\n /* Entry animations */\n transition: transform var(--spectrum-dialog-entry-animation-duration) cubic-bezier(0, 0, 0.40, 1) var(--spectrum-dialog-entry-animation-delay),\n opacity var(--spectrum-dialog-entry-animation-duration) cubic-bezier(0, 0, 0.40, 1) var(--spectrum-dialog-entry-animation-delay);\n\n transform: translateY(0);\n }\n}\n\n/* Responsive modals will fill the screen on small viewports */\n@media\nonly screen and (max-device-width: 400px),\nonly screen and (max-device-height: 350px) {\n .spectrum-Modal--responsive {\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n border-radius: 0;\n }\n .spectrum-Modal-wrapper {\n .spectrum-Modal--responsive {\n margin-top: 0; /* Prevent the vertical offset bit */\n }\n }\n}\n\n/** @unofficial */\n.spectrum-Modal--fullscreen {\n position: fixed;\n left: var(--spectrum-dialog-fullscreen-margin);\n top: var(--spectrum-dialog-fullscreen-margin);\n right: var(--spectrum-dialog-fullscreen-margin);\n bottom: var(--spectrum-dialog-fullscreen-margin);\n max-width: none;\n max-height: none;\n width: calc(100% - calc(2 * var(--spectrum-dialog-fullscreen-margin)));\n height: calc(100% - calc(2 * var(--spectrum-dialog-fullscreen-margin)));\n}\n\n.spectrum-Modal--fullscreenTakeover {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n max-width: none;\n max-height: none;\n\n box-sizing: border-box;\n\n /* Remove the border since we've taken over */\n border: none;\n border-radius: 0;\n\n &,\n &.is-open {\n transform: none;\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-Modal {\n background: var(--spectrum-dialog-background-color);\n}","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n@import '../overlay/index.css';\n\n:root {\n /* Bug: this must be 0ms, not 0 */\n --spectrum-dialog-background-entry-animation-delay: 0ms;\n --spectrum-dialog-background-exit-animation-ease: cubic-bezier(0.5, 0, 1, 1); /* wrong in DNA */\n --spectrum-dialog-background-entry-animation-ease: cubic-bezier(0, 0, 0.40, 1); /* wrong in DNA */\n}\n\n.spectrum-Underlay {\n @inherit: %spectrum-overlay;\n\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n /* Float above things by default */\n z-index: 1;\n\n overflow: hidden;\n\n /* Exit animations */\n transition: opacity var(--spectrum-dialog-background-exit-animation-duration) var(--spectrum-dialog-background-exit-animation-ease) var(--spectrum-dialog-background-exit-animation-delay),\n visibility 0ms linear calc(var(--spectrum-dialog-background-exit-animation-delay) + var(--spectrum-dialog-background-exit-animation-duration));\n}\n\n.spectrum-Underlay.is-open {\n @inherit: %spectrum-overlay--open;\n\n /* Entry animations */\n transition: opacity var(--spectrum-dialog-background-entry-animation-duration) var(--spectrum-dialog-background-entry-animation-ease) var(--spectrum-dialog-background-entry-animation-delay);\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-Underlay {\n background: var(--spectrum-dialog-underlay-background-color);\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 '../commons/index.css';\n@import '../overlay/index.css';\n\n:root {\n /* Bug: this must be 0ms, not 0 */\n --spectrum-dialog-exit-animation-delay: 0ms;\n}\n\n.spectrum-Tray-wrapper {\n inset-inline-start: 0;\n /* Positioned at the top of the window */\n position: fixed;\n top: 0;\n\n display: flex;\n justify-content: center;\n width: 100%;\n\n /* On mobile browsers, vh units are fixed based on the maximum height of the screen.\n * However, when you scroll, the toolbar and address bar shrink, making the viewport resize.\n * The visual viewport also shrinks when the keyboard is displayed. We use the VisualViewport\n * API in JS to set this CSS variable to ensure the height is correct. */\n height: var(--spectrum-visual-viewport-height);\n\n /* Don't catch clicks */\n pointer-events: none;\n\n /* Appear above underlay */\n z-index: 2;\n}\n\n.spectrum-Tray {\n @inherit: %spectrum-overlay;\n\n /* defined here so it can be accessed from JS */\n --spectrum-tray-margin-top: 64px;\n\n width: var(--spectrum-tray-width);\n max-width: var(--spectrum-tray-max-width);\n min-height: var(--spectrum-tray-min-height);\n max-height: calc(var(--spectrum-visual-viewport-height) - var(--spectrum-tray-margin-top));\n position: absolute;\n bottom: 0;\n outline: none;\n display: flex;\n flex-direction: column;\n padding-bottom: env(safe-area-inset-bottom);\n\n border-radius: var(--spectrum-tray-full-width-border-radius) var(--spectrum-tray-full-width-border-radius) var(--spectrum-tray-border-radius) var(--spectrum-tray-border-radius);\n\n /* Start offset by the animation distance */\n transform: translateY(100%);\n\n /* Exit animations */\n transition: opacity var(--spectrum-dialog-exit-animation-duration) cubic-bezier(0.5, 0, 1, 1) var(--spectrum-dialog-exit-animation-delay),\n transform var(--spectrum-dialog-exit-animation-duration) cubic-bezier(0.5, 0, 1, 1) var(--spectrum-dialog-exit-animation-delay);\n\n &.is-open {\n @inherit: %spectrum-overlay--open;\n\n /* Entry animations */\n transition: transform var(--spectrum-dialog-entry-animation-duration) cubic-bezier(0, 0, 0.40, 1) var(--spectrum-dialog-entry-animation-delay),\n opacity var(--spectrum-dialog-entry-animation-duration) cubic-bezier(0, 0, 0.40, 1) var(--spectrum-dialog-entry-animation-delay);\n\n transform: translateY(0);\n }\n}\n\n.spectrum-Tray--fixedHeight {\n height: calc(var(--spectrum-visual-viewport-height) - var(--spectrum-tray-margin-top));\n top: var(--spectrum-tray-margin-top);\n}\n\n/* Should match --spectrum-tray-max-width above */\n@media (max-width: 375px) {\n .spectrum-Tray {\n border-radius: var(--spectrum-tray-border-radius);\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.spectrum-Tray {\n background-color: var(--spectrum-tray-background-color);\n}\n"],"names":[],"version":3,"file":"main.css.map"}
|