@popsure/dirty-swan 0.55.3 → 0.56.0

package/dist/esm/{index-a0ef2ab4.js.map → index-e27b50cf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-a0ef2ab4.js","sources":["../../node_modules/react-animate-height/dist/esm/index.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n// ------------------ Helpers\nfunction isNumber(n) {\n    const number = parseFloat(n);\n    return !isNaN(number) && isFinite(number);\n}\nfunction isPercentage(height) {\n    // Percentage height\n    return (typeof height === 'string' &&\n        height[height.length - 1] === '%' &&\n        isNumber(height.substring(0, height.length - 1)));\n}\nfunction hideContent(element, height) {\n    // Check for element?.style is added cause this would fail in tests (react-test-renderer)\n    // Read more here: https://github.com/Stanko/react-animate-height/issues/17\n    if (height === 0 && (element === null || element === void 0 ? void 0 : element.style)) {\n        element.style.display = 'none';\n    }\n}\nfunction showContent(element, height) {\n    // Check for element?.style is added cause this would fail in tests (react-test-renderer)\n    // Read more here: https://github.com/Stanko/react-animate-height/issues/17\n    if (height === 0 && (element === null || element === void 0 ? void 0 : element.style)) {\n        element.style.display = '';\n    }\n}\nconst ANIMATION_STATE_CLASSES = {\n    animating: 'rah-animating',\n    animatingUp: 'rah-animating--up',\n    animatingDown: 'rah-animating--down',\n    animatingToHeightZero: 'rah-animating--to-height-zero',\n    animatingToHeightAuto: 'rah-animating--to-height-auto',\n    animatingToHeightSpecific: 'rah-animating--to-height-specific',\n    static: 'rah-static',\n    staticHeightZero: 'rah-static--height-zero',\n    staticHeightAuto: 'rah-static--height-auto',\n    staticHeightSpecific: 'rah-static--height-specific',\n};\nfunction getStaticStateClasses(animationStateClasses, height) {\n    return classNames({\n        [animationStateClasses.static]: true,\n        [animationStateClasses.staticHeightZero]: height === 0,\n        [animationStateClasses.staticHeightSpecific]: height > 0,\n        [animationStateClasses.staticHeightAuto]: height === 'auto',\n    });\n}\nconst AnimateHeight = (_a) => {\n    var { animateOpacity = false, animationStateClasses = {}, applyInlineTransitions = true, children, className = '', contentClassName, delay: userDelay = 0, duration: userDuration = 500, easing = 'ease', height, onHeightAnimationEnd, onHeightAnimationStart, style } = _a, props = __rest(_a, [\"animateOpacity\", \"animationStateClasses\", \"applyInlineTransitions\", \"children\", \"className\", \"contentClassName\", \"delay\", \"duration\", \"easing\", \"height\", \"onHeightAnimationEnd\", \"onHeightAnimationStart\", \"style\"]);\n    // ------------------ Initialization\n    const prevHeight = useRef(height);\n    const contentElement = useRef(null);\n    const animationClassesTimeoutID = useRef();\n    const timeoutID = useRef();\n    const stateClasses = useRef(Object.assign(Object.assign({}, ANIMATION_STATE_CLASSES), animationStateClasses));\n    const isBrowser = typeof window !== 'undefined';\n    const prefersReducedMotion = useRef(isBrowser && window.matchMedia\n        ? window.matchMedia('(prefers-reduced-motion)').matches\n        : false);\n    const delay = prefersReducedMotion.current ? 0 : userDelay;\n    const duration = prefersReducedMotion.current ? 0 : userDuration;\n    let initHeight = height;\n    let initOverflow = 'visible';\n    if (typeof initHeight === 'number') {\n        // Reset negative height to 0\n        initHeight = height < 0 ? 0 : height;\n        initOverflow = 'hidden';\n    }\n    else if (isPercentage(initHeight)) {\n        // If value is string \"0%\" make sure we convert it to number 0\n        initHeight = height === '0%' ? 0 : height;\n        initOverflow = 'hidden';\n    }\n    const [currentHeight, setCurrentHeight] = useState(initHeight);\n    const [overflow, setOverflow] = useState(initOverflow);\n    const [useTransitions, setUseTransitions] = useState(false);\n    const [animationStateClassNames, setAnimationStateClassNames] = useState(getStaticStateClasses(stateClasses.current, height));\n    // ------------------ Did mount\n    useEffect(() => {\n        // Hide content if height is 0 (to prevent tabbing into it)\n        hideContent(contentElement.current, currentHeight);\n        // This should be explicitly run only on mount\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n    // ------------------ Height update\n    useEffect(() => {\n        if (height !== prevHeight.current && contentElement.current) {\n            showContent(contentElement.current, prevHeight.current);\n            // Cache content height\n            contentElement.current.style.overflow = 'hidden';\n            const contentHeight = contentElement.current.offsetHeight;\n            contentElement.current.style.overflow = '';\n            // set total animation time\n            const totalDuration = duration + delay;\n            let newHeight;\n            let timeoutHeight;\n            let timeoutOverflow = 'hidden';\n            let timeoutUseTransitions;\n            const isCurrentHeightAuto = prevHeight.current === 'auto';\n            if (typeof height === 'number') {\n                // Reset negative height to 0\n                newHeight = height < 0 ? 0 : height;\n                timeoutHeight = newHeight;\n            }\n            else if (isPercentage(height)) {\n                // If value is string \"0%\" make sure we convert it to number 0\n                newHeight = height === '0%' ? 0 : height;\n                timeoutHeight = newHeight;\n            }\n            else {\n                // If not, animate to content height\n                // and then reset to auto\n                newHeight = contentHeight; // TODO solve contentHeight = 0\n                timeoutHeight = 'auto';\n                timeoutOverflow = undefined;\n            }\n            if (isCurrentHeightAuto) {\n                // This is the height to be animated to\n                timeoutHeight = newHeight;\n                // If previous height was 'auto'\n                // set starting height explicitly to be able to use transition\n                newHeight = contentHeight;\n            }\n            // Animation classes\n            const newAnimationStateClassNames = classNames({\n                [stateClasses.current.animating]: true,\n                [stateClasses.current.animatingUp]: prevHeight.current === 'auto' || height < prevHeight.current,\n                [stateClasses.current.animatingDown]: height === 'auto' || height > prevHeight.current,\n                [stateClasses.current.animatingToHeightZero]: timeoutHeight === 0,\n                [stateClasses.current.animatingToHeightAuto]: timeoutHeight === 'auto',\n                [stateClasses.current.animatingToHeightSpecific]: timeoutHeight > 0,\n            });\n            // Animation classes to be put after animation is complete\n            const timeoutAnimationStateClasses = getStaticStateClasses(stateClasses.current, timeoutHeight);\n            // Set starting height and animating classes\n            // When animating from 'auto' we first need to set fixed height\n            // that change should be animated\n            setCurrentHeight(newHeight);\n            setOverflow('hidden');\n            setUseTransitions(!isCurrentHeightAuto);\n            setAnimationStateClassNames(newAnimationStateClassNames);\n            // Clear timeouts\n            clearTimeout(timeoutID.current);\n            clearTimeout(animationClassesTimeoutID.current);\n            if (isCurrentHeightAuto) {\n                // When animating from 'auto' we use a short timeout to start animation\n                // after setting fixed height above\n                timeoutUseTransitions = true;\n                // Short timeout to allow rendering of the initial animation state first\n                timeoutID.current = setTimeout(() => {\n                    setCurrentHeight(timeoutHeight);\n                    setOverflow(timeoutOverflow);\n                    setUseTransitions(timeoutUseTransitions);\n                    // ANIMATION STARTS, run a callback if it exists\n                    onHeightAnimationStart === null || onHeightAnimationStart === void 0 ? void 0 : onHeightAnimationStart(timeoutHeight);\n                }, 50);\n                // Set static classes and remove transitions when animation ends\n                animationClassesTimeoutID.current = setTimeout(() => {\n                    setUseTransitions(false);\n                    setAnimationStateClassNames(timeoutAnimationStateClasses);\n                    // ANIMATION ENDS\n                    // Hide content if height is 0 (to prevent tabbing into it)\n                    hideContent(contentElement.current, timeoutHeight);\n                    // Run a callback if it exists\n                    onHeightAnimationEnd === null || onHeightAnimationEnd === void 0 ? void 0 : onHeightAnimationEnd(timeoutHeight);\n                }, totalDuration);\n            }\n            else {\n                // ANIMATION STARTS, run a callback if it exists\n                onHeightAnimationStart === null || onHeightAnimationStart === void 0 ? void 0 : onHeightAnimationStart(newHeight);\n                // Set end height, classes and remove transitions when animation is complete\n                timeoutID.current = setTimeout(() => {\n                    setCurrentHeight(timeoutHeight);\n                    setOverflow(timeoutOverflow);\n                    setUseTransitions(false);\n                    setAnimationStateClassNames(timeoutAnimationStateClasses);\n                    // ANIMATION ENDS\n                    // If height is auto, don't hide the content\n                    // (case when element is empty, therefore height is 0)\n                    if (height !== 'auto') {\n                        // Hide content if height is 0 (to prevent tabbing into it)\n                        hideContent(contentElement.current, newHeight); // TODO solve newHeight = 0\n                    }\n                    // Run a callback if it exists\n                    onHeightAnimationEnd === null || onHeightAnimationEnd === void 0 ? void 0 : onHeightAnimationEnd(newHeight);\n                }, totalDuration);\n            }\n        }\n        prevHeight.current = height;\n        return () => {\n            clearTimeout(timeoutID.current);\n            clearTimeout(animationClassesTimeoutID.current);\n        };\n        // This should be explicitly run only on height change\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [height]);\n    // ------------------ Render\n    const componentStyle = Object.assign(Object.assign({}, style), { height: currentHeight, overflow: overflow || (style === null || style === void 0 ? void 0 : style.overflow) });\n    if (useTransitions && applyInlineTransitions) {\n        componentStyle.transition = `height ${duration}ms ${easing} ${delay}ms`;\n        // Include transition passed through styles\n        if (style === null || style === void 0 ? void 0 : style.transition) {\n            componentStyle.transition = `${style.transition}, ${componentStyle.transition}`;\n        }\n        // Add webkit vendor prefix still used by opera, blackberry...\n        componentStyle.WebkitTransition = componentStyle.transition;\n    }\n    const contentStyle = {};\n    if (animateOpacity) {\n        contentStyle.transition = `opacity ${duration}ms ${easing} ${delay}ms`;\n        // Add webkit vendor prefix still used by opera, blackberry...\n        contentStyle.WebkitTransition = contentStyle.transition;\n        if (currentHeight === 0) {\n            contentStyle.opacity = 0;\n        }\n    }\n    // Check if user passed aria-hidden prop\n    const hasAriaHiddenProp = typeof props['aria-hidden'] !== 'undefined';\n    const ariaHidden = hasAriaHiddenProp ? props['aria-hidden'] : height === 0;\n    return (React.createElement(\"div\", Object.assign({}, props, { \"aria-hidden\": ariaHidden, className: `${animationStateClassNames} ${className}`, style: componentStyle }),\n        React.createElement(\"div\", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));\n};\nexport default AnimateHeight;\n"],"names":["this","React"],"mappings":"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"}
+{"version":3,"file":"index-e27b50cf.js","sources":["../../node_modules/react-animate-height/dist/esm/index.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n// ------------------ Helpers\nfunction isNumber(n) {\n    const number = parseFloat(n);\n    return !isNaN(number) && isFinite(number);\n}\nfunction isPercentage(height) {\n    // Percentage height\n    return (typeof height === 'string' &&\n        height[height.length - 1] === '%' &&\n        isNumber(height.substring(0, height.length - 1)));\n}\nfunction hideContent(element, height) {\n    // Check for element?.style is added cause this would fail in tests (react-test-renderer)\n    // Read more here: https://github.com/Stanko/react-animate-height/issues/17\n    if (height === 0 && (element === null || element === void 0 ? void 0 : element.style)) {\n        element.style.display = 'none';\n    }\n}\nfunction showContent(element, height) {\n    // Check for element?.style is added cause this would fail in tests (react-test-renderer)\n    // Read more here: https://github.com/Stanko/react-animate-height/issues/17\n    if (height === 0 && (element === null || element === void 0 ? void 0 : element.style)) {\n        element.style.display = '';\n    }\n}\nconst ANIMATION_STATE_CLASSES = {\n    animating: 'rah-animating',\n    animatingUp: 'rah-animating--up',\n    animatingDown: 'rah-animating--down',\n    animatingToHeightZero: 'rah-animating--to-height-zero',\n    animatingToHeightAuto: 'rah-animating--to-height-auto',\n    animatingToHeightSpecific: 'rah-animating--to-height-specific',\n    static: 'rah-static',\n    staticHeightZero: 'rah-static--height-zero',\n    staticHeightAuto: 'rah-static--height-auto',\n    staticHeightSpecific: 'rah-static--height-specific',\n};\nfunction getStaticStateClasses(animationStateClasses, height) {\n    return classNames({\n        [animationStateClasses.static]: true,\n        [animationStateClasses.staticHeightZero]: height === 0,\n        [animationStateClasses.staticHeightSpecific]: height > 0,\n        [animationStateClasses.staticHeightAuto]: height === 'auto',\n    });\n}\nconst AnimateHeight = (_a) => {\n    var { animateOpacity = false, animationStateClasses = {}, applyInlineTransitions = true, children, className = '', contentClassName, delay: userDelay = 0, duration: userDuration = 500, easing = 'ease', height, onHeightAnimationEnd, onHeightAnimationStart, style } = _a, props = __rest(_a, [\"animateOpacity\", \"animationStateClasses\", \"applyInlineTransitions\", \"children\", \"className\", \"contentClassName\", \"delay\", \"duration\", \"easing\", \"height\", \"onHeightAnimationEnd\", \"onHeightAnimationStart\", \"style\"]);\n    // ------------------ Initialization\n    const prevHeight = useRef(height);\n    const contentElement = useRef(null);\n    const animationClassesTimeoutID = useRef();\n    const timeoutID = useRef();\n    const stateClasses = useRef(Object.assign(Object.assign({}, ANIMATION_STATE_CLASSES), animationStateClasses));\n    const isBrowser = typeof window !== 'undefined';\n    const prefersReducedMotion = useRef(isBrowser && window.matchMedia\n        ? window.matchMedia('(prefers-reduced-motion)').matches\n        : false);\n    const delay = prefersReducedMotion.current ? 0 : userDelay;\n    const duration = prefersReducedMotion.current ? 0 : userDuration;\n    let initHeight = height;\n    let initOverflow = 'visible';\n    if (typeof initHeight === 'number') {\n        // Reset negative height to 0\n        initHeight = height < 0 ? 0 : height;\n        initOverflow = 'hidden';\n    }\n    else if (isPercentage(initHeight)) {\n        // If value is string \"0%\" make sure we convert it to number 0\n        initHeight = height === '0%' ? 0 : height;\n        initOverflow = 'hidden';\n    }\n    const [currentHeight, setCurrentHeight] = useState(initHeight);\n    const [overflow, setOverflow] = useState(initOverflow);\n    const [useTransitions, setUseTransitions] = useState(false);\n    const [animationStateClassNames, setAnimationStateClassNames] = useState(getStaticStateClasses(stateClasses.current, height));\n    // ------------------ Did mount\n    useEffect(() => {\n        // Hide content if height is 0 (to prevent tabbing into it)\n        hideContent(contentElement.current, currentHeight);\n        // This should be explicitly run only on mount\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n    // ------------------ Height update\n    useEffect(() => {\n        if (height !== prevHeight.current && contentElement.current) {\n            showContent(contentElement.current, prevHeight.current);\n            // Cache content height\n            contentElement.current.style.overflow = 'hidden';\n            const contentHeight = contentElement.current.offsetHeight;\n            contentElement.current.style.overflow = '';\n            // set total animation time\n            const totalDuration = duration + delay;\n            let newHeight;\n            let timeoutHeight;\n            let timeoutOverflow = 'hidden';\n            let timeoutUseTransitions;\n            const isCurrentHeightAuto = prevHeight.current === 'auto';\n            if (typeof height === 'number') {\n                // Reset negative height to 0\n                newHeight = height < 0 ? 0 : height;\n                timeoutHeight = newHeight;\n            }\n            else if (isPercentage(height)) {\n                // If value is string \"0%\" make sure we convert it to number 0\n                newHeight = height === '0%' ? 0 : height;\n                timeoutHeight = newHeight;\n            }\n            else {\n                // If not, animate to content height\n                // and then reset to auto\n                newHeight = contentHeight; // TODO solve contentHeight = 0\n                timeoutHeight = 'auto';\n                timeoutOverflow = undefined;\n            }\n            if (isCurrentHeightAuto) {\n                // This is the height to be animated to\n                timeoutHeight = newHeight;\n                // If previous height was 'auto'\n                // set starting height explicitly to be able to use transition\n                newHeight = contentHeight;\n            }\n            // Animation classes\n            const newAnimationStateClassNames = classNames({\n                [stateClasses.current.animating]: true,\n                [stateClasses.current.animatingUp]: prevHeight.current === 'auto' || height < prevHeight.current,\n                [stateClasses.current.animatingDown]: height === 'auto' || height > prevHeight.current,\n                [stateClasses.current.animatingToHeightZero]: timeoutHeight === 0,\n                [stateClasses.current.animatingToHeightAuto]: timeoutHeight === 'auto',\n                [stateClasses.current.animatingToHeightSpecific]: timeoutHeight > 0,\n            });\n            // Animation classes to be put after animation is complete\n            const timeoutAnimationStateClasses = getStaticStateClasses(stateClasses.current, timeoutHeight);\n            // Set starting height and animating classes\n            // When animating from 'auto' we first need to set fixed height\n            // that change should be animated\n            setCurrentHeight(newHeight);\n            setOverflow('hidden');\n            setUseTransitions(!isCurrentHeightAuto);\n            setAnimationStateClassNames(newAnimationStateClassNames);\n            // Clear timeouts\n            clearTimeout(timeoutID.current);\n            clearTimeout(animationClassesTimeoutID.current);\n            if (isCurrentHeightAuto) {\n                // When animating from 'auto' we use a short timeout to start animation\n                // after setting fixed height above\n                timeoutUseTransitions = true;\n                // Short timeout to allow rendering of the initial animation state first\n                timeoutID.current = setTimeout(() => {\n                    setCurrentHeight(timeoutHeight);\n                    setOverflow(timeoutOverflow);\n                    setUseTransitions(timeoutUseTransitions);\n                    // ANIMATION STARTS, run a callback if it exists\n                    onHeightAnimationStart === null || onHeightAnimationStart === void 0 ? void 0 : onHeightAnimationStart(timeoutHeight);\n                }, 50);\n                // Set static classes and remove transitions when animation ends\n                animationClassesTimeoutID.current = setTimeout(() => {\n                    setUseTransitions(false);\n                    setAnimationStateClassNames(timeoutAnimationStateClasses);\n                    // ANIMATION ENDS\n                    // Hide content if height is 0 (to prevent tabbing into it)\n                    hideContent(contentElement.current, timeoutHeight);\n                    // Run a callback if it exists\n                    onHeightAnimationEnd === null || onHeightAnimationEnd === void 0 ? void 0 : onHeightAnimationEnd(timeoutHeight);\n                }, totalDuration);\n            }\n            else {\n                // ANIMATION STARTS, run a callback if it exists\n                onHeightAnimationStart === null || onHeightAnimationStart === void 0 ? void 0 : onHeightAnimationStart(newHeight);\n                // Set end height, classes and remove transitions when animation is complete\n                timeoutID.current = setTimeout(() => {\n                    setCurrentHeight(timeoutHeight);\n                    setOverflow(timeoutOverflow);\n                    setUseTransitions(false);\n                    setAnimationStateClassNames(timeoutAnimationStateClasses);\n                    // ANIMATION ENDS\n                    // If height is auto, don't hide the content\n                    // (case when element is empty, therefore height is 0)\n                    if (height !== 'auto') {\n                        // Hide content if height is 0 (to prevent tabbing into it)\n                        hideContent(contentElement.current, newHeight); // TODO solve newHeight = 0\n                    }\n                    // Run a callback if it exists\n                    onHeightAnimationEnd === null || onHeightAnimationEnd === void 0 ? void 0 : onHeightAnimationEnd(newHeight);\n                }, totalDuration);\n            }\n        }\n        prevHeight.current = height;\n        return () => {\n            clearTimeout(timeoutID.current);\n            clearTimeout(animationClassesTimeoutID.current);\n        };\n        // This should be explicitly run only on height change\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [height]);\n    // ------------------ Render\n    const componentStyle = Object.assign(Object.assign({}, style), { height: currentHeight, overflow: overflow || (style === null || style === void 0 ? void 0 : style.overflow) });\n    if (useTransitions && applyInlineTransitions) {\n        componentStyle.transition = `height ${duration}ms ${easing} ${delay}ms`;\n        // Include transition passed through styles\n        if (style === null || style === void 0 ? void 0 : style.transition) {\n            componentStyle.transition = `${style.transition}, ${componentStyle.transition}`;\n        }\n        // Add webkit vendor prefix still used by opera, blackberry...\n        componentStyle.WebkitTransition = componentStyle.transition;\n    }\n    const contentStyle = {};\n    if (animateOpacity) {\n        contentStyle.transition = `opacity ${duration}ms ${easing} ${delay}ms`;\n        // Add webkit vendor prefix still used by opera, blackberry...\n        contentStyle.WebkitTransition = contentStyle.transition;\n        if (currentHeight === 0) {\n            contentStyle.opacity = 0;\n        }\n    }\n    // Check if user passed aria-hidden prop\n    const hasAriaHiddenProp = typeof props['aria-hidden'] !== 'undefined';\n    const ariaHidden = hasAriaHiddenProp ? props['aria-hidden'] : height === 0;\n    return (React.createElement(\"div\", Object.assign({}, props, { \"aria-hidden\": ariaHidden, className: `${animationStateClassNames} ${className}`, style: componentStyle }),\n        React.createElement(\"div\", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));\n};\nexport default AnimateHeight;\n"],"names":["this","React"],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -1,3 +1,3 @@
-export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, InfoCard, CardButton, Card, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, } from './lib';
+export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, CardButton, Card, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, } from './lib';
 export * from './lib/components/icon';
