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

package/modern/{Component.responsive.js → responsive/Component.responsive.js}

@@ -1,24 +1,23 @@
 import React, { forwardRef } from 'react';
 import { useIsDesktop } from '@alfalab/core-components-mq/modern';
-import { ContentResponsive } from './components/content/responsive/Component.responsive.js';
+import { UniversalModalDesktop } from '../desktop/Component.desktop.js';
+import '../desktop/components/header/index.js';
+import '../desktop/components/footer/index.js';
 import 'classnames';
-import '@alfalab/core-components-base-modal/modern';
 import '@alfalab/core-components-shared/modern';
-import './components/content/base-content/index.css';
-import './components/content/desktop/desktop.css';
-import './components/content/mobile/mobile.css';
-import { FooterResponsive } from './components/footer/responsive/Component.responsive.js';
-import './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 { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
-import './components/header/desktop/Component.desktop.js';
+import '@alfalab/core-components-base-modal/modern';
+import '../components/base-content/index.css';
+import { UniversalModalMobile } from '../mobile/Component.mobile.js';
 import '@alfalab/core-components-navigation-bar-private/modern';
-import './components/header/base-header/index.css';
-import './components/header/mobile/mobile.css';
-import { UniversalModalDesktop } from './desktop/Component.desktop.js';
-import { UniversalModalMobile } from './mobile/Component.mobile.js';
+import '../components/base-header/index.css';
+import '../mobile/components/header/index.css';
+import '../components/base-footer/index.js';
+import '../mobile/components/footer/index.css';
+import '../mobile/components/footer/layout.mobile.css';
+import '../mobile/components/content/index.css';
+import { ContentResponsive } from './components/content/index.js';
+import { FooterResponsive } from './components/footer/index.js';
+import { HeaderResponsive } from './components/header/index.js';
 
 const UniversalModal = forwardRef(({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
     const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);

package/modern/responsive/Component.responsive.js.map

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

package/{esm/components/content/responsive/Component.responsive.d.ts → modern/responsive/components/content/index.d.ts}

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
-import { type ContentDesktopProps } from '../desktop/Component.desktop';
-import { type ContentMobileProps } from '../mobile/Component.mobile';
+import { type ContentDesktopProps } from '../../../desktop';
+import { type ContentMobileProps } from '../../../mobile';
 export interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {
 }
 export declare const ContentResponsive: FC<ContentResponsiveProps>;

package/modern/responsive/components/content/index.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/modern';
+import '../../../desktop/Component.desktop.js';
+import '../../../desktop/components/header/index.js';
+import '../../../desktop/components/footer/index.js';
+import { ContentDesktop } from '../../../desktop/components/content/index.js';
+import '../../../mobile/Component.mobile.js';
+import 'classnames';
+import '@alfalab/core-components-navigation-bar-private/modern';
+import '@alfalab/core-components-shared/modern';
+import '@alfalab/core-components-base-modal/modern';
+import '../../../components/base-header/index.css';
+import '../../../mobile/components/header/index.css';
+import '../../../components/base-footer/index.js';
+import '../../../mobile/components/footer/index.css';
+import '../../../mobile/components/footer/layout.mobile.css';
+import { ContentMobile } from '../../../mobile/components/content/index.js';
+
+const ContentResponsive = ({ ...restProps }) => {
+    const isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(ContentDesktop, { ...restProps });
+    }
+    return React.createElement(ContentMobile, { ...restProps });
+};
+
+export { ContentResponsive };
+//# sourceMappingURL=index.js.map

package/modern/responsive/components/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/responsive/components/content/index.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentDesktop, type ContentDesktopProps } from '../../../desktop';\nimport { ContentMobile, type ContentMobileProps } from '../../../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":[],"mappings":";;;;;;;;;;;;;;;;;;AASa,MAAA,iBAAiB,GAA+B,CAAC,EAAE,GAAG,SAAS,EAAE,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;AACX,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,cAAc,EAAK,EAAA,GAAA,SAAS,GAAI;;AAG5C,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;;;;"}

package/{esm/components/footer/responsive/Component.responsive.d.ts → modern/responsive/components/footer/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type FooterDesktopProps } from '../desktop/Component.desktop';
-import { type FooterMobileProps } from '../mobile/Component.mobile';
+import { type FooterDesktopProps } from '../../../desktop';
+import { type FooterMobileProps } from '../../../mobile';
 export interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {
 }
 export declare const FooterResponsive: React.ForwardRefExoticComponent<FooterResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/modern/responsive/components/footer/index.js

