@alfalab/core-components-universal-modal 3.1.1 → 3.1.2-alfasans

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

@@ -4,8 +4,6 @@ import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';
 
 import { type UniversalModalDesktopProps } from '../types/props';
 
-import { getMaxHeightStyle } from './get-max-height-style';
-
 /**
  * Передает высоту компонента для нескольких кейсов
  * 1. Высота строится по контенту;
@@ -17,7 +15,7 @@ export const getHeightStyle = (
     margin: UniversalModalDesktopProps['margin'],
 ): Pick<CSSProperties, 'height' | 'maxHeight'> => {
     if (height === 'hugContent') {
-        return { maxHeight: getMaxHeightStyle(margin) };
+        return {};
     }
 
     let viewportHeight = 0;

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

@@ -5,17 +5,24 @@ import { type UniversalModalDesktopProps } from '../types/props';
 interface Params {
     styles: Record<string, string>;
     margin: UniversalModalDesktopProps['margin'];
+    height: NonNullable<UniversalModalDesktopProps['height']>;
 }
 
 export const getMarginStyles = (params: Params): Record<string, boolean> => {
-    const { margin, styles } = params;
+    const { margin, styles, height } = params;
 
     if (margin) {
+        const isHugContent = height === 'hugContent';
+
         return {
             [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),
             [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),
             [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),
             [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),
+            [styles.hugContent]: isHugContent,
+            [styles[`topGap-${margin.top}`]]: isHugContent && hasOwnProperty(margin, 'top'),
+            [styles[`bottomGap-${margin.bottom}`]]:
+                isHugContent && hasOwnProperty(margin, 'bottom'),
         };
     }
 

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

@@ -9,8 +9,8 @@ import {
 } from 'react';
 import mergeRefs from 'react-merge-refs';
 
-import { type FooterDesktop } from '../../components/footer';
-import { type HeaderDesktop } from '../../components/header';
+import { type FooterDesktop } from '../components/footer';
+import { type HeaderDesktop } from '../components/header';
 
 import { isFooterNode } from './isFooterNode';
 import { isHeaderNode } from './isHeaderNode';

package/src/index.ts

@@ -1,11 +1,8 @@
-export { UniversalModalResponsive, UniversalModal } from './Component.responsive';
+export { UniversalModalResponsive, UniversalModal } from './responsive';
 export type { UniversalModalResponsiveProps } from './typings';
 
-export { ContentResponsive } from './components/content';
-export type { ContentResponsiveProps } from './components/content';
+export { ContentResponsive, type ContentResponsiveProps } from './responsive';
 
-export { HeaderResponsive } from './components/header';
-export type { HeaderResponsiveProps } from './components/header';
+export { HeaderResponsive, type HeaderResponsiveProps } from './responsive';
 
-export { FooterResponsive } from './components/footer';
-export type { FooterResponsiveProps } from './components/footer';
+export { FooterResponsive, type FooterResponsiveProps } from './responsive';

package/src/mobile/Component.mobile.tsx

@@ -3,10 +3,9 @@ import cn from 'classnames';
 
 import { BaseModal } from '@alfalab/core-components-base-modal';
 
-import { ContentMobile } from '../components/content';
-import { FooterMobile } from '../components/footer';
-import { HeaderMobile } from '../components/header';
-
+import { ContentMobile } from './components/content';
+import { FooterMobile } from './components/footer';
+import { HeaderMobile } from './components/header';
 import { type UniversalModalMobileProps } from './types/props';
 
 import styles from './mobile.module.css';

package/src/{components/content/desktop/desktop.module.css → mobile/components/content/index.module.css}

@@ -1,6 +1,8 @@
-@import '../../../vars.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .content {
+    padding: var(--gap-20);
+
     &.withHeader {
         padding-top: var(--gap-0);
     }

package/src/{components/content/mobile/Component.mobile.tsx → mobile/components/content/index.tsx}

@@ -1,10 +1,10 @@
 import React, { type FC, useContext } from 'react';
 import cn from 'classnames';
 
+import { BaseContent, type ContentProps } from '../../../components/base-content';
 import { ModalContext } from '../../../Context';
-import { BaseContent, type ContentProps } from '../base-content/base-content';
 
-import styles from './mobile.module.css';
+import styles from './index.module.css';
 
 export type ContentMobileProps = ContentProps;
 

package/src/mobile/components/footer/index.module.css

@@ -0,0 +1,9 @@
+@import '@alfalab/core-components-vars/src/index.css';
+
+.footer {
+    padding: var(--gap-20);
+}
+
+.sticky {
+    bottom: var(--gap-0);
+}

package/src/{components/footer/mobile/Component.mobile.tsx → mobile/components/footer/index.tsx}

@@ -1,11 +1,11 @@
 import React, { type FC, useContext } from 'react';
 import cn from 'classnames';
 
+import { BaseFooter, type FooterProps } from '../../../components/base-footer';
 import { ModalContext } from '../../../Context';
-import { BaseFooter, type FooterProps } from '../base-footer/base-footer';
 
+import styles from './index.module.css';
 import layoutStylesMobile from './layout.mobile.module.css';
-import styles from './mobile.module.css';
 
 export type FooterMobileProps = FooterProps;
 

package/src/{components/footer/mobile → mobile/components/footer}/layout.mobile.module.css

@@ -1,9 +1,7 @@
 @import '../../../vars.css';
 
 .column {
-    display: flex;
     flex-direction: column;
-    gap: var(--gap-16);
 }
 
 .start {
@@ -24,7 +22,8 @@
 
 .start,
 .center,
-.space-between {
+.space-between,
+.column {
     display: flex;
-    gap: var(--gap-16);
+    gap: var(--gap-8);
 }

package/src/{components/header/mobile/Component.mobile.tsx → mobile/components/header/index.tsx}

@@ -7,10 +7,10 @@ import {
 } from '@alfalab/core-components-navigation-bar-private';
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { useBaseHeader } from '../base-header/useBaseHeader';
+import { useBaseHeader } from '../../../components/base-header/useBaseHeader';
 
-import styles from '../base-header/index.module.css';
-import mobileStyles from './mobile.module.css';
+import styles from '../../../components/base-header/index.module.css';
+import mobileStyles from './index.module.css';
 
 export type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
 

package/src/mobile/index.ts

@@ -1,11 +1,8 @@
 export { UniversalModalMobile, UniversalModalMobileComponent } from './Component.mobile';
 export type { UniversalModalMobileProps } from './types/props';
 
-export { HeaderMobile } from '../components/header';
-export type { HeaderMobileProps } from '../components/header';
+export { HeaderMobile, type HeaderMobileProps } from './components/header';
 
-export { FooterMobile } from '../components/footer';
-export type { FooterMobileProps } from '../components/footer';
+export { FooterMobile, type FooterMobileProps } from './components/footer';
 
-export { ContentMobile } from '../components/content';
-export type { ContentMobileProps } from '../components/content';
+export { ContentMobile, type ContentMobileProps } from './components/content';

package/src/{Component.responsive.tsx → responsive/Component.responsive.tsx}

@@ -2,12 +2,13 @@ import React, { forwardRef } from 'react';
 
 import { useIsDesktop } from '@alfalab/core-components-mq';
 
+import { UniversalModalDesktop } from '../desktop';
+import { UniversalModalMobile } from '../mobile';
+import { type UniversalModalResponsiveProps } from '../typings';
+
 import { ContentResponsive } from './components/content';
 import { FooterResponsive } from './components/footer';
 import { HeaderResponsive } from './components/header';
-import { UniversalModalDesktop } from './desktop';
-import { UniversalModalMobile } from './mobile';
-import { type UniversalModalResponsiveProps } from './typings';
 
 export const UniversalModal = forwardRef<HTMLDivElement, UniversalModalResponsiveProps>(
     ({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {

package/src/{components/content/responsive/Component.responsive.tsx → responsive/components/content/index.tsx}

@@ -2,8 +2,8 @@ import React, { type FC } from 'react';
 
 import { useIsDesktop } from '@alfalab/core-components-mq';
 
-import { ContentDesktop, type ContentDesktopProps } from '../desktop/Component.desktop';
-import { ContentMobile, type ContentMobileProps } from '../mobile/Component.mobile';
+import { ContentDesktop, type ContentDesktopProps } from '../../../desktop';
+import { ContentMobile, type ContentMobileProps } from '../../../mobile';
 
 export interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}
 

package/src/{components/footer/responsive/Component.responsive.tsx → responsive/components/footer/index.tsx}

@@ -2,8 +2,8 @@ import React, { forwardRef } from 'react';
 
 import { useIsDesktop } from '@alfalab/core-components-mq';
 
-import { FooterDesktop, type FooterDesktopProps } from '../desktop/Component.desktop';
-import { FooterMobile, type FooterMobileProps } from '../mobile/Component.mobile';
+import { FooterDesktop, type FooterDesktopProps } from '../../../desktop';
+import { FooterMobile, type FooterMobileProps } from '../../../mobile';
 
 export interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}
 

package/src/{components/header/responsive/Component.responsive.tsx → responsive/components/header/index.tsx}

@@ -2,8 +2,8 @@ import React, { forwardRef } from 'react';
 
 import { useIsDesktop } from '@alfalab/core-components-mq';
 
-import { HeaderDesktop, type HeaderDesktopProps } from '../desktop/Component.desktop';
-import { HeaderMobile, type HeaderMobileProps } from '../mobile/Component.mobile';
+import { HeaderDesktop, type HeaderDesktopProps } from '../../../desktop';
+import { HeaderMobile, type HeaderMobileProps } from '../../../mobile';
 
 export interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}
 

package/src/responsive/index.ts

@@ -0,0 +1,7 @@
+export { HeaderResponsive, type HeaderResponsiveProps } from './components/header';
+
+export { ContentResponsive, type ContentResponsiveProps } from './components/content';
+
+export { FooterResponsive, type FooterResponsiveProps } from './components/footer';
+
+export { UniversalModalResponsive, UniversalModal } from './Component.responsive';

package/Component.responsive.js.map

@@ -1 +0,0 @@
-{"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/components/content/base-content/base-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-content.js","sources":["../../../src/components/content/base-content/base-content.tsx"],"sourcesContent":["import React, { type FC, type ReactNode, type Ref, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport interface ContentProps {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n}\n\nexport const BaseContent: FC<ContentProps> = ({ children, className, dataTestId }) => {\n    const { contentRef } = useContext(ModalContext);\n\n    return (\n        <div\n            className={cn(styles.content, className)}\n            ref={contentRef as Ref<HTMLDivElement>}\n            data-test-id={getDataTestId(dataTestId, 'content')}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["useContext","ModalContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AA0BO,IAAM,WAAW,GAAqB,UAAC,EAAmC,EAAA;AAAjC,IAAA,IAAA,QAAQ,cAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACnE,IAAA,IAAA,UAAU,GAAKA,gBAAU,CAACC,oBAAY,CAAC,WAA7B;IAElB,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxBC,kCAAa,CAAC,UAAU,EAAE,SAAS,CAAC,EAEjD,EAAA,QAAQ,CACP;AAEd;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/content/base-content/index.module.css"],"sourcesContent":["@import '../../../vars.css';\n\n.content {\n    position: relative;\n    box-sizing: border-box;\n    width: 100%;\n    z-index: 0;\n    padding: var(--gap-32) var(--gap-32) var(--gap-32);\n    flex: 1 1 auto;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,gCAAgC,CAAC;;;;"}

package/components/content/desktop/Component.desktop.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type ContentProps } from '../base-content/base-content';
-export interface ContentDesktopProps extends ContentProps {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's' | 500;
-}
-export declare const ContentDesktop: FC<ContentDesktopProps>;

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

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var Context = require('../../../Context.js');
-var baseContent = require('../base-content/base-content.js');
-var desktop_module = require('./desktop.module.css.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-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(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,
-            _b)) }, restProps)));
-};
-
-exports.ContentDesktop = ContentDesktop;
-//# sourceMappingURL=Component.desktop.js.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-:root {
-    --gap-0: 0px;
-}
-.universal-modal__content_1tv6j.universal-modal__withHeader_1tv6j {
-        padding-top: var(--gap-0);
-    }
-.universal-modal__content_1tv6j.universal-modal__withFooter_1tv6j {
-        padding-bottom: var(--gap-0);
-    }

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

@@ -1,8 +0,0 @@
-'use strict';
-
-require('./desktop.css');
-
-var styles = {"content":"universal-modal__content_1tv6j","withHeader":"universal-modal__withHeader_1tv6j","withFooter":"universal-modal__withFooter_1tv6j"};
-
-module.exports = styles;
-//# sourceMappingURL=desktop.module.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"desktop.module.css.js","sources":["../../../src/components/content/desktop/desktop.module.css"],"sourcesContent":["@import '../../../vars.css';\n\n.content {\n    &.withHeader {\n        padding-top: var(--gap-0);\n    }\n\n    &.withFooter {\n        padding-bottom: var(--gap-0);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,gCAAgC,CAAC,YAAY,CAAC,mCAAmC,CAAC,YAAY,CAAC,mCAAmC,CAAC;;;;"}

package/components/content/index.d.ts

@@ -1,6 +0,0 @@
-export { ContentResponsive } from './responsive/Component.responsive';
-export type { ContentResponsiveProps } from './responsive/Component.responsive';
-export { ContentDesktop } from './desktop/Component.desktop';
-export type { ContentDesktopProps } from './desktop/Component.desktop';
-export { ContentMobile } from './mobile/Component.mobile';
-export type { ContentMobileProps } from './mobile/Component.mobile';

package/components/content/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./responsive/Component.responsive.js');
-var Component_desktop = require('./desktop/Component.desktop.js');
-var Component_mobile = require('./mobile/Component.mobile.js');
-
-
-
-exports.ContentResponsive = Component_responsive.ContentResponsive;
-exports.ContentDesktop = Component_desktop.ContentDesktop;
-exports.ContentMobile = Component_mobile.ContentMobile;
-//# sourceMappingURL=index.js.map

package/components/content/mobile/Component.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../src/components/content/mobile/Component.mobile.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 './mobile.module.css';\n\nexport type ContentMobileProps = ContentProps;\n\nexport const ContentMobile: FC<ContentMobileProps> = ({ 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":";;;;;;;;;;;;;;;;AAUO,IAAM,aAAa,GAA2B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACrE,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,aAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,aAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,aAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

package/components/content/mobile/mobile.css

@@ -1,16 +0,0 @@
-:root {
-    --gap-m: 16px;
-    --gap-l: 20px;
-    --gap-0: 0px;
-    --gap-16: var(--gap-m);
-    --gap-20: var(--gap-l);
-}
-.universal-modal__content_esc0r {
-    padding: var(--gap-16);
-}
-.universal-modal__content_esc0r.universal-modal__withHeader_esc0r {
-        padding-top: var(--gap-0);
-    }
-.universal-modal__content_esc0r.universal-modal__withFooter_esc0r {
-        padding-bottom: var(--gap-20);
-    }

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

@@ -1,8 +0,0 @@
-'use strict';
-
-require('./mobile.css');
-
-var styles = {"content":"universal-modal__content_esc0r","withHeader":"universal-modal__withHeader_esc0r","withFooter":"universal-modal__withFooter_esc0r"};
-
-module.exports = styles;
-//# sourceMappingURL=mobile.module.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../../../src/components/content/mobile/mobile.module.css"],"sourcesContent":["@import '../../../vars.css';\n\n.content {\n    padding: var(--gap-16);\n\n    &.withHeader {\n        padding-top: var(--gap-0);\n    }\n\n    &.withFooter {\n        padding-bottom: var(--gap-20);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,gCAAgC,CAAC,YAAY,CAAC,mCAAmC,CAAC,YAAY,CAAC,mCAAmC,CAAC;;;;"}

package/components/content/responsive/Component.responsive.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('@alfalab/core-components-mq');
-var Component_desktop = require('../desktop/Component.desktop.js');
-var Component_mobile = require('../mobile/Component.mobile.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var ContentResponsive = function (_a) {
-    var restProps = tslib.__rest(_a, []);
-    var isDesktop = coreComponentsMq.useIsDesktop();
-    if (isDesktop) {
-        return React__default.default.createElement(Component_desktop.ContentDesktop, tslib.__assign({}, restProps));
-    }
-    return React__default.default.createElement(Component_mobile.ContentMobile, tslib.__assign({}, restProps));
-};
-
-exports.ContentResponsive = ContentResponsive;
-//# sourceMappingURL=Component.responsive.js.map

package/components/content/responsive/Component.responsive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../src/components/content/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentDesktop, type ContentDesktopProps } from '../desktop/Component.desktop';\nimport { ContentMobile, type ContentMobileProps } from '../mobile/Component.mobile';\n\nexport interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}\n\nexport const ContentResponsive: FC<ContentResponsiveProps> = ({ ...restProps }) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <ContentDesktop {...restProps} />;\n    }\n\n    return <ContentMobile {...restProps} />;\n};\n"],"names":["__rest","useIsDesktop","React","ContentDesktop","__assign","ContentMobile"],"mappings":";;;;;;;;;;;;;;AASO,IAAM,iBAAiB,GAA+B,UAAC,EAAgB,EAAA;QAAX,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAd,EAAgB,CAAF;AACxE,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;AACX,QAAA,OAAOC,sBAAC,CAAA,aAAA,CAAAC,gCAAc,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;;AAG5C,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,8BAAa,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;;;;"}

package/components/footer/base-footer/base-footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-footer.js","sources":["../../../src/components/footer/base-footer/base-footer.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport interface FooterProps {\n    /**\n     * Контент футера\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Фиксирует футер\n     */\n    sticky?: boolean;\n\n    /**\n     * Выравнивание элементов футера\n     */\n    layout?: 'start' | 'center' | 'space-between' | 'column';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Отбивка бордером\n     */\n    isHighlighted?: boolean;\n}\n\nexport const BaseFooter = forwardRef<HTMLDivElement, FooterProps>((props, ref) => {\n    const { children, className, sticky, dataTestId, isHighlighted } = props;\n    const { setHasFooter } = useContext(ModalContext);\n\n    useEffect(() => {\n        setHasFooter(true);\n\n        return () => {\n            setHasFooter(false);\n        };\n    }, [setHasFooter]);\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.footer, className, {\n                [styles.highlighted]: sticky && isHighlighted,\n                [styles.sticky]: sticky,\n            })}\n            data-test-id={getDataTestId(dataTestId, 'footer')}\n            data-name='modalFooterDesktop'\n        >\n            {children}\n        </div>\n    );\n});\n"],"names":["forwardRef","useContext","ModalContext","useEffect","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;IAyCa,UAAU,GAAGA,gBAAU,CAA8B,UAAC,KAAK,EAAE,GAAG,EAAA;;IACjE,IAAA,QAAQ,GAAmD,KAAK,CAAxD,QAAA,EAAE,SAAS,GAAwC,KAAK,CAA7C,SAAA,EAAE,MAAM,GAAgC,KAAK,CAArC,MAAA,EAAE,UAAU,GAAoB,KAAK,CAAA,UAAzB,EAAE,aAAa,GAAK,KAAK,CAAA,aAAV;AACtD,IAAA,IAAA,YAAY,GAAKC,gBAAU,CAACC,oBAAY,CAAC,aAA7B;AAEpB,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,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAG,GAAA,MAAM,IAAI,aAAa;AAC7C,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA,cAAA,EACYC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EACvC,WAAA,EAAA,oBAAoB,EAE7B,EAAA,QAAQ,CACP;AAEd,CAAC;;;;"}

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

