@alfalab/core-components-side-panel 5.9.13 → 5.9.14-snapshot-1393ffa

package/modern/{desktop → src/desktop}/Component.desktop.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import React from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { DrawerProps } from "@alfalab/core-components-drawer";
-import { ContentDesktop } from "../components/content/Component.desktop";
-import { ControlsProps } from "../components/controls/index";
-import { FooterDesktop } from "../components/footer/Component.desktop";
-import { HeaderProps } from "../components/header/Component";
-type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
+import { BaseModalProps } from '@alfalab/core-components-base-modal';
+import { DrawerProps } from '@alfalab/core-components-drawer';
+import { ContentDesktop } from '../components/content/Component.desktop';
+import { ControlsProps } from '../components/controls';
+import { FooterDesktop } from '../components/footer/Component.desktop';
+import { HeaderProps } from '../components/header/Component';
+export declare type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -18,7 +17,7 @@ type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'n
      */
     hasCloser?: boolean;
 };
-declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "placement" | "nativeScrollbar" | "contentTransitionProps"> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -30,9 +29,9 @@ declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseMod
      */
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const HeaderDesktop: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+declare const HeaderDesktop: React.FC<Omit<HeaderProps, "subtitle" | "titleSize">>;
 declare const ControlsDesktop: React.FC<Omit<ControlsProps, "mobileLayout">>;
-declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "placement" | "nativeScrollbar" | "contentTransitionProps"> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -45,8 +44,8 @@ declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps &
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("../components/content/Component.desktop").ContentDesktopProps>;
-    Header: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+    Header: React.FC<Omit<HeaderProps, "subtitle" | "titleSize">>;
     Footer: React.FC<import("../components/footer/Component.desktop").FooterDesktopProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { SidePanelDesktopProps, SidePanelDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, ContentDesktop, HeaderDesktop, FooterDesktop, ControlsDesktop };
+export { SidePanelDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, ContentDesktop, HeaderDesktop, FooterDesktop, ControlsDesktop, };

package/modern/src/desktop/index.d.ts

@@ -0,0 +1 @@
+export * from './Component.desktop';

package/modern/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './desktop';
+export * from './mobile';
+export { SidePanelResponsive as SidePanel, type SidePanelResponsiveProps as SidePanelProps, SidePanelResponsive, SidePanelComponentResponsive, HeaderResponsive, ControlsResponsive, ContentResponsive, FooterResponsive, } from './Component.responsive';