-export type { AccordionProps, DownloadStatus, InformationBoxProps, InputProps, IllustrationKeys, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps } from './lib';
+export type { AccordionProps, DownloadStatus, InformationBoxProps, InputProps, IllustrationKeys, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps, } from './lib';

package/dist/esm/index.js

@@ -13,6 +13,7 @@ export { Radio } from './components/input/radio/index.js';
 export { BottomModal } from './components/modal/bottomModal/index.js';
 export { RegularModal } from './components/modal/regularModal/index.js';
 export { BottomOrRegularModal } from './components/modal/bottomOrRegularModal/index.js';
+export { FullScreenModal } from './components/modal/fullScreenModal/index.js';
 export { InfoCard } from './components/cards/index.js';
 export { CardButton } from './components/cards/cardButton/index.js';
 export { Card } from './components/cards/card/index.js';
@@ -26,9 +27,10 @@ export { Link } from './components/link/index.js';
 export { i as illustrations, a as images } from './index-29e6f39e.js';
 export { Spinner } from './components/spinner/index.js';
 export { Toggle } from './components/input/toggle/index.js';
-export { a as Toaster, t as toast } from './index-3aa7e697.js';
+export { a as Toaster, t as toast } from './index-4b19aafb.js';
 export { Accordion } from './components/accordion/index.js';
 export { Table } from './components/table/Table.js';
