@alphakits/ui 1.31.5 → 2.0.0

package/dist/loader/component.js

@@ -1 +1,22 @@
-import e from"react";import c from"classnames";var t="index-module_component__3CNRP",r=function(r){var a=r.className,m=r.dataTestId;return e.createElement("svg",{height:"24",width:"24",viewBox:"0 0 24 24",className:c(t,a),"data-test-id":m},e.createElement("circle",{cx:"4",cy:"12",r:"2"}),e.createElement("circle",{cx:"12",cy:"12",r:"2"}),e.createElement("circle",{cx:"20",cy:"12",r:"2"}))};export{r as Loader};
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import t from "classnames";
+import i from "./index.module.css.js";
+const l = ({ className: r, dataTestId: e }) => /* @__PURE__ */ o(
+  "svg",
+  {
+    height: "24",
+    width: "24",
+    viewBox: "0 0 24 24",
+    className: t(i.component, r),
+    "data-test-id": e,
+    children: [
+      /* @__PURE__ */ c("circle", { cx: "4", cy: "12", r: "2" }),
+      /* @__PURE__ */ c("circle", { cx: "12", cy: "12", r: "2" }),
+      /* @__PURE__ */ c("circle", { cx: "20", cy: "12", r: "2" })
+    ]
+  }
+);
+export {
+  l as Loader
+};
+//# sourceMappingURL=component.js.map

package/dist/loader/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/loader/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type LoaderProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Loader: React.FC<LoaderProps> = ({ className, dataTestId }) => (\n    <svg\n        height=\"24\"\n        width=\"24\"\n        viewBox=\"0 0 24 24\"\n        className={ cn(styles.component, className) }\n        data-test-id={ dataTestId }\n    >\n        <circle cx=\"4\" cy=\"12\" r=\"2\" />\n        <circle cx=\"12\" cy=\"12\" r=\"2\" />\n        <circle cx=\"20\" cy=\"12\" r=\"2\" />\n    </svg>\n);\n"],"names":["Loader","className","dataTestId","jsxs","cn","styles","jsx"],"mappings":";;;AAiBO,MAAMA,IAAgC,CAAC,EAAE,WAAAC,GAAW,YAAAC,QACvD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,QAAO;AAAA,IACP,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,WAAYC,EAAGC,EAAO,WAAWJ,CAAS;AAAA,IAC1C,gBAAeC;AAAA,IAEf,UAAA;AAAA,MAAA,gBAAAI,EAAC,YAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI;AAAA,wBAC5B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,wBAC7B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,IAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAClC;"}

package/dist/loader/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/loader/index.js

@@ -1 +1,5 @@
-export{Loader}from"./component.js";import"react";import"classnames";
+import { Loader as e } from "./component.js";
+export {
+  e as Loader
+};
+//# sourceMappingURL=index.js.map

package/dist/loader/index.js.map

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

package/dist/loader/index.module.css

@@ -0,0 +1 @@
+.index-module_component__Qa85p{fill:currentColor}.index-module_component__Qa85p circle{animation-name:index-module_blink__5-n2z;animation-duration:.95s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform:scale(0)}.index-module_component__Qa85p circle:nth-child(1){animation-delay:0ms;transform-origin:15% 50%}.index-module_component__Qa85p circle:nth-child(2){animation-delay:.15s;transform-origin:50% 50%}.index-module_component__Qa85p circle:nth-child(3){animation-delay:.3s;transform-origin:85% 50%}@keyframes index-module_blink__5-n2z{21%{transform:scale(1)}47%{transform:scale(1)}68%{transform:scale(0)}}

package/dist/loader/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const o = "index-module_component__Qa85p", n = {
+  component: o
+};
+export {
+  o as component,
+  n as default
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/loader/index.module.css.js.map

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

package/dist/masked-input/component.d.ts

@@ -1,14 +1,23 @@
-/// <reference types="react" />
-import React from 'react';
+import { default as React } from 'react';
 import { TextMaskConfig } from 'text-mask-core';
-import { InputProps } from "../input/index";
-type MaskedInputProps = InputProps & {
+import { InputProps } from '../input';
+export declare type MaskedInputProps = InputProps & {
+    /**
+     * Маска для поля ввода
+     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
+     */
     mask?: TextMaskConfig['mask'];
+    /**
+     * Дает возможность изменить значение поля перед рендером
+     */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 };
-declare const PLACEHOLDER_CHAR = "\u2000";
-declare const MaskedInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
+export declare const PLACEHOLDER_CHAR = "\u2000";
+export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
     value?: string | undefined;
+    /**
+     * Дает возможность изменить значение поля перед рендером
+     */
     defaultValue?: string | undefined;
     block?: boolean | undefined;
     required?: boolean | undefined;
@@ -39,7 +48,13 @@ declare const MaskedInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLA
     onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => void) | undefined;
     dataTestId?: string | undefined;
 } & {
+    /**
+     * Маска для поля ввода
+     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
+     */
     mask?: TextMaskConfig['mask'];
+    /**
+     * Дает возможность изменить значение поля перед рендером
+     */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 } & React.RefAttributes<HTMLInputElement>>;
-export { MaskedInputProps, PLACEHOLDER_CHAR, MaskedInput };

package/dist/masked-input/component.js

