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

package/Component.responsive.js

@@ -7,9 +7,8 @@ var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq');
 var Component_responsive$1 = require('./components/content/responsive/Component.responsive.js');
 require('classnames');
-require('./context/universal-modal-context.js');
-require('@alfalab/core-components-shared');
 require('@alfalab/core-components-base-modal');
+require('@alfalab/core-components-shared');
 require('./components/content/base-content/index.css');
 require('./components/content/desktop/desktop.css');
 require('./components/content/mobile/mobile.css');

package/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":["forwardRef","__rest","useIsDesktop","UniversalModalDesktop","UniversalModalMobile","React","__assign","HeaderResponsive","ContentResponsive","FooterResponsive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWa,cAAc,GAAGA,gBAAU,CACpC,UAAC,EAA0E,EAAE,GAAG,EAAA;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,gBAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAxE,kEAA0E,CAAF;IACrE,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAGC,uCAAqB,GAAGC,qCAAoB;AAE1E,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,GACrD,QAAQ,CACD;AAEpB,CAAC;IAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAEC,uCAAgB;AACxB,IAAA,OAAO,EAAEC,wCAAiB;AAC1B,IAAA,MAAM,EAAEC,qCAAgB;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":["forwardRef","__rest","useIsDesktop","UniversalModalDesktop","UniversalModalMobile","React","__assign","HeaderResponsive","ContentResponsive","FooterResponsive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWa,cAAc,GAAGA,gBAAU,CACpC,UAAC,EAA0E,EAAE,GAAG,EAAA;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,gBAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAxE,kEAA0E,CAAF;IACrE,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAGC,uCAAqB,GAAGC,qCAAoB;AAE1E,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,GACrD,QAAQ,CACD;AAEpB,CAAC;IAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAEC,uCAAgB;AACxB,IAAA,OAAO,EAAEC,wCAAiB;AAC1B,IAAA,MAAM,EAAEC,qCAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;;"}

package/Context.d.ts

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

package/Context.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
 
+/**
+ * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ */
 var ModalContext = coreComponentsBaseModal.BaseModalContext;
 
 exports.ModalContext = ModalContext;

package/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":["BaseModalContext"],"mappings":";;;;;;AAEO,IAAM,YAAY,GAAGA;;;;"}
+{"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":["BaseModalContext"],"mappings":";;;;;;AAEA;;AAEG;AACI,IAAM,YAAY,GAAGA;;;;"}

package/components/content/base-content/index.css

@@ -2,7 +2,7 @@
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
 }