package/{mobile → modern/src/mobile}/Component.mobile.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import React from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { ContentMobile } from "../components/content/Component.mobile";
-import { ControlsProps } from "../components/controls/index";
-import { FooterMobile } from "../components/footer/Component.mobile";
-import { Header } from "../components/header/Component";
-type SidePanelMobileProps = BaseModalProps & {
+import { BaseModalProps } from '@alfalab/core-components-base-modal';
+import { ContentMobile } from '../components/content/Component.mobile';
+import { ControlsProps } from '../components/controls';
+import { FooterMobile } from '../components/footer/Component.mobile';
+import { Header } from '../components/header/Component';
+export declare type SidePanelMobileProps = BaseModalProps & {
     /**
      * Управление наличием закрывающего крестика
      * @default false
@@ -32,4 +31,4 @@ declare const SidePanelMobile: React.ForwardRefExoticComponent<BaseModalProps &
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { SidePanelMobileProps, SidePanelMobile, SidePanelMobileComponent as SidePanelComponentMobile, ContentMobile, Header as HeaderMobile, FooterMobile, ControlsMobile };
+export { SidePanelMobile, SidePanelMobileComponent as SidePanelComponentMobile, ContentMobile, Header as HeaderMobile, FooterMobile, ControlsMobile, };

package/modern/src/mobile/index.d.ts

@@ -0,0 +1 @@
+export * from './Component.mobile';

package/modern/src/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalContext } from '../Context';
+export { getSidePanelTestIds } from '../utils';

package/modern/src/typings.d.ts

@@ -0,0 +1,6 @@
+export declare type View = 'desktop' | 'mobile';
+export declare type TResponsiveModalContext = {
+    view: View;
+    size: 's' | 500;
+    dataTestId?: string;
+} | null;

package/modern/{utils.d.ts → src/utils.d.ts}

@@ -1,4 +1,4 @@
-declare function getSidePanelTestIds(dataTestId: string): {
+export declare function getSidePanelTestIds(dataTestId: string): {
     modal: string;
     content: string;
     footer: string;
@@ -8,4 +8,3 @@ declare function getSidePanelTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-export { getSidePanelTestIds };

package/modern/typings.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=typings.js.map

package/modern/typings.js.map

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

package/modern/utils.js

@@ -14,3 +14,4 @@ function getSidePanelTestIds(dataTestId) {
 }
 
 export { getSidePanelTestIds };
+//# sourceMappingURL=utils.js.map

package/modern/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getSidePanelTestIds(dataTestId: string) {\n    return {\n        modal: dataTestId,\n        content: getDataTestId(dataTestId, 'content'),\n        footer: getDataTestId(dataTestId, 'footer'),\n        controls: getDataTestId(dataTestId, 'controls'),\n        header: getDataTestId(dataTestId, 'header'),\n        title: getDataTestId(dataTestId, 'header-title'),\n        closer: getDataTestId(dataTestId, 'header-closer'),\n        backButton: getDataTestId(dataTestId, 'header-back-button'),\n    };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,mBAAmB,CAAC,UAAkB,EAAA;IAClD,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC;AAC7C,QAAA,MAAM,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAC3C,QAAA,QAAQ,EAAE,aAAa,CAAC,UAAU,EAAE,UAAU,CAAC;AAC/C,QAAA,MAAM,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAC3C,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AAChD,QAAA,MAAM,EAAE,aAAa,CAAC,UAAU,EAAE,eAAe,CAAC;AAClD,QAAA,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;KAC9D;AACL;;;;"}

package/moderncssm/Component.responsive.js

@@ -35,3 +35,4 @@ const SidePanelResponsive = Object.assign(SidePanelResponsiveComponent, {
 SidePanelResponsiveComponent.displayName = 'SidePanelResponsiveComponent';
 
 export { ContentResponsive, Controls as ControlsResponsive, FooterResponsive, Header as HeaderResponsive, SidePanelResponsiveComponent as SidePanelComponentResponsive, SidePanelResponsive };
+//# sourceMappingURL=Component.responsive.js.map

package/moderncssm/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../../src/Component.responsive.tsx"],"sourcesContent":["import React, { FC, forwardRef, useContext, useMemo } from 'react';\n\nimport { BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { DrawerProps } from '@alfalab/core-components-drawer';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { Controls } from './components/controls';\nimport { Header } from './components/header/Component';\nimport { SidePanelDesktop } from './desktop';\nimport { SidePanelMobile } from './mobile';\nimport { ResponsiveContext } from './ResponsiveContext';\nimport { TResponsiveModalContext } from './typings';\n\nexport type SidePanelResponsiveProps = BaseModalProps &\n    Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {\n        /**\n         * Ширина модального окна\n         * @default \"s\"\n         */\n        size?: 's' | 500;\n\n        /**\n         * Управление наличием закрывающего крестика\n         * @default false\n         */\n        hasCloser?: boolean;\n\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n\n        /**\n         * Значение по-умолчанию для хука useMatchMedia\n         * @deprecated Используйте client\n         */\n        defaultMatchMediaValue?: boolean | (() => boolean);\n    };\n\nfunction createResponsive<DesktopType extends FC, MobileType extends FC>(\n    desktop: DesktopType,\n    mobile: MobileType,\n) {\n    // eslint-disable-next-line\n    function ResponsiveChild(props: any) {\n        const { view = 'desktop' } = useContext(ResponsiveContext) || {};\n\n        const Child = view === 'desktop' ? desktop : mobile;\n\n        return <Child {...props} />;\n    }\n\n    return ResponsiveChild as DesktopType | MobileType;\n}\n\nconst SidePanelResponsiveComponent = forwardRef<HTMLDivElement, SidePanelResponsiveProps>(\n    (\n        {\n            children,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            size = 500,\n            dataTestId,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        const view = isDesktop ? 'desktop' : 'mobile';\n\n        const contextValue = useMemo<TResponsiveModalContext>(\n            () => ({ view, size, dataTestId }),\n            [view, size, dataTestId],\n        );\n\n        const Component = isDesktop ? SidePanelDesktop : SidePanelMobile;\n\n        return (\n            <ResponsiveContext.Provider value={contextValue}>\n                <Component ref={ref} size={size} dataTestId={dataTestId} {...restProps}>\n                    {children}\n                </Component>\n            </ResponsiveContext.Provider>\n        );\n    },\n);\n\nconst ContentResponsive = createResponsive(SidePanelDesktop.Content, SidePanelMobile.Content);\nconst FooterResponsive = createResponsive(SidePanelDesktop.Footer, SidePanelMobile.Footer);\n\n/** Респонсив компаунд */\nconst SidePanelResponsive = Object.assign(SidePanelResponsiveComponent, {\n    Header,\n    Controls,\n    Content: ContentResponsive,\n    Footer: FooterResponsive,\n});\n\nSidePanelResponsiveComponent.displayName = 'SidePanelResponsiveComponent';\n\nexport {\n    SidePanelResponsive,\n    SidePanelResponsiveComponent as SidePanelComponentResponsive,\n    Header as HeaderResponsive,\n    Controls as ControlsResponsive,\n    ContentResponsive,\n    FooterResponsive,\n};\n"],"names":[],"mappings":";;;;;;;;AA6CA,SAAS,gBAAgB,CACrB,OAAoB,EACpB,MAAkB,EAAA;;IAGlB,SAAS,eAAe,CAAC,KAAU,EAAA;AAC/B,QAAA,MAAM,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE;AAEhE,QAAA,MAAM,KAAK,GAAG,IAAI,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM;AAEnD,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,KAAK,EAAK,EAAA,GAAA,KAAK,GAAI;;AAG/B,IAAA,OAAO,eAA2C;AACtD;AAEA,MAAM,4BAA4B,GAAG,UAAU,CAC3C,CACI,EACI,QAAQ,EACR,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,IAAI,GAAG,GAAG,EACV,UAAU,EACV,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ;IAE7C,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAClC,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,CAC3B;IAED,MAAM,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,eAAe;IAEhE,QACI,oBAAC,iBAAiB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAAA;QAC3C,KAAC,CAAA,aAAA,CAAA,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,KAAM,SAAS,EAAA,EACjE,QAAQ,CACD,CACa;AAErC,CAAC;AAGL,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,OAAO;AAC5F,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM;AAEzF;AACA,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,4BAA4B,EAAE;IACpE,MAAM;IACN,QAAQ;AACR,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}

package/moderncssm/Context.js

@@ -3,3 +3,4 @@ import { BaseModalContext } from '@alfalab/core-components-base-modal/moderncssm
 const ModalContext = BaseModalContext;
 
 export { ModalContext };
+//# sourceMappingURL=Context.js.map

package/moderncssm/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../src/Context.tsx"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG;;;;"}

package/moderncssm/ResponsiveContext.js

@@ -3,3 +3,4 @@ import React from 'react';
 const ResponsiveContext = React.createContext(null);
 
 export { ResponsiveContext };
+//# sourceMappingURL=ResponsiveContext.js.map

package/moderncssm/ResponsiveContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveContext.js","sources":["../../src/ResponsiveContext.ts"],"sourcesContent":["import React from 'react';\n\nimport type { TResponsiveModalContext } from './typings';\n\nexport const ResponsiveContext = React.createContext<TResponsiveModalContext>(null);\n"],"names":[],"mappings":";;AAIa,MAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA0B,IAAI;;;;"}

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

@@ -7,3 +7,4 @@ import styles from './desktop.module.css';
 const ContentDesktop = ({ size = 500, className, ...restProps }) => (React.createElement(Content, { className: cn(className, size && styles[SIZE_TO_CLASSNAME_MAP[size]]), ...restProps }));
 
 export { ContentDesktop };
+//# sourceMappingURL=Component.desktop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/content/Component.desktop.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\n\nimport { Content, ContentProps } from './Component';\n\nimport styles from './desktop.module.css';\n\nexport type ContentDesktopProps = ContentProps & {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n};\n\nexport const ContentDesktop: FC<ContentDesktopProps> = ({\n    size = 500,\n    className,\n    ...restProps\n}) => (\n    <Content\n        className={cn(className, size && styles[SIZE_TO_CLASSNAME_MAP[size]])}\n        {...restProps}\n    />\n);\n"],"names":[],"mappings":";;;;;;AAgBa,MAAA,cAAc,GAA4B,CAAC,EACpD,IAAI,GAAG,GAAG,EACV,SAAS,EACT,GAAG,SAAS,EACf,MACG,KAAC,CAAA,aAAA,CAAA,OAAO,EACJ,EAAA,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,IAAI,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,KACjE,SAAS,EAAA,CACf;;;;"}

package/moderncssm/components/content/Component.js

@@ -14,3 +14,4 @@ const Content = ({ children, className, dataTestId }) => {
 };
 
 export { Content };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../src/components/content/Component.tsx"],"sourcesContent":["import React, { FC, ReactNode, Ref, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../Context';\nimport { ResponsiveContext } from '../../ResponsiveContext';\n\nimport styles from './index.module.css';\n\nexport type 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 Content: FC<ContentProps> = ({ children, className, dataTestId }) => {\n    const { contentRef, hasHeader } = useContext(ModalContext);\n    const responsiveContext = useContext(ResponsiveContext);\n\n    return (\n        <div\n            className={cn(styles.content, className, styles.flex, {\n                [styles.withHeader]: hasHeader,\n            })}\n            ref={contentRef as Ref<HTMLDivElement>}\n            data-test-id={dataTestId || getDataTestId(responsiveContext?.dataTestId, 'content')}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AA2BO,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAI;IAC7E,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAC1D,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAEvD,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE;AAClD,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACF,GAAG,EAAE,UAAiC,EACxB,cAAA,EAAA,UAAU,IAAI,aAAa,CAAC,iBAAiB,EAAE,UAAU,EAAE,SAAS,CAAC,IAElF,QAAQ,CACP;AAEd;;;;"}

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

@@ -6,3 +6,4 @@ import styles from './mobile.module.css';
 const ContentMobile = ({ className, ...restProps }) => (React.createElement(Content, { className: cn(className, styles.content), ...restProps }));
 
 export { ContentMobile };
+//# sourceMappingURL=Component.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/content/Component.mobile.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { Content, ContentProps } from './Component';\n\nimport styles from './mobile.module.css';\n\nexport type ContentMobileProps = ContentProps;\n\nexport const ContentMobile: FC<ContentMobileProps> = ({ className, ...restProps }) => (\n    <Content className={cn(className, styles.content)} {...restProps} />\n);\n"],"names":[],"mappings":";;;;;AASO,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,MAC7E,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAA,GAAM,SAAS,EAAA,CAAI;;;;"}

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

@@ -1,19 +1,5 @@
-/* */
-
 :root {
-
-    /* sizes */
-
-    /* paddings */
     --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
 }
 
 .size-500 {

package/moderncssm/components/content/index.module.css

@@ -1,20 +1,3 @@
-/* */
-
-:root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-}
-
 .content {
     position: relative;
     box-sizing: border-box;

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

@@ -1,20 +1,3 @@
-/* */
-
-:root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-}
-
 .content {
     padding: var(--gap-16) var(--gap-16) var(--gap-0)
 }

package/moderncssm/components/controls/Component.js

@@ -18,3 +18,4 @@ const Controls = ({ primary, secondary, gap, layout: layoutProp = 'start', mobil
 };
 
 export { Controls };
+//# sourceMappingURL=Component.js.map

package/moderncssm/components/controls/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../src/components/controls/Component.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ResponsiveContext } from '../../ResponsiveContext';\n\nimport layoutStyles from '../footer/layout.module.css';\nimport styles from './index.module.css';\n\nexport interface ControlsProps {\n    /**\n     * Основной слот\n     */\n    primary?: ReactNode;\n\n    /**\n     * Дополнительный слот\n     */\n    secondary?: ReactNode;\n\n    /**\n     * Выравнивание элементов футера\n     * @default start\n     */\n    layout?: 'start' | 'center' | 'space-between' | 'column';\n\n    /**\n     * Выравнивание элементов футера (мобильный view)\n     * @default start\n     */\n    mobileLayout?: 'start' | 'center' | 'space-between' | 'column';\n\n    /**\n     * Отступы между элементами футера\n     */\n    gap?: 16 | 24 | 32;\n}\n\nexport const Controls: React.FC<ControlsProps> = ({\n    primary,\n    secondary,\n    gap,\n    layout: layoutProp = 'start',\n    mobileLayout = layoutProp,\n}) => {\n    const context = useContext(ResponsiveContext);\n    const { view = 'desktop', dataTestId } = context || {};\n\n    const layout = view === 'mobile' ? mobileLayout : layoutProp;\n\n    const shouldReverse = view === 'mobile' && layout !== 'column';\n\n    return (\n        <div\n            data-test-id={getDataTestId(dataTestId, 'controls')}\n            className={cn(\n                styles.component,\n                layoutStyles[layout],\n                gap && layoutStyles[`gap-${gap}`],\n            )}\n        >\n            {shouldReverse ? (\n                <React.Fragment>\n                    {secondary}\n                    {primary}\n                </React.Fragment>\n            ) : (\n                <React.Fragment>\n                    {primary}\n                    {secondary}\n                </React.Fragment>\n            )}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;MAuCa,QAAQ,GAA4B,CAAC,EAC9C,OAAO,EACP,SAAS,EACT,GAAG,EACH,MAAM,EAAE,UAAU,GAAG,OAAO,EAC5B,YAAY,GAAG,UAAU,GAC5B,KAAI;AACD,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC;IAC7C,MAAM,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,GAAG,OAAO,IAAI,EAAE;AAEtD,IAAA,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,GAAG,YAAY,GAAG,UAAU;IAE5D,MAAM,aAAa,GAAG,IAAI,KAAK,QAAQ,IAAI,MAAM,KAAK,QAAQ;AAE9D,IAAA,QACI,KACkB,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,cAAA,EAAA,aAAa,CAAC,UAAU,EAAE,UAAU,CAAC,EACnD,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,YAAY,CAAC,MAAM,CAAC,EACpB,GAAG,IAAI,YAAY,CAAC,CAAO,IAAA,EAAA,GAAG,EAAE,CAAC,CACpC,EAEA,EAAA,aAAa,IACV,KAAC,CAAA,aAAA,CAAA,KAAK,CAAC,QAAQ,EAAA,IAAA;QACV,SAAS;QACT,OAAO,CACK,KAEjB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;QACV,OAAO;AACP,QAAA,SAAS,CACG,CACpB,CACC;AAEd;;;;"}

package/moderncssm/components/controls/index.js

@@ -1 +1,2 @@
 export { Controls } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/controls/index.js.map

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

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

@@ -9,3 +9,4 @@ const FooterDesktop = ({ size = 500, className, sticky, ...restProps }) => (Reac
     }), sticky: sticky, ...restProps }));
 
 export { FooterDesktop };
