@alphakits/ui 1.31.5 → 2.0.0

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import React from 'react';
+import { default as React } from 'react';
 interface MenuButtonProps {
     active: boolean;
     leftAddons?: React.ReactNode;
@@ -9,5 +8,5 @@ interface MenuButtonProps {
     Link: any;
     children?: React.ReactNode;
 }
-declare const MenuButton: React.FC<MenuButtonProps>;
-export { MenuButton };
+export declare const MenuButton: React.FC<MenuButtonProps>;
+export {};

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

@@ -1 +1,40 @@
-import e from"react";import t from"classnames";import{Typography as o}from"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"tslib";import"../../../typography/title/component.js";var i="index-module_menu_button__1xuE3",m="index-module_text__30Pa6",r="index-module_active__KI6J2",n="index-module_leftAddons__2fpYr",d="index-module_rightAddons__30vch",a="index-module_isHidden__3-Jyt",l=function(l){var s,c=l.href,p=l.children,_=l.active,u=l.leftAddons,x=l.rightAddons,h=l.showLabels,y=l.Link;return e.createElement(y,{className:t(i,(s={},s[r]=_,s[a]=!h,s)),to:c},u&&e.createElement("div",{className:n},u),e.createElement(o.Text,{view:"title",weight:"medium",color:"secondary",className:m},p),x&&e.createElement("div",{className:d},x))};export{l as MenuButton};
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import l from "classnames";
+import { Typography as d } from "../../../typography/component.js";
+import e from "./index.module.css.js";
+const f = ({
+  href: s,
+  children: m,
+  active: r,
+  leftAddons: o,
+  rightAddons: i,
+  showLabels: c,
+  Link: a
+}) => /* @__PURE__ */ n(
+  a,
+  {
+    className: l(e.menu_button, {
+      [e.active]: r,
+      [e.isHidden]: !c
+    }),
+    to: s,
+    children: [
+      o && /* @__PURE__ */ t("div", { className: e.leftAddons, children: o }),
+      /* @__PURE__ */ t(
+        d.Text,
+        {
+          view: "title",
+          weight: "medium",
+          color: "secondary",
+          className: e.text,
+          children: m
+        }
+      ),
+      i && /* @__PURE__ */ t("div", { className: e.rightAddons, children: i })
+    ]
+  }
+);
+export {
+  f as MenuButton
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/menu/components/menu-button/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\n\nimport styles from './index.module.css';\n\ninterface MenuButtonProps {\n    active: boolean;\n    leftAddons?: React.ReactNode;\n    rightAddons?: React.ReactNode;\n    href: string;\n    showLabels?: boolean;\n    Link: any;\n    children?: React.ReactNode;\n}\n\nexport const MenuButton: React.FC<MenuButtonProps> = ({\n    href,\n    children,\n    active,\n    leftAddons,\n    rightAddons,\n    showLabels,\n    Link,\n}) => (\n    <Link\n        className={ cn(styles.menu_button, {\n            [styles.active]: active,\n            [styles.isHidden]: !showLabels,\n        }) }\n        to={ href }\n    >\n        { leftAddons && (\n            <div className={ styles.leftAddons }>{ leftAddons }</div>\n        ) }\n\n        <Typography.Text\n            view=\"title\"\n            weight=\"medium\"\n            color=\"secondary\"\n            className={ styles.text }\n        >\n            { children }\n        </Typography.Text>\n\n        { rightAddons && <div className={ styles.rightAddons }>{ rightAddons }</div> }\n    </Link>\n);\n"],"names":["MenuButton","href","children","active","leftAddons","rightAddons","showLabels","Link","jsxs","cn","styles","jsx","Typography"],"mappings":";;;;AAiBO,MAAMA,IAAwC,CAAC;AAAA,EAClD,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AACJ,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,WAAYE,EAAGC,EAAO,aAAa;AAAA,MAC/B,CAACA,EAAO,MAAM,GAAGP;AAAA,MACjB,CAACO,EAAO,QAAQ,GAAG,CAACJ;AAAA,IAAA,CACvB;AAAA,IACD,IAAKL;AAAA,IAEH,UAAA;AAAA,MAAAG,KACE,gBAAAO,EAAC,OAAA,EAAI,WAAYD,EAAO,YAAe,UAAAN,GAAY;AAAA,MAGvD,gBAAAO;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,MAAK;AAAA,UACL,QAAO;AAAA,UACP,OAAM;AAAA,UACN,WAAYF,EAAO;AAAA,UAEjB,UAAAR;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJG,KAAe,gBAAAM,EAAC,OAAA,EAAI,WAAYD,EAAO,aAAgB,UAAAL,EAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAC1E;"}

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

@@ -0,0 +1 @@
+.index-module_menu_button__I-v-u{display:flex;align-items:center;background:none;outline:none;border:none;cursor:pointer;position:relative;text-decoration:none;height:28px;padding:6px 0 6px 16px;border-radius:4px;margin:0 16px 8px;z-index:10}.index-module_menu_button__I-v-u svg{color:var(--color-text-secondary)}.index-module_text__L8D-Q{white-space:nowrap;transition:opacity .3 ease-in-out}.index-module_menu_button__I-v-u:hover .index-module_text__L8D-Q{color:var(--color-text-accent)}.index-module_menu_button__I-v-u:hover svg{color:var(--color-text-accent)}.index-module_active__1v-Nx .index-module_text__L8D-Q{color:var(--color-text-accent)}.index-module_active__1v-Nx svg{color:var(--color-text-accent)}.index-module_leftAddons__eaiZB{margin-right:12px;display:flex}.index-module_rightAddons__RCmVm{margin-left:16px}.index-module_active__1v-Nx{background-color:var(--color-bg-primary)}.index-module_isHidden__MDpf0 .index-module_rightAddons__RCmVm{opacity:0;transition:opacity .3 ease-in-out;pointer-events:none}.index-module_isHidden__MDpf0 .index-module_text__L8D-Q{opacity:0;pointer-events:none}

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

@@ -0,0 +1,19 @@
+import './index.module.css';
+const d = "index-module_menu_button__I-v-u", e = "index-module_text__L8D-Q", t = "index-module_active__1v-Nx", n = "index-module_leftAddons__eaiZB", o = "index-module_rightAddons__RCmVm", _ = "index-module_isHidden__MDpf0", i = {
+  menu_button: d,
+  text: e,
+  active: t,
+  leftAddons: n,
+  rightAddons: o,
+  isHidden: _
+};
+export {
+  t as active,
+  i as default,
+  _ as isHidden,
+  n as leftAddons,
+  d as menu_button,
+  o as rightAddons,
+  e as text
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/menu/components/menu-buttons-list/index.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import React from 'react';
-import { MenuElement } from "../../index";
-import { TFunction } from "../../../modal/index";
-type Props = {
+import { default as React } from 'react';
+import { MenuElement } from '../..';
+import { TFunction } from '../../../modal';
+declare type Props = {
     routes: MenuElement[];
     showLabels?: boolean;
     currentPath: string;
     t: TFunction;
     Link: unknown;
 };
-declare const MenuButtonsList: React.FC<Props>;
-export { MenuButtonsList };
+export declare const MenuButtonsList: React.FC<Props>;
+export {};

package/dist/menu/components/menu-buttons-list/index.js

@@ -1 +1,29 @@
-import t from"react";import{MenuButton as e}from"../menu-button/index.js";import"classnames";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"tslib";import"../../../typography/title/component.js";var o="index-module_component__17Zyb",r=function(r){var n=r.routes,p=r.showLabels,i=r.currentPath,m=r.t,a=r.Link;return t.createElement("div",{className:o},!!n.length&&n.map((function(o){var r,n="/"+o.path.split("/").slice(-1)[0];return t.createElement(e,{showLabels:p,leftAddons:o.icon,active:n===i,key:o.path,href:o.path,Link:a},null!==(r=o.title)&&void 0!==r?r:m("menu."+n))})))};export{r as MenuButtonsList};
+import { jsx as o } from "react/jsx-runtime";
+import { MenuButton as a } from "../menu-button/index.js";
+import c from "./index.module.css.js";
+const f = ({
+  routes: e,
+  showLabels: s,
+  currentPath: l,
+  t: m,
+  Link: p
+}) => /* @__PURE__ */ o("div", { className: c.component, children: !!e.length && e.map((t) => {
+  var i;
+  const n = `/${t.path.split("/").slice(-1)[0]}`;
+  return /* @__PURE__ */ o(
+    a,
+    {
+      showLabels: s,
+      leftAddons: t.icon,
+      active: n === l,
+      href: t.path,
+      Link: p,
+      children: (i = t.title) != null ? i : m(`menu.${n}`)
+    },
+    t.path
+  );
+}) });
+export {
+  f as MenuButtonsList
+};
+//# sourceMappingURL=index.js.map

package/dist/menu/components/menu-buttons-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/menu/components/menu-buttons-list/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MenuElement } from '../..';\nimport { TFunction } from '../../../modal';\nimport { MenuButton } from '../menu-button';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    routes: MenuElement[];\n    showLabels?: boolean;\n    currentPath: string;\n    t: TFunction;\n    Link: unknown;\n};\n\nexport const MenuButtonsList: React.FC<Props> = ({\n    routes, showLabels, currentPath, t, Link,\n}) => (\n    <div className={ styles.component }>\n        { !!routes.length &&\n            routes.map((r) => {\n                const serializedPath = `/${r.path.split('/').slice(-1)[0]}`;\n\n                return (\n                    <MenuButton\n                        showLabels={ showLabels }\n                        leftAddons={ r.icon }\n                        active={ serializedPath === currentPath }\n                        key={ r.path }\n                        href={ r.path }\n                        Link={ Link }\n                    >\n                        { r.title ?? t(`menu.${serializedPath}`) }\n                    </MenuButton>\n                );\n            }) }\n    </div>\n);\n"],"names":["MenuButtonsList","routes","showLabels","currentPath","t","Link","jsx","styles","r","serializedPath","MenuButton","_a"],"mappings":";;;AAgBO,MAAMA,IAAmC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EAAQ,YAAAC;AAAA,EAAY,aAAAC;AAAA,EAAa,GAAAC;AAAA,EAAG,MAAAC;AACxC,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,WAClB,UAAA,CAAC,CAACN,EAAO,UACPA,EAAO,IAAI,CAACO,MAAM;;AACd,QAAMC,IAAiB,IAAID,EAAE,KAAK,MAAM,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AAEzD,SACI,gBAAAF;AAAA,IAACI;AAAA,IAAA;AAAA,MACG,YAAAR;AAAA,MACA,YAAaM,EAAE;AAAA,MACf,QAASC,MAAmBN;AAAA,MAE5B,MAAOK,EAAE;AAAA,MACT,MAAAH;AAAA,MAEE,WAAAM,IAAAH,EAAE,UAAF,OAAAG,IAAWP,EAAE,QAAQK,CAAc,EAAE;AAAA,IAAA;AAAA,IAJjCD,EAAE;AAAA,EAAA;AAOpB,CAAC,EAAA,CACT;"}

package/dist/menu/components/menu-buttons-list/index.module.css

@@ -0,0 +1 @@
+.index-module_component__HYQZU{overflow-y:hidden;overflow-x:hidden;display:flex;flex-direction:column;flex:1}.index-module_component__HYQZU:hover{overflow-y:auto}

package/dist/menu/components/menu-buttons-list/index.module.css.js

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

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

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

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import React from 'react';
-import { OptionShape } from "../../../select/index";
-type Props = {
+import { default as React } from 'react';
+import { OptionShape } from '../../../select';
+declare type Props = {
     options: OptionShape[];
     fullName: string;
     photo: string;
 };
-declare const UserButton: React.FC<Props>;
-export { UserButton };
+export declare const UserButton: React.FC<Props>;
+export {};

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

@@ -1 +1,38 @@
-import{__assign as o}from"tslib";import t from"react";import{Avatar as e}from"../../../avatar/component.js";import{Button as i}from"../../../button/component.js";import{Select as r}from"../../../select/component.js";import"classnames";import"../../../select/components/base-select/component.js";import"../../../form-control/component.js";import"../../../select/components/options-list/component.js";import"react-virtual";import"../../../utils/get-service-error/index.js";import"../../../toast-notifier/component.js";import"intersection-observer";import"@alphakits/icons";import"../../../image/component.js";import"../../../skeleton/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"../../../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"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../select/components/arrow/component.js";import"../../../select/components/field/component.js";import"../../../select/utils.js";import"../../../select/components/optgroup/component.js";import"../../../select/components/option/component.js";import"../../../select/components/checkmark/component.js";import"../../../select/components/select-search/index.js";import"../../../hooks/useClickOutside/index.js";import"../../../input/component.js";import"../../../utils/get-service-error/is-axios-error.js";import"../../../utils/get-service-error/is-network-error.js";import"react-dom";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../../toast-notifier/use-timer.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"../../../portal/utils.js";import"../../../stack/context.js";import"../../../stack/component.js";import"../../../select/components/native-select/component.js";var s="index-module_option_wrap__sahYD",p="index-module_field_avatar__2rJxH",n=t.memo((function(n){var m=n.options,c=n.fullName,a=n.photo;return t.createElement("div",{className:p},t.createElement(r,{options:m,optionsListWidth:"content",block:!1,popoverPosition:"bottom-end",selected:[],closeOnSelect:!0,optionClassName:s,Field:function(r){var s=r.innerProps;return t.createElement(i,o({},s,{view:"ghost"}),t.createElement(e,{onClick:m.length?function(){}:void 0,src:a,text:c}))}}))}));export{n as UserButton};
+import { jsx as o } from "react/jsx-runtime";
+import p from "react";
+import { Avatar as s } from "../../../avatar/component.js";
+import { Button as l } from "../../../button/component.js";
+import { Select as n } from "../../../select/component.js";
+import "classnames";
+import "../../../select/components/base-select/component.js";
+import "../../../form-control/component.js";
+import "../../../select/components/options-list/component.js";
+import "react-virtual";
+import "../../../toast-notifier/component.js";
+import "intersection-observer";
+import r from "./index.module.css.js";
+const C = p.memo(({ options: t, fullName: e, photo: i }) => /* @__PURE__ */ o("div", { className: r.field_avatar, children: /* @__PURE__ */ o(
+  n,
+  {
+    options: t,
+    optionsListWidth: "content",
+    block: !1,
+    popoverPosition: "bottom-end",
+    selected: [],
+    closeOnSelect: !0,
+    optionClassName: r.option_wrap,
+    Field: ({ innerProps: m }) => /* @__PURE__ */ o(l, { ...m, view: "ghost", children: /* @__PURE__ */ o(
+      s,
+      {
+        onClick: t.length ? () => {
+        } : void 0,
+        src: i,
+        text: e
+      }
+    ) })
+  }
+) }));
+export {
+  C as UserButton
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/menu/components/user-button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Avatar } from '../../../avatar';\nimport { Button, ButtonProps } from '../../../button';\nimport { OptionShape, Select } from '../../../select';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    options: OptionShape[];\n    fullName: string;\n    photo: string;\n};\n\nexport const UserButton: React.FC<Props> = React.memo(({ options, fullName, photo }) => (\n    <div className={ styles.field_avatar }>\n        <Select\n            options={ options }\n            optionsListWidth=\"content\"\n            block={ false }\n            popoverPosition=\"bottom-end\"\n            selected={ [] }\n            closeOnSelect={ true }\n            optionClassName={ styles.option_wrap }\n            Field={ ({ innerProps }) => (\n                <Button { ...(innerProps as ButtonProps) } view=\"ghost\">\n                    <Avatar\n                        onClick={ options.length ? () => {} : undefined }\n                        src={ photo }\n                        text={ fullName }\n                    />\n                </Button>\n            ) }\n        />\n    </div>\n));\n"],"names":["UserButton","React","options","fullName","photo","jsx","styles","Select","innerProps","Button","Avatar"],"mappings":";;;;;;;;;;;;;AAcO,MAAMA,IAA8BC,EAAM,KAAK,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,OAAAC,EAAA,MACxE,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,cACpB,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAAAL;AAAA,IACA,kBAAiB;AAAA,IACjB,OAAQ;AAAA,IACR,iBAAgB;AAAA,IAChB,UAAW,CAAA;AAAA,IACX,eAAgB;AAAA,IAChB,iBAAkBI,EAAO;AAAA,IACzB,OAAQ,CAAC,EAAE,YAAAE,EAAA,wBACNC,GAAA,EAAS,GAAID,GAA6B,MAAK,SAC5C,UAAA,gBAAAH;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,SAAUR,EAAQ,SAAS,MAAM;AAAA,QAAC,IAAI;AAAA,QACtC,KAAME;AAAA,QACN,MAAOD;AAAA,MAAA;AAAA,IAAA,EACX,CACJ;AAAA,EAAA;AAER,GACJ,CACH;"}

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

@@ -0,0 +1 @@
+.index-module_avatar__CLDOx{min-width:32px;min-height:32px}.index-module_option__MwDsW{height:36px;padding:0 12px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}.index-module_option__MwDsW>button>span{font-weight:500;text-align:left;font-size:12px;line-height:20px}.index-module_option_wrap__H32lk>span:first-child{display:none}.index-module_option_wrap__H32lk{padding-left:0;padding-right:0}.index-module_field_avatar__qjMv6{height:32px}

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

@@ -0,0 +1,11 @@
+import './index.module.css';
+const a = "index-module_option_wrap__H32lk", o = "index-module_field_avatar__qjMv6", t = {
+  option_wrap: a,
+  field_avatar: o
+};
+export {
+  t as default,
+  o as field_avatar,
+  a as option_wrap
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/menu/hooks/use-menu.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-declare const useMenu: () => {
-    ref: import("react").RefObject<HTMLDivElement>;
+export declare const useMenu: () => {
+    ref: import('react').RefObject<HTMLDivElement>;
     staticMenu: boolean;
     showMenu: boolean;
-    setStaticMenu: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setStaticMenu: import('react').Dispatch<import('react').SetStateAction<boolean>>;
 };
-export { useMenu };

package/dist/menu/hooks/use-menu.js

@@ -1 +1,26 @@
-import{useState as e,useRef as t,useCallback as r,useEffect as n}from"react";var u=function(){var u=e(!0),o=u[0],c=u[1],i=e(!1),a=i[0],m=i[1],s=t(),v=t(null),f=r((function(){o||m(!0)}),[o]),l=r((function(){s.current&&clearTimeout(s.current),s.current=setTimeout(f,600)}),[f]);return n((function(){var e=v.current;if(!o&&e)return e.addEventListener("mousemove",l),e.addEventListener("mouseleave",(function(){clearTimeout(s.current),m(!1)})),function(){e.removeEventListener("mousemove",l),clearTimeout(s.current)}}),[o,a,l]),{ref:v,staticMenu:o,showMenu:a,setStaticMenu:c}};export{u as useMenu};
+import { useState as m, useRef as i, useCallback as a, useEffect as l } from "react";
+const d = () => {
+  const [e, f] = m(!0), [n, s] = m(!1), t = i(), o = i(null), c = a(() => {
+    e || s(!0);
+  }, [e]), u = a(() => {
+    t.current && clearTimeout(t.current), t.current = setTimeout(c, 600);
+  }, [c]);
+  return l(() => {
+    const r = o.current;
+    if (!(e || !r))
+      return r.addEventListener("mousemove", u), r.addEventListener("mouseleave", () => {
+        clearTimeout(t.current), s(!1);
+      }), () => {
+        r.removeEventListener("mousemove", u), clearTimeout(t.current);
+      };
+  }, [e, n, u]), {
+    ref: o,
+    staticMenu: e,
+    showMenu: n,
+    setStaticMenu: f
+  };
+};
+export {
+  d as useMenu
+};
+//# sourceMappingURL=use-menu.js.map

package/dist/menu/hooks/use-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu.js","sources":["../../../src/menu/hooks/use-menu.ts"],"sourcesContent":["import {\n    useCallback, useEffect, useRef, useState,\n} from 'react';\n\nexport const useMenu = () => {\n    const [staticMenu, setStaticMenu] = useState(true);\n    const [showMenu, setShowMenu] = useState(false);\n\n    const timer = useRef<any>();\n    const ref = useRef<HTMLDivElement>(null);\n\n    const mouseStopped = useCallback(() => {\n        if (!staticMenu) {\n            setShowMenu(true);\n        }\n    }, [staticMenu]);\n\n    const timeout = useCallback(() => {\n        if (timer.current) {\n            clearTimeout(timer.current);\n        }\n        timer.current = setTimeout(mouseStopped, 600);\n    }, [mouseStopped]);\n\n    useEffect(() => {\n        const menuRef = ref.current;\n\n        if (staticMenu || !menuRef) return;\n\n        menuRef.addEventListener('mousemove', timeout);\n        menuRef.addEventListener('mouseleave', () => {\n            clearTimeout(timer.current);\n            setShowMenu(false);\n        });\n\n        // eslint-disable-next-line consistent-return\n        return () => {\n            menuRef.removeEventListener('mousemove', timeout);\n            clearTimeout(timer.current);\n        };\n    }, [staticMenu, showMenu, timeout]);\n\n    return {\n        ref,\n        staticMenu,\n        showMenu,\n        setStaticMenu,\n    };\n};\n"],"names":["useMenu","staticMenu","setStaticMenu","useState","showMenu","setShowMenu","timer","useRef","ref","mouseStopped","useCallback","timeout","useEffect","menuRef"],"mappings":";AAIO,MAAMA,IAAU,MAAM;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAI,GAC3C,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAAQC,EAAA,GACRC,IAAMD,EAAuB,IAAI,GAEjCE,IAAeC,EAAY,MAAM;AACnC,IAAKT,KACDI,EAAY,EAAI;AAAA,EAExB,GAAG,CAACJ,CAAU,CAAC,GAETU,IAAUD,EAAY,MAAM;AAC9B,IAAIJ,EAAM,WACN,aAAaA,EAAM,OAAO,GAE9BA,EAAM,UAAU,WAAWG,GAAc,GAAG;AAAA,EAChD,GAAG,CAACA,CAAY,CAAC;AAEjB,SAAAG,EAAU,MAAM;AACZ,UAAMC,IAAUL,EAAI;AAEpB,QAAI,EAAAP,KAAc,CAACY;AAEnB,aAAAA,EAAQ,iBAAiB,aAAaF,CAAO,GAC7CE,EAAQ,iBAAiB,cAAc,MAAM;AACzC,qBAAaP,EAAM,OAAO,GAC1BD,EAAY,EAAK;AAAA,MACrB,CAAC,GAGM,MAAM;AACT,QAAAQ,EAAQ,oBAAoB,aAAaF,CAAO,GAChD,aAAaL,EAAM,OAAO;AAAA,MAC9B;AAAA,EACJ,GAAG,CAACL,GAAYG,GAAUO,CAAO,CAAC,GAE3B;AAAA,IACH,KAAAH;AAAA,IACA,YAAAP;AAAA,IACA,UAAAG;AAAA,IACA,eAAAF;AAAA,EAAA;AAER;"}

package/dist/menu/index.d.ts

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

package/dist/menu/index.js

@@ -1 +1,5 @@
-export{Menu}from"./component.js";import"react";import"classnames";import"./hooks/use-menu.js";import"./components/content-header/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"./components/menu-avatar/index.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"./components/menu-back-button/index.js";import"@alphakits/icons/dist/NextS";import"../divider/component.js";import"./components/menu-buttons-list/index.js";import"./components/menu-button/index.js";import"./components/user-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 { Menu as r } from "./component.js";
+export {
+  r as Menu
+};
+//# sourceMappingURL=index.js.map

package/dist/menu/index.js.map

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

package/dist/menu/index.module.css

@@ -0,0 +1 @@
+.index-module_layout_wrapper__amEhE{width:100%;height:100%;position:relative}.index-module_left_menu__N5dgM{position:absolute;left:0;top:0;bottom:0;width:88px;background-color:var(--color-bg-secondary);transition:all .3s ease-in-out;z-index:10;overflow:hidden;display:flex;flex-direction:column}.index-module_menu_static__FNEjo{width:296px}.index-module_hidden_menu_opened__X0hFE{width:296px;background-color:var(--color-bg-secondary);box-shadow:var(--shadow-s-hard)}.index-module_content_header__WlsJj{padding:28px 32px 23px 44px;display:flex;align-items:center;justify-content:space-between}.index-module_content_header__WlsJj>div{display:flex;align-items:center}.index-module_header_buttons__rckN->*:not(:last-child){margin-right:16px}.index-module_header_buttons__rckN->*:last-child{margin-right:0}.index-module_content_wrapper__6MsO6{margin-left:88px;height:100%;transition:margin .3s ease-in-out;display:flex;flex-direction:column}.index-module_content_offseted__wo5Xl{margin-left:296px}.index-module_calendar_view__PeL0k{margin-right:296px}

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

@@ -0,0 +1,23 @@
+import './index.module.css';
+const e = "index-module_layout_wrapper__amEhE", n = "index-module_left_menu__N5dgM", _ = "index-module_menu_static__FNEjo", t = "index-module_hidden_menu_opened__X0hFE", o = "index-module_content_header__WlsJj", d = "index-module_content_wrapper__6MsO6", a = "index-module_content_offseted__wo5Xl", c = "index-module_calendar_view__PeL0k", l = {
+  layout_wrapper: e,
+  left_menu: n,
+  menu_static: _,
+  hidden_menu_opened: t,
+  content_header: o,
+  content_wrapper: d,
+  content_offseted: a,
+  calendar_view: c
+};
+export {
+  c as calendar_view,
+  o as content_header,
+  a as content_offseted,
+  d as content_wrapper,
+  l as default,
+  t as hidden_menu_opened,
+  e as layout_wrapper,
+  n as left_menu,
+  _ as menu_static
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/message/component.d.ts

@@ -1,16 +1,44 @@
-/// <reference types="react" />
-import React from 'react';
-type MessageProps = {
+import { default as React } from 'react';
+export declare type MessageProps = {
+    /**
+     * Кастомный класс
+     */
     className?: string;
+    /**
+     * Ответ на сообщение
+     */
     answer?: string;
+    /**
+     * title
+     */
     title: string;
+    /**
+     * date
+     */
     date?: string;
+    /**
+     * rightAddons - слот справа
+     */
     rightAddons?: React.ReactNode;
+    /**
+     * text
+     */
     text: string;
+    /**
+     * image - картинка для отображения в аватаре
+     */
     image: string;
+    /**
+      * image - картинка для отображения в аватаре
+      */
     withImage: boolean;
+    /**
+     * Id компонента для тестов
+     */
     dataTestId?: string;
+    /**
+      * Добавленные изображния
+      */
     photos?: string[];
 };
-declare const Message: React.FC<MessageProps>;
-export { MessageProps, Message };
+export declare const Message: React.FC<MessageProps>;

package/dist/message/component.js

@@ -1 +1,63 @@
-import e,{useState as t}from"react";import{Button as o}from"../button/component.js";import{Flex as i}from"../flex/component.js";import{Image as r}from"../image/component.js";import{ImageGallery as m}from"../image-gallery/component.js";import{Padding as n}from"../padding/component.js";import{Typography as a}from"../typography/component.js";import"tslib";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/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";import"react-images-viewer";var s="index-module_topRow__1RF92",l="index-module_answer__xuRvB",p="index-module_leftSide__3QkAD",c="index-module_title__hNfHl",d="index-module_rightAddons__2qp_t",u="index-module_text__bFMhQ",g=function(g){var h=g.className,x=g.dataTestId,f=g.title,_=g.date,j=g.rightAddons,v=g.answer,y=g.text,w=g.image,E=g.photos,N=void 0===E?[]:E,k=g.withImage,b=void 0===k||k,T=t(!1),F=T[0],A=T[1],R=t(0),S=R[0],z=R[1];return e.createElement("div",{"data-test-id":x,className:h},e.createElement("div",{className:s},e.createElement("div",{className:p},b&&e.createElement(r,{src:w,size:"s",text:f,view:"circle"}),e.createElement(a.Text,{color:"primary",className:c,view:"title",weight:"bold"},f),_&&e.createElement(a.Text,{view:"title",color:"secondary",weight:"regular"},_)),j&&e.createElement("div",{className:d},j)),e.createElement("div",{className:u},e.createElement(a.Text,{view:"primary-medium",color:"primary",weight:"medium"},y),!!v&&e.createElement(a.Text,{className:l,view:"primary-small",color:"secondary",weight:"medium"},v),!!N.length&&e.createElement(e.Fragment,null,e.createElement(n,{padding:"8px 0"}),e.createElement(i,{justify:"start",gap:"md"},N.map((function(t,i){return e.createElement(o,{view:"ghost",onClick:function(){z(i),A(!0)}},e.createElement(r,{src:t,size:"xl",view:"default"}))}))),e.createElement(m,{photos:N.map((function(e){return{src:e}})),initialSlide:S||0,open:F,onClose:function(){return A(!1)}}))))};export{g as Message};
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import S, { useState as n } from "react";
+import { Button as T } from "../button/component.js";
+import { Flex as j } from "../flex/component.js";
+import { Image as p } from "../image/component.js";
+import { ImageGallery as I } from "../image-gallery/component.js";
+import { Padding as z } from "../padding/component.js";
+import { Typography as t } from "../typography/component.js";
+import i from "./index.module.css.js";
+const P = ({
+  className: h,
+  dataTestId: g,
+  title: m,
+  date: o,
+  rightAddons: s,
+  answer: d,
+  text: f,
+  image: y,
+  photos: l = [],
+  withImage: v = !0
+}) => {
+  const [w, c] = n(!1), [x, u] = n(0);
+  return /* @__PURE__ */ r("div", { "data-test-id": g, className: h, children: [
+    /* @__PURE__ */ r("div", { className: i.topRow, children: [
+      /* @__PURE__ */ r("div", { className: i.leftSide, children: [
+        v && /* @__PURE__ */ e(p, { src: y, size: "s", text: m, view: "circle" }),
+        /* @__PURE__ */ e(t.Text, { color: "primary", className: i.title, view: "title", weight: "bold", children: m }),
+        o && /* @__PURE__ */ e(t.Text, { view: "title", color: "secondary", weight: "regular", children: o })
+      ] }),
+      s && /* @__PURE__ */ e("div", { className: i.rightAddons, children: s })
+    ] }),
+    /* @__PURE__ */ r("div", { className: i.text, children: [
+      /* @__PURE__ */ e(t.Text, { view: "primary-medium", color: "primary", weight: "medium", children: f }),
+      !!d && /* @__PURE__ */ e(t.Text, { className: i.answer, view: "primary-small", color: "secondary", weight: "medium", children: d }),
+      !!l.length && /* @__PURE__ */ r(S.Fragment, { children: [
+        /* @__PURE__ */ e(z, { padding: "8px 0" }),
+        /* @__PURE__ */ e(j, { justify: "start", gap: "md", children: l.map((a, N) => /* @__PURE__ */ e(
+          T,
+          {
+            view: "ghost",
+            onClick: () => {
+              u(N), c(!0);
+            },
+            children: /* @__PURE__ */ e(p, { src: a, size: "xl", view: "default" })
+          }
+        )) }),
+        /* @__PURE__ */ e(
+          I,
+          {
+            photos: l.map((a) => ({ src: a })),
+            initialSlide: x || 0,
+            open: w,
+            onClose: () => c(!1)
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  P as Message
+};
+//# sourceMappingURL=component.js.map

package/dist/message/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/message/component.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../button';\nimport { Flex } from '../flex';\nimport { Image } from '../image';\nimport { ImageGallery } from '../image-gallery';\nimport { Padding } from '../padding';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport type MessageProps = {\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n    /**\n     * Ответ на сообщение\n     */\n    answer?: string;\n\n    /**\n     * title\n     */\n    title: string;\n\n    /**\n     * date\n     */\n    date?: string;\n\n    /**\n     * rightAddons - слот справа\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * text\n     */\n    text: string;\n\n    /**\n     * image - картинка для отображения в аватаре\n     */\n    image: string;\n\n    /**\n      * image - картинка для отображения в аватаре\n      */\n    withImage: boolean;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n    /**\n      * Добавленные изображния\n      */\n    photos?: string[];\n};\n\nexport const Message: React.FC<MessageProps> = ({\n    className,\n    dataTestId,\n    title,\n    date,\n    rightAddons,\n    answer,\n    text,\n    image,\n    photos = [],\n    withImage = true,\n}) => {\n    const [galleryOpen, setGalleryOpen] = useState(false);\n    const [initialSlide, setInitialSlide] = useState(0);\n\n    return (\n        <div data-test-id={ dataTestId } className={ className }>\n            <div className={ styles.topRow }>\n                <div className={ styles.leftSide }>\n                    { withImage &&\n                   (\n                       <Image src={ image } size=\"s\" text={ title } view=\"circle\" />\n                   ) }\n\n                    <Typography.Text color=\"primary\" className={ styles.title } view=\"title\" weight=\"bold\">\n                        { title }\n                    </Typography.Text>\n\n                    { date && (\n                        <Typography.Text view=\"title\" color=\"secondary\" weight=\"regular\">\n                            { date }\n                        </Typography.Text>\n                    ) }\n                </div>\n                { rightAddons && <div className={ styles.rightAddons }>{ rightAddons }</div> }\n            </div>\n            <div className={ styles.text }>\n                <Typography.Text view=\"primary-medium\" color=\"primary\" weight=\"medium\">\n                    { text }\n                </Typography.Text>\n\n                { !!answer && (\n                    <Typography.Text className={ styles.answer } view=\"primary-small\" color=\"secondary\" weight=\"medium\">\n                        { answer }\n                    </Typography.Text>\n                ) }\n\n                { !!photos.length && (\n                    <React.Fragment>\n                        <Padding padding=\"8px 0\" />\n\n                        <Flex justify=\"start\" gap=\"md\">\n                            { photos.map((photo, index) => (\n                                <Button\n                                    view=\"ghost\"\n                                    onClick={ () => {\n                                        setInitialSlide(index);\n                                        setGalleryOpen(true);\n                                    } }\n                                >\n                                    <Image src={ photo } size=\"xl\" view=\"default\" />\n                                </Button>\n                            )) }\n                        </Flex>\n\n                        <ImageGallery\n                            photos={ photos.map((src) => ({ src })) }\n                            initialSlide={ initialSlide || 0 }\n                            open={ galleryOpen }\n                            onClose={ () => setGalleryOpen(false) }\n                        />\n\n                    </React.Fragment>\n                ) }\n\n            </div>\n\n        </div>\n    );\n};\n"],"names":["Message","className","dataTestId","title","date","rightAddons","answer","text","image","photos","withImage","galleryOpen","setGalleryOpen","useState","initialSlide","setInitialSlide","jsxs","styles","jsx","Image","Typography","React","Padding","Flex","photo","index","Button","ImageGallery","src"],"mappings":";;;;;;;;;AA6DO,MAAMA,IAAkC,CAAC;AAAA,EAC5C,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AAAA,EACT,WAAAC,IAAY;AAChB,MAAM;AACF,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAAS,CAAC;AAElD,SACI,gBAAAG,EAAC,OAAA,EAAI,gBAAed,GAAa,WAAAD,GAC7B,UAAA;AAAA,IAAA,gBAAAe,EAAC,OAAA,EAAI,WAAYC,EAAO,QACpB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAYC,EAAO,UAClB,UAAA;AAAA,QAAAP,KAEC,gBAAAQ,EAACC,KAAM,KAAMX,GAAQ,MAAK,KAAI,MAAOL,GAAQ,MAAK,SAAA,CAAS;AAAA,QAG9D,gBAAAe,EAACE,EAAW,MAAX,EAAgB,OAAM,WAAU,WAAYH,EAAO,OAAQ,MAAK,SAAQ,QAAO,QAC1E,UAAAd,GACN;AAAA,QAEEC,KACE,gBAAAc,EAACE,EAAW,MAAX,EAAgB,MAAK,SAAQ,OAAM,aAAY,QAAO,WACjD,UAAAhB,EAAA,CACN;AAAA,MAAA,GAER;AAAA,MACEC,KAAe,gBAAAa,EAAC,OAAA,EAAI,WAAYD,EAAO,aAAgB,UAAAZ,EAAA,CAAa;AAAA,IAAA,GAC1E;AAAA,IACA,gBAAAW,EAAC,OAAA,EAAI,WAAYC,EAAO,MACpB,UAAA;AAAA,MAAA,gBAAAC,EAACE,EAAW,MAAX,EAAgB,MAAK,kBAAiB,OAAM,WAAU,QAAO,UACxD,UAAAb,EAAA,CACN;AAAA,MAEE,CAAC,CAACD,KACA,gBAAAY,EAACE,EAAW,MAAX,EAAgB,WAAYH,EAAO,QAAS,MAAK,iBAAgB,OAAM,aAAY,QAAO,UACrF,UAAAX,GACN;AAAA,MAGF,CAAC,CAACG,EAAO,UACP,gBAAAO,EAACK,EAAM,UAAN,EACG,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAQ,SAAQ,QAAA,CAAQ;AAAA,QAEzB,gBAAAJ,EAACK,GAAA,EAAK,SAAQ,SAAQ,KAAI,MACpB,UAAAd,EAAO,IAAI,CAACe,GAAOC,MACjB,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAU,MAAM;AACZ,cAAAX,EAAgBU,CAAK,GACrBb,EAAe,EAAI;AAAA,YACvB;AAAA,YAEA,4BAACO,GAAA,EAAM,KAAMK,GAAQ,MAAK,MAAK,MAAK,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA,CAErD,GACL;AAAA,QAEA,gBAAAN;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,QAASlB,EAAO,IAAI,CAACmB,OAAS,EAAE,KAAAA,IAAM;AAAA,YACtC,cAAed,KAAgB;AAAA,YAC/B,MAAOH;AAAA,YACP,SAAU,MAAMC,EAAe,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACxC,EAAA,CAEJ;AAAA,IAAA,EAAA,CAGR;AAAA,EAAA,GAEJ;AAER;"}

package/dist/message/index.d.ts

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

package/dist/message/index.js

@@ -1 +1,5 @@
-export{Message}from"./component.js";import"react";import"../button/component.js";import"tslib";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../flex/component.js";import"../image/component.js";import"../skeleton/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"../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"../image-gallery/component.js";import"react-images-viewer";import"../padding/component.js";
+import { Message as r } from "./component.js";
+export {
+  r as Message
+};
+//# sourceMappingURL=index.js.map

package/dist/message/index.js.map

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

package/dist/message/index.module.css

@@ -0,0 +1 @@
+.index-module_topRow__IFW6P{display:flex;align-items:center;justify-content:space-between;max-width:100%;width:100%}.index-module_answer__tTLUV{border-left:2px solid var(--color-border-secondary);padding-left:16px;display:block;padding-top:4px}.index-module_leftSide__vZvXK{display:flex;align-items:center;max-width:80%}.index-module_leftSide__vZvXK>span{white-space:nowrap}.index-module_leftSide__vZvXK>*{margin-right:var(--gap-m)}:is(.index-module_leftSide__vZvXK>*):last-child{margin-right:0}.index-module_title__9s63W{overflow:hidden;text-overflow:ellipsis}.index-module_rightAddons__fhvSp{display:flex;align-items:center}.index-module_rightAddons__fhvSp>*{margin-left:var(--gap-xs)}:is(.index-module_rightAddons__fhvSp>*):first-child{margin-left:var(--gap-xl)}.index-module_text__U4-9Q{padding-left:48px}

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

@@ -0,0 +1,19 @@
+import './index.module.css';
+const t = "index-module_topRow__IFW6P", e = "index-module_answer__tTLUV", o = "index-module_leftSide__vZvXK", d = "index-module_title__9s63W", n = "index-module_rightAddons__fhvSp", _ = "index-module_text__U4-9Q", s = {
+  topRow: t,
+  answer: e,
+  leftSide: o,
+  title: d,
+  rightAddons: n,
+  text: _
+};
+export {
+  e as answer,
+  s as default,
+  o as leftSide,
+  n as rightAddons,
+  _ as text,
+  d as title,
+  t as topRow
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/modal/components/modals/index.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-import React from 'react';
-import { ContextProps } from "../../types";
-type ModalsProps = ContextProps & {
+import { default as React } from 'react';
+import { ContextProps } from '../../types';
+export declare type ModalsProps = ContextProps & {
     dirtyModals: Record<string, boolean>;
     closeModal: (id: string) => void;
 };
-declare const Modals: React.FC<ModalsProps>;
-export { ModalsProps, Modals };
+export declare const Modals: React.FC<ModalsProps>;

package/dist/modal/components/modals/index.js

@@ -1 +1,24 @@
-import o from"react";import{Modal as r}from"./modal.js";import"tslib";import"classnames";import"../../../button-arrow/component.js";import"@alphakits/icons";var t=function(t){var a=t.modals,e=t.dirtyModals,l=t.closeModal,n=t.currentModalId;return o.createElement(o.Fragment,null,a.map((function(t,a){return o.createElement(r,{key:t.id,t:t.props.t,index:a,modal:t,dirtyModals:e,closeModal:l,currentModalId:n})})))};export{t as Modals};
+import { jsx as o } from "react/jsx-runtime";
+import n from "react";
+import { Modal as s } from "./modal.js";
+const f = ({
+  modals: t,
+  dirtyModals: p,
+  closeModal: i,
+  currentModalId: m
+}) => /* @__PURE__ */ o(n.Fragment, { children: t.map((r, e) => /* @__PURE__ */ o(
+  s,
+  {
+    t: r.props.t,
+    index: e,
+    modal: r,
+    dirtyModals: p,
+    closeModal: i,
+    currentModalId: m
+  },
+  r.id
+)) });
+export {
+  f as Modals
+};
+//# sourceMappingURL=index.js.map

package/dist/modal/components/modals/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/modal/components/modals/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ContextProps } from '../../types';\n\nimport { Modal } from './modal';\n\nexport type ModalsProps = ContextProps & {\n    dirtyModals: Record<string, boolean>;\n    closeModal: (id: string) => void;\n};\n\nexport const Modals: React.FC<ModalsProps> = ({\n    modals, dirtyModals, closeModal, currentModalId,\n}) => (\n    <React.Fragment>\n        { modals.map((modal, i) => (\n            <Modal\n                key={ modal.id }\n                t={ modal.props.t }\n                index={ i }\n                modal={ modal }\n                dirtyModals={ dirtyModals }\n                closeModal={ closeModal }\n                currentModalId={ currentModalId }\n            />\n        )) }\n    </React.Fragment>\n);\n"],"names":["Modals","modals","dirtyModals","closeModal","currentModalId","jsx","React","modal","i","Modal"],"mappings":";;;AAWO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,QAAAC;AAAA,EAAQ,aAAAC;AAAA,EAAa,YAAAC;AAAA,EAAY,gBAAAC;AACrC,MACI,gBAAAC,EAACC,EAAM,UAAN,EACK,YAAO,IAAI,CAACC,GAAOC,MACjB,gBAAAH;AAAA,EAACI;AAAA,EAAA;AAAA,IAEG,GAAIF,EAAM,MAAM;AAAA,IAChB,OAAQC;AAAA,IACR,OAAAD;AAAA,IACA,aAAAL;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAAA,EANMG,EAAM;AAOhB,CACH,EAAA,CACL;"}

package/dist/modal/components/modals/index.module.css

@@ -0,0 +1 @@
+.index-module_container__WE0Kf{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.index-module_content__p1kcf{background:var(--color-bg-primary);box-shadow:0 0 10px #0003}@media print{.index-module_content__p1kcf{width:100%!important}}.index-module_button__js2WJ{position:absolute!important;top:36px;right:32px;z-index:999}.index-module_button__js2WJ.index-module_doubleModal__1ZTtQ{right:384px}.index-module_inner__Zsdb4{height:100%;box-sizing:border-box;overflow:auto}.index-module_right__e065r{position:fixed;top:0;right:0;bottom:0;transition:width .2s,opacity .2s,right .2s;transition-delay:width .1s;transition-timing-function:ease-in}.index-module_bg__8ZfP-{transition:opacity .2s;background:#00000080;position:fixed;display:block;border:0;inset:0}@media screen and (max-width:823px){.index-module_right__e065r,.index-module_center__nguyp{max-width:100%!important;inset:0!important}.index-module_content__p1kcf{width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;margin:0!important;border-radius:0!important}.index-module_button__js2WJ{top:24px!important;right:16px!important}}