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

package/esm/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/esm/components/header/base-header/index.module.css.js

@@ -1,6 +1,6 @@
 import './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"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

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

@@ -0,0 +1,29 @@
+import { useContext, useRef, useEffect } from 'react';
+import { ModalContext } from '../../../Context.js';
+
+var useBaseHeader = function (params) {
+    var title = params.title, children = params.children, bottomAddons = params.bottomAddons, onClose = params.onClose;
+    var _a = useContext(ModalContext), componentRef = _a.componentRef, headerHighlighted = _a.headerHighlighted, handleCloseByContext = _a.onClose, setHasHeader = _a.setHasHeader;
+    var titleRef = 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);
+    };
+    useEffect(function () {
+        setHasHeader(true);
+        return function () {
+            setHasHeader(false);
+        };
+    }, [setHasHeader]);
+    return { headerHighlighted: headerHighlighted, hasContent: hasContent, componentRef: componentRef, titleRef: titleRef, handleClose: handleClose };
+};
+
+export { useBaseHeader };
+//# sourceMappingURL=useBaseHeader.js.map

package/esm/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":";;;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,KAKF,UAAU,CAAC,YAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACR,oBAAoB,aAAA,EAC7B,YAAY,kBACY;AAE5B,IAAA,IAAM,QAAQ,GAAG,MAAM,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,IAAA,SAAS,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/esm/components/header/desktop/Component.desktop.js