+//# sourceMappingURL=Component.desktop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/footer/Component.desktop.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\n\nimport { Footer, FooterProps } from './Component';\n\nimport styles from './desktop.module.css';\n\nexport type FooterDesktopProps = FooterProps & {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n};\n\nexport const FooterDesktop: FC<FooterDesktopProps> = ({\n    size = 500,\n    className,\n    sticky,\n    ...restProps\n}) => (\n    <Footer\n        className={cn(className, size && styles[SIZE_TO_CLASSNAME_MAP[size]], {\n            [styles.sticky]: sticky,\n        })}\n        sticky={sticky}\n        {...restProps}\n    />\n);\n"],"names":[],"mappings":";;;;;;AAgBa,MAAA,aAAa,GAA2B,CAAC,EAClD,IAAI,GAAG,GAAG,EACV,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACf,MACG,oBAAC,MAAM,EAAA,EACH,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,IAAI,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE;AAClE,QAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;KAC1B,CAAC,EACF,MAAM,EAAE,MAAM,KACV,SAAS,EAAA,CACf;;;;"}

package/moderncssm/components/footer/Component.js

@@ -19,3 +19,4 @@ const Footer = ({ children, className, sticky, layout = 'start', gap, dataTestId
 };
 
 export { Footer };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../src/components/footer/Component.tsx"],"sourcesContent":["import React, { FC, ReactNode, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../Context';\nimport { ResponsiveContext } from '../../ResponsiveContext';\n\nimport styles from './index.module.css';\nimport layoutStyles from './layout.module.css';\n\nexport type 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    gap?: 16 | 24 | 32;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Footer: FC<FooterProps> = ({\n    children,\n    className,\n    sticky,\n    layout = 'start',\n    gap,\n    dataTestId,\n}) => {\n    const { footerHighlighted, setHasFooter } = useContext(ModalContext);\n    const responsiveContext = useContext(ResponsiveContext);\n\n    useEffect(() => {\n        setHasFooter(true);\n    }, [setHasFooter]);\n\n    return (\n        <div\n            className={cn(\n                styles.footer,\n                className,\n                layoutStyles[layout],\n                gap && layoutStyles[`gap-${gap}`],\n                {\n                    [styles.highlighted]: sticky && footerHighlighted,\n                    [styles.sticky]: sticky,\n                },\n            )}\n            data-test-id={dataTestId || getDataTestId(responsiveContext?.dataTestId, 'footer')}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;MA2Ca,MAAM,GAAoB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,GAAG,EACH,UAAU,GACb,KAAI;IACD,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AACpE,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;IAEvD,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,MAAM,EACb,SAAS,EACT,YAAY,CAAC,MAAM,CAAC,EACpB,GAAG,IAAI,YAAY,CAAC,CAAO,IAAA,EAAA,GAAG,CAAE,CAAA,CAAC,EACjC;AACI,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,iBAAiB;AACjD,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CACJ,EACa,cAAA,EAAA,UAAU,IAAI,aAAa,CAAC,iBAAiB,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAA,EAEjF,QAAQ,CACP;AAEd;;;;"}

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

@@ -8,3 +8,4 @@ const FooterMobile = ({ className, sticky, layout = 'start', ...restProps }) =>
     }), sticky: sticky, layout: layout, ...restProps }));
 
 export { FooterMobile };
