@alfalab/core-components-side-panel 2.5.7 → 3.0.0

package/modern/typings.d.ts

@@ -0,0 +1,7 @@
+import { SidePanelResponsiveProps } from "./index";
+type View = 'desktop' | 'mobile';
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<SidePanelResponsiveProps['size']>;
+} | null;
+export { View, TResponsiveModalContext };

package/modern/typings.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-side-panel",
-    "version": "2.5.7",
+    "version": "3.0.0",
     "description": "SidePanel component",
     "keywords": [],
     "license": "MIT",
@@ -17,11 +17,12 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.0.10",
+        "@alfalab/core-components-base-modal": "^5.1.0",
         "@alfalab/core-components-button": "^7.1.0",
-        "@alfalab/core-components-drawer": "^4.2.5",
+        "@alfalab/core-components-drawer": "^4.2.6",
         "@alfalab/core-components-icon-button": "^6.0.7",
         "@alfalab/core-components-mq": "^4.1.3",
+        "@alfalab/core-components-navigation-bar": "^0.1.0",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"
     }

package/responsive.js

@@ -4,11 +4,12 @@ var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-mq');
-require('./components/closer/Component.js');
+require('./components/header/Component.js');
 require('classnames');
-require('@alfalab/core-components-icon-button');
+require('@alfalab/core-components-navigation-bar');
 require('./Context.js');
 require('@alfalab/core-components-base-modal');
+require('./ResponsiveContext.js');
 require('./Component.desktop.js');
 require('react-merge-refs');
 require('@alfalab/core-components-drawer');
@@ -16,14 +17,9 @@ require('./components/content/Component.desktop.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.desktop.js');
 require('./components/footer/Component.js');
-require('./components/header/Component.desktop.js');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('./components/header/Component.js');
 require('./Component.mobile.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');
-require('./components/header/Component.mobile.js');
-require('@alfalab/icons-glyph/CrossMIcon');
 
 
 

package/transitions.desktop.css

