@alfalab/core-components-universal-modal 2.0.1 → 2.0.3

package/desktop/components/side-modal/transitions/transitions.module.css.js

@@ -2,7 +2,7 @@
 
 require('./transitions.css');
 
-var transitions = {"enterLeft-0":"universal-modal__enterLeft-0_11egv","enterLeft-2":"universal-modal__enterLeft-2_11egv","enterLeft-4":"universal-modal__enterLeft-4_11egv","enterLeft-8":"universal-modal__enterLeft-8_11egv","enterLeft-12":"universal-modal__enterLeft-12_11egv","enterLeft-16":"universal-modal__enterLeft-16_11egv","enterLeft-20":"universal-modal__enterLeft-20_11egv","enterLeft-24":"universal-modal__enterLeft-24_11egv","enterLeft-32":"universal-modal__enterLeft-32_11egv","enterLeft-40":"universal-modal__enterLeft-40_11egv","enterLeft-48":"universal-modal__enterLeft-48_11egv","enterLeft-56":"universal-modal__enterLeft-56_11egv","enterLeft-64":"universal-modal__enterLeft-64_11egv","enterLeft-72":"universal-modal__enterLeft-72_11egv","enterLeft-80":"universal-modal__enterLeft-80_11egv","enterLeft-96":"universal-modal__enterLeft-96_11egv","enterLeft-128":"universal-modal__enterLeft-128_11egv","enterRight-0":"universal-modal__enterRight-0_11egv","enterRight-2":"universal-modal__enterRight-2_11egv","enterRight-4":"universal-modal__enterRight-4_11egv","enterRight-8":"universal-modal__enterRight-8_11egv","enterRight-12":"universal-modal__enterRight-12_11egv","enterRight-16":"universal-modal__enterRight-16_11egv","enterRight-20":"universal-modal__enterRight-20_11egv","enterRight-24":"universal-modal__enterRight-24_11egv","enterRight-32":"universal-modal__enterRight-32_11egv","enterRight-40":"universal-modal__enterRight-40_11egv","enterRight-48":"universal-modal__enterRight-48_11egv","enterRight-56":"universal-modal__enterRight-56_11egv","enterRight-64":"universal-modal__enterRight-64_11egv","enterRight-72":"universal-modal__enterRight-72_11egv","enterRight-80":"universal-modal__enterRight-80_11egv","enterRight-96":"universal-modal__enterRight-96_11egv","enterRight-128":"universal-modal__enterRight-128_11egv","enterActive":"universal-modal__enterActive_11egv","enterDone":"universal-modal__enterDone_11egv","exit":"universal-modal__exit_11egv","exitActiveLeft-0":"universal-modal__exitActiveLeft-0_11egv","exitActiveLeft-2":"universal-modal__exitActiveLeft-2_11egv","exitActiveLeft-4":"universal-modal__exitActiveLeft-4_11egv","exitActiveLeft-8":"universal-modal__exitActiveLeft-8_11egv","exitActiveLeft-12":"universal-modal__exitActiveLeft-12_11egv","exitActiveLeft-16":"universal-modal__exitActiveLeft-16_11egv","exitActiveLeft-20":"universal-modal__exitActiveLeft-20_11egv","exitActiveLeft-24":"universal-modal__exitActiveLeft-24_11egv","exitActiveLeft-32":"universal-modal__exitActiveLeft-32_11egv","exitActiveLeft-40":"universal-modal__exitActiveLeft-40_11egv","exitActiveLeft-48":"universal-modal__exitActiveLeft-48_11egv","exitActiveLeft-56":"universal-modal__exitActiveLeft-56_11egv","exitActiveLeft-64":"universal-modal__exitActiveLeft-64_11egv","exitActiveLeft-72":"universal-modal__exitActiveLeft-72_11egv","exitActiveLeft-80":"universal-modal__exitActiveLeft-80_11egv","exitActiveLeft-96":"universal-modal__exitActiveLeft-96_11egv","exitActiveLeft-128":"universal-modal__exitActiveLeft-128_11egv","exitActiveRight-0":"universal-modal__exitActiveRight-0_11egv","exitActiveRight-2":"universal-modal__exitActiveRight-2_11egv","exitActiveRight-4":"universal-modal__exitActiveRight-4_11egv","exitActiveRight-8":"universal-modal__exitActiveRight-8_11egv","exitActiveRight-12":"universal-modal__exitActiveRight-12_11egv","exitActiveRight-16":"universal-modal__exitActiveRight-16_11egv","exitActiveRight-20":"universal-modal__exitActiveRight-20_11egv","exitActiveRight-24":"universal-modal__exitActiveRight-24_11egv","exitActiveRight-32":"universal-modal__exitActiveRight-32_11egv","exitActiveRight-40":"universal-modal__exitActiveRight-40_11egv","exitActiveRight-48":"universal-modal__exitActiveRight-48_11egv","exitActiveRight-56":"universal-modal__exitActiveRight-56_11egv","exitActiveRight-64":"universal-modal__exitActiveRight-64_11egv","exitActiveRight-72":"universal-modal__exitActiveRight-72_11egv","exitActiveRight-80":"universal-modal__exitActiveRight-80_11egv","exitActiveRight-96":"universal-modal__exitActiveRight-96_11egv","exitActiveRight-128":"universal-modal__exitActiveRight-128_11egv"};
+var transitions = {"enterLeft-0":"universal-modal__enterLeft-0_pw2z7","enterLeft-2":"universal-modal__enterLeft-2_pw2z7","enterLeft-4":"universal-modal__enterLeft-4_pw2z7","enterLeft-8":"universal-modal__enterLeft-8_pw2z7","enterLeft-12":"universal-modal__enterLeft-12_pw2z7","enterLeft-16":"universal-modal__enterLeft-16_pw2z7","enterLeft-20":"universal-modal__enterLeft-20_pw2z7","enterLeft-24":"universal-modal__enterLeft-24_pw2z7","enterLeft-32":"universal-modal__enterLeft-32_pw2z7","enterLeft-40":"universal-modal__enterLeft-40_pw2z7","enterLeft-48":"universal-modal__enterLeft-48_pw2z7","enterLeft-56":"universal-modal__enterLeft-56_pw2z7","enterLeft-64":"universal-modal__enterLeft-64_pw2z7","enterLeft-72":"universal-modal__enterLeft-72_pw2z7","enterLeft-80":"universal-modal__enterLeft-80_pw2z7","enterLeft-96":"universal-modal__enterLeft-96_pw2z7","enterLeft-128":"universal-modal__enterLeft-128_pw2z7","enterRight-0":"universal-modal__enterRight-0_pw2z7","enterRight-2":"universal-modal__enterRight-2_pw2z7","enterRight-4":"universal-modal__enterRight-4_pw2z7","enterRight-8":"universal-modal__enterRight-8_pw2z7","enterRight-12":"universal-modal__enterRight-12_pw2z7","enterRight-16":"universal-modal__enterRight-16_pw2z7","enterRight-20":"universal-modal__enterRight-20_pw2z7","enterRight-24":"universal-modal__enterRight-24_pw2z7","enterRight-32":"universal-modal__enterRight-32_pw2z7","enterRight-40":"universal-modal__enterRight-40_pw2z7","enterRight-48":"universal-modal__enterRight-48_pw2z7","enterRight-56":"universal-modal__enterRight-56_pw2z7","enterRight-64":"universal-modal__enterRight-64_pw2z7","enterRight-72":"universal-modal__enterRight-72_pw2z7","enterRight-80":"universal-modal__enterRight-80_pw2z7","enterRight-96":"universal-modal__enterRight-96_pw2z7","enterRight-128":"universal-modal__enterRight-128_pw2z7","enterActive":"universal-modal__enterActive_pw2z7","enterDone":"universal-modal__enterDone_pw2z7","exit":"universal-modal__exit_pw2z7","exitActiveLeft-0":"universal-modal__exitActiveLeft-0_pw2z7","exitActiveLeft-2":"universal-modal__exitActiveLeft-2_pw2z7","exitActiveLeft-4":"universal-modal__exitActiveLeft-4_pw2z7","exitActiveLeft-8":"universal-modal__exitActiveLeft-8_pw2z7","exitActiveLeft-12":"universal-modal__exitActiveLeft-12_pw2z7","exitActiveLeft-16":"universal-modal__exitActiveLeft-16_pw2z7","exitActiveLeft-20":"universal-modal__exitActiveLeft-20_pw2z7","exitActiveLeft-24":"universal-modal__exitActiveLeft-24_pw2z7","exitActiveLeft-32":"universal-modal__exitActiveLeft-32_pw2z7","exitActiveLeft-40":"universal-modal__exitActiveLeft-40_pw2z7","exitActiveLeft-48":"universal-modal__exitActiveLeft-48_pw2z7","exitActiveLeft-56":"universal-modal__exitActiveLeft-56_pw2z7","exitActiveLeft-64":"universal-modal__exitActiveLeft-64_pw2z7","exitActiveLeft-72":"universal-modal__exitActiveLeft-72_pw2z7","exitActiveLeft-80":"universal-modal__exitActiveLeft-80_pw2z7","exitActiveLeft-96":"universal-modal__exitActiveLeft-96_pw2z7","exitActiveLeft-128":"universal-modal__exitActiveLeft-128_pw2z7","exitActiveRight-0":"universal-modal__exitActiveRight-0_pw2z7","exitActiveRight-2":"universal-modal__exitActiveRight-2_pw2z7","exitActiveRight-4":"universal-modal__exitActiveRight-4_pw2z7","exitActiveRight-8":"universal-modal__exitActiveRight-8_pw2z7","exitActiveRight-12":"universal-modal__exitActiveRight-12_pw2z7","exitActiveRight-16":"universal-modal__exitActiveRight-16_pw2z7","exitActiveRight-20":"universal-modal__exitActiveRight-20_pw2z7","exitActiveRight-24":"universal-modal__exitActiveRight-24_pw2z7","exitActiveRight-32":"universal-modal__exitActiveRight-32_pw2z7","exitActiveRight-40":"universal-modal__exitActiveRight-40_pw2z7","exitActiveRight-48":"universal-modal__exitActiveRight-48_pw2z7","exitActiveRight-56":"universal-modal__exitActiveRight-56_pw2z7","exitActiveRight-64":"universal-modal__exitActiveRight-64_pw2z7","exitActiveRight-72":"universal-modal__exitActiveRight-72_pw2z7","exitActiveRight-80":"universal-modal__exitActiveRight-80_pw2z7","exitActiveRight-96":"universal-modal__exitActiveRight-96_pw2z7","exitActiveRight-128":"universal-modal__exitActiveRight-128_pw2z7"};
 
 module.exports = transitions;
 //# sourceMappingURL=transitions.module.css.js.map