@@ -0,0 +1,27 @@
+import React, { forwardRef } from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/modern';
+import '../../../desktop/Component.desktop.js';
+import '../../../desktop/components/header/index.js';
+import { FooterDesktop } from '../../../desktop/components/footer/index.js';
+import 'classnames';
+import '@alfalab/core-components-shared/modern';
+import '@alfalab/core-components-base-modal/modern';
+import '../../../components/base-content/index.css';
+import '../../../mobile/Component.mobile.js';
+import '@alfalab/core-components-navigation-bar-private/modern';
+import '../../../components/base-header/index.css';
+import '../../../mobile/components/header/index.css';
+import { FooterMobile } from '../../../mobile/components/footer/index.js';
+import '../../../mobile/components/content/index.css';
+
+const FooterResponsive = forwardRef((props, ref) => {
+    const isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(FooterDesktop, { ref: ref, ...props });
+    }
+    return React.createElement(FooterMobile, { ...props });
+});
+FooterResponsive.displayName = 'FooterResponsive';
+
+export { FooterResponsive };
+//# sourceMappingURL=index.js.map

package/modern/responsive/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/responsive/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { FooterDesktop, type FooterDesktopProps } from '../../../desktop';\nimport { FooterMobile, type FooterMobileProps } from '../../../mobile';\n\nexport interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}\n\nexport const FooterResponsive = forwardRef<HTMLDivElement, FooterResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <FooterDesktop ref={ref} {...props} />;\n    }\n\n    return <FooterMobile {...props} />;\n});\n\nFooterResponsive.displayName = 'FooterResponsive';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;;AAGjD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/{cssm/components/header/responsive/Component.responsive.d.ts → modern/responsive/components/header/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type HeaderDesktopProps } from '../desktop/Component.desktop';
-import { type HeaderMobileProps } from '../mobile/Component.mobile';
+import { type HeaderDesktopProps } from '../../../desktop';
+import { type HeaderMobileProps } from '../../../mobile';
 export interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {
 }
 export declare const HeaderResponsive: React.ForwardRefExoticComponent<HeaderResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/modern/responsive/components/header/index.js

@@ -0,0 +1,27 @@
+import React, { forwardRef } from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/modern';
+import '../../../desktop/Component.desktop.js';
+import { HeaderDesktop } from '../../../desktop/components/header/index.js';
+import '../../../desktop/components/footer/index.js';
+import 'classnames';
+import '@alfalab/core-components-shared/modern';
+import '@alfalab/core-components-base-modal/modern';
+import '../../../components/base-content/index.css';
+import '../../../mobile/Component.mobile.js';
+import { HeaderMobile } from '../../../mobile/components/header/index.js';
+import '../../../components/base-footer/index.js';
+import '../../../mobile/components/footer/index.css';
+import '../../../mobile/components/footer/layout.mobile.css';
+import '../../../mobile/components/content/index.css';
+
+const HeaderResponsive = forwardRef((props, ref) => {
+    const isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(HeaderDesktop, { ref: ref, ...props });
+    }
+    return React.createElement(HeaderMobile, { ...props });
+});
+HeaderResponsive.displayName = 'HeaderResponsive';
+
+export { HeaderResponsive };
+//# sourceMappingURL=index.js.map

package/modern/responsive/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/responsive/components/header/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, type HeaderDesktopProps } from '../../../desktop';\nimport { HeaderMobile, type HeaderMobileProps } from '../../../mobile';\n\nexport interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;;AAGjD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/modern/responsive/index.d.ts

@@ -0,0 +1,4 @@
+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/modern/responsive/index.js

@@ -0,0 +1,5 @@
+export { HeaderResponsive } from './components/header/index.js';
+export { ContentResponsive } from './components/content/index.js';
+export { FooterResponsive } from './components/footer/index.js';
+export { UniversalModal, UniversalModalResponsive } from './Component.responsive.js';
+//# sourceMappingURL=index.js.map

package/{esm/components/footer → modern/responsive}/index.js.map

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

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

@@ -1,13 +1,13 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
-import { ModalContext } from '../../../Context.js';
+import { ModalContext } from '../../Context.js';
 import styles from './index.module.css';
 
 const BaseContent = ({ children, className, dataTestId }) => {
     const { contentRef } = useContext(ModalContext);
-    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/moderncssm/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,MAAM,WAAW,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAI;IACjF,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAE/C,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/moderncssm/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/moderncssm';
-import { ModalContext } from '../../../Context.js';
+import { ModalContext } from '../../Context.js';
 import styles from './index.module.css';
 
 const BaseFooter = forwardRef((props, ref) => {
@@ -16,8 +16,8 @@ const BaseFooter = forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cn(styles.footer, className, {
             [styles.highlighted]: sticky && isHighlighted,
             [styles.sticky]: sticky,
-        }), "data-test-id": getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
+        }), "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/moderncssm/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":";;;;;;AAyCa,MAAA,UAAU,GAAG,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7E,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK;IACxE,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAEjD,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE;AACpC,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,aAAa;AAC7C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACY,cAAA,EAAA,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,WAAA,EACvC,6BAA6B,EAAA,EAEtC,QAAQ,CACP;AAEd,CAAC;;;;"}

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

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