+import { useCallback, useEffect } from 'react';
 export { default as Svg1Icon } from './components/icon/icons/1.js';
 export { default as Svg2Icon } from './components/icon/icons/2.js';
 export { default as Svg3Icon } from './components/icon/icons/3.js';
@@ -418,8 +420,7 @@ export { default as TableButton } from './components/comparisonTable/components/
 export { default as TableInfoButton } from './components/comparisonTable/components/TableInfoButton/index.js';
 import './tslib.es6-a39f91fc.js';
 import 'react/jsx-runtime';
-import 'react';
-import './Calendar-3239814b.js';
+import './Calendar-d39056f4.js';
 import './_commonjsHelpers-4730bd53.js';
 import './style-inject.es-1f59c1d0.js';
 import './index-6ea95111.js';
@@ -427,10 +428,11 @@ import './components/icon/IconWrapper/IconWrapper.js';
 import './index-69a46657.js';
 import './index-5e72c3d4.js';
 import './index-dd80248b.js';
-import './index-a0ef2ab4.js';
+import './index-e27b50cf.js';
 import './components/multiDropzone/UploadFileCell/index.js';
 import './components/modal/genericModal/index.js';
-import './index-3d286178.js';
+import './index-171a0108.js';
+import './index-af1860d8.js';
 import './components/comparisonTable/components/Chevron.js';
 import './components/comparisonTable/components/Row/index.js';
 import './components/comparisonTable/components/TableArrows/index.js';