package/desktop/hooks/use-modal-highlighted.d.ts

@@ -1,8 +1,8 @@
-import { RefObject } from 'react';
-declare type Params = {
+import { type RefObject } from 'react';
+interface Params {
     scrollbarContentNodeRef: RefObject<HTMLDivElement>;
     scrollableNodeRef: RefObject<HTMLDivElement>;
-};
+}
 /**
  * Расчет overlap состояния
  * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную

package/desktop/hooks/use-modal-highlighted.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-highlighted.js","sources":["../../src/desktop/hooks/use-modal-highlighted.tsx"],"sourcesContent":["import { RefObject, useContext, useEffect } from 'react';\n\nimport { ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { UniversalModalContext } from '../../context/universal-modal-context';\n\ntype Params = {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n};\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const { setModalHeaderHighlighted, setModalFooterHighlighted } =\n        useContext(UniversalModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":["useContext","UniversalModalContext","useEffect"],"mappings":";;;;;;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GACFA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBACvB;IAErC,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;AAEvE,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;AAC3C;AAED,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;AACpD;AACL,KAAC;;IAGDC,eAAS,CACL,cAAM,OAAA,YAAA;AACF,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;KACJ,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAAA,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;AAElE,YAAA,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;AAC3D;AACL,SAAC,CAAC;QAEF,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;AAC1D;QAED,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}
+{"version":3,"file":"use-modal-highlighted.js","sources":["../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { UniversalModalContext } from '../../context/universal-modal-context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const { setModalHeaderHighlighted, setModalFooterHighlighted } =\n        useContext(UniversalModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":["useContext","UniversalModalContext","useEffect"],"mappings":";;;;;;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GACFA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBACvB;IAErC,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;AAEvE,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;AAC3C;AAED,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;AACpD;AACL,KAAC;;IAGDC,eAAS,CACL,cAAM,OAAA,YAAA;AACF,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;KACJ,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAAA,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;AAElE,YAAA,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;AAC3D;AACL,SAAC,CAAC;QAEF,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;AAC1D;QAED,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}

package/desktop/hooks/use-outside-scroll.d.ts

@@ -1,8 +1,8 @@
-import { RefObject } from 'react';
-declare type Params = {
+import { type RefObject } from 'react';
+interface Params {
     scrollableNodeRef: RefObject<HTMLDivElement>;
     wheelDeltaY: number;
-};
+}
 /** Изменение позиции скролла */
 export declare const useOutsideScroll: (params: Params) => void;
 export {};