+//# sourceMappingURL=Component.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/footer/Component.mobile.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { Footer, FooterProps } from './Component';\n\nimport styles from './mobile.module.css';\n\nexport type FooterMobileProps = FooterProps;\n\nexport const FooterMobile: FC<FooterMobileProps> = ({\n    className,\n    sticky,\n    layout = 'start',\n    ...restProps\n}) => (\n    <Footer\n        className={cn(className, styles.footer, {\n            [styles.sticky]: sticky,\n        })}\n        sticky={sticky}\n        layout={layout}\n        {...restProps}\n    />\n);\n"],"names":[],"mappings":";;;;;AASO,MAAM,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,GAAG,SAAS,EACf,MACG,KAAA,CAAA,aAAA,CAAC,MAAM,EACH,EAAA,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;AACpC,QAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,KAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACV,GAAA,SAAS,EACf,CAAA;;;;"}

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

@@ -1,19 +1,5 @@
-/* */
-
 :root {
-
-    /* sizes */
-
-    /* paddings */
     --side-panel-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
 }
 
 .sticky {

package/moderncssm/components/footer/index.module.css

@@ -1,21 +1,7 @@
-/* */
-
 :root {
     --side-panel-footer-background: var(--color-light-modal-bg-primary);
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
     --side-panel-footer-highlight-background: var(--color-light-modal-bg-primary);
     --side-panel-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
 }
 
 .footer {

package/moderncssm/components/footer/layout.module.css

@@ -1,19 +1,5 @@
-/* */
-
 :root {
     --side-panel-footer-default-gap: var(--gap-16);
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
 }
 
 .column {

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

@@ -1,21 +1,6 @@
 :root {
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
-/* */
-:root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-}
 .footer {
     padding: var(--gap-16)
 }

package/moderncssm/components/header/Component.js

@@ -31,3 +31,4 @@ const Header = ({ className, children, contentClassName, title, sticky, hasClose
 };
 
 export { Header };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { FC, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { ModalContext } from '../../Context';\nimport { ResponsiveContext } from '../../ResponsiveContext';\n\nimport desktopStyles from './desktop.module.css';\nimport styles from './index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const Header: FC<HeaderProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    hasCloser = true,\n    ...restProps\n}) => {\n    const { setHasHeader, headerHighlighted, onClose, componentRef } = useContext(ModalContext);\n    const { size = 500, view = 'desktop', dataTestId } = useContext(ResponsiveContext) || {};\n\n    useEffect(() => {\n        setHasHeader(true);\n    }, [setHasHeader]);\n\n    const hasContent = Boolean(title || children);\n\n    return (\n        <NavigationBarPrivate\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            {...restProps}\n            scrollableParentRef={componentRef}\n            view={view}\n            sticky={sticky}\n            title={title}\n            hasCloser={hasCloser}\n            onClose={onClose}\n            className={cn(styles.header, className, {\n                [styles.highlighted]: hasContent && sticky && headerHighlighted,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.sticky]: view === 'desktop' && sticky,\n                [desktopStyles[SIZE_TO_CLASSNAME_MAP[size]]]: view === 'desktop',\n                [mobileStyles.sticky]: view === 'mobile' && sticky,\n                [mobileStyles.header]: view === 'mobile',\n            })}\n            contentClassName={cn(contentClassName, {\n                [desktopStyles.content]: view === 'desktop',\n                [mobileStyles.content]: view === 'mobile',\n            })}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmBa,MAAA,MAAM,GAAoB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,GAAG,IAAI,EAChB,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE;IAExF,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;IAE7C,QACI,oBAAC,oBAAoB,EAAA,EACjB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC3C,GAAA,SAAS,EACb,mBAAmB,EAAE,YAAY,EACjC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE;YACpC,CAAC,MAAM,CAAC,WAAW,GAAG,UAAU,IAAI,MAAM,IAAI,iBAAiB;AAC/D,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;YAC/B,CAAC,aAAa,CAAC,MAAM,GAAG,IAAI,KAAK,SAAS,IAAI,MAAM;YACpD,CAAC,aAAa,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,SAAS;YAChE,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI,KAAK,QAAQ,IAAI,MAAM;AAClD,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI,KAAK,QAAQ;AAC3C,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,gBAAgB,EAAE;AACnC,YAAA,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,KAAK,SAAS;AAC3C,YAAA,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,KAAK,QAAQ;AAC5C,SAAA,CAAC,EAED,EAAA,QAAQ,CACU;AAE/B;;;;"}

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

@@ -1,24 +1,10 @@
-/* */
-
 :root {
-
-    /* sizes */
-
-    /* paddings */
     --side-panel-s-header-paddings: 28px 28px var(--gap-0);
-
-    /* scroll */
-
-    /* desktop */
     --side-panel-s-header-desktop-content-paddings: 6px var(--gap-12) var(--gap-16);
     --side-panel-s-header-desktop-font-size: 30px;
     --side-panel-s-header-desktop-line-height: 36px;
     --side-panel-header-desktop-font-weight: bold;
     --side-panel-header-desktop-font-family: var(--font-family-system);
-
-    /* mobile */
-
-    /* paddings */
 }
 
 .content {

package/moderncssm/components/header/index.module.css

@@ -1,21 +1,7 @@
-/* */
-
 :root {
     --side-panel-header-background: var(--color-light-modal-bg-primary);
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
     --side-panel-header-highlight-background: var(--color-light-modal-bg-primary);
     --side-panel-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
 }
 
 .header {

package/moderncssm/components/header/mobile.module.css

@@ -1,25 +1,12 @@
 :root {
     --sat: env(safe-area-inset-top, var(--gap-0));
 }
-/* */
 :root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
     --side-panel-header-mobile-content-paddings: 10px var(--gap-8);
     --side-panel-header-mobile-font-size: 20px;
     --side-panel-header-mobile-line-height: 28px;
     --side-panel-header-mobile-font-family: var(--font-family-system);
     --side-panel-header-mobile-font-weight: 600;
-
-    /* paddings */
     --side-panel-header-mobile-top-padding: var(--gap-4);
     --side-panel-header-mobile-paddings: var(--side-panel-header-mobile-top-padding) var(--gap-8)
         var(--gap-4) var(--gap-8);

package/moderncssm/consts.js

@@ -4,3 +4,4 @@ const SIZE_TO_CLASSNAME_MAP = {
 };
 
 export { SIZE_TO_CLASSNAME_MAP };
+//# sourceMappingURL=consts.js.map

package/moderncssm/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../src/consts.ts"],"sourcesContent":["export const SIZE_TO_CLASSNAME_MAP = {\n    s: 'size-500',\n    500: 'size-500',\n};\n"],"names":[],"mappings":"AAAa,MAAA,qBAAqB,GAAG;AACjC,IAAA,CAAC,EAAE,UAAU;AACb,IAAA,GAAG,EAAE,UAAU;;;;;"}

package/moderncssm/desktop/Component.desktop.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useContext, useRef, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, useContext, useRef, cloneElement, isValidElement } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Drawer } from '@alfalab/core-components-drawer/moderncssm';
@@ -48,3 +48,4 @@ const SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
 });
 
 export { ContentDesktop, ControlsDesktop, FooterDesktop, HeaderDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, SidePanelDesktop };
+//# sourceMappingURL=Component.desktop.js.map

package/moderncssm/desktop/Component.desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.desktop.js","sources":["../../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, isValidElement, useContext, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Drawer, DrawerProps } from '@alfalab/core-components-drawer';\n\nimport { ContentDesktop } from '../components/content/Component.desktop';\nimport { Controls, ControlsProps } from '../components/controls';\nimport { FooterDesktop } from '../components/footer/Component.desktop';\nimport { Header, HeaderProps } from '../components/header/Component';\nimport { SIZE_TO_CLASSNAME_MAP } from '../consts';\nimport { ResponsiveContext } from '../ResponsiveContext';\nimport { TResponsiveModalContext } from '../typings';\n\nimport styles from './desktop.module.css';\nimport transitions from './transitions.desktop.module.css';\n\nexport type SidePanelDesktopProps = BaseModalProps &\n    Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {\n        /**\n         * Ширина модального окна\n         * @default \"s\"\n         */\n        size?: 's' | 500;\n\n        /**\n         * Управление наличием закрывающего крестика\n         * @default false\n         */\n        hasCloser?: boolean;\n    };\n\nconst SidePanelDesktopComponent = forwardRef<HTMLDivElement, SidePanelDesktopProps>(\n    (\n        {\n            size = 500,\n            children,\n            className,\n            wrapperClassName,\n            contentTransitionProps = {},\n            backdropProps,\n            placement = 'right',\n            dataTestId,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const responsiveContext = useContext(ResponsiveContext);\n        const modalRef = useRef<HTMLElement>(null);\n\n        const enterCn = cn({\n            [transitions.appearRight]: placement === 'right',\n            [transitions.appearLeft]: placement === 'left',\n        });\n\n        const exitCn = cn({\n            [transitions.exitActiveRight]: placement === 'right',\n            [transitions.exitActiveLeft]: placement === 'left',\n        });\n\n        const contextValue = React.useMemo<TResponsiveModalContext>(\n            () => ({ size, view: 'desktop', dataTestId }),\n            [size, dataTestId],\n        );\n\n        const renderContent = () => (\n            <Drawer\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={mergeRefs([ref, modalRef])}\n                placement={placement}\n                wrapperClassName={wrapperClassName}\n                className={cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]], styles.hidden)}\n                backdropProps={backdropProps}\n                contentTransitionProps={{\n                    classNames: {\n                        appear: enterCn,\n                        enter: enterCn,\n                        appearActive: transitions.enterActive,\n                        enterActive: transitions.enterActive,\n                        exit: transitions.exit,\n                        exitActive: exitCn,\n                        exitDone: exitCn,\n                    },\n                    ...contentTransitionProps,\n                }}\n            >\n                {React.Children.map(children, (child) =>\n                    isValidElement(child) ? cloneElement(child, { size }) : child,\n                )}\n            </Drawer>\n        );\n\n        const renderWithContext = () => (\n            <ResponsiveContext.Provider value={contextValue}>\n                {renderContent()}\n            </ResponsiveContext.Provider>\n        );\n\n        return responsiveContext ? renderContent() : renderWithContext();\n    },\n);\n\nconst HeaderDesktop = Header as React.FC<Omit<HeaderProps, 'titleSize' | 'subtitle'>>;\nconst ControlsDesktop = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;\n\nconst SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {\n    Content: ContentDesktop,\n    Header: HeaderDesktop,\n    Footer: FooterDesktop,\n    Controls: ControlsDesktop,\n});\n\nexport {\n    SidePanelDesktop,\n    SidePanelDesktopComponent as SidePanelComponentDesktop,\n    ContentDesktop,\n    HeaderDesktop,\n    FooterDesktop,\n    ControlsDesktop,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,yBAAyB,GAAG,UAAU,CACxC,CACI,EACI,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,sBAAsB,GAAG,EAAE,EAC3B,aAAa,EACb,SAAS,GAAG,OAAO,EACnB,UAAU,EACV,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAc,IAAI,CAAC;IAE1C,MAAM,OAAO,GAAG,EAAE,CAAC;AACf,QAAA,CAAC,WAAW,CAAC,WAAW,GAAG,SAAS,KAAK,OAAO;AAChD,QAAA,CAAC,WAAW,CAAC,UAAU,GAAG,SAAS,KAAK,MAAM;AACjD,KAAA,CAAC;IAEF,MAAM,MAAM,GAAG,EAAE,CAAC;AACd,QAAA,CAAC,WAAW,CAAC,eAAe,GAAG,SAAS,KAAK,OAAO;AACpD,QAAA,CAAC,WAAW,CAAC,cAAc,GAAG,SAAS,KAAK,MAAM;AACrD,KAAA,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,EAC7C,CAAC,IAAI,EAAE,UAAU,CAAC,CACrB;IAED,MAAM,aAAa,GAAG,OAClB,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GACC,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAC5E,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE;AACpB,YAAA,UAAU,EAAE;AACR,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,KAAK,EAAE,OAAO;gBACd,YAAY,EAAE,WAAW,CAAC,WAAW;gBACrC,WAAW,EAAE,WAAW,CAAC,WAAW;gBACpC,IAAI,EAAE,WAAW,CAAC,IAAI;AACtB,gBAAA,UAAU,EAAE,MAAM;AAClB,gBAAA,QAAQ,EAAE,MAAM;AACnB,aAAA;AACD,YAAA,GAAG,sBAAsB;AAC5B,SAAA,EAAA,EAEA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAChC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,CAChE,CACI,CACZ;AAED,IAAA,MAAM,iBAAiB,GAAG,OACtB,oBAAC,iBAAiB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAAA,EAC1C,aAAa,EAAE,CACS,CAChC;IAED,OAAO,iBAAiB,GAAG,aAAa,EAAE,GAAG,iBAAiB,EAAE;AACpE,CAAC;AAGC,MAAA,aAAa,GAAG;AAChB,MAAA,eAAe,GAAG;AAExB,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,yBAAyB,EAAE;AAC9D,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,QAAQ,EAAE,eAAe;AAC5B,CAAA;;;;"}

package/moderncssm/desktop/desktop.module.css

@@ -1,19 +1,5 @@
-/* */
-
 :root {
-
-    /* sizes */
     --side-panel-s-width: 500px;
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
 }
 
 .size-500.size-500 {

package/moderncssm/desktop/index.js

@@ -1,3 +1,4 @@
 export { ControlsDesktop, HeaderDesktop, SidePanelComponentDesktop, SidePanelDesktop } from './Component.desktop.js';
 export { ContentDesktop } from '../components/content/Component.desktop.js';
 export { FooterDesktop } from '../components/footer/Component.desktop.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/desktop/index.js.map

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

package/moderncssm/index.js

@@ -7,3 +7,4 @@ export { ContentDesktop } from './components/content/Component.desktop.js';
 export { FooterDesktop } from './components/footer/Component.desktop.js';
 export { ContentMobile } from './components/content/Component.mobile.js';
 export { FooterMobile } from './components/footer/Component.mobile.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

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

package/moderncssm/mobile/Component.mobile.js

@@ -32,3 +32,4 @@ const SidePanelMobile = Object.assign(SidePanelMobileComponent, {
 });
 
 export { ContentMobile, ControlsMobile, FooterMobile, Header as HeaderMobile, SidePanelMobileComponent as SidePanelComponentMobile, SidePanelMobile };
+//# sourceMappingURL=Component.mobile.js.map

package/moderncssm/mobile/Component.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.mobile.js","sources":["../../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal, BaseModalProps } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content/Component.mobile';\nimport { Controls, ControlsProps } from '../components/controls';\nimport { FooterMobile } from '../components/footer/Component.mobile';\nimport { Header } from '../components/header/Component';\nimport { ResponsiveContext } from '../ResponsiveContext';\nimport { TResponsiveModalContext } from '../typings';\n\nimport styles from './mobile.module.css';\nimport transitions from './transitions.mobile.module.css';\n\nexport type SidePanelMobileProps = BaseModalProps & {\n    /**\n     * Управление наличием закрывающего крестика\n     * @default false\n     */\n    hasCloser?: boolean;\n};\n\nconst SidePanelMobileComponent = forwardRef<HTMLDivElement, SidePanelMobileProps>(\n    ({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {\n        const responsiveContext = useContext(ResponsiveContext);\n        const contextValue = useMemo<TResponsiveModalContext>(\n            () => ({ size: 500, view: 'mobile', dataTestId }),\n            [dataTestId],\n        );\n\n        const renderContent = () => (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    classNames: transitions,\n                    ...transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentProps={{\n                    ...restProps.contentProps,\n                    className: cn(styles.content, restProps.contentProps?.className),\n                }}\n            >\n                <div className={styles.mobileContent}>{children}</div>\n            </BaseModal>\n        );\n\n        const renderWithContext = () => (\n            <ResponsiveContext.Provider value={contextValue}>\n                {renderContent()}\n            </ResponsiveContext.Provider>\n        );\n\n        return responsiveContext ? renderContent() : renderWithContext();\n    },\n);\n\nconst ControlsMobile = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;\n\nconst SidePanelMobile = Object.assign(SidePanelMobileComponent, {\n    Content: ContentMobile,\n    Header,\n    Footer: FooterMobile,\n    Controls: ControlsMobile,\n});\n\nexport {\n    SidePanelMobile,\n    SidePanelMobileComponent as SidePanelComponentMobile,\n    ContentMobile,\n    Header as HeaderMobile,\n    FooterMobile,\n    ControlsMobile,\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAuBM,MAAA,wBAAwB,GAAG,UAAU,CACvC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACxE,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;IACvD,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EACjD,CAAC,UAAU,CAAC,CACf;IAED,MAAM,aAAa,GAAG,OAClB,KAAA,CAAA,aAAA,CAAC,SAAS,EACF,EAAA,GAAA,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,GAAG,eAAe;AACrB,SAAA,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,YAAY,EAAE;YACV,GAAG,SAAS,CAAC,YAAY;AACzB,YAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,YAAY,EAAE,SAAS,CAAC;AACnE,SAAA,EAAA;QAED,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,IAAG,QAAQ,CAAO,CAC9C,CACf;AAED,IAAA,MAAM,iBAAiB,GAAG,OACtB,oBAAC,iBAAiB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAAA,EAC1C,aAAa,EAAE,CACS,CAChC;IAED,OAAO,iBAAiB,GAAG,aAAa,EAAE,GAAG,iBAAiB,EAAE;AACpE,CAAC;AAGC,MAAA,cAAc,GAAG;AAEvB,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE;AAC5D,IAAA,OAAO,EAAE,aAAa;IACtB,MAAM;AACN,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,QAAQ,EAAE,cAAc;AAC3B,CAAA;;;;"}