npm - @audius/harmony - Versions diffs - 0.4.3 → 0.5.2 - Mend

@audius/harmony 0.4.3 → 0.5.2

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.

Files changed (1771) hide show

package/dist/components/modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n useEffect,\n useState,\n useCallback,\n useMemo,\n forwardRef,\n MouseEventHandler,\n useRef\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport { capitalize } from 'lodash'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactDOM from 'react-dom'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, useTransition } from 'react-spring'\nimport { useEffectOnce } from 'react-use'\n\nimport { ModalState } from '~harmony/utils/modalState'\n\nimport { useHotkeys, useScrollLock, useClickOutside } from '../../hooks'\nimport { IconClose } from '../../icons'\n\nimport styles from './Modal.module.css'\nimport { ModalContext } from './ModalContext'\nimport { findAncestor } from './findAncestor'\nimport { useModalScrollCount } from './hooks'\nimport { ModalProps, Anchor } from './types'\n\nconst rootContainer = 'modalRootContainer'\nconst rootId = 'modalRoot'\nconst bgId = 'bgModal'\nconst wrapperClass = 'modalWrapper'\n\nconst anchorStyleMap = {\n [Anchor.TOP]: styles.top,\n [Anchor.CENTER]: styles.center,\n [Anchor.BOTTOM]: styles.bottom\n}\n\nconst anchorPropertyMap = {\n [Anchor.TOP]: 'marginTop',\n [Anchor.CENTER]: 'marginTop',\n [Anchor.BOTTOM]: 'marginBottom'\n}\n\nconst getOffset = (anchor: Anchor, verticalAnchorOffset: number) => {\n return { [anchorPropertyMap[anchor]]: verticalAnchorOffset }\n}\n\nconst useModalRoot = (id: string, isOpen: boolean, zIndex?: number) => {\n const [modalRoot, setModalRoot] = useState<HTMLElement \| null>(null)\n const [modalBg, setModalBg] = useState<HTMLElement \| null>(null)\n\n useEffect(() => {\n const uniqueRootId = `${id}-${rootId}`\n const uniqueBgId = `${id}-${bgId}`\n const uniqueRootContainerId = `${id}-${rootContainer}`\n let el = document.getElementById(uniqueRootId)\n let bgEl = document.getElementById(uniqueBgId)\n let container = document.getElementById(uniqueRootContainerId)\n\n if (!isOpen) {\n if (bgEl) {\n document.body.removeChild(bgEl)\n }\n if (el && container) {\n container.removeChild(el)\n }\n\n if (container) {\n document.body.removeChild(container)\n }\n\n return\n }\n\n if (!bgEl) {\n bgEl = document.createElement('div')\n bgEl.id = uniqueBgId\n bgEl.classList.add(bgId)\n document.body.appendChild(bgEl)\n }\n\n if (!container) {\n container = document.createElement('div')\n container.id = uniqueRootContainerId\n container.classList.add(rootContainer)\n document.body.appendChild(container)\n }\n\n if (!el) {\n el = document.createElement('div')\n el.id = uniqueRootId\n el.classList.add(rootId)\n container.appendChild(el)\n }\n\n if (zIndex) {\n container.style.zIndex = `${zIndex}`\n el.style.zIndex = `${zIndex}`\n bgEl.style.zIndex = `${zIndex - 1}`\n }\n\n setModalRoot(el)\n setModalBg(bgEl)\n }, [id, zIndex, isOpen])\n\n return [modalRoot, modalBg]\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n {\n 'aria-describedby': ariaDescribedbyProp,\n 'aria-labelledby': ariaLabelledbyProp,\n modalKey,\n children,\n onClose,\n onClosed,\n isOpen: isOpenProp,\n wrapperClassName,\n bodyClassName,\n titleClassName,\n subtitleClassName,\n headerContainerClassName,\n anchor = Anchor.CENTER,\n subtitle,\n verticalAnchorOffset = 0,\n horizontalPadding = 8,\n contentHorizontalPadding = 0,\n allowScroll = false,\n title = '',\n showTitleHeader = false,\n dismissOnClickOutside = true,\n showDismissButton = false,\n zIndex,\n size,\n className\n },\n ref\n) {\n useEffectOnce(() => {\n if (\n process.env.NODE_ENV !== 'production' &&\n process.env.NODE_ENV !== 'development'\n ) {\n if (\n subtitle \|\|\n title \|\|\n showTitleHeader \|\|\n titleClassName \|\|\n subtitleClassName \|\|\n headerContainerClassName \|\|\n showDismissButton\n ) {\n console.warn(\n 'Header and title-related props of `Modal` have been deprecated. Use the `ModalHeader` sub-component instead.'\n )\n }\n\n if (allowScroll !== undefined) {\n console.warn('`allowScroll` prop of `Modal` has been deprecated.')\n }\n }\n })\n\n const [modalState, setModalState] = useState<ModalState>('closed')\n const isOpen = modalState !== 'closed'\n const isDoneOpening = modalState === 'open'\n const { spring } = useTheme()\n const id = useMemo(() => modalKey \|\| uniqueId('modal-'), [modalKey])\n const titleId = ariaLabelledbyProp \|\| `${id}-title`\n const subtitleId = ariaDescribedbyProp \|\| `${id}-subtitle`\n const modalContextValue = useMemo(() => {\n return { titleId, subtitleId, onClose, isDoneOpening }\n }, [titleId, subtitleId, onClose, isDoneOpening])\n\n const onTouchMove = useCallback(\n (e: any) => {\n !allowScroll && e.preventDefault()\n },\n [allowScroll]\n )\n\n const [modalRoot, bgModal] = useModalRoot(id, isOpen, zIndex)\n const { incrementScrollCount, decrementScrollCount } = useModalScrollCount()\n useScrollLock(isOpen, incrementScrollCount, decrementScrollCount)\n\n useEffect(() => {\n if (modalState === 'closed' && isOpenProp) {\n setModalState('opening')\n } else if (modalState === 'open' && !isOpenProp) {\n setModalState('closing')\n }\n }, [isOpenProp, modalState])\n\n useEffect(() => {\n if (isOpen) {\n if (bgModal) {\n bgModal.classList.add('bgModalVisible')\n }\n\n // Need to prevent safari iOS bounce\n // overscroll effect by intercepting\n // touchmove events.\n if (modalRoot) modalRoot.addEventListener('touchmove', onTouchMove)\n return () => {\n if (bgModal) bgModal.classList.remove('bgModalVisible')\n }\n }\n if (bgModal) bgModal.classList.remove('bgModalVisible')\n if (modalRoot) modalRoot.removeEventListener('touchmove', onTouchMove)\n return () => {}\n }, [isOpen, bgModal, onTouchMove, modalRoot])\n\n const transition = useTransition(isOpenProp, null, {\n from: { transform: 'scale(0)', opacity: 0 },\n // @ts-ignore function is a valid value for enter, but the types don't acknowledge that\n enter:\n () =>\n async (\n next: (props: { transform: string; opacity: number }) => Promise<void>\n ) => {\n await next({ transform: 'scale(1)', opacity: 1 })\n },\n leave: { transform: 'scale(0)', opacity: 0 },\n unique: true,\n config: spring.standard,\n onDestroyed: (isDestroyed) => {\n setModalState(isDestroyed ? 'closed' : 'open')\n if (isDestroyed) {\n onClosed?.()\n }\n }\n })\n\n const modalContentClickedRef = useRef<boolean>(false)\n const outsideClickRef = useClickOutside(\n onClose,\n isOpen,\n // Check to see if the click outside is not another modal wrapper.\n // If it is, that means we have a nested modal situation and shouldn't\n // dismiss \"this\" modal. We let the useClickOutside in \"that\" modal to\n // dismiss it.\n (e: EventTarget) => {\n // Only close if we're open.\n // Closing when we're not open can cause a race condition when opened\n // via a click since this handler exists prior to visibility,\n // causing the modal to open and close immediately\n if (\n !isOpen \|\|\n modalContentClickedRef?.current \|\|\n !dismissOnClickOutside\n ) {\n modalContentClickedRef.current = false\n return true\n }\n if (e instanceof Element) {\n const modalElement = findAncestor(e, `.${wrapperClass}`)\n if (!modalElement) {\n return false\n }\n const isModalWrapper = modalElement.classList.contains(wrapperClass)\n const isThisModalWrapper = modalElement.classList.contains(\n `${wrapperClass}-${id}`\n )\n return isModalWrapper && !isThisModalWrapper\n }\n return false\n }\n )\n\n const handleEscape = useCallback(() => {\n if (isOpen) onClose()\n }, [isOpen, onClose])\n\n useHotkeys({ 27 /* escape /: handleEscape })\n\n const wrapperClassNames = cn(\n styles.wrapper,\n anchorStyleMap[anchor],\n {\n [wrapperClassName!]: !!wrapperClassName\n },\n wrapperClass,\n // Add a unique id class name to detect whether, if we're using\n // click outside to dismiss the modal, the correct \"outside\" is being clicked.\n `${wrapperClass}-${id}`\n )\n\n const wrapperStyle = {\n paddingLeft: `${horizontalPadding}px`,\n paddingRight: `${horizontalPadding}px`\n }\n\n /* Begin @deprecated section (favor using ModalContent sub-component) /\n const bodyStyle = {\n paddingLeft: `${contentHorizontalPadding}px`,\n paddingRight: `${contentHorizontalPadding}px`\n }\n /* End @deprecated section /\n\n const bodyClassNames = cn(styles.body, className, {\n [styles.noScroll!]: !allowScroll,\n [styles[`size${capitalize(size)}`]]: size,\n [bodyClassName!]: !!bodyClassName\n })\n\n const headerContainerClassNames = cn(styles.headerContainer, {\n [headerContainerClassName!]: !!headerContainerClassName\n })\n\n const [height, setHeight] = useState(\n typeof window !== 'undefined' ? window.innerHeight : 0\n )\n\n useEffect(() => {\n const onResize = () => {\n setHeight(window.innerHeight)\n }\n window.addEventListener('resize', onResize)\n return () => {\n window.removeEventListener('resize', onResize)\n }\n }, [setHeight])\n\n const bodyOffset = getOffset(anchor, verticalAnchorOffset)\n\n const handleModalContentClicked: MouseEventHandler = () => {\n modalContentClickedRef.current = true\n }\n\n return (\n <>\n {modalRoot && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)\n ? ReactDOM.createPortal(\n <>\n {transition.map(\n ({ item, props, key }) =>\n item && (\n <animated.div\n className={wrapperClassNames}\n style={{\n ...wrapperStyle,\n opacity: props.opacity,\n height,\n minHeight: height\n }}\n key={key}\n ref={ref}\n >\n <animated.div\n ref={dismissOnClickOutside ? outsideClickRef : null}\n className={bodyClassNames}\n style={{ ...props, ...bodyOffset, ...bodyStyle }}\n role='dialog'\n aria-labelledby={titleId}\n aria-describedby={subtitleId}\n onMouseDown={handleModalContentClicked}\n >\n <>\n {/* Begin @deprecated section (moved to ModalHeader and ModalTitle sub-components) /}\n {showTitleHeader && (\n <div className={headerContainerClassNames}>\n {showDismissButton && (\n <div\n className={styles.dismissButton}\n onClick={onClose}\n >\n <IconClose color='subdued' size='s' />\n </div>\n )}\n <div\n id={titleId}\n className={cn(styles.header, titleClassName)}\n >\n {title}\n </div>\n <div\n id={subtitleId}\n className={cn(\n styles.subtitle,\n subtitleClassName\n )}\n >\n {subtitle}\n </div>\n </div>\n )}\n {/* End @deprecated section */}\n <ModalContext.Provider value={modalContextValue}>\n {children}\n </ModalContext.Provider>\n </>\n </animated.div>\n </animated.div>\n )\n )}\n </>,\n modalRoot\n )\n : null}\n </>\n )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n useEffect,\n useState,\n useCallback,\n useMemo,\n forwardRef,\n MouseEventHandler,\n useRef\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport { capitalize } from 'lodash'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactDOM from 'react-dom'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, useTransition } from 'react-spring'\nimport { useEffectOnce } from 'react-use'\n\nimport { ModalState } from '~harmony/utils/modalState'\n\nimport { useHotkeys, useScrollLock, useClickOutside } from '../../hooks'\nimport { IconClose } from '../../icons'\n\nimport styles from './Modal.module.css'\nimport { ModalContext } from './ModalContext'\nimport { findAncestor } from './findAncestor'\nimport { useModalScrollCount } from './hooks'\nimport { ModalProps, Anchor } from './types'\nconst animatedAny = animated as any\n\nconst rootContainer = 'modalRootContainer'\nconst rootId = 'modalRoot'\nconst bgId = 'bgModal'\nconst wrapperClass = 'modalWrapper'\n\nconst anchorStyleMap = {\n [Anchor.TOP]: styles.top,\n [Anchor.CENTER]: styles.center,\n [Anchor.BOTTOM]: styles.bottom\n}\n\nconst anchorPropertyMap = {\n [Anchor.TOP]: 'marginTop',\n [Anchor.CENTER]: 'marginTop',\n [Anchor.BOTTOM]: 'marginBottom'\n}\n\nconst getOffset = (anchor: Anchor, verticalAnchorOffset: number) => {\n return { [anchorPropertyMap[anchor]]: verticalAnchorOffset }\n}\n\nconst useModalRoot = (id: string, isOpen: boolean, zIndex?: number) => {\n const [modalRoot, setModalRoot] = useState<HTMLElement \| null>(null)\n const [modalBg, setModalBg] = useState<HTMLElement \| null>(null)\n\n useEffect(() => {\n const uniqueRootId = `${id}-${rootId}`\n const uniqueBgId = `${id}-${bgId}`\n const uniqueRootContainerId = `${id}-${rootContainer}`\n let el = document.getElementById(uniqueRootId)\n let bgEl = document.getElementById(uniqueBgId)\n let container = document.getElementById(uniqueRootContainerId)\n\n if (!isOpen) {\n if (bgEl) {\n document.body.removeChild(bgEl)\n }\n if (el && container) {\n container.removeChild(el)\n }\n\n if (container) {\n document.body.removeChild(container)\n }\n\n return\n }\n\n if (!bgEl) {\n bgEl = document.createElement('div')\n bgEl.id = uniqueBgId\n bgEl.classList.add(bgId)\n document.body.appendChild(bgEl)\n }\n\n if (!container) {\n container = document.createElement('div')\n container.id = uniqueRootContainerId\n container.classList.add(rootContainer)\n document.body.appendChild(container)\n }\n\n if (!el) {\n el = document.createElement('div')\n el.id = uniqueRootId\n el.classList.add(rootId)\n container.appendChild(el)\n }\n\n if (zIndex) {\n container.style.zIndex = `${zIndex}`\n el.style.zIndex = `${zIndex}`\n bgEl.style.zIndex = `${zIndex - 1}`\n }\n\n setModalRoot(el)\n setModalBg(bgEl)\n }, [id, zIndex, isOpen])\n\n return [modalRoot, modalBg]\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n {\n 'aria-describedby': ariaDescribedbyProp,\n 'aria-labelledby': ariaLabelledbyProp,\n modalKey,\n children,\n onClose,\n onClosed,\n isOpen: isOpenProp,\n wrapperClassName,\n bodyClassName,\n titleClassName,\n subtitleClassName,\n headerContainerClassName,\n anchor = Anchor.CENTER,\n subtitle,\n verticalAnchorOffset = 0,\n horizontalPadding = 8,\n contentHorizontalPadding = 0,\n allowScroll = false,\n title = '',\n showTitleHeader = false,\n dismissOnClickOutside = true,\n showDismissButton = false,\n zIndex,\n size,\n className\n },\n ref\n) {\n useEffectOnce(() => {\n if (\n process.env.NODE_ENV !== 'production' &&\n process.env.NODE_ENV !== 'development'\n ) {\n if (\n subtitle \|\|\n title \|\|\n showTitleHeader \|\|\n titleClassName \|\|\n subtitleClassName \|\|\n headerContainerClassName \|\|\n showDismissButton\n ) {\n console.warn(\n 'Header and title-related props of `Modal` have been deprecated. Use the `ModalHeader` sub-component instead.'\n )\n }\n\n if (allowScroll !== undefined) {\n console.warn('`allowScroll` prop of `Modal` has been deprecated.')\n }\n }\n })\n\n const [modalState, setModalState] = useState<ModalState>('closed')\n const isOpen = modalState !== 'closed'\n const isDoneOpening = modalState === 'open'\n const { spring } = useTheme()\n const id = useMemo(() => modalKey \|\| uniqueId('modal-'), [modalKey])\n const titleId = ariaLabelledbyProp \|\| `${id}-title`\n const subtitleId = ariaDescribedbyProp \|\| `${id}-subtitle`\n const modalContextValue = useMemo(() => {\n return { titleId, subtitleId, onClose, isDoneOpening }\n }, [titleId, subtitleId, onClose, isDoneOpening])\n\n const onTouchMove = useCallback(\n (e: any) => {\n !allowScroll && e.preventDefault()\n },\n [allowScroll]\n )\n\n const [modalRoot, bgModal] = useModalRoot(id, isOpen, zIndex)\n const { incrementScrollCount, decrementScrollCount } = useModalScrollCount()\n useScrollLock(isOpen, incrementScrollCount, decrementScrollCount)\n\n useEffect(() => {\n if (modalState === 'closed' && isOpenProp) {\n setModalState('opening')\n } else if (modalState === 'open' && !isOpenProp) {\n setModalState('closing')\n }\n }, [isOpenProp, modalState])\n\n useEffect(() => {\n if (isOpen) {\n if (bgModal) {\n bgModal.classList.add('bgModalVisible')\n }\n\n // Need to prevent safari iOS bounce\n // overscroll effect by intercepting\n // touchmove events.\n if (modalRoot) modalRoot.addEventListener('touchmove', onTouchMove)\n return () => {\n if (bgModal) bgModal.classList.remove('bgModalVisible')\n }\n }\n if (bgModal) bgModal.classList.remove('bgModalVisible')\n if (modalRoot) modalRoot.removeEventListener('touchmove', onTouchMove)\n return () => {}\n }, [isOpen, bgModal, onTouchMove, modalRoot])\n\n const transition = useTransition(isOpenProp, null, {\n from: { transform: 'scale(0)', opacity: 0 },\n // @ts-ignore function is a valid value for enter, but the types don't acknowledge that\n enter:\n () =>\n async (\n next: (props: { transform: string; opacity: number }) => Promise<void>\n ) => {\n await next({ transform: 'scale(1)', opacity: 1 })\n },\n leave: { transform: 'scale(0)', opacity: 0 },\n unique: true,\n config: spring.standard,\n onDestroyed: (isDestroyed: boolean) => {\n setModalState(isDestroyed ? 'closed' : 'open')\n if (isDestroyed) {\n onClosed?.()\n }\n }\n })\n\n const modalContentClickedRef = useRef<boolean>(false)\n const outsideClickRef = useClickOutside(\n onClose,\n isOpen,\n // Check to see if the click outside is not another modal wrapper.\n // If it is, that means we have a nested modal situation and shouldn't\n // dismiss \"this\" modal. We let the useClickOutside in \"that\" modal to\n // dismiss it.\n (e: EventTarget) => {\n // Only close if we're open.\n // Closing when we're not open can cause a race condition when opened\n // via a click since this handler exists prior to visibility,\n // causing the modal to open and close immediately\n if (\n !isOpen \|\|\n modalContentClickedRef?.current \|\|\n !dismissOnClickOutside\n ) {\n modalContentClickedRef.current = false\n return true\n }\n if (e instanceof Element) {\n const modalElement = findAncestor(e, `.${wrapperClass}`)\n if (!modalElement) {\n return false\n }\n const isModalWrapper = modalElement.classList.contains(wrapperClass)\n const isThisModalWrapper = modalElement.classList.contains(\n `${wrapperClass}-${id}`\n )\n return isModalWrapper && !isThisModalWrapper\n }\n return false\n }\n )\n\n const handleEscape = useCallback(() => {\n if (isOpen) onClose()\n }, [isOpen, onClose])\n\n useHotkeys({ 27 /* escape /: handleEscape })\n\n const wrapperClassNames = cn(\n styles.wrapper,\n anchorStyleMap[anchor],\n {\n [wrapperClassName!]: !!wrapperClassName\n },\n wrapperClass,\n // Add a unique id class name to detect whether, if we're using\n // click outside to dismiss the modal, the correct \"outside\" is being clicked.\n `${wrapperClass}-${id}`\n )\n\n const wrapperStyle = {\n paddingLeft: `${horizontalPadding}px`,\n paddingRight: `${horizontalPadding}px`\n }\n\n /* Begin @deprecated section (favor using ModalContent sub-component) /\n const bodyStyle = {\n paddingLeft: `${contentHorizontalPadding}px`,\n paddingRight: `${contentHorizontalPadding}px`\n }\n /* End @deprecated section /\n\n const bodyClassNames = cn(styles.body, className, {\n [styles.noScroll!]: !allowScroll,\n [styles[`size${capitalize(size)}`]]: size,\n [bodyClassName!]: !!bodyClassName\n })\n\n const headerContainerClassNames = cn(styles.headerContainer, {\n [headerContainerClassName!]: !!headerContainerClassName\n })\n\n const [height, setHeight] = useState(\n typeof window !== 'undefined' ? window.innerHeight : 0\n )\n\n useEffect(() => {\n const onResize = () => {\n setHeight(window.innerHeight)\n }\n window.addEventListener('resize', onResize)\n return () => {\n window.removeEventListener('resize', onResize)\n }\n }, [setHeight])\n\n const bodyOffset = getOffset(anchor, verticalAnchorOffset)\n\n const handleModalContentClicked: MouseEventHandler = () => {\n modalContentClickedRef.current = true\n }\n\n return (\n <>\n {modalRoot && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)\n ? ReactDOM.createPortal(\n <>\n {transition.map(({ item, props, key }: any) => {\n if (!item) return null\n const AnimatedDiv = animatedAny.div as any\n return (\n <AnimatedDiv\n className={wrapperClassNames}\n style={{\n ...wrapperStyle,\n opacity: props.opacity,\n height,\n minHeight: height\n }}\n key={key}\n ref={ref}\n >\n <AnimatedDiv\n ref={dismissOnClickOutside ? outsideClickRef : null}\n className={bodyClassNames}\n style={{ ...props, ...bodyOffset, ...bodyStyle }}\n role='dialog'\n aria-labelledby={titleId}\n aria-describedby={subtitleId}\n onMouseDown={handleModalContentClicked}\n >\n <>\n {/* Begin @deprecated section (moved to ModalHeader and ModalTitle sub-components) /}\n {showTitleHeader && (\n <div className={headerContainerClassNames}>\n {showDismissButton && (\n <div\n className={styles.dismissButton}\n onClick={onClose}\n >\n <IconClose color='subdued' size='s' />\n </div>\n )}\n <div\n id={titleId}\n className={cn(styles.header, titleClassName)}\n >\n {title}\n </div>\n <div\n id={subtitleId}\n className={cn(styles.subtitle, subtitleClassName)}\n >\n {subtitle}\n </div>\n </div>\n )}\n {/* End @deprecated section */}\n <ModalContext.Provider value={modalContextValue}>\n {children}\n </ModalContext.Provider>\n </>\n </AnimatedDiv>\n </AnimatedDiv>\n )\n })}\n </>,\n modalRoot\n )\n : null}\n </>\n )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/components/modal/ModalContentPages.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalContentPages.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContentPages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAY,MAAM,OAAO,CAAA;AAUrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;~~AAyB3C~~,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACzC,GAAG,iBAAiB,CAAA;AAErB,eAAO,MAAM,iBAAiB,kGAO3B,sBAAsB,~~qDAgExB~~,CAAA"}
1	+ {"version":3,"file":"ModalContentPages.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContentPages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAY,MAAM,OAAO,CAAA;AAUrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA0B3C,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACzC,GAAG,iBAAiB,CAAA;AAErB,eAAO,MAAM,iBAAiB,kGAO3B,sBAAsB,qDAmExB,CAAA"}

package/dist/components/modal/ModalContentPages.js CHANGED Viewed

@@ -8,6 +8,7 @@ import useMeasure from 'react-use-measure';
 import { ModalContent } from './ModalContent.js';
 import styles from './ModalContentPages.module.css.js';
+var animatedAny = animated;
 var INNER_HEIGHT_PADDING = 100;
 var defaultTransitions = {
     initial: { opacity: 1, transform: 'translate3d(0%, 0, 0)' },
@@ -45,7 +46,10 @@ var ModalContentPages = function (_a) {
     return (jsx("div", __assign({ className: styles.transitionContainer, style: {
             width: width ? "".concat(width, "px") : '100%',
             height: computedHeight ? "".concat(computedHeight, "px") : '100%'
-        } }, { children: jsx(Transition, __assign({ items: currentPage, initial: transitions.initial, from: transitions.from, enter: transitions.enter, leave: transitions.leave, unique: true }, { children: function (item) { return function (style) { return (jsx(animated.div, __assign({ style: __assign({}, style), className: styles.pageContainer }, { children: jsx(ModalContent, __assign({ className: cn(styles.modalContent, modalContentClassName) }, otherModalContentProps, { children: jsx("div", __assign({ className: cn(styles.nestedModalContent, contentClassName), ref: contentRef }, { children: Children.toArray(children)[item] })) })) }))); }; } })) })));
+        } }, { children: jsx(Transition, __assign({ items: currentPage, initial: transitions.initial, from: transitions.from, enter: transitions.enter, leave: transitions.leave, unique: true }, { children: function (item) { return function (style) {
+                var AnimatedDiv = animatedAny.div;
+                return (jsx(AnimatedDiv, __assign({ style: __assign({}, style), className: styles.pageContainer }, { children: jsx(ModalContent, __assign({ className: cn(styles.modalContent, modalContentClassName) }, otherModalContentProps, { children: jsx("div", __assign({ className: cn(styles.nestedModalContent, contentClassName), ref: contentRef }, { children: Children.toArray(children)[item] })) })) })));
+            }; } })) })));
 };
 export { ModalContentPages };

