@alfalab/core-components-universal-modal 3.0.2 → 3.0.3-alfasans

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

@@ -1,5 +1,5 @@
 import { useContext, useEffect } from 'react';
-import { UniversalModalContext } from '../../context/universal-modal-context.js';
+import { ModalContext } from '../../Context.js';
 
 /**
  * Расчет overlap состояния
@@ -7,7 +7,7 @@ import { UniversalModalContext } from '../../context/universal-modal-context.js'
  */
 const useModalHighlighted = (params) => {
     const { scrollbarContentNodeRef, scrollableNodeRef } = params;
-    const { setModalHeaderHighlighted, setModalFooterHighlighted } = useContext(UniversalModalContext);
+    const { setHeaderHighlighted: setModalHeaderHighlighted, setFooterHighlighted: setModalFooterHighlighted, } = useContext(ModalContext);
     const handleScroll = (e) => {
         const target = e.target;
         const { scrollTop, scrollHeight, clientHeight } = target;

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

@@ -1 +1 @@
-{"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":[],"mappings":";;;AAWA;;;AAGG;AACU,MAAA,mBAAmB,GAAG,CAAC,MAAc,KAAI;AAClD,IAAA,MAAM,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,GAAG,MAAM;IAE7D,MAAM,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,GAC1D,UAAU,CAAC,qBAAqB,CAAC;AAErC,IAAA,MAAM,YAAY,GAAsC,CAAC,CAAC,KAAI;AAC1D,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QACzC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM;AAExD,QAAA,MAAM,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;;AAGD,IAAA,SAAS,CACL,MAAM,MAAK;AACP,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AACL,KAAC,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;IAGD,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC3C,MAAM,aAAa,GAAG,uBAAuB,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC;YACxE,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,EAAE,YAAY,IAAI,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;AAED,QAAA,OAAO,MAAK;YACR,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;IAE/B,OAAO,EAAE,YAAY,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 { ModalContext } from '../../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 {\n        setHeaderHighlighted: setModalHeaderHighlighted,\n        setFooterHighlighted: setModalFooterHighlighted,\n    } = useContext(ModalContext);\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":[],"mappings":";;;AAWA;;;AAGG;AACU,MAAA,mBAAmB,GAAG,CAAC,MAAc,KAAI;AAClD,IAAA,MAAM,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,GAAG,MAAM;AAE7D,IAAA,MAAM,EACF,oBAAoB,EAAE,yBAAyB,EAC/C,oBAAoB,EAAE,yBAAyB,GAClD,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,YAAY,GAAsC,CAAC,CAAC,KAAI;AAC1D,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QACzC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM;AAExD,QAAA,MAAM,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;;AAGD,IAAA,SAAS,CACL,MAAM,MAAK;AACP,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AACL,KAAC,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;IAGD,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC3C,MAAM,aAAa,GAAG,uBAAuB,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC;YACxE,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,EAAE,YAAY,IAAI,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;AAED,QAAA,OAAO,MAAK;YACR,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;IAE/B,OAAO,EAAE,YAAY,EAAE;AAC3B;;;;"}

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

@@ -5,7 +5,7 @@
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
 }
-@keyframes universal-modal__step_1_1dz84 {
+@keyframes universal-modal__step_1_12lyl {
     0% {
         opacity: 1;
     }
@@ -13,7 +13,7 @@
         opacity: 0.5;
     }
 }
-@keyframes universal-modal__step_2_1dz84 {
+@keyframes universal-modal__step_2_12lyl {
     0% {
         opacity: 0.5;
     }
@@ -22,26 +22,26 @@
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
 }
-.universal-modal__appear_1dz84,
-.universal-modal__enter_1dz84 {
+.universal-modal__appear_12lyl,
+.universal-modal__enter_12lyl {
     background-color: var(--universal-modal-backdrop-hidden-background);
 }
-.universal-modal__appearActive_1dz84,
-.universal-modal__enterActive_1dz84,
-.universal-modal__appearDone_1dz84,
-.universal-modal__enterDone_1dz84 {
+.universal-modal__appearActive_12lyl,
+.universal-modal__enterActive_12lyl,
+.universal-modal__appearDone_12lyl,
+.universal-modal__enterDone_12lyl {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exit_1dz84 {
+.universal-modal__exit_12lyl {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exitActive_1dz84 {
+.universal-modal__exitActive_12lyl {
     opacity: 1;
     animation:
-        universal-modal__step_1_1dz84 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_1dz84 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+        universal-modal__step_1_12lyl 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_12lyl 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
 }
-.universal-modal__exitDone_1dz84 {
+.universal-modal__exitDone_12lyl {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

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

@@ -1,6 +1,6 @@
 import './full-size-backdrop-transitions.css';
 
-const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1dz84","enter":"universal-modal__enter_1dz84","appearActive":"universal-modal__appearActive_1dz84","enterActive":"universal-modal__enterActive_1dz84","appearDone":"universal-modal__appearDone_1dz84","enterDone":"universal-modal__enterDone_1dz84","exit":"universal-modal__exit_1dz84","exitActive":"universal-modal__exitActive_1dz84","step_1":"universal-modal__step_1_1dz84","step_2":"universal-modal__step_2_1dz84","exitDone":"universal-modal__exitDone_1dz84"};
+const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_12lyl","enter":"universal-modal__enter_12lyl","appearActive":"universal-modal__appearActive_12lyl","enterActive":"universal-modal__enterActive_12lyl","appearDone":"universal-modal__appearDone_12lyl","enterDone":"universal-modal__enterDone_12lyl","exit":"universal-modal__exit_12lyl","exitActive":"universal-modal__exitActive_12lyl","step_1":"universal-modal__step_1_12lyl","step_2":"universal-modal__step_2_12lyl","exitDone":"universal-modal__exitDone_12lyl"};
 
 export { fullSizeBackdropTransitions as default };
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_u98ck,
-.universal-modal__enter_u98ck {
+.universal-modal__appear_qreup,
+.universal-modal__enter_qreup {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_u98ck,
-.universal-modal__enterActive_u98ck {
+.universal-modal__appearActive_qreup,
+.universal-modal__enterActive_qreup {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_u98ck {
+.universal-modal__exit_qreup {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_u98ck,
-.universal-modal__exitDone_u98ck {
+.universal-modal__exitActive_qreup,
+.universal-modal__exitDone_qreup {
     opacity: 0;
     transform: translateY(40px);
     transition:

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

@@ -1,6 +1,6 @@
 import './full-size-vertical-bottom-transitions.css';
 
-const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_u98ck","enter":"universal-modal__enter_u98ck","appearActive":"universal-modal__appearActive_u98ck","enterActive":"universal-modal__enterActive_u98ck","exit":"universal-modal__exit_u98ck","exitActive":"universal-modal__exitActive_u98ck","exitDone":"universal-modal__exitDone_u98ck"};
+const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_qreup","enter":"universal-modal__enter_qreup","appearActive":"universal-modal__appearActive_qreup","enterActive":"universal-modal__enterActive_qreup","exit":"universal-modal__exit_qreup","exitActive":"universal-modal__exitActive_qreup","exitDone":"universal-modal__exitDone_qreup"};
 
 export { fullSizeVerticalBottomTransitions as default };
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

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

@@ -1,20 +1,20 @@
-.universal-modal__appear_achws,
-.universal-modal__enter_achws {
+.universal-modal__appear_w9hl2,
+.universal-modal__enter_w9hl2 {
     opacity: 0;
 }
 
-.universal-modal__appearActive_achws,
-.universal-modal__enterActive_achws {
+.universal-modal__appearActive_w9hl2,
+.universal-modal__enterActive_w9hl2 {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_achws {
+.universal-modal__exit_w9hl2 {
     opacity: 1;
 }
 
-.universal-modal__exitActive_achws,
-.universal-modal__exitDone_achws {
+.universal-modal__exitActive_w9hl2,
+.universal-modal__exitDone_w9hl2 {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

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

@@ -1,6 +1,6 @@
 import './full-size-vertical-center-transitions.css';
 
-const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_achws","enter":"universal-modal__enter_achws","appearActive":"universal-modal__appearActive_achws","enterActive":"universal-modal__enterActive_achws","exit":"universal-modal__exit_achws","exitActive":"universal-modal__exitActive_achws","exitDone":"universal-modal__exitDone_achws"};
+const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_w9hl2","enter":"universal-modal__enter_w9hl2","appearActive":"universal-modal__appearActive_w9hl2","enterActive":"universal-modal__enterActive_w9hl2","exit":"universal-modal__exit_w9hl2","exitActive":"universal-modal__exitActive_w9hl2","exitDone":"universal-modal__exitDone_w9hl2"};
 
 export { fullSizeVerticalCenterTransitions as default };
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_s4lvz,
-.universal-modal__enter_s4lvz {
+.universal-modal__appear_8deim,
+.universal-modal__enter_8deim {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_s4lvz,
-.universal-modal__enterActive_s4lvz {
+.universal-modal__appearActive_8deim,
+.universal-modal__enterActive_8deim {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_s4lvz {
+.universal-modal__exit_8deim {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_s4lvz,
-.universal-modal__exitDone_s4lvz {
+.universal-modal__exitActive_8deim,
+.universal-modal__exitDone_8deim {
     opacity: 0;
     transform: translateY(-40px);
     transition:

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

@@ -1,6 +1,6 @@
 import './full-size-vertical-top-transitions.css';
 
-const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_s4lvz","enter":"universal-modal__enter_s4lvz","appearActive":"universal-modal__appearActive_s4lvz","enterActive":"universal-modal__enterActive_s4lvz","exit":"universal-modal__exit_s4lvz","exitActive":"universal-modal__exitActive_s4lvz","exitDone":"universal-modal__exitDone_s4lvz"};
+const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_8deim","enter":"universal-modal__enter_8deim","appearActive":"universal-modal__appearActive_8deim","enterActive":"universal-modal__enterActive_8deim","exit":"universal-modal__exit_8deim","exitActive":"universal-modal__exitActive_8deim","exitDone":"universal-modal__exitDone_8deim"};
 
 export { fullSizeVerticalTopTransitions as default };
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

package/modern/desktop/types/context.d.ts

@@ -0,0 +1,2 @@
+import { type UniversalModalDesktopProps } from './props';
+export declare type UniversalModalContextType = Required<Pick<UniversalModalDesktopProps, 'width'>>;

package/modern/desktop/types/context.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=context.js.map

package/modern/desktop/types/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/modern/index.js

@@ -2,9 +2,8 @@ export { UniversalModal, UniversalModalResponsive } from './Component.responsive
 export { ContentResponsive } from './components/content/responsive/Component.responsive.js';
 import 'react';
 import 'classnames';
-import './context/universal-modal-context.js';
-import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-base-modal/modern';
+import '@alfalab/core-components-shared/modern';
 import './components/content/base-content/index.css';
 import './components/content/desktop/desktop.css';
 import './components/content/mobile/mobile.css';

package/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/modern/mobile/Component.mobile.js

@@ -2,7 +2,6 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/modern';
 import '@alfalab/core-components-mq/modern';
-import '../context/universal-modal-context.js';
 import '@alfalab/core-components-shared/modern';
 import '../components/content/base-content/index.css';
 import '../components/content/desktop/desktop.css';

package/modern/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAea,MAAA,6BAA6B,GAAG,UAAU,CACnD,CAAC,KAAK,EAAE,GAAG,KAAI;AACX,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEtF,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE;YACb,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG;YAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW;YACvE,GAAG,SAAS,CAAC,eAAe;SAC/B,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAE/B,EAAA,QAAQ,CACD;AAEpB,CAAC;MAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACvB,CAAA;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAea,MAAA,6BAA6B,GAAG,UAAU,CACnD,CAAC,KAAK,EAAE,GAAG,KAAI;AACX,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEtF,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE;YACb,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG;YAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW;YACvE,GAAG,SAAS,CAAC,eAAe;SAC/B,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAE/B,EAAA,QAAQ,CACD;AAEpB,CAAC;MAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACvB,CAAA;;;;"}

package/modern/mobile/index.js

@@ -8,9 +8,8 @@ export { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
 import 'react';
 import '@alfalab/core-components-mq/modern';
 import 'classnames';
-import '../context/universal-modal-context.js';
-import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-base-modal/modern';
+import '@alfalab/core-components-shared/modern';
 import '../components/content/base-content/index.css';
 import '../components/content/desktop/desktop.css';
 export { ContentMobile } from '../components/content/mobile/Component.mobile.js';

package/modern/mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/modern/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_sms0m {
+.universal-modal__component_1g6ws {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_sms0m .universal-modal__content_sms0m {
+.universal-modal__component_1g6ws .universal-modal__content_1g6ws {
         height: auto;
     }
-.universal-modal__component_sms0m.universal-modal__component_sms0m {
+.universal-modal__component_1g6ws.universal-modal__component_1g6ws {
     position: fixed;
     flex: 1;
 }

package/modern/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"component":"universal-modal__component_sms0m","content":"universal-modal__content_sms0m"};
+const styles = {"component":"universal-modal__component_1g6ws","content":"universal-modal__content_1g6ws"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/mobile/transitions/right-side-transitions.mobile.css

@@ -1,18 +1,18 @@
-.universal-modal__appear_1r13r,
-.universal-modal__enter_1r13r {
+.universal-modal__appear_cldlq,
+.universal-modal__enter_cldlq {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_1r13r,
-.universal-modal__enterActive_1r13r {
+.universal-modal__appearActive_cldlq,
+.universal-modal__enterActive_cldlq {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_1r13r {
+.universal-modal__exit_cldlq {
     transform: translateX(0);
 }
-.universal-modal__exitActive_1r13r,
-.universal-modal__exitDone_1r13r {
+.universal-modal__exitActive_cldlq,
+.universal-modal__exitDone_cldlq {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-const rightSideTransitions = {"appear":"universal-modal__appear_1r13r","enter":"universal-modal__enter_1r13r","appearActive":"universal-modal__appearActive_1r13r","enterActive":"universal-modal__enterActive_1r13r","exit":"universal-modal__exit_1r13r","exitActive":"universal-modal__exitActive_1r13r","exitDone":"universal-modal__exitDone_1r13r"};
+const rightSideTransitions = {"appear":"universal-modal__appear_cldlq","enter":"universal-modal__enter_cldlq","appearActive":"universal-modal__appearActive_cldlq","enterActive":"universal-modal__enterActive_cldlq","exit":"universal-modal__exit_cldlq","exitActive":"universal-modal__exitActive_cldlq","exitDone":"universal-modal__exitDone_cldlq"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/modern/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_iijny,
-.universal-modal__enter_iijny {
+.universal-modal__appear_1wwmc,
+.universal-modal__enter_1wwmc {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_iijny,
-.universal-modal__enterActive_iijny {
+.universal-modal__appearActive_1wwmc,
+.universal-modal__enterActive_1wwmc {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_iijny {
+.universal-modal__exit_1wwmc {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_iijny,
-.universal-modal__exitDone_iijny {
+.universal-modal__exitActive_1wwmc,
+.universal-modal__exitDone_1wwmc {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/modern/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-const transitions = {"appear":"universal-modal__appear_iijny","enter":"universal-modal__enter_iijny","appearActive":"universal-modal__appearActive_iijny","enterActive":"universal-modal__enterActive_iijny","exit":"universal-modal__exit_iijny","exitActive":"universal-modal__exitActive_iijny","exitDone":"universal-modal__exitDone_iijny"};
+const transitions = {"appear":"universal-modal__appear_1wwmc","enter":"universal-modal__enter_1wwmc","appearActive":"universal-modal__appearActive_1wwmc","enterActive":"universal-modal__enterActive_1wwmc","exit":"universal-modal__exit_1wwmc","exitActive":"universal-modal__exitActive_1wwmc","exitDone":"universal-modal__exitDone_1wwmc"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/modern/typings/index.d.ts

@@ -1,14 +1,5 @@
 import { type UniversalModalDesktopProps } from '../desktop';
 import { type UniversalModalMobileProps } from '../mobile';
-export interface UniversalModalContextType {
-    modalWidth: UniversalModalDesktopProps['width'];
-    modalHeaderHighlighted?: boolean;
-    modalFooterHighlighted?: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    setModalHeaderHighlighted?: (value: boolean) => void;
-    setModalFooterHighlighted?: (value: boolean) => void;
-}
 export interface UniversalModalResponsiveProps extends UniversalModalDesktopProps, UniversalModalMobileProps {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/moderncssm/Component.responsive.js

@@ -2,9 +2,8 @@ import React, { forwardRef } from 'react';
 import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
 import { ContentResponsive } from './components/content/responsive/Component.responsive.js';
 import 'classnames';
-import './context/universal-modal-context.js';
-import '@alfalab/core-components-shared/moderncssm';
 import '@alfalab/core-components-base-modal/moderncssm';
+import '@alfalab/core-components-shared/moderncssm';
 import './components/content/base-content/index.module.css';
 import './components/content/desktop/desktop.module.css';
 import './components/content/mobile/mobile.module.css';

package/moderncssm/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentResponsive } from './components/content';\nimport { FooterResponsive } from './components/footer';\nimport { HeaderResponsive } from './components/header';\nimport { UniversalModalDesktop } from './desktop';\nimport { UniversalModalMobile } from './mobile';\nimport { type UniversalModalResponsiveProps } from './typings';\n\nexport const UniversalModal = forwardRef<HTMLDivElement, UniversalModalResponsiveProps>(\n    ({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        const Component = isDesktop ? UniversalModalDesktop : UniversalModalMobile;\n\n        return (\n            <Component ref={ref} dataTestId={dataTestId} {...restProps}>\n                {children}\n            </Component>\n        );\n    },\n);\n\nexport const UniversalModalResponsive = Object.assign(UniversalModal, {\n    Header: HeaderResponsive,\n    Content: ContentResponsive,\n    Footer: FooterResponsive,\n});\n\nUniversalModalResponsive.displayName = 'UniversalModalResponsive';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAWa,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,GAAA,SAAS,IACrD,QAAQ,CACD;AAEpB,CAAC;MAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentResponsive } from './components/content';\nimport { FooterResponsive } from './components/footer';\nimport { HeaderResponsive } from './components/header';\nimport { UniversalModalDesktop } from './desktop';\nimport { UniversalModalMobile } from './mobile';\nimport { type UniversalModalResponsiveProps } from './typings';\n\nexport const UniversalModal = forwardRef<HTMLDivElement, UniversalModalResponsiveProps>(\n    ({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        const Component = isDesktop ? UniversalModalDesktop : UniversalModalMobile;\n\n        return (\n            <Component ref={ref} dataTestId={dataTestId} {...restProps}>\n                {children}\n            </Component>\n        );\n    },\n);\n\nexport const UniversalModalResponsive = Object.assign(UniversalModal, {\n    Header: HeaderResponsive,\n    Content: ContentResponsive,\n    Footer: FooterResponsive,\n});\n\nUniversalModalResponsive.displayName = 'UniversalModalResponsive';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;MAWa,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,GAAA,SAAS,IACrD,QAAQ,CACD;AAEpB,CAAC;MAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/moderncssm/Context.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { BaseModalContext } from '@alfalab/core-components-base-modal/moderncssm';
+/**
+ * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ */
 export declare const ModalContext: import("react").Context<BaseModalContext>;

package/moderncssm/Context.js

@@ -1,5 +1,8 @@
 import { BaseModalContext } from '@alfalab/core-components-base-modal/moderncssm';
 
+/**
+ * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ */
 const ModalContext = BaseModalContext;
 
 export { ModalContext };

package/moderncssm/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG;;;;"}
+{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента\n */\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEA;;AAEG;AACI,MAAM,YAAY,GAAG;;;;"}

package/moderncssm/components/content/desktop/Component.desktop.js

@@ -1,11 +1,11 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { UniversalModalContext } from '../../../context/universal-modal-context.js';
+import { ModalContext } from '../../../Context.js';
 import { BaseContent } from '../base-content/base-content.js';
 import styles from './desktop.module.css';
 
 const ContentDesktop = ({ className, ...restProps }) => {
-    const { hasHeader, hasFooter } = useContext(UniversalModalContext);
+    const { hasHeader, hasFooter } = useContext(ModalContext);
     return (React.createElement(BaseContent, { className: cn(styles.content, className, {
             [styles.withHeader]: hasHeader,
             [styles.withFooter]: hasFooter,

package/moderncssm/components/content/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/content/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { BaseContent, type ContentProps } from '../base-content/base-content';\n\nimport styles from './desktop.module.css';\n\nexport interface ContentDesktopProps extends ContentProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(UniversalModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACnF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAElE,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/content/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ModalContext } from '../../../Context';\nimport { BaseContent, type ContentProps } from '../base-content/base-content';\n\nimport styles from './desktop.module.css';\n\nexport interface ContentDesktopProps extends ContentProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(ModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACnF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEzD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}

package/moderncssm/components/footer/desktop/Component.desktop.js

@@ -1,14 +1,16 @@
 import React, { forwardRef, useContext } from 'react';
 import cn from 'classnames';
-import { UniversalModalContext } from '../../../context/universal-modal-context.js';
+import { ModalContext } from '../../../Context.js';
 import { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants/index.js';
+import { UniversalModalContext } from '../../../desktop/context/index.js';
 import { BaseFooter } from '../base-footer/base-footer.js';
 import styles from './desktop.module.css';
 import layoutStyles from './layout.module.css';
 
 const FooterDesktop = forwardRef((props, ref) => {
     const { className, sticky, layout = 'start', ...restProps } = props;
-    const { modalWidth = 500, modalFooterHighlighted } = useContext(UniversalModalContext);
+    const { width: modalWidth } = useContext(UniversalModalContext);
+    const { footerHighlighted: modalFooterHighlighted } = useContext(ModalContext);
     const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;
     return (React.createElement(BaseFooter, { ref: ref, className: cn(layoutStyles[layout], className, {
             [styles.sticky]: sticky,

package/moderncssm/components/footer/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/footer/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants';\nimport { BaseFooter, type FooterProps } from '../base-footer/base-footer';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nexport interface FooterDesktopProps extends FooterProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { modalWidth = 500, modalFooterHighlighted } = useContext(UniversalModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":[],"mappings":";;;;;;;;AAiBa,MAAA,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,KAAI;AACvF,IAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACnE,IAAA,MAAM,EAAE,UAAU,GAAG,GAAG,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;IAEtF,MAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAI,wBAAwB;AAErF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAC3C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,QAAQ;AAClC,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,GACjC,SAAS,EAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/footer/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ModalContext } from '../../../Context';\nimport { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants';\nimport { UniversalModalContext } from '../../../desktop/context';\nimport { BaseFooter, type FooterProps } from '../base-footer/base-footer';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nexport interface FooterDesktopProps extends FooterProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { width: modalWidth } = useContext(UniversalModalContext);\n    const { footerHighlighted: modalFooterHighlighted } = useContext(ModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":[],"mappings":";;;;;;;;;AAkBa,MAAA,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,KAAI;AACvF,IAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACnE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;IAC/D,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE9E,MAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAI,wBAAwB;AAErF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAC3C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,QAAQ;AAClC,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,GACjC,SAAS,EAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/moderncssm/components/header/base-header/useBaseHeader.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/moderncssm';
+declare type Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;
+export declare const useBaseHeader: (params: Params) => {
+    headerHighlighted: boolean | undefined;
+    hasContent: boolean;
+    componentRef: import("react").RefObject<HTMLDivElement>;
+    titleRef: import("react").RefObject<HTMLDivElement>;
+    handleClose: (event: import("react").MouseEvent<HTMLElement, MouseEvent> | import("react").KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick" | undefined) => void;
+};
+export {};

package/moderncssm/components/header/base-header/useBaseHeader.js

@@ -0,0 +1,25 @@
+import { useContext, useRef, useEffect } from 'react';
+import { ModalContext } from '../../../Context.js';
+
+const useBaseHeader = (params) => {
+    const { title, children, bottomAddons, onClose } = params;
+    const { componentRef, headerHighlighted, onClose: handleCloseByContext, setHasHeader, } = useContext(ModalContext);
+    const titleRef = useRef(null);
+    const hasContent = Boolean(title || children || bottomAddons);
+    const handleClose = (...args) => {
+        if (onClose) {
+            return onClose(...args);
+        }
+        return handleCloseByContext(...args);
+    };
+    useEffect(() => {
+        setHasHeader(true);
+        return () => {
+            setHasHeader(false);
+        };
+    }, [setHasHeader]);
+    return { headerHighlighted, hasContent, componentRef, titleRef, handleClose };
+};
+
+export { useBaseHeader };
+//# sourceMappingURL=useBaseHeader.js.map

package/moderncssm/components/header/base-header/useBaseHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseHeader.js","sources":["../../../../src/components/header/base-header/useBaseHeader.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\n\nimport { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';\n\nimport { ModalContext } from '../../../Context';\n\ntype Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;\n\nexport const useBaseHeader = (params: Params) => {\n    const { title, children, bottomAddons, onClose } = params;\n\n    const {\n        componentRef,\n        headerHighlighted,\n        onClose: handleCloseByContext,\n        setHasHeader,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return { headerHighlighted, hasContent, componentRef, titleRef, handleClose };\n};\n"],"names":[],"mappings":";;;AAQa,MAAA,aAAa,GAAG,CAAC,MAAc,KAAI;IAC5C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,MAAM;AAEzD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,OAAO,EAAE,oBAAoB,EAC7B,YAAY,GACf,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;AAClE,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1B;AAED,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE;AACjF;;;;"}