@@ -1,32 +1,32 @@
-/* hash: 1i6az */
-.side-panel__enterRight_1k9je {
+/* hash: 15tfp */
+.side-panel__enterRight_bau9w {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_1k9je {
+.side-panel__enterLeft_bau9w {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_1k9je {
+.side-panel__enterActive_bau9w {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1k9je {
+.side-panel__exit_bau9w {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_1k9je {
+.side-panel__exitActiveRight_bau9w {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_1k9je {
+.side-panel__exitActiveLeft_bau9w {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/transitions.mobile.css

@@ -1,24 +1,24 @@
-/* hash: jbi7q */
-.side-panel__appear_zjefa,
-.side-panel__enter_zjefa {
+/* hash: 1ix53 */
+.side-panel__appear_1334h,
+.side-panel__enter_1334h {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_zjefa,
-.side-panel__enterActive_zjefa {
+.side-panel__appearActive_1334h,
+.side-panel__enterActive_1334h {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_zjefa {
+.side-panel__exit_1334h {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_zjefa,
-.side-panel__exitDone_zjefa {
+.side-panel__exitActive_1334h,
+.side-panel__exitDone_1334h {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/typings.d.ts

@@ -0,0 +1,7 @@
+import { SidePanelResponsiveProps } from "./index";
+type View = 'desktop' | 'mobile';
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<SidePanelResponsiveProps['size']>;
+} | null;
+export { View, TResponsiveModalContext };

package/typings.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/components/closer/Component.d.ts

@@ -1,29 +0,0 @@
-import { ButtonHTMLAttributes, ElementType, FC } from 'react';
-import { IconButtonProps } from "@alfalab/core-components-icon-button";
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: 'left' | 'right';
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon: ElementType;
-};
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-declare const Closer: FC<CloserProps>;
-export { CloserProps, Closer };

package/components/closer/Component.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
-var Context = require('../../Context.js');
-require('@alfalab/core-components-base-modal');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var styles = {"closer":"side-panel__closer_t6pe6","button":"side-panel__button_t6pe6","sticky":"side-panel__sticky_t6pe6"};
-require('./index.css')
-
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-var Closer = function (_a) {
-    var _b;
-    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, icon = _a.icon, restProps = tslib.__rest(_a, ["className", "size", "sticky", "icon"]);
-    var onClose = React.useContext(Context.ModalContext).onClose;
-    var handleClick = React.useCallback(function (event) {
-        onClose(event, 'closerClick');
-    }, [onClose]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.closer, className, (_b = {},
-            _b[styles.sticky] = sticky,
-            _b)) },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
-};
-
-exports.Closer = Closer;

package/components/closer/index.css

@@ -1,47 +0,0 @@
-/* hash: 1xmcu */
-:root {
-} /* deprecated */ :root {
-    --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
-} :root {
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-} :root {
-    --side-panel-closer-bg-color: var(--color-light-bg-primary-alpha-40);
-} .side-panel__closer_t6pe6 {
-    flex-shrink: 0;
-    width: 48px;
-    height: 48px;
-    margin-left: auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-} .side-panel__button_t6pe6 {
-    background: var(--side-panel-closer-bg-color);
-    -webkit-backdrop-filter: blur(10px);
-            backdrop-filter: blur(10px);
-    border-radius: 50px;
-} .side-panel__sticky_t6pe6 {
-    position: sticky;
-    top: 0;
-}

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

@@ -1,18 +0,0 @@
-import { ElementType, FC } from 'react';
-import { HeaderProps } from "./Component";
-type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's';
-    /**
-     * Наличие крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: ElementType;
-};
-declare const HeaderDesktop: FC<HeaderDesktopProps>;
-export { HeaderDesktopProps, HeaderDesktop };

package/components/header/Component.desktop.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
-var components_closer_Component = require('../closer/Component.js');
-var components_header_Component = require('./Component.js');
-require('@alfalab/core-components-icon-button');
-require('../../Context.js');
-require('@alfalab/core-components-base-modal');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var styles = {"content":"side-panel__content_rgkx3","s":"side-panel__s_rgkx3","hasContent":"side-panel__hasContent_rgkx3","sticky":"side-panel__sticky_rgkx3"};
-require('./desktop.css')
-
-var HeaderDesktop = function (_a) {
-    var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, contentClassName = _a.contentClassName, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, _e = _a.closerIcon, closerIcon = _e === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _e, sticky = _a.sticky, _f = _a.leftAddons, leftAddons = _f === void 0 ? React__default.default.createElement("span", null) : _f, title = _a.title, children = _a.children, restProps = tslib.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "closerIcon", "sticky", "leftAddons", "title", "children"]);
-    var hasContent = Boolean(title || children);
-    return (React__default.default.createElement(components_header_Component.Header, tslib.__assign({ className: cn__default.default(className, size && styles[size], (_b = {},
-            _b[styles.sticky] = sticky,
-            _b[styles.hasContent] = hasContent,
-            _b)), contentClassName: cn__default.default(styles.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon }) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
-};
-
-exports.HeaderDesktop = HeaderDesktop;

package/components/header/Component.mobile.d.ts

@@ -1,14 +0,0 @@
-import { ElementType, FC } from 'react';
-import { HeaderProps } from "./Component";
-type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
-    /**
-     * Наличие крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: ElementType;
-};
-declare const HeaderMobile: FC<HeaderMobileProps>;
-export { HeaderMobileProps, HeaderMobile };

package/components/header/Component.mobile.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-var components_closer_Component = require('../closer/Component.js');
-var components_header_Component = require('./Component.js');
-require('@alfalab/core-components-icon-button');
-require('../../Context.js');
-require('@alfalab/core-components-base-modal');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var CrossMIcon__default = /*#__PURE__*/_interopDefaultCompat(CrossMIcon);
-
-var styles = {"sticky":"side-panel__sticky_1obq1","content":"side-panel__content_1obq1"};
-require('./mobile.css')
-
-var HeaderMobile = function (_a) {
-    var _b;
-    var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.closerIcon, closerIcon = _d === void 0 ? CrossMIcon__default.default : _d, restProps = tslib.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "closerIcon"]);
-    return (React__default.default.createElement(components_header_Component.Header, tslib.__assign({ className: cn__default.default(className, (_b = {},
-            _b[styles.sticky] = sticky,
-            _b)), contentClassName: cn__default.default(styles.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
-};
-
-exports.HeaderMobile = HeaderMobile;

package/cssm/components/closer/Component.d.ts

@@ -1,29 +0,0 @@
-import { ButtonHTMLAttributes, ElementType, FC } from 'react';
-import { IconButtonProps } from "@alfalab/core-components-icon-button";
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: 'left' | 'right';
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon: ElementType;
-};
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-declare const Closer: FC<CloserProps>;
-export { CloserProps, Closer };

package/cssm/components/closer/Component.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
-var Context = require('../../Context.js');
-var styles = require('./index.module.css');
-require('@alfalab/core-components-base-modal/cssm');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-var Closer = function (_a) {
-    var _b;
-    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, icon = _a.icon, restProps = tslib.__rest(_a, ["className", "size", "sticky", "icon"]);
-    var onClose = React.useContext(Context.ModalContext).onClose;
-    var handleClick = React.useCallback(function (event) {
-        onClose(event, 'closerClick');
-    }, [onClose]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.closer, className, (_b = {},
-            _b[styles__default.default.sticky] = sticky,
-            _b)) },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({ size: size, className: styles__default.default.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
-};
-
-exports.Closer = Closer;

package/cssm/components/closer/index.module.css

@@ -1,46 +0,0 @@
-:root {
-} /* deprecated */ :root {
-    --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
-} :root {
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-} :root {
-    --side-panel-closer-bg-color: var(--color-light-bg-primary-alpha-40);
-} .closer {
-    flex-shrink: 0;
-    width: 48px;
-    height: 48px;
-    margin-left: auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-} .button {
-    background: var(--side-panel-closer-bg-color);
-    -webkit-backdrop-filter: blur(10px);
-            backdrop-filter: blur(10px);
-    border-radius: 50px;
-} .sticky {
-    position: sticky;
-    top: 0;
-}

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

@@ -1,18 +0,0 @@
-import { ElementType, FC } from 'react';
-import { HeaderProps } from "./Component";
-type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's';
-    /**
-     * Наличие крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: ElementType;
-};
-declare const HeaderDesktop: FC<HeaderDesktopProps>;
-export { HeaderDesktopProps, HeaderDesktop };

package/cssm/components/header/Component.desktop.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
-var components_closer_Component = require('../closer/Component.js');
-var components_header_Component = require('./Component.js');
-var styles = require('./desktop.module.css');
-require('@alfalab/core-components-icon-button/cssm');
-require('../../Context.js');
-require('@alfalab/core-components-base-modal/cssm');
-require('../closer/index.module.css');
-require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var HeaderDesktop = function (_a) {
-    var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, contentClassName = _a.contentClassName, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, _e = _a.closerIcon, closerIcon = _e === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _e, sticky = _a.sticky, _f = _a.leftAddons, leftAddons = _f === void 0 ? React__default.default.createElement("span", null) : _f, title = _a.title, children = _a.children, restProps = tslib.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "closerIcon", "sticky", "leftAddons", "title", "children"]);
-    var hasContent = Boolean(title || children);
-    return (React__default.default.createElement(components_header_Component.Header, tslib.__assign({ className: cn__default.default(className, size && styles__default.default[size], (_b = {},
-            _b[styles__default.default.sticky] = sticky,
-            _b[styles__default.default.hasContent] = hasContent,
-            _b)), contentClassName: cn__default.default(styles__default.default.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon }) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
-};
-
-exports.HeaderDesktop = HeaderDesktop;

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

@@ -1,14 +0,0 @@
-import { ElementType, FC } from 'react';
-import { HeaderProps } from "./Component";
-type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
-    /**
-     * Наличие крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: ElementType;
-};
-declare const HeaderMobile: FC<HeaderMobileProps>;
-export { HeaderMobileProps, HeaderMobile };

package/cssm/components/header/Component.mobile.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-var components_closer_Component = require('../closer/Component.js');
-var components_header_Component = require('./Component.js');
-var styles = require('./mobile.module.css');
-require('@alfalab/core-components-icon-button/cssm');
-require('../../Context.js');
-require('@alfalab/core-components-base-modal/cssm');
-require('../closer/index.module.css');
-require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var CrossMIcon__default = /*#__PURE__*/_interopDefaultCompat(CrossMIcon);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var HeaderMobile = function (_a) {
-    var _b;
-    var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.closerIcon, closerIcon = _d === void 0 ? CrossMIcon__default.default : _d, restProps = tslib.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "closerIcon"]);
-    return (React__default.default.createElement(components_header_Component.Header, tslib.__assign({ className: cn__default.default(className, (_b = {},
-            _b[styles__default.default.sticky] = sticky,
-            _b)), contentClassName: cn__default.default(styles__default.default.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
-};
-
-exports.HeaderMobile = HeaderMobile;

package/esm/components/closer/Component.d.ts

@@ -1,29 +0,0 @@
-import { ButtonHTMLAttributes, ElementType, FC } from 'react';
-import { IconButtonProps } from "@alfalab/core-components-icon-button";
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: 'left' | 'right';
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon: ElementType;
-};
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-declare const Closer: FC<CloserProps>;
-export { CloserProps, Closer };

package/esm/components/closer/Component.js

@@ -1,27 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useContext, useCallback } from 'react';
-import cn from 'classnames';
-import { IconButton } from '@alfalab/core-components-icon-button/esm';
-import { ModalContext } from '../../Context.js';
-import '@alfalab/core-components-base-modal/esm';
-
-var styles = {"closer":"side-panel__closer_t6pe6","button":"side-panel__button_t6pe6","sticky":"side-panel__sticky_t6pe6"};
-require('./index.css')
-
-/**
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
- */
-var Closer = function (_a) {
-    var _b;
-    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, icon = _a.icon, restProps = __rest(_a, ["className", "size", "sticky", "icon"]);
-    var onClose = useContext(ModalContext).onClose;
-    var handleClick = useCallback(function (event) {
-        onClose(event, 'closerClick');
-    }, [onClose]);
-    return (React.createElement("div", { className: cn(styles.closer, className, (_b = {},
-            _b[styles.sticky] = sticky,
-            _b)) },
-        React.createElement(IconButton, __assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
-};
-
-export { Closer };