@@ -445,10 +447,38 @@ import './components/table/components/TableCell/CTACell/CTACell.js';
 import './components/table/components/IconRenderer/IconRenderer.js';
 import './components/table/components/TableCell/CardCell/CardCell.js';
 import './components/table/components/TableCell/ButtonCell/ButtonCell.js';
-import './TableSection-a1be2bd3.js';
+import './TableSection-24337bc7.js';
 import './components/table/components/TableContents/TableContents.js';
 import './components/table/components/TableContents/Collapsible.js';
 import './useTableNavigation-f929fbc9.js';
 import './components/table/components/TableControls/TableControls.js';
 import './useScrollSync-b2d28bed.js';
+
+var useEscapeKey = function (callback) {
+    var handleOnEscape = useCallback(function (e) {
+        if (e.key === 'Escape') {
+            callback();
+        }
+    }, [callback]);
+    useEffect(function () {
+        window.addEventListener('keydown', handleOnEscape);
+        return function () { return window.removeEventListener('keydown', handleOnEscape); };
+    }, [handleOnEscape]);
+};
+
+var useFocusWithin = function (ref, callback) {
+    useEffect(function () {
+        var handleOnFocusIn = function () {
+            if (!ref) {
+                return;
+            }
+            var hasFocus = ref === null || ref === void 0 ? void 0 : ref.contains(document.activeElement);
+            callback(Boolean(hasFocus));
+        };
+        document.addEventListener('focusin', handleOnFocusIn);
+        return function () { return document === null || document === void 0 ? void 0 : document.removeEventListener('focusin', handleOnFocusIn); };
+    }, [callback, ref]);
+};
+
+export { useEscapeKey, useFocusWithin };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/hooks/useEscapeKey.ts","../../../src/lib/hooks/useFocusWithin.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport const useEscapeKey = (callback: () => void) => {\n  const handleOnEscape = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        callback();\n      }\n    },\n    [callback]\n  );\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleOnEscape);\n\n    return () => window.removeEventListener('keydown', handleOnEscape);\n  }, [handleOnEscape]);\n};\n","import { useEffect } from 'react';\n\nexport const useFocusWithin = (\n  ref: HTMLElement | null,\n  callback: (isFocusWithin: boolean) => void\n) => {\n  useEffect(() => {\n    const handleOnFocusIn = () => {\n      if (!ref) {\n        return;\n      }\n\n      const hasFocus = ref?.contains(document.activeElement);\n\n      callback(Boolean(hasFocus));\n    };\n\n    document.addEventListener('focusin', handleOnFocusIn);\n\n    return () => document?.removeEventListener('focusin', handleOnFocusIn);\n  }, [callback, ref]);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEa,YAAY,GAAG,UAAC,QAAoB;IAC/C,IAAM,cAAc,GAAG,WAAW,CAChC,UAAC,CAAgB;QACf,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,QAAQ,EAAE,CAAC;SACZ;KACF,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;QAEnD,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,GAAA,CAAC;KACpE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACvB;;ICfa,cAAc,GAAG,UAC5B,GAAuB,EACvB,QAA0C;IAE1C,SAAS,CAAC;QACR,IAAM,eAAe,GAAG;YACtB,IAAI,CAAC,GAAG,EAAE;gBACR,OAAO;aACR;YAED,IAAM,QAAQ,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;YAEvD,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;SAC7B,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QAEtD,OAAO,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,GAAA,CAAC;KACxE,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;AACtB;;;;"}

package/dist/esm/lib/components/modal/fullScreenModal/index.d.ts

@@ -0,0 +1,3 @@
+import { Props } from "..";
+declare const FullScreenModal: ({ className, ...rest }: Props) => JSX.Element;
+export { FullScreenModal };

package/dist/esm/lib/components/modal/index.d.ts

@@ -1,6 +1,7 @@
 import { BottomModal } from './bottomModal';
 import { RegularModal } from './regularModal';
 import { BottomOrRegularModal } from './bottomOrRegularModal';
+import { FullScreenModal } from './fullScreenModal';
 import { ReactNode } from 'react';
 export interface Props {
     title?: ReactNode;
@@ -13,4 +14,4 @@ export interface Props {
     size?: 'default' | 'large';
     footer?: ReactNode;
 }
-export { BottomModal, RegularModal, BottomOrRegularModal };
+export { BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal };

package/dist/esm/lib/components/modal/index.stories.d.ts

@@ -76,6 +76,10 @@ export declare const BottomModalStory: {
     ({ children, isOpen, onClose, title, }: Props): JSX.Element;
     storyName: string;
 };
+export declare const FullScreenModalStory: {
+    ({ children, isOpen, onClose, title, }: Props): JSX.Element;
+    storyName: string;
+};
 export declare const NonDismissibleModal: ({ children, isOpen, onClose, title, }: Props) => JSX.Element;
 export declare const ModalWithFooter: ({ children, isOpen, onClose, title, }: Props) => JSX.Element;
 export declare const ModalWithFooterAndScroll: ({ children, isOpen, onClose, title, }: Props) => JSX.Element;

package/dist/esm/lib/hooks/useEscapeKey.d.ts

@@ -0,0 +1 @@
+export declare const useEscapeKey: (callback: () => void) => void;

package/dist/esm/lib/hooks/useFocusWithin.d.ts

@@ -0,0 +1 @@
+export declare const useFocusWithin: (ref: HTMLElement | null, callback: (isFocusWithin: boolean) => void) => void;

package/dist/esm/lib/index.d.ts

@@ -10,7 +10,7 @@ import { CurrencyInput } from './components/input/currency';
 import { Badge } from './components/badge';
 import { Checkbox } from './components/input/checkbox';
 import { Radio } from './components/input/radio';
-import { BottomModal, RegularModal, BottomOrRegularModal } from './components/modal';
+import { BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal } from './components/modal';
 import { InfoCard, CardButton } from './components/cards';
 import { Card, CardProps } from './components/cards/card';
 import { Button } from './components/button';
@@ -27,7 +27,9 @@ import { Toaster, toast } from './components/toast';
 import { IconWrapperProps } from './components/icon/IconWrapper';
 import { Accordion, AccordionProps } from './components/accordion';
 import { Table, TableData, TableProps } from './components/table/Table';
+import { useEscapeKey } from './hooks/useEscapeKey';
+import { useFocusWithin } from './hooks/useFocusWithin';
 export * from './components/icon';
-export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, };
+export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, };
 export type { AccordionProps, IllustrationKeys, InformationBoxProps, InputProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps, };
 export type { DownloadStatus } from './models/download';