@@ -1 +1,68 @@
-import{__rest as e,__assign as o}from"tslib";import r,{useRef as n,useState as t,useCallback as a,useEffect as u}from"react";import l from"react-merge-refs";import m from"classnames";import{createTextMaskInputElement as i}from"text-mask-core";import{Input as s}from"../input/component.js";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../form-control/component.js";var c="index-module_textHidden__1M-ha",p=" ",f=r.forwardRef((function(p,f){var d,v=p.mask,C=p.value,h=p.defaultValue,g=p.className,k=p.onBeforeDisplay,j=p.onChange,x=p.onClear,V=e(p,["mask","value","defaultValue","className","onBeforeDisplay","onChange","onClear"]),w=n(null),N=n(null),_=t(C||h||""),b=_[0],y=_[1],B=t(!0),D=B[0],E=B[1],M=a((function(e){void 0===e&&(e=""),N.current&&w.current&&(N.current.update(e),y(w.current.value))}),[]),P=a((function(e){M(e.target.value),j&&j(e,{value:e.target.value})}),[j,M]),F=a((function(e){M(""),x&&x(e)}),[x,M]);return u((function(){w.current&&(N.current=i({mask:v,inputElement:w.current,pipe:k,guide:!1,keepCharPositions:!1,showMask:!1,placeholderChar:" ",rawValue:"",currentCaretPosition:0,previousConformedValue:""}))}),[k,v]),u((function(){M(C||h)}),[C,M,h]),u((function(){E(!1)}),[]),r.createElement(s,o({},V,{className:m(g,(d={},d[c]=D,d)),value:b,onChange:P,onClear:F,ref:l([f,w])}))}));export{f as MaskedInput,p as PLACEHOLDER_CHAR};
+import { jsx as g } from "react/jsx-runtime";
+import M, { useRef as l, useState as m, useCallback as c, useEffect as i } from "react";
+import w from "react-merge-refs";
+import P from "classnames";
+import { createTextMaskInputElement as v } from "text-mask-core";
+import { Input as A } from "../input/component.js";
+import L from "./index.module.css.js";
+const T = " ", q = M.forwardRef(
+  ({
+    mask: p,
+    value: n,
+    defaultValue: s,
+    className: d,
+    onBeforeDisplay: f,
+    onChange: u,
+    onClear: o,
+    ...x
+  }, C) => {
+    const r = l(null), a = l(null), [R, h] = m(n || s || ""), [k, E] = m(!0), t = c((e = "") => {
+      a.current && r.current && (a.current.update(e), h(r.current.value));
+    }, []), H = c(
+      (e) => {
+        t(e.target.value), u && u(e, {
+          value: e.target.value
+        });
+      },
+      [u, t]
+    ), I = c(
+      (e) => {
+        t(""), o && o(e);
+      },
+      [o, t]
+    );
+    return i(() => {
+      r.current && (a.current = v({
+        mask: p,
+        inputElement: r.current,
+        pipe: f,
+        guide: !1,
+        keepCharPositions: !1,
+        showMask: !1,
+        placeholderChar: T,
+        rawValue: "",
+        currentCaretPosition: 0,
+        previousConformedValue: ""
+      }));
+    }, [f, p]), i(() => {
+      t(n || s);
+    }, [n, t, s]), i(() => {
+      E(!1);
+    }, []), /* @__PURE__ */ g(
+      A,
+      {
+        ...x,
+        className: P(d, { [L.textHidden]: k }),
+        value: R,
+        onChange: H,
+        onClear: I,
+        ref: w([C, r])
+      }
+    );
+  }
+);
+export {
+  q as MaskedInput,
+  T as PLACEHOLDER_CHAR
+};
+//# sourceMappingURL=component.js.map