-.universal-modal__content_18ivv {
+.universal-modal__content_13f79 {
     position: relative;
     box-sizing: border-box;
     width: 100%;

package/components/content/base-content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"universal-modal__content_18ivv"};
+var styles = {"content":"universal-modal__content_13f79"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var universalModalContext = require('../../../context/universal-modal-context.js');
+var Context = require('../../../Context.js');
 var baseContent = require('../base-content/base-content.js');
 var desktop_module = require('./desktop.module.css.js');
 
@@ -17,7 +17,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var ContentDesktop = function (_a) {
     var _b;
     var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
-    var _c = React.useContext(universalModalContext.UniversalModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
+    var _c = React.useContext(Context.ModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
     return (React__default.default.createElement(baseContent.BaseContent, tslib.__assign({ className: cn__default.default(desktop_module.content, className, (_b = {},
             _b[desktop_module.withHeader] = hasHeader,
             _b[desktop_module.withFooter] = hasFooter,

package/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":["__rest","useContext","UniversalModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAeO,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACvE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,2CAAqB,CAAC,EAA1D,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAsC;AAElE,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,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":["__rest","useContext","ModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAeO,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACvE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,oBAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAA6B;AAEzD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

package/components/content/desktop/desktop.css

@@ -1,9 +1,9 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__content_1hga6.universal-modal__withHeader_1hga6 {
+.universal-modal__content_1mjys.universal-modal__withHeader_1mjys {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_1hga6.universal-modal__withFooter_1hga6 {
+.universal-modal__content_1mjys.universal-modal__withFooter_1mjys {
         padding-bottom: var(--gap-0);
     }

package/components/content/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"content":"universal-modal__content_1hga6","withHeader":"universal-modal__withHeader_1hga6","withFooter":"universal-modal__withFooter_1hga6"};
+var styles = {"content":"universal-modal__content_1mjys","withHeader":"universal-modal__withHeader_1mjys","withFooter":"universal-modal__withFooter_1mjys"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/content/mobile/mobile.css

@@ -5,12 +5,12 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.universal-modal__content_6km1b {
+.universal-modal__content_41jpx {
     padding: var(--gap-16);
 }
-.universal-modal__content_6km1b.universal-modal__withHeader_6km1b {
+.universal-modal__content_41jpx.universal-modal__withHeader_41jpx {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_6km1b.universal-modal__withFooter_6km1b {
+.universal-modal__content_41jpx.universal-modal__withFooter_41jpx {
         padding-bottom: var(--gap-20);
     }

package/components/content/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"content":"universal-modal__content_6km1b","withHeader":"universal-modal__withHeader_6km1b","withFooter":"universal-modal__withFooter_6km1b"};
+var styles = {"content":"universal-modal__content_41jpx","withHeader":"universal-modal__withHeader_41jpx","withFooter":"universal-modal__withFooter_41jpx"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/footer/base-footer/index.css

@@ -13,7 +13,7 @@
     --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
 }
-.universal-modal__footer_1drio {
+.universal-modal__footer_18nu2 {
     width: 100%;
     box-sizing: border-box;
     transition:
@@ -21,12 +21,12 @@
         background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
 }
-.universal-modal__sticky_1drio {
+.universal-modal__sticky_18nu2 {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
 }
-.universal-modal__highlighted_1drio {
+.universal-modal__highlighted_18nu2 {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

package/components/footer/base-footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"universal-modal__footer_1drio","sticky":"universal-modal__sticky_1drio","highlighted":"universal-modal__highlighted_1drio"};
+var styles = {"footer":"universal-modal__footer_18nu2","sticky":"universal-modal__sticky_18nu2","highlighted":"universal-modal__highlighted_18nu2"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var universalModalContext = require('../../../context/universal-modal-context.js');
-var index = require('../../../desktop/constants/index.js');
+var Context = require('../../../Context.js');
+var index$1 = require('../../../desktop/constants/index.js');
+var index = require('../../../desktop/context/index.js');
 var baseFooter = require('../base-footer/base-footer.js');
 var desktop_module = require('./desktop.module.css.js');
 var layout_module = require('./layout.module.css.js');
@@ -19,8 +20,9 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var FooterDesktop = React.forwardRef(function (props, ref) {
     var _a;
     var className = props.className, sticky = props.sticky, _b = props.layout, layout = _b === void 0 ? 'start' : _b, restProps = tslib.__rest(props, ["className", "sticky", "layout"]);
-    var _c = React.useContext(universalModalContext.UniversalModalContext), _d = _c.modalWidth, modalWidth = _d === void 0 ? 500 : _d, modalFooterHighlighted = _c.modalFooterHighlighted;
-    var isMiddle = modalWidth === 'fullWidth' || modalWidth >= index.FOOTER_MEDIUM_BREAKPOINT;
+    var modalWidth = React.useContext(index.UniversalModalContext).width;
+    var modalFooterHighlighted = React.useContext(Context.ModalContext).footerHighlighted;
+    var isMiddle = modalWidth === 'fullWidth' || modalWidth >= index$1.FOOTER_MEDIUM_BREAKPOINT;
     return (React__default.default.createElement(baseFooter.BaseFooter, tslib.__assign({ ref: ref, className: cn__default.default(layout_module[layout], className, (_a = {},
             _a[desktop_module.sticky] = sticky,
             _a[layout_module.middle] = isMiddle,

package/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":["forwardRef","__rest","useContext","UniversalModalContext","FOOTER_MEDIUM_BREAKPOINT","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;IAiBa,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACnD,IAAA,IAAA,EAA+C,GAAAC,gBAAU,CAACC,2CAAqB,CAAC,EAA9E,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,mBAAG,GAAG,GAAA,EAAA,EAAE,sBAAsB,4BAAsC;IAEtF,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAIC,8BAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,aAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,cAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,aAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,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":["forwardRef","__rest","useContext","UniversalModalContext","ModalContext","FOOTER_MEDIUM_BREAKPOINT","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;;IAkBa,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACjD,IAAA,IAAO,UAAU,GAAKC,gBAAU,CAACC,2BAAqB,CAAC,MAAtC;AACjB,IAAA,IAAmB,sBAAsB,GAAKD,gBAAU,CAACE,oBAAY,CAAC,kBAA7B;IAEjD,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAIC,gCAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,aAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,cAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,aAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/components/footer/desktop/desktop.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__sticky_mpls5 {
+.universal-modal__sticky_1dmms {
     bottom: var(--gap-0);
 }

package/components/footer/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"sticky":"universal-modal__sticky_mpls5"};
+var styles = {"sticky":"universal-modal__sticky_1dmms"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/footer/desktop/layout.css

@@ -6,29 +6,29 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.universal-modal__column_mfxnq {
+.universal-modal__column_1dcyn {
     display: flex;
     flex-direction: column;
     gap: var(--gap-8);
 }
-.universal-modal__column_mfxnq.universal-modal__middle_mfxnq {
+.universal-modal__column_1dcyn.universal-modal__middle_1dcyn {
         gap: var(--gap-12);
     }
-.universal-modal__start_mfxnq {
+.universal-modal__start_1dcyn {
     justify-content: flex-start;
 }
-.universal-modal__center_mfxnq {
+.universal-modal__center_1dcyn {
     justify-content: center;
 }
-.universal-modal__space-between_mfxnq {
+.universal-modal__space-between_1dcyn {
     justify-content: space-between;
 }
-.universal-modal__space-between_mfxnq > * {
+.universal-modal__space-between_1dcyn > * {
         flex: 1;
     }
-.universal-modal__start_mfxnq,
-.universal-modal__center_mfxnq,
-.universal-modal__space-between_mfxnq {
+.universal-modal__start_1dcyn,
+.universal-modal__center_1dcyn,
+.universal-modal__space-between_1dcyn {
     display: flex;
     gap: var(--gap-16);
 }

package/components/footer/desktop/layout.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.css');
 
-var layoutStyles = {"column":"universal-modal__column_mfxnq","middle":"universal-modal__middle_mfxnq","start":"universal-modal__start_mfxnq","center":"universal-modal__center_mfxnq","space-between":"universal-modal__space-between_mfxnq"};
+var layoutStyles = {"column":"universal-modal__column_1dcyn","middle":"universal-modal__middle_1dcyn","start":"universal-modal__start_1dcyn","center":"universal-modal__center_1dcyn","space-between":"universal-modal__space-between_1dcyn"};
 
 module.exports = layoutStyles;
 //# sourceMappingURL=layout.module.css.js.map

package/components/footer/mobile/layout.mobile.css

@@ -2,26 +2,26 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.universal-modal__column_1081g {
+.universal-modal__column_xoz4o {
     display: flex;
     flex-direction: column;
     gap: var(--gap-16);
 }
-.universal-modal__start_1081g {
+.universal-modal__start_xoz4o {
     justify-content: flex-start;
 }
-.universal-modal__center_1081g {
+.universal-modal__center_xoz4o {
     justify-content: center;
 }
-.universal-modal__space-between_1081g {
+.universal-modal__space-between_xoz4o {
     justify-content: space-between;
 }
-.universal-modal__space-between_1081g > * {
+.universal-modal__space-between_xoz4o > * {
         flex: 1;
     }
-.universal-modal__start_1081g,
-.universal-modal__center_1081g,
-.universal-modal__space-between_1081g {
+.universal-modal__start_xoz4o,
+.universal-modal__center_xoz4o,
+.universal-modal__space-between_xoz4o {
     display: flex;
     gap: var(--gap-16);
 }

package/components/footer/mobile/layout.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.mobile.css');
 
-var layoutStylesMobile = {"column":"universal-modal__column_1081g","start":"universal-modal__start_1081g","center":"universal-modal__center_1081g","space-between":"universal-modal__space-between_1081g"};
+var layoutStylesMobile = {"column":"universal-modal__column_xoz4o","start":"universal-modal__start_xoz4o","center":"universal-modal__center_xoz4o","space-between":"universal-modal__space-between_xoz4o"};
 
 module.exports = layoutStylesMobile;
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/components/footer/mobile/mobile.css

@@ -3,9 +3,9 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.universal-modal__footer_ufu28 {
+.universal-modal__footer_1fxzy {
     padding: var(--gap-16);
 }
-.universal-modal__sticky_ufu28 {
+.universal-modal__sticky_1fxzy {
     bottom: var(--gap-0);
 }

package/components/footer/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"footer":"universal-modal__footer_ufu28","sticky":"universal-modal__sticky_ufu28"};
+var styles = {"footer":"universal-modal__footer_1fxzy","sticky":"universal-modal__sticky_1fxzy"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/header/base-header/index.css

@@ -10,22 +10,22 @@
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }
-.universal-modal__header_obf8e {
+.universal-modal__header_j7qm0 {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
 }
-.universal-modal__header_obf8e.universal-modal__highlighted_obf8e {
+.universal-modal__header_j7qm0.universal-modal__highlighted_j7qm0 {
         background: var(--universal-modal-header-highlight-background);
         box-shadow: var(--universal-modal-header-highlight-box-shadow);
     }
-.universal-modal__header_obf8e.universal-modal__sticky_obf8e {
+.universal-modal__header_j7qm0.universal-modal__sticky_j7qm0 {
         position: sticky;
         top: var(--gap-0);
         z-index: 1;
     }
-.universal-modal__header_obf8e.universal-modal__sticky_obf8e.universal-modal__hasContent_obf8e {
+.universal-modal__header_j7qm0.universal-modal__sticky_j7qm0.universal-modal__hasContent_j7qm0 {
             background: var(--universal-modal-header-background);
         }

package/components/header/base-header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"universal-modal__header_obf8e","highlighted":"universal-modal__highlighted_obf8e","sticky":"universal-modal__sticky_obf8e","hasContent":"universal-modal__hasContent_obf8e"};
+var styles = {"header":"universal-modal__header_j7qm0","highlighted":"universal-modal__highlighted_j7qm0","sticky":"universal-modal__sticky_j7qm0","hasContent":"universal-modal__hasContent_j7qm0"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1,10 @@
+import { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';
+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/components/header/base-header/useBaseHeader.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Context = require('../../../Context.js');
+
+var useBaseHeader = function (params) {
+    var title = params.title, children = params.children, bottomAddons = params.bottomAddons, onClose = params.onClose;
+    var _a = React.useContext(Context.ModalContext), componentRef = _a.componentRef, headerHighlighted = _a.headerHighlighted, handleCloseByContext = _a.onClose, setHasHeader = _a.setHasHeader;
+    var titleRef = React.useRef(null);
+    var hasContent = Boolean(title || children || bottomAddons);
+    var handleClose = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (onClose) {
+            return onClose.apply(void 0, args);
+        }
+        return handleCloseByContext.apply(void 0, args);
+    };
+    React.useEffect(function () {
+        setHasHeader(true);
+        return function () {
+            setHasHeader(false);
+        };
+    }, [setHasHeader]);
+    return { headerHighlighted: headerHighlighted, hasContent: hasContent, componentRef: componentRef, titleRef: titleRef, handleClose: handleClose };
+};
+
+exports.useBaseHeader = useBaseHeader;
+//# sourceMappingURL=useBaseHeader.js.map

package/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":["useContext","ModalContext","useRef","useEffect"],"mappings":";;;;;;;AAQO,IAAM,aAAa,GAAG,UAAC,MAAc,EAAA;AAChC,IAAA,IAAA,KAAK,GAAsC,MAAM,MAA5C,EAAE,QAAQ,GAA4B,MAAM,CAAA,QAAlC,EAAE,YAAY,GAAc,MAAM,CAApB,YAAA,EAAE,OAAO,GAAK,MAAM,QAAX;AAExC,IAAA,IAAA,KAKFA,gBAAU,CAACC,oBAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACR,oBAAoB,aAAA,EAC7B,YAAY,kBACY;AAE5B,IAAA,IAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAE7C,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,IAAM,WAAW,GAAyC,YAAA;QAAC,IAAO,IAAA,GAAA,EAAA;aAAP,IAAO,EAAA,GAAA,CAAA,EAAP,EAAO,GAAA,SAAA,CAAA,MAAA,EAAP,EAAO,EAAA,EAAA;YAAP,IAAO,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC9D,QAAA,IAAI,OAAO,EAAE;YACT,OAAO,OAAO,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AAC3B;QAED,OAAO,oBAAoB,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AACzC,KAAC;AAED,IAAAC,eAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;QAElB,OAAO,YAAA;YACH,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,OAAO,EAAE,iBAAiB,EAAA,iBAAA,EAAE,UAAU,YAAA,EAAE,YAAY,EAAA,YAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,WAAW,EAAA,WAAA,EAAE;AACjF;;;;"}

package/components/header/desktop/Component.desktop.js

@@ -7,8 +7,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsNavigationBarPrivate = require('@alfalab/core-components-navigation-bar-private');
 var coreComponentsShared = require('@alfalab/core-components-shared');
-var Context = require('../../../Context.js');
-var universalModalContext = require('../../../context/universal-modal-context.js');
+var useBaseHeader = require('../base-header/useBaseHeader.js');
 var index_module = require('../base-header/index.module.css.js');
 var desktop_module = require('./desktop.module.css.js');
 
@@ -20,22 +19,15 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var HeaderDesktop = React.forwardRef(function (props, ref) {
     var _a;
     var className = props.className, children = props.children, title = props.title, sticky = props.sticky, _b = props.bigTitle, bigTitle = _b === void 0 ? false : _b, titleClassName = props.titleClassName, dataTestId = props.dataTestId, bottomAddonsClassName = props.bottomAddonsClassName, onClose = props.onClose, restProps = tslib.__rest(props, ["className", "children", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
-    var _c = React.useContext(Context.ModalContext), componentRef = _c.componentRef, handleCloseByContext = _c.onClose;
-    var modalHeaderHighlighted = React.useContext(universalModalContext.UniversalModalContext).modalHeaderHighlighted;
-    var titleRef = React.useRef(null);
-    var hasContent = Boolean(title || children || restProps.bottomAddons);
-    var handleClose = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        if (onClose) {
-            return onClose.apply(void 0, args);
-        }
-        return handleCloseByContext.apply(void 0, args);
-    };
+    var bottomAddons = restProps.bottomAddons;
+    var _c = useBaseHeader.useBaseHeader({
+        title: title,
+        children: children,
+        bottomAddons: bottomAddons,
+        onClose: onClose,
+    }), headerHighlighted = _c.headerHighlighted, hasContent = _c.hasContent, componentRef = _c.componentRef, titleRef = _c.titleRef, handleClose = _c.handleClose;
     return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn__default.default(index_module.header, desktop_module.header, className, (_a = {},
-            _a[index_module.highlighted] = sticky && modalHeaderHighlighted && hasContent,
+            _a[index_module.highlighted] = sticky && headerHighlighted && hasContent,
             _a[index_module.sticky] = sticky,
             _a[index_module.hasContent] = hasContent,
             _a[desktop_module.medium] = bigTitle,

package/components/header/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/header/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\n\nimport styles from '../base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport interface HeaderDesktopProps\n    extends Omit<\n        NavigationBarPrivateProps,\n        'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n    > {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n}\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { componentRef, onClose: handleCloseByContext } = useContext(ModalContext);\n    const { modalHeaderHighlighted } = useContext(UniversalModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='modalHeaderDesktop'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, desktopStyles.header, className, {\n                [styles.highlighted]: sticky && modalHeaderHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.medium]: bigTitle,\n            })}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName)}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":["forwardRef","__rest","useContext","ModalContext","UniversalModalContext","useRef","React","NavigationBarPrivate","__assign","getDataTestId","cn","styles","desktopStyles"],"mappings":";;;;;;;;;;;;;;;;;;;IA2Ba,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAE/E,IAAA,SAAS,GAUT,KAAK,CAVI,SAAA,EACT,QAAQ,GASR,KAAK,CATG,QAAA,EACR,KAAK,GAQL,KAAK,CARA,KAAA,EACL,MAAM,GAON,KAAK,CAAA,MAPC,EACN,EAAA,GAMA,KAAK,CAAA,QANW,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,cAAc,GAKd,KAAK,CALS,cAAA,EACd,UAAU,GAIV,KAAK,CAAA,UAJK,EACV,qBAAqB,GAGrB,KAAK,sBAHgB,EACrB,OAAO,GAEP,KAAK,CAFE,OAAA,EACJ,SAAS,GAAAC,YAAA,CACZ,KAAK,EAXH,CAWL,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAAA,CADe;IAGV,IAAA,EAAA,GAAkDC,gBAAU,CAACC,oBAAY,CAAC,EAAxE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAW,oBAAoB,GAAA,EAAA,CAAA,OAA6B;AACxE,IAAA,IAAA,sBAAsB,GAAKD,gBAAU,CAACE,2CAAqB,CAAC,uBAAtC;AAE9B,IAAA,IAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,IAAM,WAAW,GAAyC,YAAA;QAAC,IAAO,IAAA,GAAA,EAAA;aAAP,IAAO,EAAA,GAAA,CAAA,EAAP,EAAO,GAAA,SAAA,CAAA,MAAA,EAAP,EAAO,EAAA,EAAA;YAAP,IAAO,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC9D,QAAA,IAAI,OAAO,EAAE;YACT,OAAO,OAAO,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AAC3B;QAED,OAAO,oBAAoB,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AACzC,KAAC;IAED,QACIC,qCAACC,uDAAoB,EAAAC,cAAA,CAAA,EAAA,EACb,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAEC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEC,cAAa,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACxD,EAAC,CAAAD,YAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,sBAAsB,IAAI,UAAU;AACpE,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAACC,cAAa,CAAC,MAAM,CAAA,GAAG,QAAQ;AAClC,YAAA,EAAA,EAAA,EACF,qBAAqB,EAAEF,mBAAE,CAACE,cAAa,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC5E,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAEF,mBAAE,CAACE,cAAa,CAAC,WAAW,EAAE,cAAc,CAAC,EAC7D,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/header/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { useBaseHeader } from '../base-header/useBaseHeader';\n\nimport styles from '../base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport interface HeaderDesktopProps\n    extends Omit<\n        NavigationBarPrivateProps,\n        'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n    > {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n}\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { bottomAddons } = restProps;\n\n    const { headerHighlighted, hasContent, componentRef, titleRef, handleClose } = useBaseHeader({\n        title,\n        children,\n        bottomAddons,\n        onClose,\n    });\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='modalHeaderDesktop'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, desktopStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.medium]: bigTitle,\n            })}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName)}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":["forwardRef","__rest","useBaseHeader","React","NavigationBarPrivate","__assign","getDataTestId","cn","styles","desktopStyles"],"mappings":";;;;;;;;;;;;;;;;;;IA0Ba,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAE/E,IAAA,SAAS,GAUT,KAAK,CAVI,SAAA,EACT,QAAQ,GASR,KAAK,CATG,QAAA,EACR,KAAK,GAQL,KAAK,CARA,KAAA,EACL,MAAM,GAON,KAAK,CAAA,MAPC,EACN,EAAA,GAMA,KAAK,CAAA,QANW,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,cAAc,GAKd,KAAK,CALS,cAAA,EACd,UAAU,GAIV,KAAK,CAAA,UAJK,EACV,qBAAqB,GAGrB,KAAK,sBAHgB,EACrB,OAAO,GAEP,KAAK,CAFE,OAAA,EACJ,SAAS,GAAAC,YAAA,CACZ,KAAK,EAXH,CAWL,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAAA,CADe;AAGR,IAAA,IAAA,YAAY,GAAK,SAAS,CAAA,YAAd;IAEd,IAAA,EAAA,GAAyEC,2BAAa,CAAC;AACzF,QAAA,KAAK,EAAA,KAAA;AACL,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,OAAO,EAAA,OAAA;AACV,KAAA,CAAC,EALM,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,iBAKxE;IAEF,QACIC,qCAACC,uDAAoB,EAAAC,cAAA,CAAA,EAAA,EACb,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAEC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEC,cAAa,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACxD,EAAC,CAAAD,YAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAACC,cAAa,CAAC,MAAM,CAAA,GAAG,QAAQ;AAClC,YAAA,EAAA,EAAA,EACF,qBAAqB,EAAEF,mBAAE,CAACE,cAAa,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC5E,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAEF,mBAAE,CAACE,cAAa,CAAC,WAAW,EAAE,cAAc,CAAC,EAC7D,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/components/header/desktop/desktop.css

@@ -11,31 +11,31 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.universal-modal__header_39007 {
+.universal-modal__header_1apt6 {
     padding: var(--gap-20) var(--gap-20) 0;
 }
-.universal-modal__header_39007 .universal-modal__headerTitle_39007 {
+.universal-modal__header_1apt6 .universal-modal__headerTitle_1apt6 {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
         font-family: var(--font-family-system);
         padding: 11px var(--gap-12);
     }
-.universal-modal__header_39007 .universal-modal__bottomAddons_39007 {
+.universal-modal__header_1apt6 .universal-modal__bottomAddons_1apt6 {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
         font-family: var(--font-family-system);
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
     }
-.universal-modal__header_39007.universal-modal__medium_39007 .universal-modal__headerTitle_39007 {
+.universal-modal__header_1apt6.universal-modal__medium_1apt6 .universal-modal__headerTitle_1apt6 {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
             font-family: var(--font-family-system);
             padding: var(--gap-6) var(--gap-12) var(--gap-16);
         }
-.universal-modal__header_39007.universal-modal__medium_39007 .universal-modal__bottomAddons_39007 {
+.universal-modal__header_1apt6.universal-modal__medium_1apt6 .universal-modal__bottomAddons_1apt6 {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;

package/components/header/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var desktopStyles = {"header":"universal-modal__header_39007","headerTitle":"universal-modal__headerTitle_39007","bottomAddons":"universal-modal__bottomAddons_39007","medium":"universal-modal__medium_39007"};
+var desktopStyles = {"header":"universal-modal__header_1apt6","headerTitle":"universal-modal__headerTitle_1apt6","bottomAddons":"universal-modal__bottomAddons_1apt6","medium":"universal-modal__medium_1apt6"};
 
 module.exports = desktopStyles;
 //# sourceMappingURL=desktop.module.css.js.map