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

package/cssm/src/components/header/Component.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';
+export declare type HeaderProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
+export declare const Header: FC<HeaderProps>;

package/cssm/src/consts.d.ts

@@ -0,0 +1,4 @@
+export declare const SIZE_TO_CLASSNAME_MAP: {
+    s: string;
+    500: string;
+};

package/{desktop → cssm/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/cssm/src/desktop/index.d.ts

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

package/cssm/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/{esm → cssm/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/cssm/src/mobile/index.d.ts

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

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

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

package/cssm/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/cssm/{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/cssm/typings.js

@@ -1,2 +1,3 @@
 'use strict';
 
+//# sourceMappingURL=typings.js.map

package/cssm/typings.js.map

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

package/cssm/utils.js

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
+var cssm = require('@alfalab/core-components-shared/cssm');
 
 function getSidePanelTestIds(dataTestId) {
     return {
         modal: dataTestId,
-        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
-        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
-        controls: coreComponentsShared.getDataTestId(dataTestId, 'controls'),
-        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
-        title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
-        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
-        backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
+        content: cssm.getDataTestId(dataTestId, 'content'),
+        footer: cssm.getDataTestId(dataTestId, 'footer'),
+        controls: cssm.getDataTestId(dataTestId, 'controls'),
+        header: cssm.getDataTestId(dataTestId, 'header'),
+        title: cssm.getDataTestId(dataTestId, 'header-title'),
+        closer: cssm.getDataTestId(dataTestId, 'header-closer'),
+        backButton: cssm.getDataTestId(dataTestId, 'header-back-button'),
     };
 }
 
 exports.getSidePanelTestIds = getSidePanelTestIds;
+//# sourceMappingURL=utils.js.map

package/cssm/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":["getDataTestId"],"mappings":";;;;;;AAEM,SAAU,mBAAmB,CAAC,UAAkB,EAAA;IAClD,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,OAAO,EAAEA,kBAAa,CAAC,UAAU,EAAE,SAAS,CAAC;AAC7C,QAAA,MAAM,EAAEA,kBAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAC3C,QAAA,QAAQ,EAAEA,kBAAa,CAAC,UAAU,EAAE,UAAU,CAAC;AAC/C,QAAA,MAAM,EAAEA,kBAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAC3C,QAAA,KAAK,EAAEA,kBAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AAChD,QAAA,MAAM,EAAEA,kBAAa,CAAC,UAAU,EAAE,eAAe,CAAC;AAClD,QAAA,UAAU,EAAEA,kBAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;KAC9D;AACL;;;;"}

package/desktop/Component.desktop.js

@@ -7,12 +7,14 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsDrawer = require('@alfalab/core-components-drawer');
-var components_content_Component_desktop = require('../components/content/Component.desktop.js');
-var components_controls_Component = require('../components/controls/Component.js');
-var components_footer_Component_desktop = require('../components/footer/Component.desktop.js');
-var components_header_Component = require('../components/header/Component.js');
+var Component_desktop = require('../components/content/Component.desktop.js');
+var Component = require('../components/controls/Component.js');
+var Component_desktop$1 = require('../components/footer/Component.desktop.js');
+var Component$1 = require('../components/header/Component.js');
 var consts = require('../consts.js');
 var ResponsiveContext = require('../ResponsiveContext.js');
+var desktop_module = require('./desktop.module.css.js');
+var transitions_desktop_module = require('./transitions.desktop.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -20,32 +22,26 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"size-500":"side-panel__size-500_1fi78","hidden":"side-panel__hidden_1fi78"};
-require('./desktop.css')
-
-var transitions = {"enterRight":"side-panel__enterRight_2v1th","enterLeft":"side-panel__enterLeft_2v1th","enterActive":"side-panel__enterActive_2v1th","exit":"side-panel__exit_2v1th","exitActiveRight":"side-panel__exitActiveRight_2v1th","exitActiveLeft":"side-panel__exitActiveLeft_2v1th"};
-require('./transitions.desktop.css')
-
 var SidePanelDesktopComponent = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d = _a.size, size = _d === void 0 ? 500 : _d, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _e = _a.contentTransitionProps, contentTransitionProps = _e === void 0 ? {} : _e, backdropProps = _a.backdropProps, _f = _a.placement, placement = _f === void 0 ? 'right' : _f, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["size", "children", "className", "wrapperClassName", "contentTransitionProps", "backdropProps", "placement", "dataTestId"]);
     var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
     var modalRef = React.useRef(null);
     var enterCn = cn__default.default((_b = {},
-        _b[transitions.appearRight] = placement === 'right',
-        _b[transitions.appearLeft] = placement === 'left',
+        _b[transitions_desktop_module.appearRight] = placement === 'right',
+        _b[transitions_desktop_module.appearLeft] = placement === 'left',
         _b));
     var exitCn = cn__default.default((_c = {},
-        _c[transitions.exitActiveRight] = placement === 'right',
-        _c[transitions.exitActiveLeft] = placement === 'left',
+        _c[transitions_desktop_module.exitActiveRight] = placement === 'right',
+        _c[transitions_desktop_module.exitActiveLeft] = placement === 'left',
         _c));
     var contextValue = React__default.default.useMemo(function () { return ({ size: size, view: 'desktop', dataTestId: dataTestId }); }, [size, dataTestId]);
-    var renderContent = function () { return (React__default.default.createElement(coreComponentsDrawer.Drawer, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: mergeRefs__default.default([ref, modalRef]), placement: placement, wrapperClassName: wrapperClassName, className: cn__default.default(className, styles[consts.SIZE_TO_CLASSNAME_MAP[size]], styles.hidden), backdropProps: backdropProps, contentTransitionProps: tslib.__assign({ classNames: {
+    var renderContent = function () { return (React__default.default.createElement(coreComponentsDrawer.Drawer, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: mergeRefs__default.default([ref, modalRef]), placement: placement, wrapperClassName: wrapperClassName, className: cn__default.default(className, desktop_module[consts.SIZE_TO_CLASSNAME_MAP[size]], desktop_module.hidden), backdropProps: backdropProps, contentTransitionProps: tslib.__assign({ classNames: {
                 appear: enterCn,
                 enter: enterCn,
-                appearActive: transitions.enterActive,
-                enterActive: transitions.enterActive,
-                exit: transitions.exit,
+                appearActive: transitions_desktop_module.enterActive,
+                enterActive: transitions_desktop_module.enterActive,
+                exit: transitions_desktop_module.exit,
                 exitActive: exitCn,
                 exitDone: exitCn,
             } }, contentTransitionProps) }), React__default.default.Children.map(children, function (child) {
@@ -54,18 +50,19 @@ var SidePanelDesktopComponent = React.forwardRef(function (_a, ref) {
     var renderWithContext = function () { return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();
 });
-var HeaderDesktop = components_header_Component.Header;
-var ControlsDesktop = components_controls_Component.Controls;
+var HeaderDesktop = Component$1.Header;
+var ControlsDesktop = Component.Controls;
 var SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
-    Content: components_content_Component_desktop.ContentDesktop,
+    Content: Component_desktop.ContentDesktop,
     Header: HeaderDesktop,
-    Footer: components_footer_Component_desktop.FooterDesktop,
+    Footer: Component_desktop$1.FooterDesktop,
     Controls: ControlsDesktop,
 });
 
-exports.ContentDesktop = components_content_Component_desktop.ContentDesktop;
-exports.FooterDesktop = components_footer_Component_desktop.FooterDesktop;
+exports.ContentDesktop = Component_desktop.ContentDesktop;
+exports.FooterDesktop = Component_desktop$1.FooterDesktop;
 exports.ControlsDesktop = ControlsDesktop;
 exports.HeaderDesktop = HeaderDesktop;
 exports.SidePanelComponentDesktop = SidePanelDesktopComponent;
 exports.SidePanelDesktop = SidePanelDesktop;
+//# sourceMappingURL=Component.desktop.js.map

package/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":["forwardRef","__rest","useContext","ResponsiveContext","useRef","cn","transitions","React","Drawer","__assign","mergeRefs","styles","SIZE_TO_CLASSNAME_MAP","isValidElement","cloneElement","Header","Controls","ContentDesktop","FooterDesktop"],"mappings":"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"}

package/desktop/desktop.css

@@ -1,42 +1,7 @@
-/* hash: 1icyy */
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-} :root {
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ :root {
-
-    /* sizes */
+:root {
     --side-panel-s-width: 500px;
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-} .side-panel__size-500_1fi78.side-panel__size-500_1fi78 {
+} .side-panel__size-500_qdysi.side-panel__size-500_qdysi {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_1fi78 {
+} .side-panel__hidden_qdysi {
     overflow-x: hidden;
 }

package/desktop/desktop.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./desktop.css');
+
+var styles = {"size-500":"side-panel__size-500_qdysi","hidden":"side-panel__hidden_qdysi"};
+
+module.exports = styles;
+//# sourceMappingURL=desktop.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"desktop.module.css.js","sources":["../src/desktop/desktop.module.css"],"sourcesContent":["@import '../vars.css';\n\n.size-500.size-500 {\n    width: var(--side-panel-s-width);\n}\n\n.hidden {\n    overflow-x: hidden;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC;;;;"}

package/desktop/index.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var desktop_Component_desktop = require('./Component.desktop.js');
-var components_content_Component_desktop = require('../components/content/Component.desktop.js');
-var components_footer_Component_desktop = require('../components/footer/Component.desktop.js');
+var Component_desktop = require('./Component.desktop.js');
+var Component_desktop$1 = require('../components/content/Component.desktop.js');
+var Component_desktop$2 = require('../components/footer/Component.desktop.js');
 
 
 
-exports.ControlsDesktop = desktop_Component_desktop.ControlsDesktop;
-exports.HeaderDesktop = desktop_Component_desktop.HeaderDesktop;
-exports.SidePanelComponentDesktop = desktop_Component_desktop.SidePanelComponentDesktop;
-exports.SidePanelDesktop = desktop_Component_desktop.SidePanelDesktop;
-exports.ContentDesktop = components_content_Component_desktop.ContentDesktop;
-exports.FooterDesktop = components_footer_Component_desktop.FooterDesktop;
+exports.ControlsDesktop = Component_desktop.ControlsDesktop;
+exports.HeaderDesktop = Component_desktop.HeaderDesktop;
+exports.SidePanelComponentDesktop = Component_desktop.SidePanelComponentDesktop;
+exports.SidePanelDesktop = Component_desktop.SidePanelDesktop;
+exports.ContentDesktop = Component_desktop$1.ContentDesktop;
+exports.FooterDesktop = Component_desktop$2.FooterDesktop;
+//# sourceMappingURL=index.js.map

package/desktop/index.js.map

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

package/desktop/transitions.desktop.css

@@ -1,32 +1,31 @@
-/* hash: nt3h7 */
-.side-panel__enterRight_2v1th {
+.side-panel__enterRight_1ifb4 {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_2v1th {
+.side-panel__enterLeft_1ifb4 {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_2v1th {
+.side-panel__enterActive_1ifb4 {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_2v1th {
+.side-panel__exit_1ifb4 {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_2v1th {
+.side-panel__exitActiveRight_1ifb4 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_2v1th {
+.side-panel__exitActiveLeft_1ifb4 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/desktop/transitions.desktop.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./transitions.desktop.css');
+
+var transitions = {"enterActive":"side-panel__enterActive_1ifb4","exit":"side-panel__exit_1ifb4","exitActiveRight":"side-panel__exitActiveRight_1ifb4","exitActiveLeft":"side-panel__exitActiveLeft_1ifb4"};
+
+module.exports = transitions;
+//# sourceMappingURL=transitions.desktop.module.css.js.map

package/desktop/transitions.desktop.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.desktop.module.css.js","sources":["../src/desktop/transitions.desktop.module.css"],"sourcesContent":["@define-mixin exit-active {\n    opacity: 0;\n    transition: opacity 200ms ease-out, transform 200ms ease-out;\n}\n\n.enterRight {\n    opacity: 0;\n    transform: translateX(15px);\n}\n\n.enterLeft {\n    opacity: 0;\n    transform: translateX(-15px);\n}\n\n.enterActive {\n    opacity: 1;\n    transform: translateX(0);\n    transition: opacity 200ms ease-in, transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.exitActiveRight {\n    @mixin exit-active;\n    transform: translateX(15px);\n}\n\n.exitActiveLeft {\n    @mixin exit-active;\n    transform: translateX(-15px);\n}\n"],"names":[],"mappings":";;;;AAEgB,kBAAe,CAAuF,aAAa,CAAC,+BAA+B,CAAC,MAAM,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}

package/esm/Component.responsive.js

@@ -37,3 +37,4 @@ var 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/esm/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;AACvB,QAAA,IAAA,EAAqB,GAAA,CAAA,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAxC,EAAhB,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,KAAA;AAExB,QAAA,IAAM,KAAK,GAAG,IAAI,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM;AAEnD,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,KAAK,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,EAAI;;AAG/B,IAAA,OAAO,eAA2C;AACtD;AAEA,IAAM,4BAA4B,GAAG,UAAU,CAC3C,UACI,EAQC,EACD,GAAG,EAAA;AARC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAChF,YAAU,EAAV,IAAI,mBAAG,GAAG,GAAA,EAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAA,MAAA,CAAA,EAAA,EAPhB,oFAQC,CADe;IAIhB,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ;AAE7C,IAAA,IAAM,YAAY,GAAG,OAAO,CACxB,YAAM,EAAA,QAAC,EAAE,IAAI,EAAA,IAAA,EAAE,IAAI,EAAA,IAAA,EAAE,UAAU,EAAA,UAAA,EAAE,EAA3B,EAA4B,EAClC,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,CAC3B;IAED,IAAM,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,aAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,IAAM,SAAS,CAAA,EACjE,QAAQ,CACD,CACa;AAErC,CAAC;AAGL,IAAM,iBAAiB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,OAAO;AAC5F,IAAM,gBAAgB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM;AAEzF;AACA,IAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,4BAA4B,EAAE;AACpE,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,QAAQ,EAAA,QAAA;AACR,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}

package/esm/Context.js

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

package/esm/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,IAAM,YAAY,GAAG;;;;"}

package/esm/ResponsiveContext.js

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

package/esm/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,IAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA0B,IAAI;;;;"}

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

@@ -3,9 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { Content } from './Component.js';
-
-var styles = {"size-500":"side-panel__size-500_1vuku"};
-require('./desktop.css')
+import styles from './desktop.module.css.js';
 
 var ContentDesktop = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 500 : _b, className = _a.className, restProps = __rest(_a, ["size", "className"]);
@@ -13,3 +11,4 @@ var ContentDesktop = function (_a) {
 };
 
 export { ContentDesktop };
+//# sourceMappingURL=Component.desktop.js.map

package/esm/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":";;;;;;;AAgBO,IAAM,cAAc,GAA4B,UAAC,EAIvD,EAAA;AAHG,IAAA,IAAA,EAAU,GAAA,EAAA,CAAA,IAAA,EAAV,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,SAAS,GAAA,MAAA,CAAA,EAAA,EAHwC,qBAIvD,CADe;IACV,QACF,KAAC,CAAA,aAAA,CAAA,OAAO,EACJ,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,IAAI,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EACjE,EAAA,SAAS,CACf,CAAA;;;;;"}

package/esm/components/content/Component.js

@@ -3,9 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-
-var styles = {"content":"side-panel__content_1oozo","withHeader":"side-panel__withHeader_1oozo","flex":"side-panel__flex_1oozo"};
-require('./index.css')
+import styles from './index.module.css.js';
 
 var Content = function (_a) {
     var _b;
@@ -18,3 +16,4 @@ var Content = function (_a) {
 };
 
 export { Content };
+//# sourceMappingURL=Component.js.map

package/esm/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,IAAM,OAAO,GAAqB,UAAC,EAAmC,EAAA;;AAAjC,IAAA,IAAA,QAAQ,cAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;IACjE,IAAA,EAAA,GAA4B,UAAU,CAAC,YAAY,CAAC,EAAlD,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAA6B;AAC1D,IAAA,IAAM,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,GAAA,EAAA,GAAA,EAAA;AAChD,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACF,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxB,UAAU,IAAI,aAAa,CAAC,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,uBAAjB,iBAAiB,CAAE,UAAU,EAAE,SAAS,CAAC,EAElF,EAAA,QAAQ,CACP;AAEd;;;;"}

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

@@ -2,9 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 import { Content } from './Component.js';
-
-var styles = {"content":"side-panel__content_gswip"};
-require('./mobile.css')
+import styles from './mobile.module.css.js';
 
 var ContentMobile = function (_a) {
     var className = _a.className, restProps = __rest(_a, ["className"]);
@@ -12,3 +10,4 @@ var ContentMobile = function (_a) {
 };
 
 export { ContentMobile };
+//# sourceMappingURL=Component.mobile.js.map

package/esm/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,IAAM,aAAa,GAA2B,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;AAAO,IAAA,QAClF,KAAC,CAAA,aAAA,CAAA,OAAO,aAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IAAM,SAAS,CAAA,CAAI;;;;;"}