package/dist/masked-input/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/masked-input/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent, MouseEvent, useCallback, useEffect, useRef, useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport { createTextMaskInputElement, TextMaskConfig, TextMaskInputElement } from 'text-mask-core';\n\nimport { Input, InputProps } from '../input';\n\n// import {  } from '../text-mask';\nimport styles from './index.module.css';\n\nexport type MaskedInputProps = InputProps & {\n    /**\n     * Маска для поля ввода\n     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array\n     */\n    mask?: TextMaskConfig['mask'];\n    //\n\n    /**\n     * Дает возможность изменить значение поля перед рендером\n     */\n    onBeforeDisplay?: TextMaskConfig['pipe'];\n    //\n};\n\n// Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \\u2000\nexport const PLACEHOLDER_CHAR = '\\u2000';\n\nexport const MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n    (\n        {\n            mask, value, defaultValue, className, onBeforeDisplay, onChange, onClear, ...restProps\n        },\n        ref,\n    ) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n        const textMask = useRef<TextMaskInputElement | null>(null);\n        //\n\n        const [inputValue, setInputValue] = useState(value || defaultValue || '');\n        // Не показываем сырое значение до применения маски\n        const [textHidden, setTextHidden] = useState(true);\n\n        const update = useCallback((newValue = '') => {\n            if (textMask.current && inputRef.current) {\n                textMask.current.update(newValue);\n                setInputValue(inputRef.current.value);\n            }\n        }, []);\n\n        const handleInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                update(event.target.value);\n\n                if (onChange) {\n                    onChange(event, {\n                        value: event.target.value,\n                    });\n                }\n            },\n            [onChange, update],\n        );\n\n        const handleClear = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                update('');\n                if (onClear) onClear(event);\n            },\n            [onClear, update],\n        );\n\n        useEffect(() => {\n            if (inputRef.current) {\n                textMask.current = createTextMaskInputElement({\n                    mask,\n                    inputElement: inputRef.current,\n                    pipe: onBeforeDisplay,\n                    guide: false,\n                    keepCharPositions: false,\n                    showMask: false,\n                    placeholderChar: PLACEHOLDER_CHAR,\n                    rawValue: '',\n                    currentCaretPosition: 0,\n                    previousConformedValue: '',\n                });\n            }\n        }, [onBeforeDisplay, mask]);\n\n        useEffect(() => {\n            update(value || defaultValue);\n        }, [value, update, defaultValue]);\n\n        useEffect(() => {\n            setTextHidden(false);\n        }, []);\n\n        return (\n            <Input\n                { ...restProps }\n                className={ cn(className, { [styles.textHidden]: textHidden }) }\n                value={ inputValue }\n                onChange={ handleInputChange }\n                onClear={ handleClear }\n                ref={ mergeRefs([ref, inputRef]) }\n            />\n        );\n    },\n);\n"],"names":["PLACEHOLDER_CHAR","MaskedInput","React","mask","value","defaultValue","className","onBeforeDisplay","onChange","onClear","restProps","ref","inputRef","useRef","textMask","inputValue","setInputValue","useState","textHidden","setTextHidden","update","useCallback","newValue","handleInputChange","event","handleClear","useEffect","createTextMaskInputElement","jsx","Input","cn","styles","mergeRefs"],"mappings":";;;;;;;AA4BO,MAAMA,IAAmB,KAEnBC,IAAcC,EAAM;AAAA,EAC7B,CACI;AAAA,IACI,MAAAC;AAAA,IAAM,OAAAC;AAAA,IAAO,cAAAC;AAAA,IAAc,WAAAC;AAAA,IAAW,iBAAAC;AAAA,IAAiB,UAAAC;AAAA,IAAU,SAAAC;AAAA,IAAS,GAAGC;AAAA,EAAA,GAEjFC,MACC;AACD,UAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAWD,EAAoC,IAAI,GAGnD,CAACE,GAAYC,CAAa,IAAIC,EAASb,KAASC,KAAgB,EAAE,GAElE,CAACa,GAAYC,CAAa,IAAIF,EAAS,EAAI,GAE3CG,IAASC,EAAY,CAACC,IAAW,OAAO;AAC1C,MAAIR,EAAS,WAAWF,EAAS,YAC7BE,EAAS,QAAQ,OAAOQ,CAAQ,GAChCN,EAAcJ,EAAS,QAAQ,KAAK;AAAA,IAE5C,GAAG,CAAA,CAAE,GAECW,IAAoBF;AAAA,MACtB,CAACG,MAAyC;AACtC,QAAAJ,EAAOI,EAAM,OAAO,KAAK,GAErBhB,KACAA,EAASgB,GAAO;AAAA,UACZ,OAAOA,EAAM,OAAO;AAAA,QAAA,CACvB;AAAA,MAET;AAAA,MACA,CAAChB,GAAUY,CAAM;AAAA,IAAA,GAGfK,IAAcJ;AAAA,MAChB,CAACG,MAAyC;AACtC,QAAAJ,EAAO,EAAE,GACLX,OAAiBe,CAAK;AAAA,MAC9B;AAAA,MACA,CAACf,GAASW,CAAM;AAAA,IAAA;AAGpB,WAAAM,EAAU,MAAM;AACZ,MAAId,EAAS,YACTE,EAAS,UAAUa,EAA2B;AAAA,QAC1C,MAAAxB;AAAA,QACA,cAAcS,EAAS;AAAA,QACvB,MAAML;AAAA,QACN,OAAO;AAAA,QACP,mBAAmB;AAAA,QACnB,UAAU;AAAA,QACV,iBAAiBP;AAAA,QACjB,UAAU;AAAA,QACV,sBAAsB;AAAA,QACtB,wBAAwB;AAAA,MAAA,CAC3B;AAAA,IAET,GAAG,CAACO,GAAiBJ,CAAI,CAAC,GAE1BuB,EAAU,MAAM;AACZ,MAAAN,EAAOhB,KAASC,CAAY;AAAA,IAChC,GAAG,CAACD,GAAOgB,GAAQf,CAAY,CAAC,GAEhCqB,EAAU,MAAM;AACZ,MAAAP,EAAc,EAAK;AAAA,IACvB,GAAG,CAAA,CAAE,GAGD,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACK,GAAGnB;AAAA,QACL,WAAYoB,EAAGxB,GAAW,EAAE,CAACyB,EAAO,UAAU,GAAGb,GAAY;AAAA,QAC7D,OAAQH;AAAA,QACR,UAAWQ;AAAA,QACX,SAAUE;AAAA,QACV,KAAMO,EAAU,CAACrB,GAAKC,CAAQ,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAG3C;AACJ;"}

package/dist/masked-input/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/masked-input/index.js

@@ -1 +1,6 @@
-export{MaskedInput,PLACEHOLDER_CHAR}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"classnames";import"text-mask-core";import"../input/component.js";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../form-control/component.js";
+import { MaskedInput as p, PLACEHOLDER_CHAR as r } from "./component.js";
+export {
+  p as MaskedInput,
+  r as PLACEHOLDER_CHAR
+};
+//# sourceMappingURL=index.js.map

package/dist/masked-input/index.js.map

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

package/dist/masked-input/index.module.css

@@ -0,0 +1 @@
+.index-module_textHidden__dIPJL input{opacity:0}