package/desktop/hooks/use-outside-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-outside-scroll.js","sources":["../../src/desktop/hooks/use-outside-scroll.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\ntype Params = {\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n    wheelDeltaY: number;\n};\n\n/** Изменение позиции скролла */\nexport const useOutsideScroll = (params: Params) => {\n    const { scrollableNodeRef, wheelDeltaY } = params;\n\n    useEffect(() => {\n        if (scrollableNodeRef.current) {\n            scrollableNodeRef.current.scrollBy({\n                top: wheelDeltaY,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [wheelDeltaY]);\n};\n"],"names":["useEffect"],"mappings":";;;;;;AAOA;AACO,IAAM,gBAAgB,GAAG,UAAC,MAAc,EAAA;IACnC,IAAA,iBAAiB,GAAkB,MAAM,CAAA,iBAAxB,EAAE,WAAW,GAAK,MAAM,CAAA,WAAX;AAEtC,IAAAA,eAAS,CAAC,YAAA;QACN,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC3B,YAAA,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC/B,gBAAA,GAAG,EAAE,WAAW;AACnB,aAAA,CAAC;AACL;;AAEL,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AACrB;;;;"}
+{"version":3,"file":"use-outside-scroll.js","sources":["../../src/desktop/hooks/use-outside-scroll.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ninterface Params {\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n    wheelDeltaY: number;\n}\n\n/** Изменение позиции скролла */\nexport const useOutsideScroll = (params: Params) => {\n    const { scrollableNodeRef, wheelDeltaY } = params;\n\n    useEffect(() => {\n        if (scrollableNodeRef.current) {\n            scrollableNodeRef.current.scrollBy({\n                top: wheelDeltaY,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [wheelDeltaY]);\n};\n"],"names":["useEffect"],"mappings":";;;;;;AAOA;AACO,IAAM,gBAAgB,GAAG,UAAC,MAAc,EAAA;IACnC,IAAA,iBAAiB,GAAkB,MAAM,CAAA,iBAAxB,EAAE,WAAW,GAAK,MAAM,CAAA,WAAX;AAEtC,IAAAA,eAAS,CAAC,YAAA;QACN,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC3B,YAAA,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC/B,gBAAA,GAAG,EAAE,WAAW;AACnB,aAAA,CAAC;AACL;;AAEL,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AACrB;;;;"}

package/desktop/hooks/use-set-scrollbar-height.d.ts

@@ -1,10 +1,10 @@
-import { RefObject } from 'react';
-declare type Params = {
+import { type RefObject } from 'react';
+interface Params {
     scrollbarRef: RefObject<HTMLDivElement>;
     verticalBarRef: RefObject<HTMLDivElement>;
     headerElementRef: RefObject<HTMLDivElement>;
     footerElementRef: RefObject<HTMLDivElement>;
-};
+}
 /** Устанавливает размер полосы прокрутки в зависимости от наличия хедера и футера */
 export declare const useSetScrollbarHeight: (params: Params) => void;
 export {};

package/desktop/hooks/use-set-scrollbar-height.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-set-scrollbar-height.js","sources":["../../src/desktop/hooks/use-set-scrollbar-height.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nimport { SCROLLBAR_DEFAULT_GAP } from '../constants';\n\ntype Params = {\n    scrollbarRef: RefObject<HTMLDivElement>;\n    verticalBarRef: RefObject<HTMLDivElement>;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n};\n\n/** Устанавливает размер полосы прокрутки в зависимости от наличия хедера и футера */\nexport const useSetScrollbarHeight = (params: Params) => {\n    const { scrollbarRef, verticalBarRef, headerElementRef, footerElementRef } = params;\n\n    useEffect(() => {\n        if (scrollbarRef.current) {\n            const verticalBar = verticalBarRef.current;\n\n            if (verticalBar) {\n                const headerHeight = headerElementRef?.current?.offsetHeight || 0;\n                const footerHeight = footerElementRef?.current?.offsetHeight || 0;\n\n                let topGap;\n                let topOffset;\n                let bottomGap;\n\n                if (headerHeight) {\n                    // если есть header уменьшаем размер скролла на величину хедера и добавляем отступ сверху\n                    topGap = headerHeight;\n                    topOffset = headerHeight;\n                } else {\n                    // иначе уменьшаем размер скролла и увеличиваем отступ на величину скругления\n                    topGap = SCROLLBAR_DEFAULT_GAP;\n                    topOffset = SCROLLBAR_DEFAULT_GAP;\n                }\n\n                if (footerHeight) {\n                    // если есть footer уменьшаем размер скролла на величину футера\n                    bottomGap = footerHeight;\n                } else {\n                    // иначе уменьшаем размер на величину скругления\n                    bottomGap = SCROLLBAR_DEFAULT_GAP;\n                }\n\n                verticalBar.style.height = `calc(100% - ${topGap}px - ${bottomGap}px)`;\n                verticalBar.style.top = `${topOffset}px`;\n            }\n        }\n    });\n};\n"],"names":["useEffect","SCROLLBAR_DEFAULT_GAP"],"mappings":";;;;;;;AAWA;AACO,IAAM,qBAAqB,GAAG,UAAC,MAAc,EAAA;AACxC,IAAA,IAAA,YAAY,GAAyD,MAAM,aAA/D,EAAE,cAAc,GAAyC,MAAM,CAAA,cAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAA7B,gBAAA,EAAE,gBAAgB,GAAK,MAAM,iBAAX;AAExE,IAAAA,eAAS,CAAC,YAAA;;QACN,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAE1C,YAAA,IAAI,WAAW,EAAE;AACb,gBAAA,IAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;AACjE,gBAAA,IAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;gBAEjE,IAAI,MAAM,SAAA;gBACV,IAAI,SAAS,SAAA;gBACb,IAAI,SAAS,SAAA;AAEb,gBAAA,IAAI,YAAY,EAAE;;oBAEd,MAAM,GAAG,YAAY;oBACrB,SAAS,GAAG,YAAY;AAC3B;AAAM,qBAAA;;oBAEH,MAAM,GAAGC,2BAAqB;oBAC9B,SAAS,GAAGA,2BAAqB;AACpC;AAED,gBAAA,IAAI,YAAY,EAAE;;oBAEd,SAAS,GAAG,YAAY;AAC3B;AAAM,qBAAA;;oBAEH,SAAS,GAAGA,2BAAqB;AACpC;gBAED,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,sBAAe,MAAM,EAAA,OAAA,CAAA,CAAA,MAAA,CAAQ,SAAS,EAAA,KAAA,CAAK;gBACtE,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,EAAG,CAAA,MAAA,CAAA,SAAS,OAAI;AAC3C;AACJ;AACL,KAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"use-set-scrollbar-height.js","sources":["../../src/desktop/hooks/use-set-scrollbar-height.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\nimport { SCROLLBAR_DEFAULT_GAP } from '../constants';\n\ninterface Params {\n    scrollbarRef: RefObject<HTMLDivElement>;\n    verticalBarRef: RefObject<HTMLDivElement>;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает размер полосы прокрутки в зависимости от наличия хедера и футера */\nexport const useSetScrollbarHeight = (params: Params) => {\n    const { scrollbarRef, verticalBarRef, headerElementRef, footerElementRef } = params;\n\n    useEffect(() => {\n        if (scrollbarRef.current) {\n            const verticalBar = verticalBarRef.current;\n\n            if (verticalBar) {\n                const headerHeight = headerElementRef?.current?.offsetHeight || 0;\n                const footerHeight = footerElementRef?.current?.offsetHeight || 0;\n\n                let topGap;\n                let topOffset;\n                let bottomGap;\n\n                if (headerHeight) {\n                    // если есть header уменьшаем размер скролла на величину хедера и добавляем отступ сверху\n                    topGap = headerHeight;\n                    topOffset = headerHeight;\n                } else {\n                    // иначе уменьшаем размер скролла и увеличиваем отступ на величину скругления\n                    topGap = SCROLLBAR_DEFAULT_GAP;\n                    topOffset = SCROLLBAR_DEFAULT_GAP;\n                }\n\n                if (footerHeight) {\n                    // если есть footer уменьшаем размер скролла на величину футера\n                    bottomGap = footerHeight;\n                } else {\n                    // иначе уменьшаем размер на величину скругления\n                    bottomGap = SCROLLBAR_DEFAULT_GAP;\n                }\n\n                verticalBar.style.height = `calc(100% - ${topGap}px - ${bottomGap}px)`;\n                verticalBar.style.top = `${topOffset}px`;\n            }\n        }\n    });\n};\n"],"names":["useEffect","SCROLLBAR_DEFAULT_GAP"],"mappings":";;;;;;;AAWA;AACO,IAAM,qBAAqB,GAAG,UAAC,MAAc,EAAA;AACxC,IAAA,IAAA,YAAY,GAAyD,MAAM,aAA/D,EAAE,cAAc,GAAyC,MAAM,CAAA,cAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAA7B,gBAAA,EAAE,gBAAgB,GAAK,MAAM,iBAAX;AAExE,IAAAA,eAAS,CAAC,YAAA;;QACN,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAE1C,YAAA,IAAI,WAAW,EAAE;AACb,gBAAA,IAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;AACjE,gBAAA,IAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;gBAEjE,IAAI,MAAM,SAAA;gBACV,IAAI,SAAS,SAAA;gBACb,IAAI,SAAS,SAAA;AAEb,gBAAA,IAAI,YAAY,EAAE;;oBAEd,MAAM,GAAG,YAAY;oBACrB,SAAS,GAAG,YAAY;AAC3B;AAAM,qBAAA;;oBAEH,MAAM,GAAGC,2BAAqB;oBAC9B,SAAS,GAAGA,2BAAqB;AACpC;AAED,gBAAA,IAAI,YAAY,EAAE;;oBAEd,SAAS,GAAG,YAAY;AAC3B;AAAM,qBAAA;;oBAEH,SAAS,GAAGA,2BAAqB;AACpC;gBAED,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,sBAAe,MAAM,EAAA,OAAA,CAAA,CAAA,MAAA,CAAQ,SAAS,EAAA,KAAA,CAAK;gBACtE,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,EAAG,CAAA,MAAA,CAAA,SAAS,OAAI;AAC3C;AACJ;AACL,KAAC,CAAC;AACN;;;;"}

package/desktop/hooks/useModalWheel.d.ts

@@ -1,4 +1,4 @@
-import { WheelEvent } from 'react';
+import { type WheelEvent } from 'react';
 export declare const useModalWheel: (overlay: boolean) => {
     wheelDeltaY: number;
     handleWheel: (e: WheelEvent<HTMLElement>) => void;

package/desktop/hooks/useModalWheel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalWheel.js","sources":["../../src/desktop/hooks/useModalWheel.tsx"],"sourcesContent":["import { useState, WheelEvent } from 'react';\n\nexport const useModalWheel = (overlay: boolean) => {\n    const [wheelDeltaY, setWheelDeltaY] = useState<number>(0);\n\n    // передаем e.deltaY от события на элементе dialog компонента base-modal\n    const handleWheel = (e: WheelEvent<HTMLElement>) => {\n        const target = e.target as HTMLDivElement;\n\n        if (target.getAttribute('role') === 'dialog' && overlay) {\n            setWheelDeltaY(e.deltaY);\n        }\n    };\n\n    return { wheelDeltaY, handleWheel };\n};\n"],"names":["useState"],"mappings":";;;;;;AAEO,IAAM,aAAa,GAAG,UAAC,OAAgB,EAAA;IACpC,IAAA,EAAA,GAAgCA,cAAQ,CAAS,CAAC,CAAC,EAAlD,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAuB;;IAGzD,IAAM,WAAW,GAAG,UAAC,CAA0B,EAAA;AAC3C,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QAEzC,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,IAAI,OAAO,EAAE;AACrD,YAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAC3B;AACL,KAAC;AAED,IAAA,OAAO,EAAE,WAAW,EAAA,WAAA,EAAE,WAAW,EAAA,WAAA,EAAE;AACvC;;;;"}
+{"version":3,"file":"useModalWheel.js","sources":["../../src/desktop/hooks/useModalWheel.ts"],"sourcesContent":["import { useState, type WheelEvent } from 'react';\n\nexport const useModalWheel = (overlay: boolean) => {\n    const [wheelDeltaY, setWheelDeltaY] = useState<number>(0);\n\n    // передаем e.deltaY от события на элементе dialog компонента base-modal\n    const handleWheel = (e: WheelEvent<HTMLElement>) => {\n        const target = e.target as HTMLDivElement;\n\n        if (target.getAttribute('role') === 'dialog' && overlay) {\n            setWheelDeltaY(e.deltaY);\n        }\n    };\n\n    return { wheelDeltaY, handleWheel };\n};\n"],"names":["useState"],"mappings":";;;;;;AAEO,IAAM,aAAa,GAAG,UAAC,OAAgB,EAAA;IACpC,IAAA,EAAA,GAAgCA,cAAQ,CAAS,CAAC,CAAC,EAAlD,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAuB;;IAGzD,IAAM,WAAW,GAAG,UAAC,CAA0B,EAAA;AAC3C,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QAEzC,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,IAAI,OAAO,EAAE;AACrD,YAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAC3B;AACL,KAAC;AAED,IAAA,OAAO,EAAE,WAAW,EAAA,WAAA,EAAE,WAAW,EAAA,WAAA,EAAE;AACvC;;;;"}

package/desktop/styles/transitions/full-size-backdrop-transitions.css

@@ -3,14 +3,14 @@
 } :root {
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
-} @keyframes universal-modal__step_1_1imhl {
+} @keyframes universal-modal__step_1_1m9el {
     0% {
         opacity: 1;
     }
     100% {
         opacity: 0.5;
     }
-} @keyframes universal-modal__step_2_1imhl {
+} @keyframes universal-modal__step_2_1m9el {
     0% {
         opacity: 0.5;
     }
@@ -18,21 +18,22 @@
         opacity: 0;
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
-} .universal-modal__appear_1imhl,
-.universal-modal__enter_1imhl {
+} .universal-modal__appear_1m9el,
+.universal-modal__enter_1m9el {
     background-color: var(--universal-modal-backdrop-hidden-background);
-} .universal-modal__appearActive_1imhl,
-.universal-modal__enterActive_1imhl,
-.universal-modal__appearDone_1imhl,
-.universal-modal__enterDone_1imhl {
+} .universal-modal__appearActive_1m9el,
+.universal-modal__enterActive_1m9el,
+.universal-modal__appearDone_1m9el,
+.universal-modal__enterDone_1m9el {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exit_1imhl {
+} .universal-modal__exit_1m9el {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exitActive_1imhl {
+} .universal-modal__exitActive_1m9el {
     opacity: 1;
-    animation: universal-modal__step_1_1imhl 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_1imhl 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
-} .universal-modal__exitDone_1imhl {
+    animation:
+        universal-modal__step_1_1m9el 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_1m9el 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+} .universal-modal__exitDone_1m9el {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js

@@ -2,7 +2,7 @@
 
 require('./full-size-backdrop-transitions.css');
 
-var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1imhl","enter":"universal-modal__enter_1imhl","appearActive":"universal-modal__appearActive_1imhl","enterActive":"universal-modal__enterActive_1imhl","appearDone":"universal-modal__appearDone_1imhl","enterDone":"universal-modal__enterDone_1imhl","exit":"universal-modal__exit_1imhl","exitActive":"universal-modal__exitActive_1imhl","step_1":"universal-modal__step_1_1imhl","step_2":"universal-modal__step_2_1imhl","exitDone":"universal-modal__exitDone_1imhl"};
+var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1m9el","enter":"universal-modal__enter_1m9el","appearActive":"universal-modal__appearActive_1m9el","enterActive":"universal-modal__enterActive_1m9el","appearDone":"universal-modal__appearDone_1m9el","enterDone":"universal-modal__enterDone_1m9el","exit":"universal-modal__exit_1m9el","exitActive":"universal-modal__exitActive_1m9el","step_1":"universal-modal__step_1_1m9el","step_2":"universal-modal__step_2_1m9el","exitDone":"universal-modal__exitDone_1m9el"};
 
 module.exports = fullSizeBackdropTransitions;
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-size-backdrop-transitions.module.css.js","sources":["../../../src/desktop/styles/transitions/full-size-backdrop-transitions.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n    --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);\n    --universal-modal-backdrop-hidden-background: transparent;\n}\n\n@keyframes step_1 {\n    0% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 0.5;\n    }\n}\n\n@keyframes step_2 {\n    0% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 0;\n        background-color: var(--universal-modal-backdrop-hidden-background);\n    }\n}\n\n.appear,\n.enter {\n    background-color: var(--universal-modal-backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n    background-color: var(--universal-modal-backdrop-visible-background);\n}\n\n.exit {\n    background-color: var(--universal-modal-backdrop-visible-background);\n}\n\n.exitActive {\n    opacity: 1;\n    animation: step_1 200ms cubic-bezier(0, 0, 1, 0),\n        step_2 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;\n}\n\n.exitDone {\n    opacity: 0;\n    background-color: var(--universal-modal-backdrop-hidden-background);\n}\n"],"names":[],"mappings":";;;;AAEgB,kCAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,YAAY,CAAC,mCAAmC,CAAC,WAAW,CAAC,kCAAkC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"full-size-backdrop-transitions.module.css.js","sources":["../../../src/desktop/styles/transitions/full-size-backdrop-transitions.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n:root {\n    --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);\n    --universal-modal-backdrop-hidden-background: transparent;\n}\n\n@keyframes step_1 {\n    0% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 0.5;\n    }\n}\n\n@keyframes step_2 {\n    0% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 0;\n        background-color: var(--universal-modal-backdrop-hidden-background);\n    }\n}\n\n.appear,\n.enter {\n    background-color: var(--universal-modal-backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n    background-color: var(--universal-modal-backdrop-visible-background);\n}\n\n.exit {\n    background-color: var(--universal-modal-backdrop-visible-background);\n}\n\n.exitActive {\n    opacity: 1;\n    animation:\n        step_1 200ms cubic-bezier(0, 0, 1, 0),\n        step_2 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;\n}\n\n.exitDone {\n    opacity: 0;\n    background-color: var(--universal-modal-backdrop-hidden-background);\n}\n"],"names":[],"mappings":";;;;AAEgB,kCAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,YAAY,CAAC,mCAAmC,CAAC,WAAW,CAAC,kCAAkC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css

@@ -1,24 +1,28 @@
-.universal-modal__appear_xn2zt,
-.universal-modal__enter_xn2zt {
+.universal-modal__appear_m4p3f,
+.universal-modal__enter_m4p3f {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_xn2zt,
-.universal-modal__enterActive_xn2zt {
+.universal-modal__appearActive_m4p3f,
+.universal-modal__enterActive_m4p3f {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
+    transition:
+        opacity 200ms cubic-bezier(0, 0, 0, 1),
+        transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_xn2zt {
+.universal-modal__exit_m4p3f {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_xn2zt,
-.universal-modal__exitDone_xn2zt {
+.universal-modal__exitActive_m4p3f,
+.universal-modal__exitDone_m4p3f {
     opacity: 0;
     transform: translateY(40px);
-    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
+    transition:
+        opacity 200ms cubic-bezier(0, 0, 1, 0),
+        transform 200ms cubic-bezier(0, 0, 1, 0);
 }

package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-bottom-transitions.css');
 
-var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_xn2zt","enter":"universal-modal__enter_xn2zt","appearActive":"universal-modal__appearActive_xn2zt","enterActive":"universal-modal__enterActive_xn2zt","exit":"universal-modal__exit_xn2zt","exitActive":"universal-modal__exitActive_xn2zt","exitDone":"universal-modal__exitDone_xn2zt"};
+var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_m4p3f","enter":"universal-modal__enter_m4p3f","appearActive":"universal-modal__appearActive_m4p3f","enterActive":"universal-modal__enterActive_m4p3f","exit":"universal-modal__exit_m4p3f","exitActive":"universal-modal__exitActive_m4p3f","exitDone":"universal-modal__exitDone_m4p3f"};
 
 module.exports = fullSizeVerticalBottomTransitions;
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-size-vertical-bottom-transitions.module.css.js","sources":["../../../src/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(40px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);\n}\n"],"names":[],"mappings":";;;;AAEgB,wCAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"full-size-vertical-bottom-transitions.module.css.js","sources":["../../../src/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(40px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 200ms cubic-bezier(0, 0, 0, 1),\n        transform 200ms cubic-bezier(0, 0, 0, 1);\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(40px);\n    transition:\n        opacity 200ms cubic-bezier(0, 0, 1, 0),\n        transform 200ms cubic-bezier(0, 0, 1, 0);\n}\n"],"names":[],"mappings":";;;;AAEgB,wCAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -1,20 +1,20 @@
-.universal-modal__appear_lgr0j,
-.universal-modal__enter_lgr0j {
+.universal-modal__appear_imoe9,
+.universal-modal__enter_imoe9 {
     opacity: 0;
 }
 
-.universal-modal__appearActive_lgr0j,
-.universal-modal__enterActive_lgr0j {
+.universal-modal__appearActive_imoe9,
+.universal-modal__enterActive_imoe9 {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_lgr0j {
+.universal-modal__exit_imoe9 {
     opacity: 1;
 }
 
-.universal-modal__exitActive_lgr0j,
-.universal-modal__exitDone_lgr0j {
+.universal-modal__exitActive_imoe9,
+.universal-modal__exitDone_imoe9 {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-center-transitions.css');
 
-var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_lgr0j","enter":"universal-modal__enter_lgr0j","appearActive":"universal-modal__appearActive_lgr0j","enterActive":"universal-modal__enterActive_lgr0j","exit":"universal-modal__exit_lgr0j","exitActive":"universal-modal__exitActive_lgr0j","exitDone":"universal-modal__exitDone_lgr0j"};
+var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_imoe9","enter":"universal-modal__enter_imoe9","appearActive":"universal-modal__appearActive_imoe9","enterActive":"universal-modal__enterActive_imoe9","exit":"universal-modal__exit_imoe9","exitActive":"universal-modal__exitActive_imoe9","exitDone":"universal-modal__exitDone_imoe9"};
 
 module.exports = fullSizeVerticalCenterTransitions;
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

package/desktop/styles/transitions/full-size-vertical-top-transitions.css

@@ -1,24 +1,28 @@
-.universal-modal__appear_138uz,
-.universal-modal__enter_138uz {
+.universal-modal__appear_10esd,
+.universal-modal__enter_10esd {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_138uz,
-.universal-modal__enterActive_138uz {
+.universal-modal__appearActive_10esd,
+.universal-modal__enterActive_10esd {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
+    transition:
+        opacity 200ms cubic-bezier(0, 0, 0, 1),
+        transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_138uz {
+.universal-modal__exit_10esd {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_138uz,
-.universal-modal__exitDone_138uz {
+.universal-modal__exitActive_10esd,
+.universal-modal__exitDone_10esd {
     opacity: 0;
     transform: translateY(-40px);
-    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
+    transition:
+        opacity 200ms cubic-bezier(0, 0, 1, 0),
+        transform 200ms cubic-bezier(0, 0, 1, 0);
 }

package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-top-transitions.css');
 
-var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_138uz","enter":"universal-modal__enter_138uz","appearActive":"universal-modal__appearActive_138uz","enterActive":"universal-modal__enterActive_138uz","exit":"universal-modal__exit_138uz","exitActive":"universal-modal__exitActive_138uz","exitDone":"universal-modal__exitDone_138uz"};
+var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_10esd","enter":"universal-modal__enter_10esd","appearActive":"universal-modal__appearActive_10esd","enterActive":"universal-modal__enterActive_10esd","exit":"universal-modal__exit_10esd","exitActive":"universal-modal__exitActive_10esd","exitDone":"universal-modal__exitDone_10esd"};
 
 module.exports = fullSizeVerticalTopTransitions;
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-size-vertical-top-transitions.module.css.js","sources":["../../../src/desktop/styles/transitions/full-size-vertical-top-transitions.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(-40px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(-40px);\n    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);\n}\n"],"names":[],"mappings":";;;;AAEgB,qCAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"full-size-vertical-top-transitions.module.css.js","sources":["../../../src/desktop/styles/transitions/full-size-vertical-top-transitions.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(-40px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 200ms cubic-bezier(0, 0, 0, 1),\n        transform 200ms cubic-bezier(0, 0, 0, 1);\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(-40px);\n    transition:\n        opacity 200ms cubic-bezier(0, 0, 1, 0),\n        transform 200ms cubic-bezier(0, 0, 1, 0);\n}\n"],"names":[],"mappings":";;;;AAEgB,qCAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/desktop/types/props.d.ts

@@ -1,7 +1,7 @@
-import type { RefObject } from 'react';
-import { BaseModalProps } from '@alfalab/core-components-base-modal';
-import { TMargin } from '../../typings/margin-type';
-export declare type BaseUniversalModalProps = {
+import { type RefObject } from 'react';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal';
+import { type TMargin } from '../../typings/margin-type';
+export interface BaseUniversalModalProps {
     /**
      * Расположение по горизонтали и сторона с которой модал “выезжает” при открытии
      * @default center
@@ -36,10 +36,10 @@ export declare type BaseUniversalModalProps = {
      * Устанавливает отступы модального окна
      */
     margin?: TMargin;
-};
-export declare type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose'>> & {
+}
+export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose'>> {
     /**
      * Реф контейнера на котором происходит scroll
      */
     scrollableContainerRef?: RefObject<HTMLDivElement>;
-};
+}

package/desktop/utils/check-header-and-footer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export declare const checkHeaderAndFooter: (children: ReactNode) => {
     hasHeader: boolean;
     hasFooter: boolean;

package/desktop/utils/check-header-and-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-header-and-footer.js","sources":["../../src/desktop/utils/check-header-and-footer.tsx"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\n\nimport { FooterDesktop } from '../../components/footer';\nimport { HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ntype ChildType = typeof HeaderDesktop | typeof FooterDesktop;\n\nexport const checkHeaderAndFooter = (children: ReactNode) => {\n    let hasHeader = false;\n    let hasFooter = false;\n\n    Children.forEach(children, (child) => {\n        if (isValidElement(child)) {\n            const { displayName } = child.type as ChildType;\n\n            if (displayName && isHeaderNode(displayName)) {\n                hasHeader = true;\n            }\n\n            if (displayName && isFooterNode(displayName)) {\n                hasFooter = true;\n            }\n        }\n    });\n\n    return { hasHeader, hasFooter };\n};\n"],"names":["Children","isValidElement","isHeaderNode","isFooterNode"],"mappings":";;;;;;;;AAUO,IAAM,oBAAoB,GAAG,UAAC,QAAmB,EAAA;IACpD,IAAI,SAAS,GAAG,KAAK;IACrB,IAAI,SAAS,GAAG,KAAK;AAErB,IAAAA,cAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAC7B,QAAA,IAAIC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACf,YAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAiB,YAA5B;AAEnB,YAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AAED,YAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AACJ;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,SAAS,EAAA,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE;AACnC;;;;"}
+{"version":3,"file":"check-header-and-footer.js","sources":["../../src/desktop/utils/check-header-and-footer.ts"],"sourcesContent":["import { Children, isValidElement, type ReactNode } from 'react';\n\nimport { type FooterDesktop } from '../../components/footer';\nimport { type HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ntype ChildType = typeof HeaderDesktop | typeof FooterDesktop;\n\nexport const checkHeaderAndFooter = (children: ReactNode) => {\n    let hasHeader = false;\n    let hasFooter = false;\n\n    Children.forEach(children, (child) => {\n        if (isValidElement(child)) {\n            const { displayName } = child.type as ChildType;\n\n            if (displayName && isHeaderNode(displayName)) {\n                hasHeader = true;\n            }\n\n            if (displayName && isFooterNode(displayName)) {\n                hasFooter = true;\n            }\n        }\n    });\n\n    return { hasHeader, hasFooter };\n};\n"],"names":["Children","isValidElement","isHeaderNode","isFooterNode"],"mappings":";;;;;;;;AAUO,IAAM,oBAAoB,GAAG,UAAC,QAAmB,EAAA;IACpD,IAAI,SAAS,GAAG,KAAK;IACrB,IAAI,SAAS,GAAG,KAAK;AAErB,IAAAA,cAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAC7B,QAAA,IAAIC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACf,YAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAiB,YAA5B;AAEnB,YAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AAED,YAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;gBAC1C,SAAS,GAAG,IAAI;AACnB;AACJ;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,SAAS,EAAA,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE;AACnC;;;;"}

package/desktop/utils/get-full-size-modal-transitions.d.ts

@@ -1,15 +1,15 @@
-import { TransitionProps } from 'react-transition-group/Transition';
-import { BackdropProps } from '@alfalab/core-components-backdrop';
-import { UniversalModalDesktopProps } from '../types/props';
-declare type Params = {
+import { type TransitionProps } from 'react-transition-group/Transition';
+import { type BackdropProps } from '@alfalab/core-components-backdrop';
+import { type UniversalModalDesktopProps } from '../types/props';
+interface Params {
     verticalAlign: Exclude<UniversalModalDesktopProps['verticalAlign'], undefined>;
     width: UniversalModalDesktopProps['width'];
     height: UniversalModalDesktopProps['height'];
-};
-declare type ReturnType = {
+}
+interface ReturnType {
     isFullSizeModal: boolean;
     backdropTransitions: Partial<BackdropProps>;
     componentTransitions: Partial<TransitionProps>;
-};
+}
 export declare const getFullSizeModalTransitions: (params: Params) => ReturnType;
 export {};

package/desktop/utils/get-full-size-modal-transitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-full-size-modal-transitions.js","sources":["../../src/desktop/utils/get-full-size-modal-transitions.ts"],"sourcesContent":["import { TransitionProps } from 'react-transition-group/Transition';\n\nimport { BackdropProps } from '@alfalab/core-components-backdrop';\nimport { exhaustiveCheck } from '@alfalab/core-components-shared';\n\nimport { UniversalModalDesktopProps } from '../types/props';\n\nimport fullSizeBackdropTransitions from '../styles/transitions/full-size-backdrop-transitions.module.css';\nimport fullSizeVerticalBottomTransitions from '../styles/transitions/full-size-vertical-bottom-transitions.module.css';\nimport fullSizeVerticalCenterTransitions from '../styles/transitions/full-size-vertical-center-transitions.module.css';\nimport fullSizeVerticalTopTransitions from '../styles/transitions/full-size-vertical-top-transitions.module.css';\n\ntype Params = {\n    verticalAlign: Exclude<UniversalModalDesktopProps['verticalAlign'], undefined>;\n    width: UniversalModalDesktopProps['width'];\n    height: UniversalModalDesktopProps['height'];\n};\n\ntype ReturnType = {\n    isFullSizeModal: boolean;\n    backdropTransitions: Partial<BackdropProps>;\n    componentTransitions: Partial<TransitionProps>;\n};\n\nexport const getFullSizeModalTransitions = (params: Params): ReturnType => {\n    const { verticalAlign, width, height } = params;\n\n    const isFullSizeModal = width === 'fullWidth' && height === 'fullHeight';\n\n    const backdropTransitions = {\n        timeout: {\n            enter: 0,\n            exit: 400,\n        },\n        transitionClassNames: fullSizeBackdropTransitions,\n    };\n\n    const getContentTransitionsClassNames = () => {\n        switch (verticalAlign) {\n            case 'top':\n                return fullSizeVerticalTopTransitions;\n            case 'bottom':\n                return fullSizeVerticalBottomTransitions;\n            case 'center':\n                return fullSizeVerticalCenterTransitions;\n            default:\n                return exhaustiveCheck(verticalAlign);\n        }\n    };\n\n    const componentTransitions = {\n        timeout: {\n            enter: 200,\n            exit: 400,\n        },\n        classNames: getContentTransitionsClassNames(),\n    };\n\n    return {\n        isFullSizeModal,\n        backdropTransitions,\n        componentTransitions,\n    };\n};\n"],"names":["fullSizeBackdropTransitions","fullSizeVerticalTopTransitions","fullSizeVerticalBottomTransitions","fullSizeVerticalCenterTransitions","exhaustiveCheck"],"mappings":";;;;;;;;;;AAwBO,IAAM,2BAA2B,GAAG,UAAC,MAAc,EAAA;AAC9C,IAAA,IAAA,aAAa,GAAoB,MAAM,CAAA,aAA1B,EAAE,KAAK,GAAa,MAAM,CAAA,KAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;IAEpC,IAAM,eAAe,GAAG,KAAK,KAAK,WAAW,IAAI,MAAM,KAAK,YAAY;AAExE,IAAA,IAAM,mBAAmB,GAAG;AACxB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;AACD,QAAA,oBAAoB,EAAEA,kCAA2B;KACpD;AAED,IAAA,IAAM,+BAA+B,GAAG,YAAA;AACpC,QAAA,QAAQ,aAAa;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,OAAOC,qCAA8B;AACzC,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAOC,wCAAiC;AAC5C,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAOC,wCAAiC;AAC5C,YAAA;AACI,gBAAA,OAAOC,oCAAe,CAAC,aAAa,CAAC;AAC5C;AACL,KAAC;AAED,IAAA,IAAM,oBAAoB,GAAG;AACzB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;QACD,UAAU,EAAE,+BAA+B,EAAE;KAChD;IAED,OAAO;AACH,QAAA,eAAe,EAAA,eAAA;AACf,QAAA,mBAAmB,EAAA,mBAAA;AACnB,QAAA,oBAAoB,EAAA,oBAAA;KACvB;AACL;;;;"}
+{"version":3,"file":"get-full-size-modal-transitions.js","sources":["../../src/desktop/utils/get-full-size-modal-transitions.ts"],"sourcesContent":["import { type TransitionProps } from 'react-transition-group/Transition';\n\nimport { type BackdropProps } from '@alfalab/core-components-backdrop';\nimport { exhaustiveCheck } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nimport fullSizeBackdropTransitions from '../styles/transitions/full-size-backdrop-transitions.module.css';\nimport fullSizeVerticalBottomTransitions from '../styles/transitions/full-size-vertical-bottom-transitions.module.css';\nimport fullSizeVerticalCenterTransitions from '../styles/transitions/full-size-vertical-center-transitions.module.css';\nimport fullSizeVerticalTopTransitions from '../styles/transitions/full-size-vertical-top-transitions.module.css';\n\ninterface Params {\n    verticalAlign: Exclude<UniversalModalDesktopProps['verticalAlign'], undefined>;\n    width: UniversalModalDesktopProps['width'];\n    height: UniversalModalDesktopProps['height'];\n}\n\ninterface ReturnType {\n    isFullSizeModal: boolean;\n    backdropTransitions: Partial<BackdropProps>;\n    componentTransitions: Partial<TransitionProps>;\n}\n\nexport const getFullSizeModalTransitions = (params: Params): ReturnType => {\n    const { verticalAlign, width, height } = params;\n\n    const isFullSizeModal = width === 'fullWidth' && height === 'fullHeight';\n\n    const backdropTransitions = {\n        timeout: {\n            enter: 0,\n            exit: 400,\n        },\n        transitionClassNames: fullSizeBackdropTransitions,\n    };\n\n    const getContentTransitionsClassNames = () => {\n        switch (verticalAlign) {\n            case 'top':\n                return fullSizeVerticalTopTransitions;\n            case 'bottom':\n                return fullSizeVerticalBottomTransitions;\n            case 'center':\n                return fullSizeVerticalCenterTransitions;\n            default:\n                return exhaustiveCheck(verticalAlign);\n        }\n    };\n\n    const componentTransitions = {\n        timeout: {\n            enter: 200,\n            exit: 400,\n        },\n        classNames: getContentTransitionsClassNames(),\n    };\n\n    return {\n        isFullSizeModal,\n        backdropTransitions,\n        componentTransitions,\n    };\n};\n"],"names":["fullSizeBackdropTransitions","fullSizeVerticalTopTransitions","fullSizeVerticalBottomTransitions","fullSizeVerticalCenterTransitions","exhaustiveCheck"],"mappings":";;;;;;;;;;AAwBO,IAAM,2BAA2B,GAAG,UAAC,MAAc,EAAA;AAC9C,IAAA,IAAA,aAAa,GAAoB,MAAM,CAAA,aAA1B,EAAE,KAAK,GAAa,MAAM,CAAA,KAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;IAEpC,IAAM,eAAe,GAAG,KAAK,KAAK,WAAW,IAAI,MAAM,KAAK,YAAY;AAExE,IAAA,IAAM,mBAAmB,GAAG;AACxB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;AACD,QAAA,oBAAoB,EAAEA,kCAA2B;KACpD;AAED,IAAA,IAAM,+BAA+B,GAAG,YAAA;AACpC,QAAA,QAAQ,aAAa;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,OAAOC,qCAA8B;AACzC,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAOC,wCAAiC;AAC5C,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAOC,wCAAiC;AAC5C,YAAA;AACI,gBAAA,OAAOC,oCAAe,CAAC,aAAa,CAAC;AAC5C;AACL,KAAC;AAED,IAAA,IAAM,oBAAoB,GAAG;AACzB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,IAAI,EAAE,GAAG;AACZ,SAAA;QACD,UAAU,EAAE,+BAA+B,EAAE;KAChD;IAED,OAAO;AACH,QAAA,eAAe,EAAA,eAAA;AACf,QAAA,mBAAmB,EAAA,mBAAA;AACnB,QAAA,oBAAoB,EAAA,oBAAA;KACvB;AACL;;;;"}

package/desktop/utils/get-height-style.d.ts

@@ -1,2 +1,2 @@
-import { UniversalModalDesktopProps } from '../types/props';
+import { type UniversalModalDesktopProps } from '../types/props';
 export declare const getHeightStyle: (height: Exclude<UniversalModalDesktopProps['height'], undefined>, margin: UniversalModalDesktopProps['margin']) => string;

package/desktop/utils/get-height-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-height-style.js","sources":["../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { UniversalModalDesktopProps } from '../types/props';\n\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height > viewportHeight || height === 'fullHeight') {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n    }\n\n    return `${height}px`;\n};\n"],"names":["isClient","hasOwnProperty"],"mappings":";;;;;;AAIa,IAAA,cAAc,GAAG,UAC1B,MAAgE,EAChE,MAA4C,EAAA;IAE5C,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAIA,6BAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;AACJ;AAED,IAAA,IAAI,MAAM,GAAG,cAAc,IAAI,MAAM,KAAK,YAAY,EAAE;AACpD,QAAA,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIC,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,QAAA,OAAO,cAAe,CAAA,MAAA,CAAA,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,QAAK;AAC3D;IAED,OAAO,EAAA,CAAA,MAAA,CAAG,MAAM,EAAA,IAAA,CAAI;AACxB;;;;"}
+{"version":3,"file":"get-height-style.js","sources":["../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height > viewportHeight || height === 'fullHeight') {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n    }\n\n    return `${height}px`;\n};\n"],"names":["isClient","hasOwnProperty"],"mappings":";;;;;;AAIa,IAAA,cAAc,GAAG,UAC1B,MAAgE,EAChE,MAA4C,EAAA;IAE5C,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAIA,6BAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;AACJ;AAED,IAAA,IAAI,MAAM,GAAG,cAAc,IAAI,MAAM,KAAK,YAAY,EAAE;AACpD,QAAA,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIC,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,QAAA,OAAO,cAAe,CAAA,MAAA,CAAA,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,QAAK;AAC3D;IAED,OAAO,EAAA,CAAA,MAAA,CAAG,MAAM,EAAA,IAAA,CAAI;AACxB;;;;"}

package/desktop/utils/get-margin-styles.d.ts

@@ -1,7 +1,7 @@
-import { UniversalModalDesktopProps } from '../types/props';
-declare type Params = {
+import { type UniversalModalDesktopProps } from '../types/props';
+interface Params {
     styles: Record<string, string>;
     margin: UniversalModalDesktopProps['margin'];
-};
+}
 export declare const getMarginStyles: (params: Params) => Record<string, boolean>;
 export {};

package/desktop/utils/get-margin-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-margin-styles.js","sources":["../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { UniversalModalDesktopProps } from '../types/props';\n\ntype Params = {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n};\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (margin) {\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n        };\n    }\n\n    return {};\n};\n"],"names":["hasOwnProperty"],"mappings":";;;;;;AASO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;IAClC,IAAA,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,CAAA,MAAX;AAEtB,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACvE,YAAA,EAAA;AACL;AAED,IAAA,OAAO,EAAE;AACb;;;;"}
+{"version":3,"file":"get-margin-styles.js","sources":["../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (margin) {\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n        };\n    }\n\n    return {};\n};\n"],"names":["hasOwnProperty"],"mappings":";;;;;;AASO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;IAClC,IAAA,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,CAAA,MAAX;AAEtB,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACvE,YAAA,EAAA;AACL;AAED,IAAA,OAAO,EAAE;AACb;;;;"}

package/desktop/utils/get-max-height-style.d.ts

@@ -1,2 +1,2 @@
-import { UniversalModalDesktopProps } from '../types/props';
+import { type UniversalModalDesktopProps } from '../types/props';
 export declare const getMaxHeightStyle: (margin: UniversalModalDesktopProps['margin']) => string;

package/desktop/utils/get-max-height-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-max-height-style.js","sources":["../../src/desktop/utils/get-max-height-style.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { UniversalModalDesktopProps } from '../types/props';\n\nexport const getMaxHeightStyle = (margin: UniversalModalDesktopProps['margin']) => {\n    const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n    const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n    return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n};\n"],"names":["hasOwnProperty"],"mappings":";;;;;;AAIO,IAAM,iBAAiB,GAAG,UAAC,MAA4C,EAAA;AAC1E,IAAA,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,IAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,IAAA,OAAO,cAAe,CAAA,MAAA,CAAA,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,QAAK;AAC5D;;;;"}
+{"version":3,"file":"get-max-height-style.js","sources":["../../src/desktop/utils/get-max-height-style.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getMaxHeightStyle = (margin: UniversalModalDesktopProps['margin']) => {\n    const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n    const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n    return `calc(100% - ${marginTop}px - ${marginBottom}px)`;\n};\n"],"names":["hasOwnProperty"],"mappings":";;;;;;AAIO,IAAM,iBAAiB,GAAG,UAAC,MAA4C,EAAA;AAC1E,IAAA,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,IAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAEvF,IAAA,OAAO,cAAe,CAAA,MAAA,CAAA,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,QAAK;AAC5D;;;;"}

package/desktop/utils/get-width-style.d.ts

@@ -1,2 +1,2 @@
-import { UniversalModalDesktopProps } from '../types/props';
+import { type UniversalModalDesktopProps } from '../types/props';
 export declare const getWidthStyle: (width: Exclude<UniversalModalDesktopProps['width'], undefined>, margin: UniversalModalDesktopProps['margin']) => string;

package/desktop/utils/get-width-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-width-style.js","sources":["../../src/desktop/utils/get-width-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { UniversalModalDesktopProps } from '../types/props';\n\nexport const getWidthStyle = (\n    width: Exclude<UniversalModalDesktopProps['width'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportWidth = 0;\n\n    if (isClient()) {\n        viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n    }\n\n    if (width > viewportWidth || width === 'fullWidth') {\n        const marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;\n        const marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;\n\n        return `calc(100% - ${marginLeft}px - ${marginRight}px)`;\n    }\n\n    return `${width}px`;\n};\n"],"names":["isClient","hasOwnProperty"],"mappings":";;;;;;AAIa,IAAA,aAAa,GAAG,UACzB,KAA8D,EAC9D,MAA4C,EAAA;IAE5C,IAAI,aAAa,GAAG,CAAC;IAErB,IAAIA,6BAAQ,EAAE,EAAE;AACZ,QAAA,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAAC,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;AAC9F;AAED,IAAA,IAAI,KAAK,GAAG,aAAa,IAAI,KAAK,KAAK,WAAW,EAAE;AAChD,QAAA,IAAM,UAAU,GAAG,CAAC,MAAM,IAAIC,mCAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC;AACjF,QAAA,IAAM,WAAW,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;AAEpF,QAAA,OAAO,cAAe,CAAA,MAAA,CAAA,UAAU,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,WAAW,QAAK;AAC3D;IAED,OAAO,EAAA,CAAA,MAAA,CAAG,KAAK,EAAA,IAAA,CAAI;AACvB;;;;"}
+{"version":3,"file":"get-width-style.js","sources":["../../src/desktop/utils/get-width-style.ts"],"sourcesContent":["import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nexport const getWidthStyle = (\n    width: Exclude<UniversalModalDesktopProps['width'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n) => {\n    let viewportWidth = 0;\n\n    if (isClient()) {\n        viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n    }\n\n    if (width > viewportWidth || width === 'fullWidth') {\n        const marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;\n        const marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;\n\n        return `calc(100% - ${marginLeft}px - ${marginRight}px)`;\n    }\n\n    return `${width}px`;\n};\n"],"names":["isClient","hasOwnProperty"],"mappings":";;;;;;AAIa,IAAA,aAAa,GAAG,UACzB,KAA8D,EAC9D,MAA4C,EAAA;IAE5C,IAAI,aAAa,GAAG,CAAC;IAErB,IAAIA,6BAAQ,EAAE,EAAE;AACZ,QAAA,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAAC,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;AAC9F;AAED,IAAA,IAAI,KAAK,GAAG,aAAa,IAAI,KAAK,KAAK,WAAW,EAAE;AAChD,QAAA,IAAM,UAAU,GAAG,CAAC,MAAM,IAAIC,mCAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC;AACjF,QAAA,IAAM,WAAW,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC;AAEpF,QAAA,OAAO,cAAe,CAAA,MAAA,CAAA,UAAU,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,WAAW,QAAK;AAC3D;IAED,OAAO,EAAA,CAAA,MAAA,CAAG,KAAK,EAAA,IAAA,CAAI;AACvB;;;;"}

package/desktop/utils/set-footer-and-header-refs.d.ts

@@ -1,9 +1,9 @@
-import { ReactElement, ReactNode, RefObject } from 'react';
-declare type Params = {
+import { type ReactElement, type ReactNode, type RefObject } from 'react';
+interface Params {
     children: ReactNode;
     headerElementRef: RefObject<HTMLDivElement>;
     footerElementRef: RefObject<HTMLDivElement>;
-};
+}
 /** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */
 export declare const setFooterAndHeaderRefs: (params: Params) => {
     enhancedChildren: (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment)[] | null | undefined;

package/desktop/utils/set-footer-and-header-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-footer-and-header-refs.js","sources":["../../src/desktop/utils/set-footer-and-header-refs.tsx"],"sourcesContent":["import {\n    Children,\n    cloneElement,\n    isValidElement,\n    MutableRefObject,\n    ReactElement,\n    ReactNode,\n    RefObject,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { FooterDesktop } from '../../components/footer';\nimport { HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ntype Params = {\n    children: ReactNode;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n};\n\n/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */\nexport const setFooterAndHeaderRefs = (params: Params) => {\n    const { children, headerElementRef, footerElementRef } = params;\n\n    const enhancedChildren = Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;\n\n        if (displayName && isHeaderNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, headerElementRef]) });\n        }\n\n        if (displayName && isFooterNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, footerElementRef]) });\n        }\n\n        return child;\n    });\n\n    return { enhancedChildren };\n};\n"],"names":["Children","isValidElement","isHeaderNode","cloneElement","mergeRefs","isFooterNode"],"mappings":";;;;;;;;;;;;;AAuBA;AACO,IAAM,sBAAsB,GAAG,UAAC,MAAc,EAAA;AACzC,IAAA,IAAA,QAAQ,GAAyC,MAAM,CAAA,QAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAAA,gBAA7B,EAAE,gBAAgB,GAAK,MAAM,iBAAX;IAEpD,IAAM,gBAAgB,GAAGA,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAClD,QAAA,IAAI,CAACC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;AACf;AAEO,QAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAmD,YAA9D;AAEnB,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAOC,kBAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAOF,kBAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,gBAAgB,EAAA,gBAAA,EAAE;AAC/B;;;;"}
+{"version":3,"file":"set-footer-and-header-refs.js","sources":["../../src/desktop/utils/set-footer-and-header-refs.ts"],"sourcesContent":["import {\n    Children,\n    cloneElement,\n    isValidElement,\n    type MutableRefObject,\n    type ReactElement,\n    type ReactNode,\n    type RefObject,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { type FooterDesktop } from '../../components/footer';\nimport { type HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ninterface Params {\n    children: ReactNode;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */\nexport const setFooterAndHeaderRefs = (params: Params) => {\n    const { children, headerElementRef, footerElementRef } = params;\n\n    const enhancedChildren = Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;\n\n        if (displayName && isHeaderNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, headerElementRef]) });\n        }\n\n        if (displayName && isFooterNode(displayName)) {\n            const existingRef = child as ReactElement & { ref: MutableRefObject<HTMLDivElement> };\n\n            return cloneElement(child, { ref: mergeRefs([existingRef.ref, footerElementRef]) });\n        }\n\n        return child;\n    });\n\n    return { enhancedChildren };\n};\n"],"names":["Children","isValidElement","isHeaderNode","cloneElement","mergeRefs","isFooterNode"],"mappings":";;;;;;;;;;;;;AAuBA;AACO,IAAM,sBAAsB,GAAG,UAAC,MAAc,EAAA;AACzC,IAAA,IAAA,QAAQ,GAAyC,MAAM,CAAA,QAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAAA,gBAA7B,EAAE,gBAAgB,GAAK,MAAM,iBAAX;IAEpD,IAAM,gBAAgB,GAAGA,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAClD,QAAA,IAAI,CAACC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;AACf;AAEO,QAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAmD,YAA9D;AAEnB,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAOC,kBAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAiE;AAErF,YAAA,OAAOF,kBAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC;AACtF;AAED,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,gBAAgB,EAAA,gBAAA,EAAE;AAC/B;;;;"}