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

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_14ji8,
-.universal-modal__enter_14ji8 {
+.universal-modal__appear_nngrr,
+.universal-modal__enter_nngrr {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_14ji8,
-.universal-modal__enterActive_14ji8 {
+.universal-modal__appearActive_nngrr,
+.universal-modal__enterActive_nngrr {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_14ji8 {
+.universal-modal__exit_nngrr {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_14ji8,
-.universal-modal__exitDone_14ji8 {
+.universal-modal__exitActive_nngrr,
+.universal-modal__exitDone_nngrr {
     opacity: 0;
     transform: translateY(-40px);
     transition:

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

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-top-transitions.css');
 
-var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_14ji8","enter":"universal-modal__enter_14ji8","appearActive":"universal-modal__appearActive_14ji8","enterActive":"universal-modal__enterActive_14ji8","exit":"universal-modal__exit_14ji8","exitActive":"universal-modal__exitActive_14ji8","exitDone":"universal-modal__exitDone_14ji8"};
+var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_nngrr","enter":"universal-modal__enter_nngrr","appearActive":"universal-modal__appearActive_nngrr","enterActive":"universal-modal__enterActive_nngrr","exit":"universal-modal__exit_nngrr","exitActive":"universal-modal__exitActive_nngrr","exitDone":"universal-modal__exitDone_nngrr"};
 
 module.exports = fullSizeVerticalTopTransitions;
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var coreComponentsShared = require('@alfalab/core-components-shared');
-var getMaxHeightStyle = require('./get-max-height-style.js');
 
 /**
  * Передает высоту компонента для нескольких кейсов
@@ -13,7 +12,7 @@ var getMaxHeightStyle = require('./get-max-height-style.js');
  */
 var getHeightStyle = function (height, margin) {
     if (height === 'hugContent') {
-        return { maxHeight: getMaxHeightStyle.getMaxHeightStyle(margin) };
+        return {};
     }
     var viewportHeight = 0;
     if (coreComponentsShared.isClient()) {

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

@@ -1 +1 @@
-{"version":3,"file":"get-height-style.js","sources":["../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\n\nimport { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nimport { getMaxHeightStyle } from './get-max-height-style';\n\n/**\n * Передает высоту компонента для нескольких кейсов\n * 1. Высота строится по контенту;\n * 2. Высота строится по размеру viewport;\n * 3. Высота строится по переданному параметру.\n */\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n): Pick<CSSProperties, 'height' | 'maxHeight'> => {\n    if (height === 'hugContent') {\n        return { maxHeight: getMaxHeightStyle(margin) };\n    }\n\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height === 'fullHeight' || height > viewportHeight) {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return { height: `calc(100% - ${marginTop}px - ${marginBottom}px)` };\n    }\n\n    return { height };\n};\n"],"names":["getMaxHeightStyle","isClient","hasOwnProperty"],"mappings":";;;;;;;AAQA;;;;;AAKG;AACU,IAAA,cAAc,GAAG,UAC1B,MAAgE,EAChE,MAA4C,EAAA;AAE5C,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;QACzB,OAAO,EAAE,SAAS,EAAEA,mCAAiB,CAAC,MAAM,CAAC,EAAE;;IAGnD,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAIC,6BAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;;IAGL,IAAI,MAAM,KAAK,YAAY,IAAI,MAAM,GAAG,cAAc,EAAE;AACpD,QAAA,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIC,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,cAAA,CAAA,MAAA,CAAe,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,EAAK,KAAA,CAAA,EAAE;;AAGxE,IAAA,OAAO,EAAE,MAAM,EAAA,MAAA,EAAE;AACrB;;;;"}
+{"version":3,"file":"get-height-style.js","sources":["../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\n\nimport { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\n/**\n * Передает высоту компонента для нескольких кейсов\n * 1. Высота строится по контенту;\n * 2. Высота строится по размеру viewport;\n * 3. Высота строится по переданному параметру.\n */\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n): Pick<CSSProperties, 'height' | 'maxHeight'> => {\n    if (height === 'hugContent') {\n        return {};\n    }\n\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height === 'fullHeight' || height > viewportHeight) {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return { height: `calc(100% - ${marginTop}px - ${marginBottom}px)` };\n    }\n\n    return { height };\n};\n"],"names":["isClient","hasOwnProperty"],"mappings":";;;;;;AAMA;;;;;AAKG;AACU,IAAA,cAAc,GAAG,UAC1B,MAAgE,EAChE,MAA4C,EAAA;AAE5C,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;AACzB,QAAA,OAAO,EAAE;;IAGb,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAIA,6BAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;;IAGL,IAAI,MAAM,KAAK,YAAY,IAAI,MAAM,GAAG,cAAc,EAAE;AACpD,QAAA,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIC,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,cAAA,CAAA,MAAA,CAAe,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,EAAK,KAAA,CAAA,EAAE;;AAGxE,IAAA,OAAO,EAAE,MAAM,EAAA,MAAA,EAAE;AACrB;;;;"}

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

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

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

@@ -6,13 +6,17 @@ var coreComponentsShared = require('@alfalab/core-components-shared');
 
 var getMarginStyles = function (params) {
     var _a;
-    var margin = params.margin, styles = params.styles;
+    var margin = params.margin, styles = params.styles, height = params.height;
     if (margin) {
+        var isHugContent = height === 'hugContent';
         return _a = {},
             _a[styles["marginTop-".concat(margin.top)]] = coreComponentsShared.hasOwnProperty(margin, 'top'),
             _a[styles["marginRight-".concat(margin.right)]] = coreComponentsShared.hasOwnProperty(margin, 'right'),
             _a[styles["marginBottom-".concat(margin.bottom)]] = coreComponentsShared.hasOwnProperty(margin, 'bottom'),
             _a[styles["marginLeft-".concat(margin.left)]] = coreComponentsShared.hasOwnProperty(margin, 'left'),
+            _a[styles.hugContent] = isHugContent,
+            _a[styles["topGap-".concat(margin.top)]] = isHugContent && coreComponentsShared.hasOwnProperty(margin, 'top'),
+            _a[styles["bottomGap-".concat(margin.bottom)]] = isHugContent && coreComponentsShared.hasOwnProperty(margin, 'bottom'),
             _a;
     }
     return {};

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

@@ -1 +1 @@
-{"version":3,"file":"get-margin-styles.js","sources":["../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (margin) {\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n        };\n    }\n\n    return {};\n};\n"],"names":["hasOwnProperty"],"mappings":";;;;;;AASO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;IAClC,IAAA,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,CAAA,MAAX;IAEtB,IAAI,MAAM,EAAE;AACR,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACvE,YAAA,EAAA;;AAGN,IAAA,OAAO,EAAE;AACb;;;;"}
+{"version":3,"file":"get-margin-styles.js","sources":["../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n    height: NonNullable<UniversalModalDesktopProps['height']>;\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles, height } = params;\n\n    if (margin) {\n        const isHugContent = height === 'hugContent';\n\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n            [styles.hugContent]: isHugContent,\n            [styles[`topGap-${margin.top}`]]: isHugContent && hasOwnProperty(margin, 'top'),\n            [styles[`bottomGap-${margin.bottom}`]]:\n                isHugContent && hasOwnProperty(margin, 'bottom'),\n        };\n    }\n\n    return {};\n};\n"],"names":["hasOwnProperty"],"mappings":";;;;;;AAUO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;AAClC,IAAA,IAAA,MAAM,GAAqB,MAAM,CAAA,MAA3B,EAAE,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;IAE9B,IAAI,MAAM,EAAE;AACR,QAAA,IAAM,YAAY,GAAG,MAAM,KAAK,YAAY;AAE5C,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAGA,mCAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACrE,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,YAAY;AACjC,YAAA,EAAA,CAAC,MAAM,CAAC,SAAA,CAAA,MAAA,CAAU,MAAM,CAAC,GAAG,CAAE,CAAC,CAAG,GAAA,YAAY,IAAIA,mCAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAC/E,YAAA,EAAA,CAAC,MAAM,CAAC,YAAA,CAAA,MAAA,CAAa,MAAM,CAAC,MAAM,CAAE,CAAC,CACjC,GAAA,YAAY,IAAIA,mCAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AACtD,YAAA,EAAA;;AAGN,IAAA,OAAO,EAAE;AACb;;;;"}

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

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

package/esm/components/{content/base-content → base-content}/index.css

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

package/esm/components/{content/base-content/base-content.js → base-content/index.js}

@@ -1,14 +1,14 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { ModalContext } from '../../../Context.js';
+import { ModalContext } from '../../Context.js';
 import styles from './index.module.css.js';
 
 var BaseContent = function (_a) {
     var children = _a.children, className = _a.className, dataTestId = _a.dataTestId;
     var contentRef = useContext(ModalContext).contentRef;
-    return (React.createElement("div", { className: cn(styles.content, className), ref: contentRef, "data-test-id": getDataTestId(dataTestId, 'content') }, children));
+    return (React.createElement("div", { className: cn(styles.content, className), ref: contentRef, "data-test-id": getDataTestId(dataTestId, 'content'), "data-name": 'universal-modal-base-content' }, children));
 };
 
 export { BaseContent };
-//# sourceMappingURL=base-content.js.map
+//# sourceMappingURL=index.js.map

package/esm/components/base-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/base-content/index.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            data-name='universal-modal-base-content'\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":[],"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,GAAK,UAAU,CAAC,YAAY,CAAC,WAA7B;AAElB,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EACxB,cAAA,EAAA,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,EAAA,WAAA,EACxC,8BAA8B,EAAA,EAEvC,QAAQ,CACP;AAEd;;;;"}

package/esm/components/{content/base-content → base-content}/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"content":"universal-modal__content_w3zix"};
+var styles = {"content":"universal-modal__content_1yasa"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/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/esm/components/{footer/base-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_11cmb {
+.universal-modal__footer_1610l {
     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_11cmb {
+.universal-modal__sticky_1610l {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
 }
-.universal-modal__highlighted_11cmb {
+.universal-modal__highlighted_1610l {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

package/esm/components/{footer/base-footer/base-footer.js → base-footer/index.js}

@@ -1,7 +1,7 @@
 import React, { forwardRef, useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { ModalContext } from '../../../Context.js';
+import { ModalContext } from '../../Context.js';
 import styles from './index.module.css.js';
 
 var BaseFooter = forwardRef(function (props, ref) {
@@ -17,8 +17,8 @@ var BaseFooter = forwardRef(function (props, ref) {
     return (React.createElement("div", { ref: ref, className: cn(styles.footer, className, (_a = {},
             _a[styles.highlighted] = sticky && isHighlighted,
             _a[styles.sticky] = sticky,
-            _a)), "data-test-id": getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
+            _a)), "data-test-id": getDataTestId(dataTestId, 'footer'), "data-name": 'universal-modal-base-footer' }, children));
 });
 
 export { BaseFooter };
-//# sourceMappingURL=base-footer.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/base-footer/index.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='universal-modal-base-footer'\n        >\n            {children}\n        </div>\n    );\n});\n"],"names":[],"mappings":";;;;;;IAyCa,UAAU,GAAG,UAAU,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,GAAK,UAAU,CAAC,YAAY,CAAC,aAA7B;AAEpB,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,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAAC,MAAM,CAAC,WAAW,CAAG,GAAA,MAAM,IAAI,aAAa;AAC7C,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EACvC,WAAA,EAAA,6BAA6B,EAEtC,EAAA,QAAQ,CACP;AAEd,CAAC;;;;"}

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

@@ -0,0 +1,6 @@
+import './index.css';
+
+var styles = {"footer":"universal-modal__footer_1610l","sticky":"universal-modal__sticky_1610l","highlighted":"universal-modal__highlighted_1610l"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/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/header → esm/components}/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_bwivi {
+.universal-modal__header_ur161 {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
 }
-.universal-modal__header_bwivi.universal-modal__highlighted_bwivi {
+.universal-modal__header_ur161.universal-modal__highlighted_ur161 {
         background: var(--universal-modal-header-highlight-background);
         box-shadow: var(--universal-modal-header-highlight-box-shadow);
     }
-.universal-modal__header_bwivi.universal-modal__sticky_bwivi {
+.universal-modal__header_ur161.universal-modal__sticky_ur161 {
         position: sticky;
         top: var(--gap-0);
         z-index: 1;
     }
-.universal-modal__header_bwivi.universal-modal__sticky_bwivi.universal-modal__hasContent_bwivi {
+.universal-modal__header_ur161.universal-modal__sticky_ur161.universal-modal__hasContent_ur161 {
             background: var(--universal-modal-header-background);
         }

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

@@ -0,0 +1,6 @@
+import './index.css';
+
+var styles = {"header":"universal-modal__header_ur161","highlighted":"universal-modal__highlighted_ur161","sticky":"universal-modal__sticky_ur161","hasContent":"universal-modal__hasContent_ur161"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.css.js.map

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

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

package/esm/components/{header/base-header → base-header}/useBaseHeader.js

@@ -1,5 +1,5 @@
 import { useContext, useRef, useEffect } from 'react';
-import { ModalContext } from '../../../Context.js';
+import { ModalContext } from '../../Context.js';
 
 var useBaseHeader = function (params) {
     var title = params.title, children = params.children, bottomAddons = params.bottomAddons, onClose = params.onClose;

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseHeader.js","sources":["../../../src/components/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;;QAC9D,IAAI,OAAO,EAAE;YACT,OAAO,OAAO,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;;QAG5B,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/desktop/Component.desktop.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type UniversalModalDesktopProps } from './types/props';
 export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.ForwardRefExoticComponent<import("../components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;
-    Content: React.FC<import("../components/content").ContentDesktopProps>;
-    Footer: React.ForwardRefExoticComponent<import("../components/footer").FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<import("./components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.FC<import("../components/base-content").ContentProps>;
+    Footer: React.ForwardRefExoticComponent<import("./components/footer").FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;
 };

package/esm/desktop/Component.desktop.js

@@ -1,23 +1,9 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useMemo } from 'react';
-import '@alfalab/core-components-mq/esm';
-import { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
-import 'classnames';
-import '@alfalab/core-components-base-modal/esm';
-import '@alfalab/core-components-shared/esm';
-import '../components/content/base-content/index.css';
-import '../components/content/mobile/mobile.css';
-import '../components/footer/responsive/Component.responsive.js';
-import { FooterDesktop } from '../components/footer/desktop/Component.desktop.js';
-import '../components/footer/base-footer/base-footer.js';
-import '../components/footer/mobile/layout.mobile.css';
-import '../components/footer/mobile/mobile.css';
-import '../components/header/responsive/Component.responsive.js';
-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 { CenterModal } from './components/center-modal/center-modal.js';
+import { ContentDesktop } from './components/content/index.js';
+import { FooterDesktop } from './components/footer/index.js';
+import { HeaderDesktop } from './components/header/index.js';
 import { SideModal } from './components/side-modal/side-modal.js';
 import { UniversalModalContext } from './context/index.js';
 

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 } 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;AAChB,QAAA,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;;AAItB,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 { CenterModal } from './components/center-modal';\nimport { ContentDesktop } from './components/content';\nimport { FooterDesktop } from './components/footer';\nimport { HeaderDesktop } from './components/header';\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":";;;;;;;;;IAWa,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;AAChB,QAAA,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;;AAItB,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;;;;"}

package/esm/desktop/components/center-modal/center-modal.js

@@ -25,12 +25,12 @@ var CenterModal = forwardRef(function (props, ref) {
     }), handleWheel = _f.handleWheel, scrollableContainerRef = _f.scrollableContainerRef;
     var _g = getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _g.isFullSizeModal, fullSizeModalContentTransitions = _g.componentTransitions, fullSizeModalBackdropTransitions = _g.backdropTransitions;
     var withoutOverlay = !overlay;
-    return (React.createElement(BaseModal, __assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn(styles.baseModalContainer, (_a = {},
+    return (React.createElement(BaseModal, __assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', scrollLock: overlay, wrapperClassName: cn(styles.baseModalContainer, (_a = {},
             _a[styles.wrapperJustifyStart] = verticalAlign === 'top',
             _a[styles.wrapperJustifyCenter] = verticalAlign === 'center',
             _a[styles.wrapperJustifyEnd] = verticalAlign === 'bottom',
             _a[styles.withoutOverlay] = withoutOverlay,
-            _a)), className: cn(styles.component, className, styles.baseModalComponent, __assign({}, getMarginStyles({ styles: styles, margin: margin }))), transitionProps: __assign(__assign({ classNames: transitionProps }, (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: __assign(__assign({ shouldRender: overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), componentDivProps: {
+            _a)), className: cn(styles.component, className, styles.baseModalComponent, __assign({}, getMarginStyles({ styles: styles, margin: margin, height: height }))), transitionProps: __assign(__assign({ classNames: transitionProps }, (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: __assign(__assign({ shouldRender: overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), componentDivProps: {
             style: __assign({ width: getWidthStyle(width, margin) }, getHeightStyle(height, margin)),
         }, onWheel: handleWheel, onClose: onClose }),
         React.createElement(ModalContent, { height: height, scrollableContainerRef: scrollableContainerRef }, children)));

package/esm/desktop/components/center-modal/center-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.baseModalContainer, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(styles.component, className, styles.baseModalComponent, {\n                ...getMarginStyles({ styles, margin }),\n            })}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    ...getHeightStyle(height, margin),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            scrollLock={overlay}\n            wrapperClassName={cn(styles.baseModalContainer, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(styles.component, className, styles.baseModalComponent, {\n                ...getMarginStyles({ styles, margin, height }),\n            })}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    ...getHeightStyle(height, margin),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":"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"}