package/moderncssm/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":";;;AAQa,MAAA,aAAa,GAAG,CAAC,MAAc,KAAI;IAC5C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,MAAM;AAEzD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,OAAO,EAAE,oBAAoB,EAC7B,YAAY,GACf,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;QAClE,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;;AAG3B,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE;AACjF;;;;"}

package/moderncssm/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/moderncssm/desktop/Component.desktop.js

@@ -1,22 +1,8 @@
 import React, { forwardRef, useMemo } from 'react';
-import '@alfalab/core-components-mq/moderncssm';
-import { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
-import 'classnames';
-import '@alfalab/core-components-base-modal/moderncssm';
-import '@alfalab/core-components-shared/moderncssm';
-import '../components/content/base-content/index.module.css';
-import '../components/content/mobile/mobile.module.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.module.css';
-import '../components/footer/mobile/mobile.module.css';
-import '../components/header/responsive/Component.responsive.js';
-import { HeaderDesktop } from '../components/header/desktop/Component.desktop.js';
-import '@alfalab/core-components-navigation-bar-private/moderncssm';
-import '../components/header/base-header/index.module.css';
-import '../components/header/mobile/mobile.module.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/moderncssm/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":";;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,8BAA8B,GAAG,UAAU,CAGtD,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACpE,IAAA,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,SAAS;AAEjC,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,KAAK;AACR,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACV;IAED,MAAM,WAAW,GAAG,MAAK;AACrB,QAAA,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;;AAItB,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/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;MAEY,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":";;;;;;;;AAWa,MAAA,8BAA8B,GAAG,UAAU,CAGtD,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACpE,IAAA,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,SAAS;AAEjC,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,KAAK;AACR,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACV;IAED,MAAM,WAAW,GAAG,MAAK;AACrB,QAAA,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;;AAItB,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/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;MAEY,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/moderncssm/desktop/components/center-modal/center-modal.js

@@ -23,13 +23,13 @@ const CenterModal = forwardRef((props, ref) => {
     });
     const { isFullSizeModal, componentTransitions: fullSizeModalContentTransitions, backdropTransitions: fullSizeModalBackdropTransitions, } = getFullSizeModalTransitions({ verticalAlign, width, height });
     const withoutOverlay = !overlay;
-    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn(styles.baseModalContainer, {
+    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', scrollLock: overlay, wrapperClassName: cn(styles.baseModalContainer, {
             [styles.wrapperJustifyStart]: verticalAlign === 'top',
             [styles.wrapperJustifyCenter]: verticalAlign === 'center',
             [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',
             [styles.withoutOverlay]: withoutOverlay,
         }), className: cn(styles.component, className, styles.baseModalComponent, {
-            ...getMarginStyles({ styles, margin }),
+            ...getMarginStyles({ styles, margin, height }),
         }), transitionProps: {
             classNames: transitionProps,
             ...(isFullSizeModal && fullSizeModalContentTransitions),

package/moderncssm/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":";;;;;;;;;;;;;;AAkBA;AACA,MAAM,eAAe,GAAG,OAAO,EAAE,IAAI,QAAQ,EAAE,GAAG,iBAAiB,GAAG,WAAW;AAEpE,MAAA,WAAW,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,EACF,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,MAAM,EACN,sBAAsB,EAAE,0BAA0B,EAClD,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAAC;QACtE,OAAO;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC;IAEF,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,MAAM,cAAc,GAAG,CAAC,OAAO;AAE/B,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACF,EAAA,GAAA,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,cAAc,EACrC,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE;AAC5C,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,KAAK,KAAK;AACrD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;AACtD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;AAC1C,SAAA,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE;AAClE,YAAA,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACzC,CAAC,EACF,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;AACX,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACpC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}
+{"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":";;;;;;;;;;;;;;AAkBA;AACA,MAAM,eAAe,GAAG,OAAO,EAAE,IAAI,QAAQ,EAAE,GAAG,iBAAiB,GAAG,WAAW;AAEpE,MAAA,WAAW,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,EACF,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,MAAM,EACN,sBAAsB,EAAE,0BAA0B,EAClD,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAAC;QACtE,OAAO;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC;IAEF,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,MAAM,cAAc,GAAG,CAAC,OAAO;AAE/B,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACF,EAAA,GAAA,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE;AAC5C,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,KAAK,KAAK;AACrD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;AACtD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;AAC1C,SAAA,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE;YAClE,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACjD,CAAC,EACF,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;AACX,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACpC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}