package/dist/components/modal/ModalContentPages.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalContentPages.js","sources":["../../../src/components/modal/ModalContentPages.tsx"],"sourcesContent":["import { Children, ReactNode, useState } from 'react'\n\nimport { ResizeObserver } from '@juggle/resize-observer'\nimport cn from 'classnames'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, Transition } from 'react-spring/renderprops.cjs'\nimport useMeasure from 'react-use-measure'\n\nimport { ModalContent } from './ModalContent'\nimport styles from './ModalContentPages.module.css'\nimport { ModalContentProps } from './types'\n\nconst INNER_HEIGHT_PADDING = 100\n\nconst defaultTransitions = {\n initial: { opacity: 1, transform: 'translate3d(0%, 0, 0)' },\n enter: { opacity: 1, transform: 'translate3d(0%, 0 ,0)' }\n}\nconst getSwipeTransitions = (direction: 'back' \| 'forward') =>\n direction === 'forward'\n ? {\n ...defaultTransitions,\n // Next screen enters from right\n from: { opacity: 0, transform: 'translate3d(100%, 0, 0)' },\n // Current screen leaves on left\n leave: { opacity: 0, transform: 'translate3d(-100%, 0, 0)' }\n }\n : {\n ...defaultTransitions,\n // Previous screen enters from left\n from: { opacity: 0, transform: 'translate3d(-100%, 0, 0)' },\n // Current screen leaves on right\n leave: { opacity: 0, transform: 'translate3d(100%, 0, 0)' }\n }\n\nexport type ModalContentPagesProps = {\n currentPage: number\n width?: number\n contentClassName?: string\n verticalPadding?: number\n children: ReactNode \| ReactNode[]\n /** Allows override of transition direction for next page change */\n transitionDirection?: 'back' \| 'forward'\n} & ModalContentProps\n\nexport const ModalContentPages = ({\n currentPage,\n width,\n contentClassName,\n children,\n transitionDirection,\n ...modalContentProps\n}: ModalContentPagesProps) => {\n const [lastPage, setLastPage] = useState(0)\n const [transitions, setTransitions] = useState<\n ReturnType<typeof getSwipeTransitions>\n >(getSwipeTransitions('forward'))\n const [contentRef, { height }] = useMeasure({\n offsetSize: true,\n polyfill: ResizeObserver\n })\n\n // A bit of a hack, but instead of resizing the height to the result from\n // useMeasure, clamp it to the window height minus a padding.\n // This makes it so that when inside a \"Drawer,\" safe areas are respected.\n const computedHeight = Math.min(\n height,\n window.innerHeight - INNER_HEIGHT_PADDING\n )\n\n if (lastPage !== currentPage) {\n setTransitions(\n getSwipeTransitions(\n transitionDirection ?? (currentPage > lastPage ? 'forward' : 'back')\n )\n )\n setLastPage(currentPage)\n }\n\n const { className: modalContentClassName, ...otherModalContentProps } =\n modalContentProps\n\n return (\n <div\n className={styles.transitionContainer}\n style={{\n width: width ? `${width}px` : '100%',\n height: computedHeight ? `${computedHeight}px` : '100%'\n }}\n >\n <Transition\n items={currentPage}\n initial={transitions.initial}\n from={transitions.from}\n enter={transitions.enter}\n leave={transitions.leave}\n unique={true}\n >\n {(item) => (style) => (\n ~~<animated~~.div style={{ ...style }} className={styles.pageContainer}>\n <ModalContent\n className={cn(styles.modalContent, modalContentClassName)}\n {...otherModalContentProps}\n >\n <div\n className={cn(styles.nestedModalContent, contentClassName)}\n ref={contentRef}\n >\n {Children.toArray(children)[item]}\n </div>\n </ModalContent>\n </~~animated.div~~>\n )}\n </Transition>\n </div>\n )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;~~AAYA~~,IAAM,oBAAoB,GAAG,GAAG,CAAA;AAEhC,IAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE;IAC3D,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE;CAC1D,CAAA;AACD,IAAM,mBAAmB,GAAG,UAAC,SAA6B,EAAA;IACxD,OAAA,SAAS,KAAK,SAAS;AACrB,gCACO,kBAAkB,CAAA,EAAA;;YAErB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE;;AAE1D,YAAA,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,EAEhE,CAAA,yBACO,kBAAkB,CAAA,EAAA;;QAErB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE;;QAE3D,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE,EAC5D,CAAA,CAAA;AAdL,CAcK,CAAA;AAYA,IAAM,iBAAiB,GAAG,UAAC,EAOT,EAAA;AANvB,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,mBAAmB,GAAA,EAAA,CAAA,mBAAA,EAChB,iBAAiB,GAAA,MAAA,CAAA,EAAA,EANY,+EAOjC,CADqB,CAAA;IAEd,IAAA,EAAA,GAA0B,QAAQ,CAAC,CAAC,CAAC,EAApC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAAe,CAAA;AACrC,IAAA,IAAA,EAAgC,GAAA,QAAQ,CAE5C,mBAAmB,CAAC,SAAS,CAAC,CAAC,EAF1B,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,QAED,CAAA;IAC3B,IAAA,EAAA,GAA2B,UAAU,CAAC;AAC1C,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,QAAQ,EAAE,cAAc;AACzB,KAAA,CAAC,EAHK,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAI,MAAM,eAGzB,CAAA;;;;AAKF,IAAA,IAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAC7B,MAAM,EACN,MAAM,CAAC,WAAW,GAAG,oBAAoB,CAC1C,CAAA;IAED,IAAI,QAAQ,KAAK,WAAW,EAAE;QAC5B,cAAc,CACZ,mBAAmB,CACjB,mBAAmB,KAAA,IAAA,IAAnB,mBAAmB,KAAnB,KAAA,CAAA,GAAA,mBAAmB,IAAK,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,CACrE,CACF,CAAA;QACD,WAAW,CAAC,WAAW,CAAC,CAAA;AACzB,KAAA;IAEO,IAAW,qBAAqB,GACtC,iBAAiB,CADqB,SAAA,EAAK,sBAAsB,GAAA,MAAA,CACjE,iBAAiB,EADb,CAA+D,WAAA,CAAA,CAAF,CAChD;IAEnB,QACEA,sBACE,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,GAAG,EAAG,CAAA,MAAA,CAAA,KAAK,EAAI,IAAA,CAAA,GAAG,MAAM;YACpC,MAAM,EAAE,cAAc,GAAG,EAAG,CAAA,MAAA,CAAA,cAAc,EAAI,IAAA,CAAA,GAAG,MAAM;~~SACxD~~,~~EAED~~,EAAA,EAAA,QAAA,~~EAAAA~~,~~GAAA~~,~~CAAC,~~UAAU,EAAA,QAAA,CAAA,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,MAAM,EAAE,IAAI,EAEX,EAAA,EAAA,QAAA,EAAA,UAAC,IAAI,EAAA,~~EAAK,~~OAAA,UAAC,KAAK,~~EAAK,~~EAAA,~~QACpBA~~,~~GAAA~~,~~CAAC~~,~~QAAQ~~,CAAC,GAAG,~~EAAA~~,~~QAAA~~,CAAA,EAAC,~~KAAK~~,EAAA,QAAA,CAAA,EAAA,~~EAAO~~,KAAK,~~CAAA~~,~~EAAI~~,SAAS,EAAE,MAAM,CAAC,aAAa,~~EAChE~~,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,qBAAqB,CAAC,EACrD,EAAA,sBAAsB,EAE1B,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,EAC1D,GAAG,EAAE,UAAU,~~EAAA~~,EAAA,EAAA,QAAA,~~EAEd~~,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,~~EAAA~~,CAAA,~~CAC7B~~,~~EACO~~,CAAA,~~CAAA~~,~~EAAA~~,CAAA,~~CACF~~,~~EAChB~~,~~EAAA~~,~~CAAA~~,~~EAAA~~,~~EAAA~~,CAAA,~~CACU~~,~~EACT~~,CAAA,~~CAAA~~,EACP;AACH;;;;"}
1	+ {"version":3,"file":"ModalContentPages.js","sources":["../../../src/components/modal/ModalContentPages.tsx"],"sourcesContent":["import { Children, ReactNode, useState } from 'react'\n\nimport { ResizeObserver } from '@juggle/resize-observer'\nimport cn from 'classnames'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, Transition } from 'react-spring/renderprops.cjs'\nimport useMeasure from 'react-use-measure'\n\nimport { ModalContent } from './ModalContent'\nimport styles from './ModalContentPages.module.css'\nimport { ModalContentProps } from './types'\nconst animatedAny = animated as any\n\nconst INNER_HEIGHT_PADDING = 100\n\nconst defaultTransitions = {\n initial: { opacity: 1, transform: 'translate3d(0%, 0, 0)' },\n enter: { opacity: 1, transform: 'translate3d(0%, 0 ,0)' }\n}\nconst getSwipeTransitions = (direction: 'back' \| 'forward') =>\n direction === 'forward'\n ? {\n ...defaultTransitions,\n // Next screen enters from right\n from: { opacity: 0, transform: 'translate3d(100%, 0, 0)' },\n // Current screen leaves on left\n leave: { opacity: 0, transform: 'translate3d(-100%, 0, 0)' }\n }\n : {\n ...defaultTransitions,\n // Previous screen enters from left\n from: { opacity: 0, transform: 'translate3d(-100%, 0, 0)' },\n // Current screen leaves on right\n leave: { opacity: 0, transform: 'translate3d(100%, 0, 0)' }\n }\n\nexport type ModalContentPagesProps = {\n currentPage: number\n width?: number\n contentClassName?: string\n verticalPadding?: number\n children: ReactNode \| ReactNode[]\n /** Allows override of transition direction for next page change */\n transitionDirection?: 'back' \| 'forward'\n} & ModalContentProps\n\nexport const ModalContentPages = ({\n currentPage,\n width,\n contentClassName,\n children,\n transitionDirection,\n ...modalContentProps\n}: ModalContentPagesProps) => {\n const [lastPage, setLastPage] = useState(0)\n const [transitions, setTransitions] = useState<\n ReturnType<typeof getSwipeTransitions>\n >(getSwipeTransitions('forward'))\n const [contentRef, { height }] = useMeasure({\n offsetSize: true,\n polyfill: ResizeObserver\n })\n\n // A bit of a hack, but instead of resizing the height to the result from\n // useMeasure, clamp it to the window height minus a padding.\n // This makes it so that when inside a \"Drawer,\" safe areas are respected.\n const computedHeight = Math.min(\n height,\n window.innerHeight - INNER_HEIGHT_PADDING\n )\n\n if (lastPage !== currentPage) {\n setTransitions(\n getSwipeTransitions(\n transitionDirection ?? (currentPage > lastPage ? 'forward' : 'back')\n )\n )\n setLastPage(currentPage)\n }\n\n const { className: modalContentClassName, ...otherModalContentProps } =\n modalContentProps\n\n return (\n <div\n className={styles.transitionContainer}\n style={{\n width: width ? `${width}px` : '100%',\n height: computedHeight ? `${computedHeight}px` : '100%'\n }}\n >\n <Transition\n items={currentPage}\n initial={transitions.initial}\n from={transitions.from}\n enter={transitions.enter}\n leave={transitions.leave}\n unique={true}\n >\n {(item) => (style) => {\n const AnimatedDiv = animatedAny.div\n return (\n <AnimatedDiv style={{ ...style }} className={styles.pageContainer}>\n <ModalContent\n className={cn(styles.modalContent, modalContentClassName)}\n {...otherModalContentProps}\n >\n <div\n className={cn(styles.nestedModalContent, contentClassName)}\n ref={contentRef}\n >\n {Children.toArray(children)[item]}\n </div>\n </ModalContent>\n </AnimatedDiv>\n )\n }}\n </Transition>\n </div>\n )\n}\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/modal/ModalFooter.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@
 /**
  * Footer component to be used inside modals
  */
-export declare const ModalFooter: (props: import("../layout/Flex").BaseFlexProps & import("..").BaseBoxProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const ModalFooter: (props: import("../layout/Flex").BaseFlexProps & import("..").BaseBoxProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=ModalFooter.d.ts.map

package/dist/components/modal/ModalFooter.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":";AAMA;;GAEG;AACH,eAAO,MAAM,WAAW~~,+UAgBvB~~,CAAA"}
1	+ {"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":";AAMA;;GAEG;AACH,eAAO,MAAM,WAAW,mVAgBvB,CAAA"}

package/dist/components/modal/ModalHeader.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export declare const ModalHeader: (props: import("react").HTMLAttributes<HTMLDiv
     showDismissButton?: boolean | undefined;
     onClose?: (() => void) | undefined;
     children: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 /**
  * Title component to be used inside modal headers
  */
@@ -21,5 +21,5 @@ export declare const ModalTitle: (props: Omit<import("react").HTMLAttributes<HTM
     subtitle?: import("react").ReactNode;
     titleId?: string | undefined;
     subtitleId?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=ModalHeader.d.ts.map

package/dist/components/modal/ModalHeader.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;~~mJA2CvB~~,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;~~mJAyCtB~~,CAAA"}
1	+ {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;uJA2CvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;uJAyCtB,CAAA"}

package/dist/components/modal/ModalHeader.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { forwardRef, useContext, useCallback } from 'react';
 import cn from 'classnames';
-import { IconClose } from '../../icons/utilityIcons.js';
 import '@emotion/react';
 import '@emotion/css';
+import { IconClose } from '../../icons/individual/IconClose.js';
 import '../layout/Box/Box.js';
 import '../layout/Flex/Flex.js';
 import '../skeleton/Skeleton.js';
@@ -15,6 +15,7 @@ import '../input/TextInput/TextInput.js';
 import '../input/TextInput/types.js';
 import '../input/PasswordInput/PasswordInput.js';
 import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../input/TextArea/TextArea.js';
 import '../layout/Paper/Paper.js';
 import '../button/Button/Button.js';
 import '../button/PlainButton/PlainButton.js';
@@ -52,6 +53,7 @@ import '../../foundations/color/color.js';
 import '../../foundations/theme/theme.js';
 import '../../hooks/useHotKeys.js';
 import '../internal/MenuItem.js';
+import 'react-dom';
 import styles from './ModalHeader.module.css.js';
 /**

package/dist/components/modal/ModalHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalHeader.js","sources":["../../../src/components/modal/ModalHeader.tsx"],"sourcesContent":["import { useContext, forwardRef, useCallback } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconClose } from '../../icons'\nimport { IconButton } from '../button'\n\nimport { ModalContext } from './ModalContext'\nimport styles from './ModalHeader.module.css'\nimport { ModalHeaderProps, ModalTitleProps } from './types'\n\n/*\n Header component to be used inside modals\n /\nexport const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(\n function ModalHeader(\n {\n className,\n onClose: onCloseProp,\n dismissButtonClassName,\n showDismissButton = true,\n children,\n ...props\n },\n ref\n ) {\n const { onClose } = useContext(ModalContext)\n\n const handleClose = useCallback(() => {\n onClose?.()\n onCloseProp?.()\n }, [onClose, onCloseProp])\n\n return (\n <div\n className={cn(\n styles.headerContainer,\n { [styles.noDismissButton]: !showDismissButton },\n className\n )}\n ref={ref}\n {...props}\n >\n {showDismissButton ? (\n <IconButton\n aria-label='dismiss dialog'\n className={cn(styles.dismissButton, dismissButtonClassName)}\n icon={IconClose}\n color='subdued'\n size='s'\n onClick={handleClose}\n />\n ) : null}\n {children}\n </div>\n )\n }\n)\n\n/\n Title component to be used inside modal headers\n */\nexport const ModalTitle = forwardRef<HTMLDivElement, ModalTitleProps>(\n function ModalTitle(\n {\n subtitleClassName,\n icon,\n Icon,\n iconClassName,\n title,\n titleClassName,\n subtitle,\n titleId: titleIdProp,\n subtitleId: subtitleIdProp,\n ...props\n },\n ref\n ) {\n const modalContext = useContext(ModalContext)\n const titleId = titleIdProp \|\| modalContext.titleId\n const subtitleId = subtitleIdProp \|\| modalContext.subtitleId\n\n return (\n <>\n <div className={styles.titleContainer} {...props} ref={ref}>\n {icon == null ? null : (\n <div className={cn(styles.icon, iconClassName)}>{icon}</div>\n )}\n {Icon ? <Icon className={styles.icon} /> : null}\n <h2 id={titleId} className={cn(styles.title, titleClassName)}>\n {title}\n </h2>\n </div>\n {subtitle == null ? null : (\n <div className={cn(styles.subtitleContainer, subtitleClassName)}>\n <h3 id={subtitleId} className={styles.subtitle}>\n {subtitle}\n </h3>\n </div>\n )}\n </>\n )\n }\n)\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"ModalHeader.js","sources":["../../../src/components/modal/ModalHeader.tsx"],"sourcesContent":["import { useContext, forwardRef, useCallback } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconClose } from '../../icons'\nimport { IconButton } from '../button'\n\nimport { ModalContext } from './ModalContext'\nimport styles from './ModalHeader.module.css'\nimport { ModalHeaderProps, ModalTitleProps } from './types'\n\n/*\n Header component to be used inside modals\n /\nexport const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(\n function ModalHeader(\n {\n className,\n onClose: onCloseProp,\n dismissButtonClassName,\n showDismissButton = true,\n children,\n ...props\n },\n ref\n ) {\n const { onClose } = useContext(ModalContext)\n\n const handleClose = useCallback(() => {\n onClose?.()\n onCloseProp?.()\n }, [onClose, onCloseProp])\n\n return (\n <div\n className={cn(\n styles.headerContainer,\n { [styles.noDismissButton]: !showDismissButton },\n className\n )}\n ref={ref}\n {...props}\n >\n {showDismissButton ? (\n <IconButton\n aria-label='dismiss dialog'\n className={cn(styles.dismissButton, dismissButtonClassName)}\n icon={IconClose}\n color='subdued'\n size='s'\n onClick={handleClose}\n />\n ) : null}\n {children}\n </div>\n )\n }\n)\n\n/\n Title component to be used inside modal headers\n */\nexport const ModalTitle = forwardRef<HTMLDivElement, ModalTitleProps>(\n function ModalTitle(\n {\n subtitleClassName,\n icon,\n Icon,\n iconClassName,\n title,\n titleClassName,\n subtitle,\n titleId: titleIdProp,\n subtitleId: subtitleIdProp,\n ...props\n },\n ref\n ) {\n const modalContext = useContext(ModalContext)\n const titleId = titleIdProp \|\| modalContext.titleId\n const subtitleId = subtitleIdProp \|\| modalContext.subtitleId\n\n return (\n <>\n <div className={styles.titleContainer} {...props} ref={ref}>\n {icon == null ? null : (\n <div className={cn(styles.icon, iconClassName)}>{icon}</div>\n )}\n {Icon ? <Icon className={styles.icon} /> : null}\n <h2 id={titleId} className={cn(styles.title, titleClassName)}>\n {title}\n </h2>\n </div>\n {subtitle == null ? null : (\n <div className={cn(styles.subtitleContainer, subtitleClassName)}>\n <h3 id={subtitleId} className={styles.subtitle}>\n {subtitle}\n </h3>\n </div>\n )}\n </>\n )\n }\n)\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/components/pill/Pill.d.ts CHANGED Viewed

@@ -28,5 +28,5 @@ export declare const Pill: (props: {
     _isPressed?: boolean | undefined;
 } & {
     variant?: "default" | "active" | "primary" | "custom" | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=Pill.d.ts.map

package/dist/components/pill/Pill.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/pill/Pill.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAA;AAGpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAG5D,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;CACtD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;~~sJAmEhB~~,CAAA"}
1	+ {"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/pill/Pill.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAA;AAGpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAG5D,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;CACtD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;0JAmEhB,CAAA"}

package/dist/components/popup/Popup.d.ts CHANGED Viewed

@@ -7,9 +7,9 @@ import type { PopupProps } from './types';
  * It differs from modals, which do take over the whole UI and are usually
  * center-screened.
  */
-export declare const Popup: (props: PopupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const Popup: (props: PopupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export declare const PopupInternal: (props: PopupProps & {
     popupState: ModalState;
     setPopupState: (value: SetStateAction<ModalState>) => void;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=Popup.d.ts.map

package/dist/components/popup/Popup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,cAAc,EAKf,MAAM,OAAO,CAAA;AAUd,OAAO,EAAE,UAAU,EAAE,+BAAiC;AAMtD,OAAO,KAAK,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;~~AAkHjD~~;;;;;GAKG;AACH,eAAO,MAAM,KAAK,~~sKAwBhB~~,CAAA;AAEF,eAAO,MAAM,aAAa;gBAGV,UAAU;2BACC,eAAe,UAAU,CAAC,KAAK,IAAI;~~mJAuR5D~~,CAAA"}
1	+ {"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,cAAc,EAKf,MAAM,OAAO,CAAA;AAUd,OAAO,EAAE,UAAU,EAAE,+BAAiC;AAMtD,OAAO,KAAK,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AAmHjD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,0KAwBhB,CAAA;AAEF,eAAO,MAAM,aAAa;gBAGV,UAAU;2BACC,eAAe,UAAU,CAAC,KAAK,IAAI;uJA2R5D,CAAA"}

package/dist/components/popup/Popup.js CHANGED Viewed

@@ -7,8 +7,8 @@ import ReactDOM from 'react-dom';
 import { useTransition, animated } from 'react-spring';
 import { usePrevious } from 'react-use';
 import { PlainButton } from '../button/PlainButton/PlainButton.js';
-import { IconClose } from '../../icons/utilityIcons.js';
 import '@emotion/css';
+import { IconClose } from '../../icons/individual/IconClose.js';
 import '../layout/Box/Box.js';
 import '../layout/Flex/Flex.js';
 import '../skeleton/Skeleton.js';
@@ -19,6 +19,7 @@ import '../input/TextInput/TextInput.js';
 import '../input/TextInput/types.js';
 import '../input/PasswordInput/PasswordInput.js';
 import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../input/TextArea/TextArea.js';
 import '../layout/Paper/Paper.js';
 import '../button/Button/Button.js';
 import '../button/FollowButton/FollowButton.js';
@@ -59,6 +60,7 @@ import '../../hooks/useHotKeys.js';
 import '../internal/MenuItem.js';
 import styles from './Popup.module.css.js';
+var animatedAny = animated;
 var messages = {
     close: 'close popup'
 };
@@ -176,8 +178,8 @@ var Popup = forwardRef(function Popup(props, ref) {
 });
 var PopupInternal = forwardRef(function Popup(props, ref) {
     var _a, _b, _c, _d, _e;
-    var popupState = props.popupState, setPopupState = props.setPopupState, anchorRef = props.anchorRef, checkIfClickInside = props.checkIfClickInside, children = props.children, className = props.className, isVisibleProp = props.isVisible, onAfterClose = props.onAfterClose, onClose = props.onClose, _f = props.anchorOrigin, anchorOriginProp = _f === void 0 ? defaultAnchorOrigin : _f, _g = props.transformOrigin, transformOriginProp = _g === void 0 ? defaultTransformOrigin : _g, dismissOnMouseLeave = props.dismissOnMouseLeave, _h = props.hideCloseButton, hideCloseButton = _h === void 0 ? false : _h, showHeader = props.showHeader, title = props.title, zIndex = props.zIndex, containerRef = props.containerRef, _j = props.portalLocation, portalLocation = _j === void 0 ? document.body : _j, _k = props.shadow, shadow = _k === void 0 ? 'mid' : _k, fixed = props.fixed, takeWidthOfAnchor = props.takeWidthOfAnchor;
-    var _l = useTheme(), spring = _l.spring, shadows = _l.shadows;
+    var popupState = props.popupState, setPopupState = props.setPopupState, anchorRef = props.anchorRef, checkIfClickInside = props.checkIfClickInside, children = props.children, className = props.className, isVisibleProp = props.isVisible, onAfterClose = props.onAfterClose, onClose = props.onClose, _f = props.anchorOrigin, anchorOriginProp = _f === void 0 ? defaultAnchorOrigin : _f, _g = props.transformOrigin, transformOriginProp = _g === void 0 ? defaultTransformOrigin : _g, dismissOnMouseLeave = props.dismissOnMouseLeave, _h = props.hideCloseButton, hideCloseButton = _h === void 0 ? false : _h, showHeader = props.showHeader, title = props.title, zIndex = props.zIndex, containerRef = props.containerRef, _j = props.portalLocation, portalLocation = _j === void 0 ? document.body : _j, _k = props.shadow, shadow = _k === void 0 ? 'mid' : _k, fixed = props.fixed, takeWidthOfAnchor = props.takeWidthOfAnchor, _l = props.disableAutoFlip, disableAutoFlip = _l === void 0 ? false : _l;
+    var _m = useTheme(), spring = _m.spring, shadows = _m.shadows;
     var isVisible = popupState !== 'closed';
     var previousIsVisible = usePrevious(isVisible);
     var handleClose = useCallback(function () {
@@ -188,14 +190,14 @@ var PopupInternal = forwardRef(function Popup(props, ref) {
             }
         }, closingAnimationDuration);
     }, [onClose, onAfterClose]);
-    var _m = [
+    var _o = [
         anchorOriginProp,
         transformOriginProp
-    ], anchorOrigin = _m[0], transformOrigin = _m[1];
+    ], anchorOrigin = _o[0], transformOrigin = _o[1];
     var popupRef = useClickOutside(handleClose, isVisible, checkIfClickInside, typeof ref === 'function' ? undefined : ref, anchorRef);
     var wrapperRef = useRef(null);
     var originalTopPosition = useRef(0);
-    var _o = useState(anchorOrigin), computedTransformOrigin = _o[0], setComputedTransformOrigin = _o[1];
+    var _p = useState(anchorOrigin), computedTransformOrigin = _p[0], setComputedTransformOrigin = _p[1];
     var wrapperHeight = (_b = (_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : null;
     var wrapperWidth = (_d = (_c = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) !== null && _d !== void 0 ? _d : null;
     var previousHeight = usePrevious(wrapperHeight);
@@ -209,7 +211,9 @@ var PopupInternal = forwardRef(function Popup(props, ref) {
                 return;
             // Add a small delay to ensure content is rendered
             requestAnimationFrame(function () {
-                var _a = getComputedOrigins(anchorOrigin, transformOrigin, anchorRect_1, wrapperRect_1, portalLocation, containerRef), anchorOriginComputed = _a.anchorOrigin, transformOriginComputed = _a.transformOrigin;
+                var _a = disableAutoFlip
+                    ? { anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }
+                    : getComputedOrigins(anchorOrigin, transformOrigin, anchorRect_1, wrapperRect_1, portalLocation, containerRef), anchorOriginComputed = _a.anchorOrigin, transformOriginComputed = _a.transformOrigin;
                 setComputedTransformOrigin(transformOriginComputed);
                 var anchorTranslation = getOriginTranslation(anchorOriginComputed, anchorRect_1);
                 var wrapperTranslation = getOriginTranslation(transformOriginComputed, wrapperRect_1);
@@ -218,8 +222,12 @@ var PopupInternal = forwardRef(function Popup(props, ref) {
                 // Ensure popup stays within viewport bounds
                 var viewportHeight = window.innerHeight;
                 var viewportWidth = window.innerWidth;
-                var adjustedTop = Math.min(Math.max(0, top), viewportHeight - wrapperRect_1.height);
-                var adjustedLeft = Math.min(Math.max(0, left), viewportWidth - wrapperRect_1.width);
+                var adjustedTop = disableAutoFlip
+                    ? top
+                    : Math.min(Math.max(0, top), viewportHeight - wrapperRect_1.height);
+                var adjustedLeft = disableAutoFlip
+                    ? left
+                    : Math.min(Math.max(0, left), viewportWidth - wrapperRect_1.width);
                 if (wrapperRef.current) {
                     wrapperRef.current.style.top = "".concat(adjustedTop, "px");
                     wrapperRef.current.style.left = "".concat(adjustedLeft, "px");
@@ -232,6 +240,7 @@ var PopupInternal = forwardRef(function Popup(props, ref) {
         wrapperRef,
         anchorRef,
         anchorOrigin,
+        disableAutoFlip,
         transformOrigin,
         setComputedTransformOrigin,
         originalTopPosition,
@@ -319,9 +328,12 @@ var PopupInternal = forwardRef(function Popup(props, ref) {
             ? ReactDOM.createPortal(jsx("div", __assign({ ref: wrapperRef, className: styles.root, style: rootStyle, onMouseLeave: handleMouseLeave }, { children: transitions.map(function (_a) {
                     var _b;
                     var item = _a.item, key = _a.key, props = _a.props;
-                    return item ? (jsxs(animated.div, __assign({ className: cn(styles.popup, className), css: { boxShadow: shadows[shadow] }, ref: popupRef, style: __assign(__assign({}, props), { transformOrigin: "".concat(computedTransformOrigin.horizontal, " ").concat(computedTransformOrigin.vertical) }) }, { children: [showHeader && (jsxs("div", __assign({ className: cn(styles.header, (_b = {},
+                    if (!item)
+                        return null;
+                    var AnimatedDiv = animatedAny.div;
+                    return (jsxs(AnimatedDiv, __assign({ className: cn(styles.popup, className), css: { boxShadow: shadows[shadow] }, ref: popupRef, style: __assign(__assign({}, props), { transformOrigin: "".concat(computedTransformOrigin.horizontal, " ").concat(computedTransformOrigin.vertical) }) }, { children: [showHeader && (jsxs("div", __assign({ className: cn(styles.header, (_b = {},
                                     _b[styles.noAfter] = hideCloseButton,
-                                    _b)) }, { children: [hideCloseButton ? null : (jsx(PlainButton, { variant: 'subdued', "aria-label": messages.close, onClick: handleClose, iconLeft: IconClose })), jsx("div", __assign({ className: styles.title }, { children: title }))] }))), children] }), key)) : null;
+                                    _b)) }, { children: [hideCloseButton ? null : (jsx(PlainButton, { variant: 'subdued', "aria-label": messages.close, onClick: handleClose, iconLeft: IconClose })), jsx("div", __assign({ className: styles.title }, { children: title }))] }))), children] }), key));
                 }) })), portalLocation)
             : null }));
 });

package/dist/components/popup/Popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup.js","sources":["../../../src/components/popup/Popup.tsx"],"sourcesContent":["import {\n forwardRef,\n MutableRefObject,\n Ref,\n SetStateAction,\n useCallback,\n useEffect,\n useRef,\n useState\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport ReactDOM from 'react-dom'\nimport { useTransition, animated } from 'react-spring'\nimport { usePrevious } from 'react-use'\n\nimport { PlainButton } from '~harmony/components/button/PlainButton/PlainButton'\nimport { IconClose } from '~harmony/icons'\nimport { ModalState } from '~harmony/utils/modalState'\n\nimport { useClickOutside } from '../../hooks/useClickOutside'\nimport { getScrollParent } from '../../utils/getScrollParent'\n\nimport styles from './Popup.module.css'\nimport type { PopupProps, Origin } from './types'\n\nconst messages = {\n close: 'close popup'\n}\n\n/*\n Number of pixels between the edge of the container and the popup\n * before the popup needs to reposition itself to be in view.\n /\nconst CONTAINER_INSET_PADDING = 16\n\n/\n Figures out whether the specified position would overflow the window\n * and picks a better position accordingly\n * @param {Origin} anchorOrigin where the origin is on the trigger\n * @param {Origin} transformOrigin where the origin is on the popup\n * @param {DOMRect} anchorRect the position and size of the trigger\n * @param {DOMRect} wrapperRect the position and size of the popup\n * @return {{ anchorOrigin: Origin, transformOrigin: Origin }} the new origin after accounting for overflow\n /\nconst getComputedOrigins = (\n anchorOrigin: Origin,\n transformOrigin: Origin,\n anchorRect: DOMRect,\n wrapperRect: DOMRect,\n portal: HTMLElement,\n containerRef?: MutableRefObject<HTMLDivElement \| undefined>\n) => {\n if (!anchorRect \|\| !wrapperRect) return { anchorOrigin, transformOrigin }\n\n let containerWidth, containerHeight\n if (containerRef && containerRef.current) {\n const containerRect = containerRef.current.getBoundingClientRect()\n containerWidth =\n containerRect.width + containerRect.x - CONTAINER_INSET_PADDING\n containerHeight =\n containerRect.height + containerRect.y - CONTAINER_INSET_PADDING\n } else {\n const portalRect = portal.getBoundingClientRect()\n containerWidth = portalRect.width + portalRect.x - CONTAINER_INSET_PADDING\n containerHeight = portalRect.height + portalRect.y - CONTAINER_INSET_PADDING\n }\n\n // Get new wrapper position\n const anchorTranslation = getOriginTranslation(anchorOrigin, anchorRect)\n const wrapperTranslation = getOriginTranslation(transformOrigin, wrapperRect)\n const wrapperX = anchorRect.x + anchorTranslation.x - wrapperTranslation.x\n const wrapperY = anchorRect.y + anchorTranslation.y - wrapperTranslation.y\n\n // Check bounds of the wrapper in new position are inside container\n const overflowRight = wrapperX + wrapperRect.width > containerWidth\n const overflowLeft = wrapperX < 0\n const overflowBottom = wrapperY + wrapperRect.height > containerHeight\n const overflowTop = wrapperY < 0\n\n // For all overflows, flip the position\n if (overflowRight) {\n anchorOrigin.horizontal = 'left'\n transformOrigin.horizontal = 'right'\n }\n if (overflowLeft) {\n anchorOrigin.horizontal = 'right'\n transformOrigin.horizontal = 'left'\n }\n if (overflowTop) {\n anchorOrigin.vertical = 'bottom'\n transformOrigin.vertical = 'top'\n }\n if (overflowBottom) {\n anchorOrigin.vertical = 'top'\n transformOrigin.vertical = 'bottom'\n }\n return { anchorOrigin, transformOrigin }\n}\n\n/\n Gets the x, y offsets for the given origin using the dimensions\n * @param origin the relative origin\n * @param dimensions the dimensions to use with the relative origin\n * @returns the x and y coordinates of the new origin relative to the old one\n /\nconst getOriginTranslation = (\n origin: Origin,\n dimensions: { width: number; height: number }\n) => {\n let x = 0\n let y = 0\n const { width, height } = dimensions\n if (origin.horizontal === 'center') {\n x += width / 2\n } else if (origin.horizontal === 'right') {\n x += width\n }\n if (origin.vertical === 'center') {\n y += height / 2\n } else if (origin.vertical === 'bottom') {\n y += height\n }\n return { x, y }\n}\n\nconst defaultAnchorOrigin: Origin = {\n horizontal: 'center',\n vertical: 'bottom'\n}\n\nconst defaultTransformOrigin: Origin = {\n horizontal: 'center',\n vertical: 'top'\n}\n\nconst closingAnimationDuration = 90\n\n/\n A popup is an in-place container that shows on top of the UI. A popup does\n * not impact the rest of the UI (e.g. dimming background or shifting elements).\n * It differs from modals, which do take over the whole UI and are usually\n * center-screened.\n /\nexport const Popup = forwardRef<HTMLDivElement, PopupProps>(function Popup(\n props: PopupProps,\n ref: Ref<HTMLDivElement>\n) {\n const { isVisible: isVisibleProp } = props\n const [popupState, setPopupState] = useState<ModalState>('closed')\n\n const isVisible = popupState !== 'closed'\n useEffect(() => {\n if (popupState === 'closed' && isVisibleProp) {\n setPopupState('opening')\n } else if (popupState === 'open' && !isVisibleProp) {\n setPopupState('closing')\n }\n }, [isVisibleProp, popupState])\n\n return isVisible ? (\n <PopupInternal\n ref={ref}\n popupState={popupState}\n setPopupState={setPopupState}\n {...props}\n />\n ) : null\n})\n\nexport const PopupInternal = forwardRef<\n HTMLDivElement,\n PopupProps & {\n popupState: ModalState\n setPopupState: (value: SetStateAction<ModalState>) => void\n }\n>(function Popup(\n props: PopupProps & {\n popupState: ModalState\n setPopupState: (value: SetStateAction<ModalState>) => void\n },\n ref: Ref<HTMLDivElement>\n) {\n const {\n popupState,\n setPopupState,\n anchorRef,\n checkIfClickInside,\n children,\n className,\n isVisible: isVisibleProp,\n onAfterClose,\n onClose,\n anchorOrigin: anchorOriginProp = defaultAnchorOrigin,\n transformOrigin: transformOriginProp = defaultTransformOrigin,\n dismissOnMouseLeave,\n hideCloseButton = false,\n showHeader,\n title,\n zIndex,\n containerRef,\n portalLocation = document.body,\n shadow = 'mid',\n fixed,\n takeWidthOfAnchor\n } = props\n const { spring, shadows } = useTheme()\n\n const isVisible = popupState !== 'closed'\n const previousIsVisible = usePrevious(isVisible)\n\n const handleClose = useCallback(() => {\n onClose?.()\n setTimeout(() => {\n if (onAfterClose) {\n onAfterClose()\n }\n }, closingAnimationDuration)\n }, [onClose, onAfterClose])\n\n const [anchorOrigin, transformOrigin] = [\n anchorOriginProp,\n transformOriginProp\n ]\n\n const popupRef: React.MutableRefObject<HTMLDivElement> = useClickOutside(\n handleClose,\n isVisible,\n checkIfClickInside,\n typeof ref === 'function' ? undefined : ref,\n anchorRef\n )\n\n const wrapperRef = useRef<HTMLDivElement>(null)\n const originalTopPosition = useRef<number>(0)\n const [computedTransformOrigin, setComputedTransformOrigin] =\n useState(anchorOrigin)\n\n const wrapperHeight = wrapperRef?.current?.offsetHeight ?? null\n const wrapperWidth = wrapperRef?.current?.offsetWidth ?? null\n const previousHeight = usePrevious(wrapperHeight)\n const previousWidth = usePrevious(wrapperWidth)\n const wrapperSizeChange =\n wrapperHeight !== previousHeight \|\| wrapperWidth !== previousWidth\n\n // On visible, set the position\n useEffect(() => {\n if ((isVisible && !previousIsVisible) \|\| wrapperSizeChange) {\n const [anchorRect, wrapperRect] = [anchorRef, wrapperRef].map((r) =>\n r?.current?.getBoundingClientRect()\n )\n if (!anchorRect \|\| !wrapperRect) return\n\n // Add a small delay to ensure content is rendered\n requestAnimationFrame(() => {\n const {\n anchorOrigin: anchorOriginComputed,\n transformOrigin: transformOriginComputed\n } = getComputedOrigins(\n anchorOrigin,\n transformOrigin,\n anchorRect,\n wrapperRect,\n portalLocation,\n containerRef\n )\n setComputedTransformOrigin(transformOriginComputed)\n\n const anchorTranslation = getOriginTranslation(\n anchorOriginComputed,\n anchorRect\n )\n const wrapperTranslation = getOriginTranslation(\n transformOriginComputed,\n wrapperRect\n )\n\n const top = anchorRect.y + anchorTranslation.y - wrapperTranslation.y\n const left = anchorRect.x + anchorTranslation.x - wrapperTranslation.x\n\n // Ensure popup stays within viewport bounds\n const viewportHeight = window.innerHeight\n const viewportWidth = window.innerWidth\n const adjustedTop = Math.min(\n Math.max(0, top),\n viewportHeight - wrapperRect.height\n )\n const adjustedLeft = Math.min(\n Math.max(0, left),\n viewportWidth - wrapperRect.width\n )\n\n if (wrapperRef.current) {\n wrapperRef.current.style.top = `${adjustedTop}px`\n wrapperRef.current.style.left = `${adjustedLeft}px`\n }\n\n originalTopPosition.current = adjustedTop\n })\n }\n }, [\n isVisible,\n wrapperRef,\n anchorRef,\n anchorOrigin,\n transformOrigin,\n setComputedTransformOrigin,\n originalTopPosition,\n portalLocation,\n containerRef,\n previousIsVisible,\n previousHeight,\n wrapperSizeChange\n ])\n\n // Callback invoked on each scroll. Uses original top position to scroll with content.\n // Takes scrollParent to get the current scroll position as well as the intitial scroll position\n // when the popup became visible.\n const watchScroll = useCallback(\n (scrollParent: Element, initialScrollPosition: number) => {\n const scrollTop = scrollParent.scrollTop\n if (wrapperRef.current) {\n wrapperRef.current.style.top = `${\n originalTopPosition.current - scrollTop + initialScrollPosition\n }px`\n }\n },\n [wrapperRef, originalTopPosition]\n )\n\n // Set up scroll listeners\n useEffect(() => {\n if (isVisible && anchorRef.current) {\n const scrollParent = getScrollParent(anchorRef.current)\n if (!scrollParent) return\n\n const initialScrollPosition = scrollParent.scrollTop\n const listener = () => watchScroll(scrollParent, initialScrollPosition)\n scrollParent.addEventListener('scroll', listener)\n return () => {\n scrollParent.removeEventListener('scroll', listener)\n }\n }\n\n return () => {}\n }, [isVisible, watchScroll, anchorRef])\n\n // Set up key listeners\n useEffect(() => {\n if (isVisible) {\n const escapeListener = (e: KeyboardEvent) => {\n if (e.code === 'Escape') {\n e.stopPropagation()\n handleClose()\n }\n }\n\n document.addEventListener('keydown', escapeListener, true)\n\n return () => document.removeEventListener('keydown', escapeListener, true)\n }\n return () => {}\n }, [isVisible, handleClose])\n\n useEffect(() => {\n if (popupState === 'closed' && isVisibleProp) {\n } else if (popupState === 'open' && !isVisibleProp) {\n anchorRef.current?.focus()\n }\n }, [anchorRef, isVisibleProp, popupState])\n\n const transitions = useTransition(isVisibleProp, null, {\n from: {\n transform: `scale(0)`,\n opacity: 0\n },\n enter: {\n transform: `scale(1)`,\n opacity: 1\n },\n leave: {\n transform: `scale(0)`,\n opacity: 0\n },\n config: spring.standard,\n unique: true,\n onDestroyed: (isDestroyed) => {\n setPopupState(isDestroyed ? 'closed' : 'open')\n }\n })\n\n const rootStyle = {\n zIndex,\n position: fixed ? ('fixed' as const) : undefined,\n width: takeWidthOfAnchor ? anchorRef.current?.clientWidth : undefined\n }\n\n const handleMouseLeave = useCallback(() => {\n if (dismissOnMouseLeave) {\n onClose?.()\n }\n }, [dismissOnMouseLeave, onClose])\n\n return (\n <>\n {/ Portal the popup out of the dom structure so that it has a separate stacking context */}\n {popupState !== 'closed'\n ? ReactDOM.createPortal(\n <div\n ref={wrapperRef}\n className={styles.root}\n style={rootStyle}\n onMouseLeave={handleMouseLeave}\n >\n {transitions.map(({ item, key, props }) =>\n item ? (\n <animated.div\n className={cn(styles.popup, className)}\n css={{ boxShadow: shadows[shadow] }}\n ref={popupRef}\n key={key}\n style={{\n ...props,\n transformOrigin: `${computedTransformOrigin.horizontal} ${computedTransformOrigin.vertical}`\n }}\n >\n {showHeader && (\n <div\n className={cn(styles.header, {\n [styles.noAfter]: hideCloseButton\n })}\n >\n {hideCloseButton ? null : (\n <PlainButton\n variant='subdued'\n aria-label={messages.close}\n onClick={handleClose}\n iconLeft={IconClose}\n />\n )}\n <div className={styles.title}>{title}</div>\n </div>\n )}\n {children}\n </animated.div>\n ) : null\n )}\n </div>,\n portalLocation\n )\n : null}\n </>\n )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"Popup.js","sources":["../../../src/components/popup/Popup.tsx"],"sourcesContent":["import {\n forwardRef,\n MutableRefObject,\n Ref,\n SetStateAction,\n useCallback,\n useEffect,\n useRef,\n useState\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport ReactDOM from 'react-dom'\nimport { useTransition, animated } from 'react-spring'\nimport { usePrevious } from 'react-use'\n\nimport { PlainButton } from '~harmony/components/button/PlainButton/PlainButton'\nimport { IconClose } from '~harmony/icons'\nimport { ModalState } from '~harmony/utils/modalState'\n\nimport { useClickOutside } from '../../hooks/useClickOutside'\nimport { getScrollParent } from '../../utils/getScrollParent'\n\nimport styles from './Popup.module.css'\nimport type { PopupProps, Origin } from './types'\nconst animatedAny = animated as any\n\nconst messages = {\n close: 'close popup'\n}\n\n/*\n Number of pixels between the edge of the container and the popup\n * before the popup needs to reposition itself to be in view.\n /\nconst CONTAINER_INSET_PADDING = 16\n\n/\n Figures out whether the specified position would overflow the window\n * and picks a better position accordingly\n * @param {Origin} anchorOrigin where the origin is on the trigger\n * @param {Origin} transformOrigin where the origin is on the popup\n * @param {DOMRect} anchorRect the position and size of the trigger\n * @param {DOMRect} wrapperRect the position and size of the popup\n * @return {{ anchorOrigin: Origin, transformOrigin: Origin }} the new origin after accounting for overflow\n /\nconst getComputedOrigins = (\n anchorOrigin: Origin,\n transformOrigin: Origin,\n anchorRect: DOMRect,\n wrapperRect: DOMRect,\n portal: HTMLElement,\n containerRef?: MutableRefObject<HTMLDivElement \| undefined>\n) => {\n if (!anchorRect \|\| !wrapperRect) return { anchorOrigin, transformOrigin }\n\n let containerWidth, containerHeight\n if (containerRef && containerRef.current) {\n const containerRect = containerRef.current.getBoundingClientRect()\n containerWidth =\n containerRect.width + containerRect.x - CONTAINER_INSET_PADDING\n containerHeight =\n containerRect.height + containerRect.y - CONTAINER_INSET_PADDING\n } else {\n const portalRect = portal.getBoundingClientRect()\n containerWidth = portalRect.width + portalRect.x - CONTAINER_INSET_PADDING\n containerHeight = portalRect.height + portalRect.y - CONTAINER_INSET_PADDING\n }\n\n // Get new wrapper position\n const anchorTranslation = getOriginTranslation(anchorOrigin, anchorRect)\n const wrapperTranslation = getOriginTranslation(transformOrigin, wrapperRect)\n const wrapperX = anchorRect.x + anchorTranslation.x - wrapperTranslation.x\n const wrapperY = anchorRect.y + anchorTranslation.y - wrapperTranslation.y\n\n // Check bounds of the wrapper in new position are inside container\n const overflowRight = wrapperX + wrapperRect.width > containerWidth\n const overflowLeft = wrapperX < 0\n const overflowBottom = wrapperY + wrapperRect.height > containerHeight\n const overflowTop = wrapperY < 0\n\n // For all overflows, flip the position\n if (overflowRight) {\n anchorOrigin.horizontal = 'left'\n transformOrigin.horizontal = 'right'\n }\n if (overflowLeft) {\n anchorOrigin.horizontal = 'right'\n transformOrigin.horizontal = 'left'\n }\n if (overflowTop) {\n anchorOrigin.vertical = 'bottom'\n transformOrigin.vertical = 'top'\n }\n if (overflowBottom) {\n anchorOrigin.vertical = 'top'\n transformOrigin.vertical = 'bottom'\n }\n return { anchorOrigin, transformOrigin }\n}\n\n/\n Gets the x, y offsets for the given origin using the dimensions\n * @param origin the relative origin\n * @param dimensions the dimensions to use with the relative origin\n * @returns the x and y coordinates of the new origin relative to the old one\n /\nconst getOriginTranslation = (\n origin: Origin,\n dimensions: { width: number; height: number }\n) => {\n let x = 0\n let y = 0\n const { width, height } = dimensions\n if (origin.horizontal === 'center') {\n x += width / 2\n } else if (origin.horizontal === 'right') {\n x += width\n }\n if (origin.vertical === 'center') {\n y += height / 2\n } else if (origin.vertical === 'bottom') {\n y += height\n }\n return { x, y }\n}\n\nconst defaultAnchorOrigin: Origin = {\n horizontal: 'center',\n vertical: 'bottom'\n}\n\nconst defaultTransformOrigin: Origin = {\n horizontal: 'center',\n vertical: 'top'\n}\n\nconst closingAnimationDuration = 90\n\n/\n A popup is an in-place container that shows on top of the UI. A popup does\n * not impact the rest of the UI (e.g. dimming background or shifting elements).\n * It differs from modals, which do take over the whole UI and are usually\n * center-screened.\n /\nexport const Popup = forwardRef<HTMLDivElement, PopupProps>(function Popup(\n props: PopupProps,\n ref: Ref<HTMLDivElement>\n) {\n const { isVisible: isVisibleProp } = props\n const [popupState, setPopupState] = useState<ModalState>('closed')\n\n const isVisible = popupState !== 'closed'\n useEffect(() => {\n if (popupState === 'closed' && isVisibleProp) {\n setPopupState('opening')\n } else if (popupState === 'open' && !isVisibleProp) {\n setPopupState('closing')\n }\n }, [isVisibleProp, popupState])\n\n return isVisible ? (\n <PopupInternal\n ref={ref}\n popupState={popupState}\n setPopupState={setPopupState}\n {...props}\n />\n ) : null\n})\n\nexport const PopupInternal = forwardRef<\n HTMLDivElement,\n PopupProps & {\n popupState: ModalState\n setPopupState: (value: SetStateAction<ModalState>) => void\n }\n>(function Popup(\n props: PopupProps & {\n popupState: ModalState\n setPopupState: (value: SetStateAction<ModalState>) => void\n },\n ref: Ref<HTMLDivElement>\n) {\n const {\n popupState,\n setPopupState,\n anchorRef,\n checkIfClickInside,\n children,\n className,\n isVisible: isVisibleProp,\n onAfterClose,\n onClose,\n anchorOrigin: anchorOriginProp = defaultAnchorOrigin,\n transformOrigin: transformOriginProp = defaultTransformOrigin,\n dismissOnMouseLeave,\n hideCloseButton = false,\n showHeader,\n title,\n zIndex,\n containerRef,\n portalLocation = document.body,\n shadow = 'mid',\n fixed,\n takeWidthOfAnchor,\n disableAutoFlip = false\n } = props\n const { spring, shadows } = useTheme()\n\n const isVisible = popupState !== 'closed'\n const previousIsVisible = usePrevious(isVisible)\n\n const handleClose = useCallback(() => {\n onClose?.()\n setTimeout(() => {\n if (onAfterClose) {\n onAfterClose()\n }\n }, closingAnimationDuration)\n }, [onClose, onAfterClose])\n\n const [anchorOrigin, transformOrigin] = [\n anchorOriginProp,\n transformOriginProp\n ]\n\n const popupRef: React.MutableRefObject<HTMLDivElement> = useClickOutside(\n handleClose,\n isVisible,\n checkIfClickInside,\n typeof ref === 'function' ? undefined : ref,\n anchorRef\n )\n\n const wrapperRef = useRef<HTMLDivElement>(null)\n const originalTopPosition = useRef<number>(0)\n const [computedTransformOrigin, setComputedTransformOrigin] =\n useState(anchorOrigin)\n\n const wrapperHeight = wrapperRef?.current?.offsetHeight ?? null\n const wrapperWidth = wrapperRef?.current?.offsetWidth ?? null\n const previousHeight = usePrevious(wrapperHeight)\n const previousWidth = usePrevious(wrapperWidth)\n const wrapperSizeChange =\n wrapperHeight !== previousHeight \|\| wrapperWidth !== previousWidth\n\n // On visible, set the position\n useEffect(() => {\n if ((isVisible && !previousIsVisible) \|\| wrapperSizeChange) {\n const [anchorRect, wrapperRect] = [anchorRef, wrapperRef].map((r) =>\n r?.current?.getBoundingClientRect()\n )\n if (!anchorRect \|\| !wrapperRect) return\n\n // Add a small delay to ensure content is rendered\n requestAnimationFrame(() => {\n const {\n anchorOrigin: anchorOriginComputed,\n transformOrigin: transformOriginComputed\n } = disableAutoFlip\n ? { anchorOrigin, transformOrigin }\n : getComputedOrigins(\n anchorOrigin,\n transformOrigin,\n anchorRect,\n wrapperRect,\n portalLocation,\n containerRef\n )\n setComputedTransformOrigin(transformOriginComputed)\n\n const anchorTranslation = getOriginTranslation(\n anchorOriginComputed,\n anchorRect\n )\n const wrapperTranslation = getOriginTranslation(\n transformOriginComputed,\n wrapperRect\n )\n\n const top = anchorRect.y + anchorTranslation.y - wrapperTranslation.y\n const left = anchorRect.x + anchorTranslation.x - wrapperTranslation.x\n\n // Ensure popup stays within viewport bounds\n const viewportHeight = window.innerHeight\n const viewportWidth = window.innerWidth\n const adjustedTop = disableAutoFlip\n ? top\n : Math.min(Math.max(0, top), viewportHeight - wrapperRect.height)\n const adjustedLeft = disableAutoFlip\n ? left\n : Math.min(Math.max(0, left), viewportWidth - wrapperRect.width)\n\n if (wrapperRef.current) {\n wrapperRef.current.style.top = `${adjustedTop}px`\n wrapperRef.current.style.left = `${adjustedLeft}px`\n }\n\n originalTopPosition.current = adjustedTop\n })\n }\n }, [\n isVisible,\n wrapperRef,\n anchorRef,\n anchorOrigin,\n disableAutoFlip,\n transformOrigin,\n setComputedTransformOrigin,\n originalTopPosition,\n portalLocation,\n containerRef,\n previousIsVisible,\n previousHeight,\n wrapperSizeChange\n ])\n\n // Callback invoked on each scroll. Uses original top position to scroll with content.\n // Takes scrollParent to get the current scroll position as well as the intitial scroll position\n // when the popup became visible.\n const watchScroll = useCallback(\n (scrollParent: Element, initialScrollPosition: number) => {\n const scrollTop = scrollParent.scrollTop\n if (wrapperRef.current) {\n wrapperRef.current.style.top = `${\n originalTopPosition.current - scrollTop + initialScrollPosition\n }px`\n }\n },\n [wrapperRef, originalTopPosition]\n )\n\n // Set up scroll listeners\n useEffect(() => {\n if (isVisible && anchorRef.current) {\n const scrollParent = getScrollParent(anchorRef.current)\n if (!scrollParent) return\n\n const initialScrollPosition = scrollParent.scrollTop\n const listener = () => watchScroll(scrollParent, initialScrollPosition)\n scrollParent.addEventListener('scroll', listener)\n return () => {\n scrollParent.removeEventListener('scroll', listener)\n }\n }\n\n return () => {}\n }, [isVisible, watchScroll, anchorRef])\n\n // Set up key listeners\n useEffect(() => {\n if (isVisible) {\n const escapeListener = (e: KeyboardEvent) => {\n if (e.code === 'Escape') {\n e.stopPropagation()\n handleClose()\n }\n }\n\n document.addEventListener('keydown', escapeListener, true)\n\n return () => document.removeEventListener('keydown', escapeListener, true)\n }\n return () => {}\n }, [isVisible, handleClose])\n\n useEffect(() => {\n if (popupState === 'closed' && isVisibleProp) {\n } else if (popupState === 'open' && !isVisibleProp) {\n anchorRef.current?.focus()\n }\n }, [anchorRef, isVisibleProp, popupState])\n\n const transitions = useTransition(isVisibleProp, null, {\n from: {\n transform: `scale(0)`,\n opacity: 0\n },\n enter: {\n transform: `scale(1)`,\n opacity: 1\n },\n leave: {\n transform: `scale(0)`,\n opacity: 0\n },\n config: spring.standard,\n unique: true,\n onDestroyed: (isDestroyed: boolean) => {\n setPopupState(isDestroyed ? 'closed' : 'open')\n }\n })\n\n const rootStyle = {\n zIndex,\n position: fixed ? ('fixed' as const) : undefined,\n width: takeWidthOfAnchor ? anchorRef.current?.clientWidth : undefined\n }\n\n const handleMouseLeave = useCallback(() => {\n if (dismissOnMouseLeave) {\n onClose?.()\n }\n }, [dismissOnMouseLeave, onClose])\n\n return (\n <>\n {/ Portal the popup out of the dom structure so that it has a separate stacking context */}\n {popupState !== 'closed'\n ? ReactDOM.createPortal(\n <div\n ref={wrapperRef}\n className={styles.root}\n style={rootStyle}\n onMouseLeave={handleMouseLeave}\n >\n {transitions.map(({ item, key, props }: any) => {\n if (!item) return null\n const AnimatedDiv = animatedAny.div as any\n return (\n <AnimatedDiv\n className={cn(styles.popup, className)}\n css={{ boxShadow: shadows[shadow] }}\n ref={popupRef}\n key={key}\n style={{\n ...props,\n transformOrigin: `${computedTransformOrigin.horizontal} ${computedTransformOrigin.vertical}`\n }}\n >\n {showHeader && (\n <div\n className={cn(styles.header, {\n [styles.noAfter]: hideCloseButton\n })}\n >\n {hideCloseButton ? null : (\n <PlainButton\n variant='subdued'\n aria-label={messages.close}\n onClick={handleClose}\n iconLeft={IconClose}\n />\n )}\n <div className={styles.title}>{title}</div>\n </div>\n )}\n {children}\n </AnimatedDiv>\n )\n })}\n </div>,\n portalLocation\n )\n : null}\n </>\n )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/components/popup/types.d.ts CHANGED Viewed

@@ -77,6 +77,11 @@ export type PopupProps = {
     portalLocation?: HTMLElement;
     shadow?: ShadowOptions;
     fixed?: boolean;
+    /**
+     * When true, the popup will respect the provided origins and avoid flipping
+     * or clamping itself to remain within the viewport.
+     */
+    disableAutoFlip?: boolean;
     /**
      * Whether to take the width of the anchor element
      */

package/dist/components/popup/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/popup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,EAAE,aAAa,EAAE,0BAA4B;AAEpD,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAE/C;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;IAE3D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAEzB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAA;IAErD;;;OAGG;IACH,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/popup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,EAAE,aAAa,EAAE,0BAA4B;AAEpD,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAE/C;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;IAE3D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAEzB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAA;IAErD;;;OAGG;IACH,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA"}

package/dist/components/popup-menu/PopupMenu.d.ts CHANGED Viewed

@@ -20,5 +20,5 @@ export declare const PopupMenu: (props: {
     transformOrigin?: import("../popup").Origin | undefined;
     anchorOrigin?: import("../popup").Origin | undefined;
     fixed?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=PopupMenu.d.ts.map

package/dist/components/popup-menu/PopupMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopupMenu.d.ts","sourceRoot":"","sources":["../../../src/components/popup-menu/PopupMenu.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;~~mJAoKrB~~,CAAA"}
1	+ {"version":3,"file":"PopupMenu.d.ts","sourceRoot":"","sources":["../../../src/components/popup-menu/PopupMenu.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;uJAoKrB,CAAA"}