@@ -1,32 +1,24 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useContext, useRef } from 'react';
+import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { NavigationBarPrivate } from '@alfalab/core-components-navigation-bar-private/esm';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { ModalContext } from '../../../Context.js';
-import { UniversalModalContext } from '../../../context/universal-modal-context.js';
+import { useBaseHeader } from '../base-header/useBaseHeader.js';
 import styles from '../base-header/index.module.css.js';
 import desktopStyles from './desktop.module.css.js';
 
 var HeaderDesktop = 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 = __rest(props, ["className", "children", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
-    var _c = useContext(ModalContext), componentRef = _c.componentRef, handleCloseByContext = _c.onClose;
-    var modalHeaderHighlighted = useContext(UniversalModalContext).modalHeaderHighlighted;
-    var titleRef = 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({
+        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.createElement(NavigationBarPrivate, __assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn(styles.header, desktopStyles.header, className, (_a = {},
-            _a[styles.highlighted] = sticky && modalHeaderHighlighted && hasContent,
+            _a[styles.highlighted] = sticky && headerHighlighted && hasContent,
             _a[styles.sticky] = sticky,
             _a[styles.hasContent] = hasContent,
             _a[desktopStyles.medium] = bigTitle,

package/esm/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":[],"mappings":";;;;;;;;;;IA2Ba,aAAa,GAAG,UAAU,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,GAAA,MAAA,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,GAAkD,UAAU,CAAC,YAAY,CAAC,EAAxE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAW,oBAAoB,GAAA,EAAA,CAAA,OAA6B;AACxE,IAAA,IAAA,sBAAsB,GAAK,UAAU,CAAC,qBAAqB,CAAC,uBAAtC;AAE9B,IAAA,IAAM,QAAQ,GAAG,MAAM,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,QACI,oBAAC,oBAAoB,EAAA,QAAA,CAAA,EAAA,EACb,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACxD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,sBAAsB,IAAI,UAAU;AACpE,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAAC,aAAa,CAAC,MAAM,CAAA,GAAG,QAAQ;AAClC,YAAA,EAAA,EAAA,EACF,qBAAqB,EAAE,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC5E,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAE,EAAE,CAAC,aAAa,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":[],"mappings":";;;;;;;;;IA0Ba,aAAa,GAAG,UAAU,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,GAAA,MAAA,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,GAAyE,aAAa,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,QACI,oBAAC,oBAAoB,EAAA,QAAA,CAAA,EAAA,EACb,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACxD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAAC,aAAa,CAAC,MAAM,CAAA,GAAG,QAAQ;AAClC,YAAA,EAAA,EAAA,EACF,qBAAqB,EAAE,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC5E,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAE,EAAE,CAAC,aAAa,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/esm/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/esm/components/header/desktop/desktop.module.css.js

@@ -1,6 +1,6 @@
 import './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"};
 
 export { desktopStyles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/components/header/mobile/Component.mobile.js

@@ -1,39 +1,27 @@
 import { __rest, __assign } from 'tslib';
-import React, { useContext, useRef, useEffect } from 'react';
+import React from 'react';
 import cn from 'classnames';
 import { NavigationBarPrivate } from '@alfalab/core-components-navigation-bar-private/esm';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { ModalContext } from '../../../Context.js';
+import { useBaseHeader } from '../base-header/useBaseHeader.js';
 import styles from '../base-header/index.module.css.js';
 import mobileStyles from './mobile.module.css.js';
 
-var HeaderMobile = function (_a) {
-    var _b;
-    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, onClose = _a.onClose, restProps = __rest(_a, ["className", "children", "contentClassName", "title", "sticky", "dataTestId", "bottomAddonsClassName", "onClose"]);
-    var _c = useContext(ModalContext), setHasHeader = _c.setHasHeader, headerHighlighted = _c.headerHighlighted, componentRef = _c.componentRef, handleCloseByContext = _c.onClose;
-    var titleRef = 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);
-    };
-    useEffect(function () {
-        setHasHeader(true);
-        return function () {
-            setHasHeader(false);
-        };
-    }, [setHasHeader]);
-    return (React.createElement(NavigationBarPrivate, __assign({}, restProps, { view: 'mobile', dataTestId: getDataTestId(dataTestId, 'header'), sticky: sticky, title: title, className: cn(styles.header, mobileStyles.header, className, (_b = {},
-            _b[styles.highlighted] = sticky && headerHighlighted && hasContent,
-            _b[styles.sticky] = sticky,
-            _b[styles.hasContent] = hasContent,
-            _b)), contentClassName: cn(mobileStyles.content, contentClassName), bottomAddonsClassName: cn(mobileStyles.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, onClose: handleClose }), children));
+var HeaderMobile = function (props) {
+    var _a;
+    var className = props.className, children = props.children, contentClassName = props.contentClassName, title = props.title, sticky = props.sticky, dataTestId = props.dataTestId, bottomAddonsClassName = props.bottomAddonsClassName, onClose = props.onClose, restProps = __rest(props, ["className", "children", "contentClassName", "title", "sticky", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var bottomAddons = restProps.bottomAddons;
+    var _b = useBaseHeader({
+        title: title,
+        children: children,
+        bottomAddons: bottomAddons,
+        onClose: onClose,
+    }), headerHighlighted = _b.headerHighlighted, hasContent = _b.hasContent, componentRef = _b.componentRef, titleRef = _b.titleRef, handleClose = _b.handleClose;
+    return (React.createElement(NavigationBarPrivate, __assign({}, restProps, { view: 'mobile', dataTestId: getDataTestId(dataTestId, 'header'), sticky: sticky, title: title, className: cn(styles.header, mobileStyles.header, className, (_a = {},
+            _a[styles.highlighted] = sticky && headerHighlighted && hasContent,
+            _a[styles.sticky] = sticky,
+            _a[styles.hasContent] = hasContent,
+            _a)), contentClassName: cn(mobileStyles.content, contentClassName), bottomAddonsClassName: cn(mobileStyles.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, onClose: handleClose }), children));
 };
 
 export { HeaderMobile };

package/esm/components/header/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext, useEffect, 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';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\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    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,EAUnD,EAAA;;IATG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAToC,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAUnD,CADe;AAEN,IAAA,IAAA,KAKF,UAAU,CAAC,YAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACH,oBAAoB,aACL;AAE5B,IAAA,IAAM,QAAQ,GAAG,MAAM,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;AAED,IAAA,SAAS,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,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,EACb,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AACjC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC } 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 mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = (props) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\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            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,KAAK,EAAA;;IAEjD,IAAA,SAAS,GAST,KAAK,CAAA,SATI,EACT,QAAQ,GAQR,KAAK,CARG,QAAA,EACR,gBAAgB,GAOhB,KAAK,iBAPW,EAChB,KAAK,GAML,KAAK,CAAA,KANA,EACL,MAAM,GAKN,KAAK,OALC,EACN,UAAU,GAIV,KAAK,CAAA,UAJK,EACV,qBAAqB,GAGrB,KAAK,CAHgB,qBAAA,EACrB,OAAO,GAEP,KAAK,QAFE,EACJ,SAAS,UACZ,KAAK,EAVH,CAUL,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAAA,CADe;AAGR,IAAA,IAAA,YAAY,GAAK,SAAS,CAAA,YAAd;IAEd,IAAA,EAAA,GAAyE,aAAa,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;AAEF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,EACb,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AACjC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}

package/esm/components/header/mobile/mobile.css

@@ -13,10 +13,10 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.universal-modal__header_11m6o {
+.universal-modal__header_homqo {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_11m6o {
+.universal-modal__content_homqo {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
@@ -25,7 +25,7 @@
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_11m6o {
+.universal-modal__bottomAddons_homqo {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

package/esm/components/header/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var mobileStyles = {"header":"universal-modal__header_11m6o","content":"universal-modal__content_11m6o","bottomAddons":"universal-modal__bottomAddons_11m6o"};
+var mobileStyles = {"header":"universal-modal__header_homqo","content":"universal-modal__content_homqo","bottomAddons":"universal-modal__bottomAddons_homqo"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/desktop/Component.desktop.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useState, useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import '@alfalab/core-components-mq/esm';
 import { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
 import 'classnames';
@@ -17,25 +17,16 @@ import { HeaderDesktop } from '../components/header/desktop/Component.desktop.js
 import '@alfalab/core-components-navigation-bar-private/esm';
 import '../components/header/base-header/index.css';
 import '../components/header/mobile/mobile.css';
-import { UniversalModalContext } from '../context/universal-modal-context.js';
 import { CenterModal } from './components/center-modal/center-modal.js';
 import { SideModal } from './components/side-modal/side-modal.js';
-import { checkHeaderAndFooter } from './utils/check-header-and-footer.js';
+import { UniversalModalContext } from './context/index.js';
 
-var UniversalModalDesktopComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.horizontalAlign, horizontalAlign = _b === void 0 ? 'center' : _b, restProps = __rest(_a, ["children", "horizontalAlign"]);
-    var _c = useState(false), modalHeaderHighlighted = _c[0], setModalHeaderHighlighted = _c[1];
-    var _d = useState(false), modalFooterHighlighted = _d[0], setModalFooterHighlighted = _d[1];
-    var _e = checkHeaderAndFooter(children), hasHeader = _e.hasHeader, hasFooter = _e.hasFooter;
+var UniversalModalDesktopComponent = forwardRef(function (props, ref) {
+    var children = props.children, _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? 'center' : _a, restProps = __rest(props, ["children", "horizontalAlign"]);
+    var _b = restProps.width, width = _b === void 0 ? 500 : _b;
     var contextValue = useMemo(function () { return ({
-        modalWidth: restProps.width,
-        modalHeaderHighlighted: modalHeaderHighlighted,
-        modalFooterHighlighted: modalFooterHighlighted,
-        hasHeader: hasHeader,
-        hasFooter: hasFooter,
-        setModalHeaderHighlighted: setModalHeaderHighlighted,
-        setModalFooterHighlighted: setModalFooterHighlighted,
-    }); }, [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter]);
+        width: width,
+    }); }, [width]);
     var renderModal = function () {
         if (horizontalAlign === 'center') {
             return (React.createElement(CenterModal, __assign({}, restProps, { ref: ref, horizontalAlign: horizontalAlign }), children));

package/esm/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\nimport { UniversalModalContext } from '../context/universal-modal-context';\nimport { type UniversalModalContextType } from '../typings';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { checkHeaderAndFooter } from './utils/check-header-and-footer';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>(({ children, horizontalAlign = 'center', ...restProps }, ref) => {\n    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);\n    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);\n\n    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            modalWidth: restProps.width,\n            modalHeaderHighlighted,\n            modalFooterHighlighted,\n            hasHeader,\n            hasFooter,\n            setModalHeaderHighlighted,\n            setModalFooterHighlighted,\n        }),\n        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAaa,8BAA8B,GAAG,UAAU,CAGtD,UAAC,EAAsD,EAAE,GAAG,EAAA;AAAzD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,eAA0B,EAA1B,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF;IAC7C,IAAA,EAAA,GAAsD,QAAQ,CAAU,KAAK,CAAC,EAA7E,sBAAsB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,CAAA,CAA4B;IAC9E,IAAA,EAAA,GAAsD,QAAQ,CAAU,KAAK,CAAC,EAA7E,sBAAsB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,CAAA,CAA4B;IAE9E,IAAA,EAAA,GAA2B,oBAAoB,CAAC,QAAQ,CAAC,EAAvD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAmC;AAE/D,IAAA,IAAM,YAAY,GAAG,OAAO,CACxB,YAAA,EAAM,QAAC;QACH,UAAU,EAAE,SAAS,CAAC,KAAK;AAC3B,QAAA,sBAAsB,EAAA,sBAAA;AACtB,QAAA,sBAAsB,EAAA,sBAAA;AACtB,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,yBAAyB,EAAA,yBAAA;AACzB,QAAA,yBAAyB,EAAA,yBAAA;AAC5B,KAAA,IAAC,EACF,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAC1F;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;QAChB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;IAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalContextType } from './types/context';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { UniversalModalContext } from './context';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>((props, ref) => {\n    const { children, horizontalAlign = 'center', ...restProps } = props;\n    const { width = 500 } = restProps;\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            width,\n        }),\n        [width],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAYa,8BAA8B,GAAG,UAAU,CAGtD,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,QAAQ,GAA+C,KAAK,CAAA,QAApD,EAAE,EAA6C,GAAA,KAAK,gBAAxB,EAA1B,eAAe,mBAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAA9D,CAAA,UAAA,EAAA,iBAAA,CAAsD,CAAF;IAClD,IAAA,EAAA,GAAgB,SAAS,CAAd,KAAA,EAAX,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA;AAEnB,IAAA,IAAM,YAAY,GAAG,OAAO,CACxB,YAAA,EAAM,QAAC;AACH,QAAA,KAAK,EAAA,KAAA;AACR,KAAA,IAAC,EACF,CAAC,KAAK,CAAC,CACV;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;QAChB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;IAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}