package/dist/masked-input/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const e = "index-module_textHidden__dIPJL", t = {
+  textHidden: e
+};
+export {
+  t as default,
+  e as textHidden
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/masked-input/index.module.css.js.map

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

package/dist/menu/component.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import React from 'react';
-import { TFunction } from "../modal/index";
-import { OptionShape } from "../select/index";
-type MenuElement = {
+import { default as React } from 'react';
+import { TFunction } from '../modal';
+import { OptionShape } from '../select';
+export declare type MenuElement = {
     path: string;
     element: React.ReactNode;
     icon?: JSX.Element;
     title?: string;
 };
-type MenuProps = {
+export declare type MenuProps = {
     pathname: string;
     routes: MenuElement[];
     showBackButton?: boolean;
@@ -22,5 +21,4 @@ type MenuProps = {
     navigate: (path: string) => void;
     t: TFunction;
 };
-declare const Menu: React.FC<MenuProps>;
-export { MenuElement, MenuProps, Menu };
+export declare const Menu: React.FC<MenuProps>;

package/dist/menu/component.js

@@ -1 +1,78 @@
-import t from"react";import e from"classnames";import{useMenu as o}from"./hooks/use-menu.js";import{ContentHeader as i}from"./components/content-header/index.js";import{MenuAvatar as n}from"./components/menu-avatar/index.js";import{MenuBackButton as r}from"./components/menu-back-button/index.js";import{MenuButtonsList as s}from"./components/menu-buttons-list/index.js";import{UserButton as m}from"./components/user-button/index.js";import"@alphakits/icons/dist/MoverS";import"../icon-button/component.js";import"tslib";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../avatar/component.js";import"@alphakits/icons";import"../image/component.js";import"../skeleton/component.js";import"../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";import"@alphakits/icons/dist/NextS";import"../divider/component.js";import"./components/menu-button/index.js";import"../select/component.js";import"../select/components/arrow/component.js";import"../select/components/base-select/component.js";import"downshift";import"resize-observer";import"../__internal/utils/getDataTestId.js";import"../popover/component.js";import"react-popper";import"react-transition-group";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"../select/utils.js";import"../select/components/native-select/component.js";import"../select/components/field/component.js";import"../form-control/component.js";import"../select/components/optgroup/component.js";import"../select/components/option/component.js";import"../select/components/checkmark/component.js";import"../select/components/options-list/component.js";import"@alphakits/icons/dist/ClockCircleM";import"../select/components/select-search/index.js";import"../hooks/useClickOutside/index.js";import"../utils/get-service-error/index.js";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"../toast-notifier/component.js";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";import"../input/component.js";import"react-virtual";import"intersection-observer";var p="index-module_layout_wrapper__1qu9m",c="index-module_left_menu__OxEtW",a="index-module_menu_static__3BAoW",l="index-module_hidden_menu_opened__2ygKE",u="index-module_content_header__2zi9x",d="index-module_content_wrapper__hZL3Q",j="index-module_content_offseted__8iegJ",h="index-module_calendar_view__3YA9w",_=function(_){var k,f,x=_.pathname,g=_.children,v=_.routes,b=_.showBackButton,w=_.userName,y=_.userImage,C=_.userDialogOptions,E=_.profileTitle,M=_.profileImage,N=_.Link,S=_.profileOnClick,L=_.navigate,O=_.t,T=o(),A=T.staticMenu,B=T.setStaticMenu,I=T.showMenu,P=T.ref,W=A||I,z="/"+x.split("/").slice(-1)[0],D=e(c,((k={})[a]=A,k[l]=I,k)),q=e(d,((f={})[j]=A,f[h]=x.startsWith("/app/calendar"),f));return t.createElement("div",{className:e(p)},t.createElement("div",{ref:P,className:D},t.createElement(n,{title:E,showTitle:W,image:M,onClick:S}),b&&t.createElement(r,{showTitle:W,onClick:function(){return L("/app/calendar")}}),t.createElement(s,{routes:v,showLabels:W,currentPath:z,Link:N,t:O})),t.createElement("div",{className:q},t.createElement("div",{className:u},t.createElement(i,{onClick:function(){return B(!A)},title:O("menu."+z)}),t.createElement(m,{photo:y,fullName:w,options:C})),g))};export{_ as Menu};
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import s from "classnames";
+import { useMenu as S } from "./hooks/use-menu.js";
+import { ContentHeader as j } from "./components/content-header/index.js";
+import { MenuAvatar as L } from "./components/menu-avatar/index.js";
+import { MenuBackButton as T } from "./components/menu-back-button/index.js";
+import { MenuButtonsList as W } from "./components/menu-buttons-list/index.js";
+import { UserButton as $ } from "./components/user-button/index.js";
+import t from "./index.module.css.js";
+const E = ({
+  pathname: i,
+  children: m,
+  routes: p,
+  showBackButton: u,
+  userName: d,
+  userImage: f,
+  userDialogOptions: h,
+  profileTitle: _,
+  profileImage: M,
+  Link: w,
+  profileOnClick: k,
+  navigate: v,
+  t: c
+}) => {
+  const {
+    staticMenu: n,
+    setStaticMenu: B,
+    showMenu: a,
+    ref: C
+  } = S(), r = n || a, l = `/${i.split("/").slice(-1)[0]}`, N = () => v("/app/calendar"), y = s(t.left_menu, {
+    [t.menu_static]: n,
+    [t.hidden_menu_opened]: a
+  }), x = s(t.content_wrapper, {
+    [t.content_offseted]: n,
+    [t.calendar_view]: i.startsWith("/app/calendar")
+  });
+  return /* @__PURE__ */ o("div", { className: s(t.layout_wrapper), children: [
+    /* @__PURE__ */ o("div", { ref: C, className: y, children: [
+      /* @__PURE__ */ e(
+        L,
+        {
+          title: _,
+          showTitle: r,
+          image: M,
+          onClick: k
+        }
+      ),
+      u && /* @__PURE__ */ e(T, { showTitle: r, onClick: N }),
+      /* @__PURE__ */ e(
+        W,
+        {
+          routes: p,
+          showLabels: r,
+          currentPath: l,
+          Link: w,
+          t: c
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: x, children: [
+      /* @__PURE__ */ o("div", { className: t.content_header, children: [
+        /* @__PURE__ */ e(
+          j,
+          {
+            onClick: () => B(!n),
+            title: c(`menu.${l}`)
+          }
+        ),
+        /* @__PURE__ */ e($, { photo: f, fullName: d, options: h })
+      ] }),
+      m
+    ] })
+  ] });
+};
+export {
+  E as Menu
+};
+//# sourceMappingURL=component.js.map

package/dist/menu/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/menu/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { TFunction } from '../modal';\nimport { OptionShape } from '../select';\n\nimport { useMenu } from './hooks/use-menu';\nimport {\n    ContentHeader,\n    MenuAvatar,\n    MenuBackButton,\n    MenuButtonsList,\n    UserButton,\n} from './components';\n\nimport styles from './index.module.css';\n\nexport type MenuElement = {\n    path: string;\n    element: React.ReactNode;\n    icon?: JSX.Element;\n    title?: string;\n};\n\nexport type MenuProps = {\n    pathname: string;\n    routes: MenuElement[];\n    showBackButton?: boolean;\n\n    userName: string;\n    userImage: string;\n    userDialogOptions: OptionShape[];\n\n    profileTitle: string;\n    profileImage: string;\n    Link: unknown;\n    profileOnClick?: () => void;\n\n    navigate: (path: string) => void;\n    t: TFunction;\n};\n\nexport const Menu: React.FC<MenuProps> = ({\n    pathname,\n    children,\n    routes,\n    showBackButton,\n    userName,\n    userImage,\n    userDialogOptions,\n    profileTitle,\n    profileImage,\n    Link,\n    profileOnClick,\n    navigate,\n    t,\n}) => {\n    const {\n        staticMenu, setStaticMenu, showMenu, ref,\n    } = useMenu();\n\n    const showLabels = staticMenu || showMenu;\n\n    const currentPath = `/${pathname.split('/').slice(-1)[0]}`;\n\n    const onBackClick = () => navigate('/app/calendar');\n\n    const menuStyles = cn(styles.left_menu, {\n        [styles.menu_static]: staticMenu,\n        [styles.hidden_menu_opened]: showMenu,\n    });\n\n    const contentWrapperStyles = cn(styles.content_wrapper, {\n        [styles.content_offseted]: staticMenu,\n        [styles.calendar_view]: pathname.startsWith('/app/calendar'),\n    });\n\n    return (\n        <div className={ cn(styles.layout_wrapper) }>\n            <div ref={ ref } className={ menuStyles }>\n                <MenuAvatar\n                    title={ profileTitle }\n                    showTitle={ showLabels }\n                    image={ profileImage }\n                    onClick={ profileOnClick }\n                />\n\n                { showBackButton && <MenuBackButton showTitle={ showLabels } onClick={ onBackClick } /> }\n\n                <MenuButtonsList\n                    routes={ routes }\n                    showLabels={ showLabels }\n                    currentPath={ currentPath }\n                    Link={ Link }\n                    t={ t }\n                />\n            </div>\n\n            <div className={ contentWrapperStyles }>\n                <div className={ styles.content_header }>\n                    <ContentHeader\n                        onClick={ () => setStaticMenu(!staticMenu) }\n                        title={ t(`menu.${currentPath}`) }\n                    />\n\n                    <UserButton photo={ userImage } fullName={ userName } options={ userDialogOptions } />\n                </div>\n\n                { children }\n            </div>\n        </div>\n    );\n};\n"],"names":["Menu","pathname","children","routes","showBackButton","userName","userImage","userDialogOptions","profileTitle","profileImage","Link","profileOnClick","navigate","t","staticMenu","setStaticMenu","showMenu","ref","useMenu","showLabels","currentPath","onBackClick","menuStyles","cn","styles","contentWrapperStyles","jsxs","jsx","MenuAvatar","MenuBackButton","MenuButtonsList","ContentHeader","UserButton"],"mappings":";;;;;;;;;AA0CO,MAAMA,IAA4B,CAAC;AAAA,EACtC,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAAC;AACJ,MAAM;AACF,QAAM;AAAA,IACF,YAAAC;AAAA,IAAY,eAAAC;AAAA,IAAe,UAAAC;AAAA,IAAU,KAAAC;AAAA,EAAA,IACrCC,EAAA,GAEEC,IAAaL,KAAcE,GAE3BI,IAAc,IAAInB,EAAS,MAAM,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,IAElDoB,IAAc,MAAMT,EAAS,eAAe,GAE5CU,IAAaC,EAAGC,EAAO,WAAW;AAAA,IACpC,CAACA,EAAO,WAAW,GAAGV;AAAA,IACtB,CAACU,EAAO,kBAAkB,GAAGR;AAAA,EAAA,CAChC,GAEKS,IAAuBF,EAAGC,EAAO,iBAAiB;AAAA,IACpD,CAACA,EAAO,gBAAgB,GAAGV;AAAA,IAC3B,CAACU,EAAO,aAAa,GAAGvB,EAAS,WAAW,eAAe;AAAA,EAAA,CAC9D;AAED,2BACK,OAAA,EAAI,WAAYsB,EAAGC,EAAO,cAAc,GACrC,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,KAAAT,GAAY,WAAYK,GACzB,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAQpB;AAAA,UACR,WAAYW;AAAA,UACZ,OAAQV;AAAA,UACR,SAAUE;AAAA,QAAA;AAAA,MAAA;AAAA,MAGZP,KAAkB,gBAAAuB,EAACE,GAAA,EAAe,WAAYV,GAAa,SAAUE,GAAc;AAAA,MAErF,gBAAAM;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,QAAA3B;AAAA,UACA,YAAAgB;AAAA,UACA,aAAAC;AAAA,UACA,MAAAV;AAAA,UACA,GAAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IAEA,gBAAAa,EAAC,OAAA,EAAI,WAAYD,GACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAYF,EAAO,gBACpB,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAAU,MAAMhB,EAAc,CAACD,CAAU;AAAA,YACzC,OAAQD,EAAE,QAAQO,CAAW,EAAE;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGlCY,GAAA,EAAW,OAAQ1B,GAAY,UAAWD,GAAW,SAAUE,EAAA,CAAoB;AAAA,MAAA,GACxF;AAAA,MAEEL;AAAA,IAAA,EAAA,CACN;AAAA,EAAA,GACJ;AAER;"}

package/dist/menu/components/content-header/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import React from 'react';
-type Props = {
+import { default as React } from 'react';
+declare type Props = {
     onClick: () => void;
     title: string;
 };
-declare const ContentHeader: React.FC<Props>;
-export { ContentHeader };
+export declare const ContentHeader: React.FC<Props>;
+export {};

package/dist/menu/components/content-header/index.js

@@ -1 +1,21 @@
-import o from"react";import t from"@alphakits/icons/dist/MoverS";import{IconButton as e}from"../../../icon-button/component.js";import{Typography as r}from"../../../typography/component.js";import"tslib";import"classnames";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";var i="index-module_open_button__kuNgh",m=function(m){var n=m.onClick,p=m.title;return o.createElement("div",null,o.createElement(e,{size:"m",icon:t,onClick:n,className:i}),o.createElement(r.Title,{color:"primary",tag:"div",view:"xsmall",weight:"regular"},p))};export{m as ContentHeader};
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import i from "@alphakits/icons/dist/MoverS";
+import { IconButton as m } from "../../../icon-button/component.js";
+import { Typography as n } from "../../../typography/component.js";
+import p from "./index.module.css.js";
+const f = ({ onClick: r, title: t }) => /* @__PURE__ */ e("div", { children: [
+  /* @__PURE__ */ o(
+    m,
+    {
+      size: "m",
+      icon: i,
+      onClick: r,
+      className: p.open_button
+    }
+  ),
+  /* @__PURE__ */ o(n.Title, { color: "primary", tag: "div", view: "xsmall", weight: "regular", children: t })
+] });
+export {
+  f as ContentHeader
+};
+//# sourceMappingURL=index.js.map

package/dist/menu/components/content-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/menu/components/content-header/index.tsx"],"sourcesContent":["import React from 'react';\nimport MoverS from '@alphakits/icons/dist/MoverS';\n\nimport { IconButton } from '../../../icon-button';\nimport { Typography } from '../../../typography';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    onClick: () => void;\n    title: string;\n};\n\nexport const ContentHeader: React.FC<Props> = ({ onClick, title }) => (\n    <div>\n        <IconButton\n            size=\"m\"\n            icon={ MoverS }\n            onClick={ onClick }\n            className={ styles.open_button }\n        />\n\n        <Typography.Title color=\"primary\" tag=\"div\" view=\"xsmall\" weight=\"regular\">\n            { title }\n        </Typography.Title>\n    </div>\n);\n"],"names":["ContentHeader","onClick","title","jsx","IconButton","MoverS","styles","Typography"],"mappings":";;;;;AAaO,MAAMA,IAAiC,CAAC,EAAE,SAAAC,GAAS,OAAAC,EAAA,wBACrD,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,MAAOC;AAAA,MACP,SAAAJ;AAAA,MACA,WAAYK,EAAO;AAAA,IAAA;AAAA,EAAA;AAAA,EAGvB,gBAAAH,EAACI,EAAW,OAAX,EAAiB,OAAM,WAAU,KAAI,OAAM,MAAK,UAAS,QAAO,WAC3D,UAAAL,EAAA,CACN;AAAA,EAAA,CACJ;"}

package/dist/menu/components/content-header/index.module.css

@@ -0,0 +1 @@
+.index-module_open_button__a4IKw{margin-right:12px!important}

package/dist/menu/components/content-header/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const t = "index-module_open_button__a4IKw", o = {
+  open_button: t
+};
+export {
+  o as default,
+  t as open_button
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/menu/components/content-header/index.module.css.js.map

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

package/dist/menu/components/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./content-header/index";
-export * from "./menu-avatar/index";
-export * from "./menu-back-button/index";
-export * from "./menu-buttons-list/index";
-export * from "./user-button/index";
+export * from './content-header';
+export * from './menu-avatar';
+export * from './menu-back-button';
+export * from './menu-buttons-list';
+export * from './user-button';

package/dist/menu/components/index.js

@@ -1 +1,13 @@
-export{ContentHeader}from"./content-header/index.js";export{MenuAvatar}from"./menu-avatar/index.js";export{MenuBackButton}from"./menu-back-button/index.js";export{MenuButtonsList}from"./menu-buttons-list/index.js";export{UserButton}from"./user-button/index.js";import"react";import"@alphakits/icons/dist/MoverS";import"../../icon-button/component.js";import"tslib";import"classnames";import"../../button/component.js";import"react-merge-refs";import"../../hooks/useFocus/index.js";import"../../loader/component.js";import"../../typography/component.js";import"../../typography/text/component.js";import"../../colors.module-347c19ce.js";import"../../typography/title/index.js";import"../../typography/title/component.js";import"../../avatar/component.js";import"@alphakits/icons";import"../../image/component.js";import"../../skeleton/component.js";import"../../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../../spinner/component.js";import"../../image/types.js";import"../../image/utils.js";import"@alphakits/icons/dist/NextS";import"../../divider/component.js";import"./menu-button/index.js";import"../../select/component.js";import"../../select/components/arrow/component.js";import"../../select/components/base-select/component.js";import"downshift";import"resize-observer";import"../../__internal/utils/getDataTestId.js";import"../../popover/component.js";import"react-popper";import"react-transition-group";import"../../portal/component.js";import"react-dom";import"../../portal/utils.js";import"../../stack/context.js";import"../../stack/component.js";import"../../select/utils.js";import"../../select/components/native-select/component.js";import"../../select/components/field/component.js";import"../../form-control/component.js";import"../../select/components/optgroup/component.js";import"../../select/components/option/component.js";import"../../select/components/checkmark/component.js";import"../../select/components/options-list/component.js";import"@alphakits/icons/dist/ClockCircleM";import"../../select/components/select-search/index.js";import"../../hooks/useClickOutside/index.js";import"../../utils/get-service-error/index.js";import"../../utils/get-service-error/is-axios-error.js";import"../../utils/get-service-error/is-network-error.js";import"../../toast-notifier/component.js";import"../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/CloseS";import"../../toast-notifier/use-timer.js";import"../../input/component.js";import"react-virtual";import"intersection-observer";
+import { ContentHeader as r } from "./content-header/index.js";
+import { MenuAvatar as n } from "./menu-avatar/index.js";
+import { MenuBackButton as f } from "./menu-back-button/index.js";
+import { MenuButtonsList as p } from "./menu-buttons-list/index.js";
+import { UserButton as a } from "./user-button/index.js";
+export {
+  r as ContentHeader,
+  n as MenuAvatar,
+  f as MenuBackButton,
+  p as MenuButtonsList,
+  a as UserButton
+};
+//# sourceMappingURL=index.js.map

package/dist/menu/components/index.js.map

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

package/dist/menu/components/menu-avatar/index.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import React from 'react';
-type Props = {
+import { default as React } from 'react';
+declare type Props = {
     showTitle: boolean;
     title: string;
     image: string;
     onClick?: () => void;
 };
-declare const MenuAvatar: React.FC<Props>;
-export { MenuAvatar };
+export declare const MenuAvatar: React.FC<Props>;
+export {};

package/dist/menu/components/menu-avatar/index.js

@@ -1 +1,31 @@
-import t from"react";import o from"classnames";import{Avatar as e}from"../../../avatar/component.js";import{Typography as i}from"../../../typography/component.js";import"@alphakits/icons";import"../../../button/component.js";import"tslib";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../image/component.js";import"../../../skeleton/component.js";import"../../../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../../../spinner/component.js";import"../../../image/types.js";import"../../../image/utils.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";var m="index-module_menu_header__3QeXC",r="index-module_text__3zNFW",p="index-module_hidden_text__2l2-G",n=function(n){var s,a=n.showTitle,c=n.title,l=n.image,d=n.onClick;return t.createElement("div",{className:m},t.createElement(e,{onClick:function(){d&&d()},src:l,text:c}),t.createElement(i.Text,{className:o(r,(s={},s[p]=!a,s)),view:"primary-medium",weight:"bold"},c))};export{n as MenuAvatar};
+import { jsxs as s, jsx as m } from "react/jsx-runtime";
+import n from "classnames";
+import { Avatar as c } from "../../../avatar/component.js";
+import { Typography as d } from "../../../typography/component.js";
+import r from "./index.module.css.js";
+const u = ({
+  showTitle: o,
+  title: e,
+  image: i,
+  onClick: t
+}) => {
+  const a = () => {
+    t && t();
+  };
+  return /* @__PURE__ */ s("div", { className: r.menu_header, children: [
+    /* @__PURE__ */ m(c, { onClick: a, src: i, text: e }),
+    /* @__PURE__ */ m(
+      d.Text,
+      {
+        className: n(r.text, { [r.hidden_text]: !o }),
+        view: "primary-medium",
+        weight: "bold",
+        children: e
+      }
+    )
+  ] });
+};
+export {
+  u as MenuAvatar
+};
+//# sourceMappingURL=index.js.map

package/dist/menu/components/menu-avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/menu/components/menu-avatar/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Avatar } from '../../../avatar';\nimport { Typography } from '../../../typography';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    showTitle: boolean;\n    title: string;\n    image: string;\n    onClick?: () => void;\n};\n\nexport const MenuAvatar: React.FC<Props> = ({\n    showTitle, title, image, onClick,\n}) => {\n    const handleClick = () => {\n        if (onClick) {\n            onClick();\n        }\n    };\n\n    return (\n        <div className={ styles.menu_header }>\n            <Avatar onClick={ handleClick } src={ image } text={ title } />\n\n            <Typography.Text\n                className={ cn(styles.text, { [styles.hidden_text]: !showTitle }) }\n                view=\"primary-medium\"\n                weight=\"bold\"\n            >\n                { title }\n            </Typography.Text>\n        </div>\n    );\n};\n"],"names":["MenuAvatar","showTitle","title","image","onClick","handleClick","jsxs","styles","jsx","Avatar","Typography","cn"],"mappings":";;;;;AAeO,MAAMA,IAA8B,CAAC;AAAA,EACxC,WAAAC;AAAA,EAAW,OAAAC;AAAA,EAAO,OAAAC;AAAA,EAAO,SAAAC;AAC7B,MAAM;AACF,QAAMC,IAAc,MAAM;AACtB,IAAID,KACAA,EAAA;AAAA,EAER;AAEA,SACI,gBAAAE,EAAC,OAAA,EAAI,WAAYC,EAAO,aACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAO,SAAUJ,GAAc,KAAMF,GAAQ,MAAOD,GAAQ;AAAA,IAE7D,gBAAAM;AAAA,MAACE,EAAW;AAAA,MAAX;AAAA,QACG,WAAYC,EAAGJ,EAAO,MAAM,EAAE,CAACA,EAAO,WAAW,GAAG,CAACN,GAAW;AAAA,QAChE,MAAK;AAAA,QACL,QAAO;AAAA,QAEL,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACJ;AAER;"}

package/dist/menu/components/menu-avatar/index.module.css

@@ -0,0 +1 @@
+.index-module_menu_header__CELkb{display:flex;align-items:center;margin:28px 28px 24px;position:relative;overflow:hidden}.index-module_text__RyE4x{margin-left:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:absolute;left:32px;transition:all .5s ease-in-out}.index-module_hidden_text__94pZC{opacity:0;white-space:nowrap;pointer-events:none;left:0;transition:all .5s ease-in-out;z-index:-100}

package/dist/menu/components/menu-avatar/index.module.css.js

@@ -0,0 +1,13 @@
+import './index.module.css';
+const e = "index-module_menu_header__CELkb", t = "index-module_text__RyE4x", d = "index-module_hidden_text__94pZC", _ = {
+  menu_header: e,
+  text: t,
+  hidden_text: d
+};
+export {
+  _ as default,
+  d as hidden_text,
+  e as menu_header,
+  t as text
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/menu/components/menu-avatar/index.module.css.js.map

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

package/dist/menu/components/menu-back-button/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import React from 'react';
-type Props = {
+import { default as React } from 'react';
+declare type Props = {
     showTitle: boolean;
     onClick: () => void;
 };
-declare const MenuBackButton: React.FC<Props>;
-export { MenuBackButton };
+export declare const MenuBackButton: React.FC<Props>;
+export {};

package/dist/menu/components/menu-back-button/index.js

@@ -1 +1,15 @@
-import e from"react";import t from"@alphakits/icons/dist/NextS";import{Divider as n}from"../../../divider/component.js";import"classnames";var a="index-module_back_btn_wrapper__2nvj-",r="index-module_back_btn__2lOeR",o=function(o){var l=o.showTitle,m=o.onClick;return e.createElement("div",{className:a},e.createElement("button",{onClick:m,type:"button",className:r},e.createElement("span",null,e.createElement(t,null)),l&&"Go back"),e.createElement(n,{size:"m"}))};export{o as MenuBackButton};
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import i from "@alphakits/icons/dist/NextS";
+import { Divider as m } from "../../../divider/component.js";
+import o from "./index.module.css.js";
+const b = ({ showTitle: e, onClick: s }) => /* @__PURE__ */ r("div", { className: o.back_btn_wrapper, children: [
+  /* @__PURE__ */ r("button", { onClick: s, type: "button", className: o.back_btn, children: [
+    /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(i, {}) }),
+    e && "Go back"
+  ] }),
+  /* @__PURE__ */ t(m, { size: "m" })
+] });
+export {
+  b as MenuBackButton
+};
+//# sourceMappingURL=index.js.map

package/dist/menu/components/menu-back-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/menu/components/menu-back-button/index.tsx"],"sourcesContent":["import React from 'react';\nimport NextS from '@alphakits/icons/dist/NextS';\n\nimport { Divider } from '../../../divider';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    showTitle: boolean;\n    onClick: () => void;\n};\n\nexport const MenuBackButton: React.FC<Props> = ({ showTitle, onClick }) => (\n    <div className={ styles.back_btn_wrapper }>\n        <button onClick={ onClick } type=\"button\" className={ styles.back_btn }>\n            <span>\n                <NextS />\n            </span>\n\n            { showTitle && 'Go back' }\n        </button>\n\n        <Divider size=\"m\" />\n    </div>\n);\n"],"names":["MenuBackButton","showTitle","onClick","jsxs","styles","jsx","NextS","Divider"],"mappings":";;;;AAYO,MAAMA,IAAkC,CAAC,EAAE,WAAAC,GAAW,SAAAC,QACzD,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,kBACpB,UAAA;AAAA,EAAA,gBAAAD,EAAC,YAAO,SAAAD,GAAoB,MAAK,UAAS,WAAYE,EAAO,UACzD,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,CAAA,CAAM,GACX;AAAA,IAEEL,KAAa;AAAA,EAAA,GACnB;AAAA,EAEA,gBAAAI,EAACE,GAAA,EAAQ,MAAK,IAAA,CAAI;AAAA,EAAA,CACtB;"}

package/dist/menu/components/menu-back-button/index.module.css

@@ -0,0 +1 @@
+.index-module_back_btn_wrapper__hkZkN{padding:0 16px 8px}.index-module_back_btn__Ak25Q{background:none;outline:none;border:none;padding:0;display:flex;height:40px;width:100%;align-items:center;cursor:pointer;white-space:nowrap;font-weight:500;font-size:14px;line-height:20px;color:var(--color-text-secondary);margin:0 16px 8px}.index-module_back_btn__Ak25Q span{width:24px;height:24px;min-width:24px;min-height:24px;background-color:var(--color-bg-secondary-inverted);border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center}.index-module_back_btn__Ak25Q span svg{color:var(--color-text-primary-inverted);transform:rotate(180deg)}

package/dist/menu/components/menu-back-button/index.module.css.js

@@ -0,0 +1,11 @@
+import './index.module.css';
+const _ = "index-module_back_btn_wrapper__hkZkN", b = "index-module_back_btn__Ak25Q", t = {
+  back_btn_wrapper: _,
+  back_btn: b
+};
+export {
+  b as back_btn,
+  _ as back_btn_wrapper,
+  t as default
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/menu/components/menu-back-button/index.module.css.js.map

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