@@ -1,8 +0,0 @@
-'use strict';
-
-require('./index.css');
-
-var styles = {"footer":"universal-modal__footer_11cmb","sticky":"universal-modal__sticky_11cmb","highlighted":"universal-modal__highlighted_11cmb"};
-
-module.exports = styles;
-//# sourceMappingURL=index.module.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/footer/base-footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../vars.css';\n\n.footer {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n    padding: var(--gap-16) var(--gap-32) var(--gap-32);\n}\n\n.sticky {\n    background: var(--universal-modal-footer-background);\n    position: sticky;\n    z-index: 1;\n}\n\n.highlighted {\n    background: var(--universal-modal-footer-highlight-background);\n    box-shadow: var(--universal-modal-footer-highlight-box-shadow);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC;;;;"}

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

@@ -1 +0,0 @@
-{"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/layout.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-require('./layout.css');
-
-var layoutStyles = {"column":"universal-modal__column_e3vgg","middle":"universal-modal__middle_e3vgg","start":"universal-modal__start_e3vgg","center":"universal-modal__center_e3vgg","space-between":"universal-modal__space-between_e3vgg"};
-
-module.exports = layoutStyles;
-//# sourceMappingURL=layout.module.css.js.map

package/components/footer/index.d.ts

@@ -1,6 +0,0 @@
-export { FooterResponsive } from './responsive/Component.responsive';
-export type { FooterResponsiveProps } from './responsive/Component.responsive';
-export { FooterDesktop } from './desktop/Component.desktop';
-export type { FooterDesktopProps } from './desktop/Component.desktop';
-export { FooterMobile } from './mobile/Component.mobile';
-export type { FooterMobileProps } from './mobile/Component.mobile';

package/components/footer/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./responsive/Component.responsive.js');
-var Component_desktop = require('./desktop/Component.desktop.js');
-var Component_mobile = require('./mobile/Component.mobile.js');
-
-
-
-exports.FooterResponsive = Component_responsive.FooterResponsive;
-exports.FooterDesktop = Component_desktop.FooterDesktop;
-exports.FooterMobile = Component_mobile.FooterMobile;
-//# sourceMappingURL=index.js.map

package/components/footer/mobile/Component.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../src/components/footer/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ModalContext } from '../../../Context';\nimport { BaseFooter, type FooterProps } from '../base-footer/base-footer';\n\nimport layoutStylesMobile from './layout.mobile.module.css';\nimport styles from './mobile.module.css';\n\nexport type FooterMobileProps = FooterProps;\n\nexport const FooterMobile: FC<FooterMobileProps> = ({\n    className,\n    sticky,\n    layout = 'start',\n    ...restProps\n}) => {\n    const { footerHighlighted } = useContext(ModalContext);\n\n    return (\n        <BaseFooter\n            className={cn(styles.footer, layoutStylesMobile[layout], className, {\n                [styles.sticky]: sticky,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={footerHighlighted}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","ModalContext","React","BaseFooter","__assign","cn","styles","layoutStylesMobile"],"mappings":";;;;;;;;;;;;;;;;;AAWO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;;AAJG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgB,GAAA,EAAA,CAAA,MAAA,EAAhB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACb,SAAS,GAAAA,YAAA,CAAA,EAAA,EAJoC,iCAKnD,CADe;AAEJ,IAAA,IAAA,iBAAiB,GAAKC,gBAAU,CAACC,oBAAY,CAAC,kBAA7B;AAEzB,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,aAAM,CAAC,MAAM,EAAEC,oBAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC9D,YAAA,EAAA,CAACD,aAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAAA,EAC5B,SAAS,CAAA,CACf;AAEV;;;;"}

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

@@ -1,27 +0,0 @@
-:root {
-    --gap-m: 16px;
-    --gap-16: var(--gap-m);
-}
-.universal-modal__column_18frf {
-    display: flex;
-    flex-direction: column;
-    gap: var(--gap-16);
-}
-.universal-modal__start_18frf {
-    justify-content: flex-start;
-}
-.universal-modal__center_18frf {
-    justify-content: center;
-}
-.universal-modal__space-between_18frf {
-    justify-content: space-between;
-}
-.universal-modal__space-between_18frf > * {
-        flex: 1;
-    }
-.universal-modal__start_18frf,
-.universal-modal__center_18frf,
-.universal-modal__space-between_18frf {
-    display: flex;
-    gap: var(--gap-16);
-}

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

@@ -1,8 +0,0 @@
-'use strict';
-
-require('./layout.mobile.css');
-
-var layoutStylesMobile = {"column":"universal-modal__column_18frf","start":"universal-modal__start_18frf","center":"universal-modal__center_18frf","space-between":"universal-modal__space-between_18frf"};
-
-module.exports = layoutStylesMobile;
-//# sourceMappingURL=layout.mobile.module.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"layout.mobile.module.css.js","sources":["../../../src/components/footer/mobile/layout.mobile.module.css"],"sourcesContent":["@import '../../../vars.css';\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gap-16);\n}\n\n.start {\n    justify-content: flex-start;\n}\n\n.center {\n    justify-content: center;\n}\n\n.space-between {\n    justify-content: space-between;\n\n    & > * {\n        flex: 1;\n    }\n}\n\n.start,\n.center,\n.space-between {\n    display: flex;\n    gap: var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,yBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,eAAe,CAAC,sCAAsC,CAAC;;;;"}

package/components/footer/mobile/mobile.css

@@ -1,11 +0,0 @@
-:root {
-    --gap-m: 16px;
-    --gap-0: 0px;
-    --gap-16: var(--gap-m);
-}
-.universal-modal__footer_e26kh {
-    padding: var(--gap-16);
-}
-.universal-modal__sticky_e26kh {
-    bottom: var(--gap-0);
-}

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

@@ -1,8 +0,0 @@
-'use strict';
-
-require('./mobile.css');
-
-var styles = {"footer":"universal-modal__footer_e26kh","sticky":"universal-modal__sticky_e26kh"};
-
-module.exports = styles;
-//# sourceMappingURL=mobile.module.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../../../src/components/footer/mobile/mobile.module.css"],"sourcesContent":["@import '../../../vars.css';\n\n.footer {\n    padding: var(--gap-16);\n}\n\n.sticky {\n    bottom: var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}

package/components/footer/responsive/Component.responsive.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('@alfalab/core-components-mq');
-var Component_desktop = require('../desktop/Component.desktop.js');
-var Component_mobile = require('../mobile/Component.mobile.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var FooterResponsive = React.forwardRef(function (props, ref) {
-    var isDesktop = coreComponentsMq.useIsDesktop();
-    if (isDesktop) {
-        return React__default.default.createElement(Component_desktop.FooterDesktop, tslib.__assign({ ref: ref }, props));
-    }
-    return React__default.default.createElement(Component_mobile.FooterMobile, tslib.__assign({}, props));
-});
-FooterResponsive.displayName = 'FooterResponsive';
-
-exports.FooterResponsive = FooterResponsive;
-//# sourceMappingURL=Component.responsive.js.map