package/dist/esm/util/testUtils/customRender.js

@@ -1,5 +1,5 @@
 import '../../tslib.es6-a39f91fc.js';
-export { c as customRender } from '../../customRender-d03c10b6.js';
+export { c as customRender } from '../../customRender-be47569b.js';
 import 'react';
 import 'react-dom';
 import '../../_commonjsHelpers-4730bd53.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.55.3",
+  "version": "0.56.0",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,
@@ -33,6 +33,7 @@
     "react-autosuggest": "^10.1.0",
     "react-day-picker": "^7.4.10",
     "react-dropzone": "^14.2.2",
+    "react-focus-lock": "^2.13.2",
     "react-hot-toast": "^2.4.1",
     "react-scroll-sync": "^0.11.2",
     "sass": "^1.35.1",

package/src/index.tsx

@@ -13,6 +13,7 @@ export {
   BottomModal,
   RegularModal,
   BottomOrRegularModal,
+  FullScreenModal,
   InfoCard,
   CardButton,
   Card,
@@ -40,6 +41,8 @@ export {
   Toggle,
   Toaster,
   toast,
+  useEscapeKey,
+  useFocusWithin,
 } from './lib';
 
 export * from './lib/components/icon';
@@ -58,7 +61,7 @@ export type {
   CardProps,
   IconWrapperProps,
   TableData,
-  TableProps
+  TableProps,
 } from './lib';
 
 ReactDOM.render(<App />, document.getElementById('root'));

package/src/lib/components/modal/fullScreenModal/index.tsx

@@ -0,0 +1,24 @@
+import { Props } from "..";
+import styles from "./style.module.scss";
+import classNames from "classnames";
+import { GenericModal } from "../genericModal";
+
+const FullScreenModal = ({ className, ...rest }: Props) => (
+  <GenericModal
+    titleSize="small"
+    classNames={{
+      wrapper: "w100",
+      container: ({ isClosing }) => classNames(
+        "bg-white d-flex fd-column w100",
+        className,
+        styles.container, {
+          [styles.containerClose]: isClosing, 
+        }
+      ),
+      body: styles.body,
+    }}
+    {...rest}
+  />
+);
+
+export { FullScreenModal };

package/src/lib/components/modal/fullScreenModal/style.module.scss

@@ -0,0 +1,49 @@
+@use '../../../scss/public/grid' as *;
+@use '../../../scss/public/colors' as *;
+
+@keyframes appear-in {
+  0% {
+    opacity: 0;
+    visibility: hidden;
+  }
+  100% {
+    opacity: 1;
+    visibility: visible;
+  }
+}
+
+@keyframes disappear-out {
+  0% {
+    opacity: 1;
+    visibility: visible;
+  }
+  100% {
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+.container {
+  max-height: 100vh;
+  top: 0;
+  bottom: 0;
+  position: fixed;
+
+  animation-name: appear-in;
+  animation-duration: 0.4s;
+  animation-fill-mode: both;
+  animation-timing-function: ease-out;
+
+  &Close {
+    animation-name: disappear-out;
+    animation-duration: 0.4s;
+    animation-delay: 0s;
+    animation-fill-mode: both;
+    animation-timing-function: ease-out;
+  }
+}
+
+.body {
+  @include p-size-mobile {
+    padding-bottom: 48px;
+  }
+}

package/src/lib/components/modal/genericModal/index.tsx

@@ -6,6 +6,7 @@ import classNamesUtil from 'classnames';
 import { Button } from '../../button';
 import { XIcon } from '../../icon';
 import { useRef, useEffect } from 'react';
+import FocusLock from 'react-focus-lock';
 
 interface GenericModalProps extends Props {
   classNames?: {
@@ -43,12 +44,12 @@ const InnerModal = ({
     }
     const handleOnScroll = () => {
       if (modalBodyRef.current) {
-        onModalScroll(modalBodyRef.current.scrollTop, modalBodyRef.current)
+        onModalScroll(modalBodyRef.current.scrollTop, modalBodyRef.current);
       }
-    }
-  
+    };
+
     modalBodyRef.current.addEventListener('scroll', handleOnScroll);
-  
+
     return () => {
       modalBodyRef.current?.removeEventListener('scroll', handleOnScroll);
     };
@@ -56,105 +57,97 @@ const InnerModal = ({
 
   return (
     <div
-      className={classNamesUtil(
-        classNames?.overlay,
-        styles.overlay, {
-          [styles.overlayClose]: isClosing,
-        }
-      )}
+      className={classNamesUtil(classNames?.overlay, styles.overlay, {
+        [styles.overlayClose]: isClosing,
+      })}
       onAnimationEnd={handleOnCloseAnimationEnded}
       onClick={handleOnOverlayClick}
     >
-      <div 
+      <div
         className={
-          typeof classNames?.wrapper === 'string' 
-            ? classNames?.wrapper 
+          typeof classNames?.wrapper === 'string'
+            ? classNames?.wrapper
             : classNames?.wrapper?.({ isClosing })
         }
       >
         <div
+          aria-modal="true"
+          role="dialog"
           className={
-            typeof classNames?.container === 'string' 
-            ? classNames?.container 
-            : classNames?.container?.({ isClosing })
+            typeof classNames?.container === 'string'
+              ? classNames?.container
+              : classNames?.container?.({ isClosing })
           }
           onClick={handleContainerClick}
         >
+          <FocusLock returnFocus>
+            <div
+              className={classNamesUtil(
+                'bg-white d-flex ai-center w100 px24 pt24 pb16',
+                styles.header,
+                {
+                  'jc-between': !!title,
+                  'jc-end': !title,
+                }
+              )}
+            >
+              {title && (
+                <div
+                  className={classNamesUtil(
+                    styles.title,
+                    titleSize === 'small' ? 'p-h4' : 'p-h2'
+                  )}
+                >
+                  {title}
+                </div>
+              )}
 
-          <div
-            className={classNamesUtil(
-              'bg-white d-flex ai-center w100 px24 pt24 pb16',
-              styles.header, {
-                'jc-between': !!title,
-                'jc-end': !title,
-              }
-            )}
-          >
-            {title && (
+              {dismissible && (
+                <Button
+                  hideLabel
+                  leftIcon={<XIcon color="grey-700" />}
+                  onClick={handleOnClose}
+                  type="button"
+                  variant="textColor"
+                  className={classNamesUtil(
+                    classNames?.closeButton,
+                    'p0',
+                    styles.closeButton
+                  )}
+                >
+                  Close modal
+                </Button>
+              )}
+            </div>
+
+            <div
+              className={classNamesUtil('w100', classNames?.body, styles.body)}
+              ref={modalBodyRef}
+            >
+              {children}
+            </div>
+
+            {footer && (
               <div
                 className={classNamesUtil(
-                  styles.title,
-                  titleSize === 'small' ? 'p-h4' : 'p-h2'
+                  classNames?.footer,
+                  'w100 bg-white',
+                  styles.footer
                 )}
               >
-                {title}
+                <div className="p24 pt16">{footer}</div>
               </div>
             )}
-          
-            {dismissible && (
-              <Button
-                hideLabel
-                leftIcon={<XIcon color="grey-700" />}
-                onClick={handleOnClose}
-                type="button"
-                variant="textColor"
-                className={classNamesUtil(
-                  classNames?.closeButton,
-                  'p0',
-                  styles.closeButton
-                )}
-              >
-                Close modal
-              </Button>
-            )}
-          </div>
-
-          <div
-            className={classNamesUtil(
-              'w100',
-              classNames?.body,
-              styles.body
-            )}
-            ref={modalBodyRef}
-          >
-            {children}
-          </div>
-
-          {footer && (
-            <div
-              className={classNamesUtil(
-                classNames?.footer,
-                'w100 bg-white',
-                styles.footer
-              )}
-            >
-              <div className="p24 pt16">
-                {footer}
-              </div>
-            </div>
-          )}
+          </FocusLock>
         </div>
       </div>
     </div>
   );
-}
+};
 
 export const GenericModal = (props: GenericModalProps) => {
-  const { isOpen, onClose, dismissible = true } = props; 
-  const {
-    isVisible,
-    ...rest
-  } = useOnClose(onClose, isOpen, dismissible);
+  const { isOpen, onClose, dismissible = true } = props;
+  const { isVisible, ...rest } = useOnClose(onClose, isOpen, dismissible);
 
   if (!isVisible) {
     return null;

package/src/lib/components/modal/hooks/useOnClose.ts

@@ -1,10 +1,12 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 
 export interface OnCloseReturn {
   isClosing: boolean;
   isVisible: boolean;
   handleOnCloseAnimationEnded: () => void;
-  handleContainerClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+  handleContainerClick: (
+    event: React.MouseEvent<HTMLDivElement, MouseEvent>
+  ) => void;
   handleOnClose: () => void;
   handleOnOverlayClick: () => void;
 }
@@ -39,9 +41,9 @@ const useOnClose = (
 
   const handleEscKey = useCallback(
     (e: KeyboardEvent) => {
-      if (e.code !== 'Escape') return;
-      if (!dismissable) return null;
-      if (!isOpen) return null;
+      if (e.code !== 'Escape' || !dismissable || !isOpen) {
+        return null;
+      }
 
       handleOnClose();
     },
@@ -60,8 +62,8 @@ const useOnClose = (
     if (isOpen) {
       setIsVisible(true);
     }
-    
-    if (!isOpen && isVisible){
+
+    if (!isOpen && isVisible) {
       handleOnClose();
     }
 
@@ -84,7 +86,7 @@ const useOnClose = (
     handleContainerClick,
     handleOnCloseAnimationEnded,
     handleOnClose,
-    handleOnOverlayClick
+    handleOnOverlayClick,
   };
 };