mimir-ui-kit 1.36.10 → 1.36.12

package/dist/assets/styles.css

@@ -1 +1 @@
-._input_yyf2c_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_yyf2c_6{flex:1}._date-wrapper_yyf2c_10{position:relative;width:100%}._date-wrapper_yyf2c_10 ._inputBorderControl_yyf2c_14{border:transparent}._date-wrapper_yyf2c_10:hover ._input-wrapper_yyf2c_6{background-color:var(--input-bg-color-hover)}._date-wrapper_yyf2c_10:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_yyf2c_10._editable_yyf2c_27:before{display:none}._date-wrapper_yyf2c_10 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_yyf2c_10:before{cursor:auto}[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6{background:var(--black-20)}[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6 label,[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6 input{color:var(--white)}[data-disabled=true] ._button-wrapper_yyf2c_44 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_yyf2c_50{position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_yyf2c_50._active_yyf2c_56{border-bottom:1px solid var(--citrine-100)}._button-wrapper_yyf2c_44{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_yyf2c_44{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_yyf2c_78 ._h_yyf2c_100{display:flex;width:100%;color:var(--black-100)}._calendar-block_yyf2c_78 ._b_yyf2c_44{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_yyf2c_78 ._d_yyf2c_10{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_yyf2c_78 ._m_yyf2c_122,._calendar-block_yyf2c_78 ._a_yyf2c_56,._calendar-block_yyf2c_78 ._prev_yyf2c_124{width:auto;height:48px;overflow:hidden}._calendar-block_yyf2c_78 ._m_yyf2c_122{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_yyf2c_78 ._orange_yyf2c_138{color:var(--citrine-100)}._calendar-block_yyf2c_78 ._a_yyf2c_56{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78 ._a_yyf2c_56:hover{background:var(--black-10)}._calendar-block_yyf2c_78 ._a_yyf2c_56:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_yyf2c_78 ._current_yyf2c_155{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78 ._monthGrid_yyf2c_160{display:grid;grid-template-columns:repeat(3,1fr)}
+._input_hmkm7_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_hmkm7_6{flex:1}._date-wrapper_hmkm7_10{position:relative;width:100%}._date-wrapper_hmkm7_10 ._inputBorderControl_hmkm7_14{border:transparent}._date-wrapper_hmkm7_10:hover ._input-wrapper_hmkm7_6{background-color:var(--input-bg-color-hover)}._date-wrapper_hmkm7_10:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_hmkm7_10._editable_hmkm7_27:before{display:none}._date-wrapper_hmkm7_10 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_hmkm7_10:before{cursor:auto}[data-disabled=true] ._date-wrapper_hmkm7_10 ._input-wrapper_hmkm7_6{background:var(--black-20)}[data-disabled=true] ._date-wrapper_hmkm7_10 ._input-wrapper_hmkm7_6 label,[data-disabled=true] ._date-wrapper_hmkm7_10 ._input-wrapper_hmkm7_6 input{color:var(--white)}[data-disabled=true] ._button-wrapper_hmkm7_44 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_hmkm7_50{position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_hmkm7_50._active_hmkm7_56{border-bottom:1px solid var(--citrine-100)}._button-wrapper_hmkm7_44{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_hmkm7_44{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_hmkm7_78{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_hmkm7_78 ._h_hmkm7_100{display:flex;width:100%;color:var(--black-100)}._calendar-block_hmkm7_78 ._b_hmkm7_44{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_hmkm7_78 ._d_hmkm7_10{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_hmkm7_78 ._m_hmkm7_122,._calendar-block_hmkm7_78 ._a_hmkm7_56,._calendar-block_hmkm7_78 ._prev_hmkm7_124{width:auto;height:48px;overflow:hidden}._calendar-block_hmkm7_78 ._m_hmkm7_122{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_hmkm7_78 ._orange_hmkm7_138{color:var(--citrine-100)}._calendar-block_hmkm7_78 ._a_hmkm7_56{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_hmkm7_78 ._a_hmkm7_56:hover{background:var(--black-10)}._calendar-block_hmkm7_78 ._a_hmkm7_56:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_hmkm7_78 ._current_hmkm7_155{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_hmkm7_78 ._monthGrid_hmkm7_160{display:grid;grid-template-columns:repeat(3,1fr)}._icon-button_hmkm7_165{display:flex}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -41,6 +41,10 @@ export type TProps = {
      * Флаг разрешения ручного ввода даты
      */
     editable?: boolean;
+    /**
+     * Флаг открытия модального окна календаря при вводе
+     */
+    openOnInput?: boolean;
 } & TInputProps;
 export type TDatePickerValue = {
     value?: string;
@@ -91,4 +95,8 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      * Флаг разрешения ручного ввода даты
      */
     editable?: boolean;
+    /**
+     * Флаг открытия модального окна календаря при вводе
+     */
+    openOnInput?: boolean;
 } & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -1,132 +1,149 @@
-import { jsxs as Q, jsx as g } from "react/jsx-runtime";
+import { jsxs as B, jsx as r } from "react/jsx-runtime";
 import { c as v } from "../../index-DIxK0V-G.js";
-import { memo as W, forwardRef as Z, useState as y, useEffect as w } from "react";
-import { MAX_DAY as E, MAX_MONTH as B, DATE_LENGTH as V } from "./constants.js";
-import { DatePickerModal as tt } from "./DatePickerModal.js";
-import { MonthPickerModal as st } from "./MonthPickerModal.js";
-import { c as a } from "../../styles.module-Chnn6DA-.js";
-import { formatDatePart as Y } from "./utils.js";
-import { YearPickerModal as et } from "./YearPickerModal.js";
-import { useClickOutside as it } from "../../hooks/useClickOutside/useClickOutside.js";
-import { formating as d } from "../../utils/index.js";
-import { I as at } from "../../Input-CbgqYgLo.js";
-import { EInputStatus as rt } from "../Input/constants.js";
-const mt = {
-  days: tt,
-  months: st,
-  years: et
-}, ot = W(
-  Z(
+import { memo as V, forwardRef as tt, useState as y, useEffect as I } from "react";
+import { MAX_DAY as st, MAX_MONTH as et, DATE_LENGTH as ot } from "./constants.js";
+import { DatePickerModal as it } from "./DatePickerModal.js";
+import { MonthPickerModal as at } from "./MonthPickerModal.js";
+import { c as o } from "../../styles.module-B3xL6-zc.js";
+import { formatDatePart as $ } from "./utils.js";
+import { YearPickerModal as rt } from "./YearPickerModal.js";
+import { useClickOutside as ct } from "../../hooks/useClickOutside/useClickOutside.js";
+import { Icon as H } from "../../icons/Icon.js";
+import { formating as f } from "../../utils/index.js";
+import { I as mt } from "../../Input-CbgqYgLo.js";
+import { EInputStatus as pt, EInputSize as L } from "../Input/constants.js";
+const dt = {
+  days: it,
+  months: at,
+  years: rt
+}, nt = V(
+  tt(
     ({
-      size: $,
+      size: T,
       value: s,
       onChangeValue: e,
-      name: r,
-      before: N,
+      name: c,
+      before: P,
       type: m = "days",
-      error: T,
-      onError: o,
-      onBlur: c,
-      validateImmediately: x,
-      variant: H,
-      disabled: S = !1,
-      editable: _ = !1,
-      ...L
-    }, R) => {
-      const [n, f] = y(!1), [A, p] = y(m), [i, D] = y(
+      error: M,
+      onError: p,
+      onBlur: d,
+      validateImmediately: _,
+      variant: R,
+      disabled: u = !1,
+      editable: l = !1,
+      openOnInput: b = !0,
+      ...U
+    }, X) => {
+      const [w, a] = y(!1), [g, n] = y(m), [i, D] = y(
         () => s && !isNaN(new Date(s).getTime()) ? new Date(s) : void 0
-      ), [k, M] = y(T), [X, P] = y("");
-      w(() => {
-        M(T);
-      }, [T]), w(() => {
+      ), [x, S] = y(M), [F, h] = y("");
+      I(() => {
+        S(M);
+      }, [M]), I(() => {
         D(
           s && !isNaN(new Date(s).getTime()) ? new Date(s) : void 0
         );
-      }, [s]), w(() => {
-        i && typeof i != "string" && !isNaN(i == null ? void 0 : i.getTime()) ? P(d.Date(i, "dd/mm/yyyy")) : P("");
+      }, [s]), I(() => {
+        i && typeof i != "string" && !isNaN(i == null ? void 0 : i.getTime()) ? h(f.Date(i, "dd/mm/yyyy")) : h("");
       }, [i]);
-      const b = s && new Date(s).getTime;
-      w(() => {
-        x && (b ? (M(!1), o == null || o({ name: r, active: !1 })) : (M(!0), o == null || o({ name: r, active: !0 })));
-      }, [x, r, b]), it({
-        isActive: n,
+      const j = s && new Date(s).getTime;
+      I(() => {
+        _ && (j ? (S(!1), p == null || p({ name: c, active: !1 })) : (S(!0), p == null || p({ name: c, active: !0 })));
+      }, [_, c, j]), ct({
+        isActive: w,
         setActive: (t) => {
-          f(t), p(m);
+          a(t), n(m);
         },
-        className: a["calendar-block"]
+        className: o["calendar-block"]
       });
       const G = () => {
-        S || f(!0);
+        !u && (b || !l) && a(!0);
       }, K = (t) => {
         isNaN(t.getTime()) || (D(t), e == null || e({
-          value: d.Date(t, "yyyy-mm-dd"),
-          name: r
-        })), A === "years" && (m === "years" ? (f(!1), p(m)) : p("months")), A === "months" && (m === "months" ? (f(!1), p(m)) : p("days")), D(t), e == null || e({
-          value: d.Date(t, "yyyy-mm-dd"),
-          name: r
-        }), c == null || c(d.Date(t, "yyyy-mm-dd"));
-      }, U = (t) => {
-        if (_) {
-          const I = t.target.value.replace(/[^\d]/g, ""), [h, u, O] = [
-            Y(I.substring(0, 2), E),
-            Y(I.substring(2, 4), B),
-            I.substring(4, 8)
-          ], j = [h, u, O].filter(Boolean).join("/");
-          if (P(j), j.length === V) {
-            const J = parseInt(O), l = /* @__PURE__ */ new Date(
-              `${J}-${u.padStart(2, "0")}-${h.padStart(2, "0")}`
+          value: f.Date(t, "yyyy-mm-dd"),
+          name: c
+        })), g === "years" && (m === "years" ? (a(!1), n(m)) : n("months")), g === "months" && (m === "months" ? (a(!1), n(m)) : n("days")), D(t), e == null || e({
+          value: f.Date(t, "yyyy-mm-dd"),
+          name: c
+        }), d == null || d(f.Date(t, "yyyy-mm-dd"));
+      }, W = (t) => {
+        if (l) {
+          const N = t.target.value.replace(/[^\d]/g, ""), [k, C, O] = [
+            $(N.substring(0, 2), st),
+            $(N.substring(2, 4), et),
+            N.substring(4, 8)
+          ], Y = [k, C, O].filter(Boolean).join("/");
+          if (h(Y), Y.length === ot) {
+            const z = parseInt(O), A = /* @__PURE__ */ new Date(
+              `${z}-${C.padStart(2, "0")}-${k.padStart(2, "0")}`
             );
-            isNaN(l.getTime()) || (D(l), e == null || e({
-              value: d.Date(l, "yyyy-mm-dd"),
-              name: r
-            }), c == null || c(d.Date(l, "yyyy-mm-dd")));
+            isNaN(A.getTime()) || (D(A), e == null || e({
+              value: f.Date(A, "yyyy-mm-dd"),
+              name: c
+            }), d == null || d(f.Date(A, "yyyy-mm-dd")));
           }
         }
-      }, q = v(a.wrapper, n && a.active), z = v(a.input, a.inputBorderControl), C = {
+      }, q = v(o.wrapper, w && o.active), E = v(o.input, o.inputBorderControl), J = {
         onChangeValue: K,
         date: i || /* @__PURE__ */ new Date(),
-        before: typeof N == "string" ? new Date(N) : N,
-        onChangeType: p,
-        setIsActive: f
-      }, F = mt[A];
-      return /* @__PURE__ */ Q("div", { className: q, "data-disabled": S, children: [
-        /* @__PURE__ */ g(
+        before: typeof P == "string" ? new Date(P) : P,
+        onChangeType: n,
+        setIsActive: a
+      }, Q = dt[g], Z = ({ isActive: t }) => /* @__PURE__ */ r("button", { onClick: (k) => {
+        k.stopPropagation(), u || a(!t);
+      }, className: o["icon-button"], children: t ? /* @__PURE__ */ r(
+        H,
+        {
+          iconName: T === L.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
+        }
+      ) : /* @__PURE__ */ r(
+        H,
+        {
+          iconName: T === L.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
+        }
+      ) });
+      return /* @__PURE__ */ B("div", { className: q, "data-disabled": u, children: [
+        /* @__PURE__ */ r(
           "div",
           {
             role: "button",
-            "data-error": k,
-            className: v(a["date-wrapper"], {
-              [a.editable]: _
+            "data-error": x,
+            className: v(o["date-wrapper"], {
+              [o.editable]: l
             }),
             onClick: G,
-            children: /* @__PURE__ */ g(
-              at,
+            children: /* @__PURE__ */ r(
+              mt,
               {
-                ref: R,
-                className: z,
-                wrapperClassName: a["input-wrapper"],
-                size: $,
+                ref: X,
+                className: E,
+                wrapperClassName: o["input-wrapper"],
+                size: T,
                 type: "text",
-                variant: H,
-                status: k ? rt.Error : void 0,
-                value: X,
-                onChange: U,
+                variant: R,
+                status: x ? pt.Error : void 0,
+                value: F,
+                onChange: W,
                 rightAddon: {
-                  addonType: "icon",
-                  addonContent: n ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
+                  addonType: "react-node",
+                  addonContent: /* @__PURE__ */ r(Z, { isActive: w })
+                },
+                onFocus: () => {
+                  b && !l && a(!0);
                 },
-                "data-error": k,
-                ...L
+                "data-error": x,
+                ...U
               }
             )
           }
         ),
-        n && /* @__PURE__ */ g(F, { ...C })
+        w && /* @__PURE__ */ r(Q, { ...J })
       ] });
     }
   )
 );
-ot.displayName = "DatePicker";
+nt.displayName = "DatePicker";
 export {
-  ot as DatePicker
+  nt as DatePicker
 };

package/dist/components/DatePicker/DatePickerModal.js

@@ -3,7 +3,7 @@ import { c as x } from "../../index-DIxK0V-G.js";
 import { useState as O } from "react";
 import { week as Y, COUNT_WORK_DAYS as j } from "./constants.js";
 import { useDatePickerPosition as z } from "./hooks.js";
-import { c as o } from "../../styles.module-Chnn6DA-.js";
+import { c as o } from "../../styles.module-B3xL6-zc.js";
 import { getUpdateDate as M } from "./utils.js";
 import { Icon as G } from "../../icons/Icon.js";
 import { formating as s } from "../../utils/index.js";

package/dist/components/DatePicker/MonthPickerModal.js

@@ -3,7 +3,7 @@ import { c as k } from "../../index-DIxK0V-G.js";
 import { useState as $ } from "react";
 import { months as x } from "./constants.js";
 import { useDatePickerPosition as v } from "./hooks.js";
-import { c as e } from "../../styles.module-Chnn6DA-.js";
+import { c as e } from "../../styles.module-B3xL6-zc.js";
 import { Icon as B } from "../../icons/Icon.js";
 import { formating as a } from "../../utils/index.js";
 import { Button as b } from "../Button/Button.js";

package/dist/components/DatePicker/YearPickerModal.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { c as v } from "../../index-DIxK0V-G.js";
 import { useState as x } from "react";
 import { useDatePickerPosition as Y } from "./hooks.js";
-import { c as t } from "../../styles.module-Chnn6DA-.js";
+import { c as t } from "../../styles.module-B3xL6-zc.js";
 import { formating as n } from "../../utils/index.js";
 import { Button as y } from "../Button/Button.js";
 const F = ({

package/dist/components/Drawer/Drawer.js

@@ -1,97 +1,97 @@
-import { jsxs as m, jsx as t, Fragment as P } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as X } from "react/jsx-runtime";
 import { c as s } from "../../index-DIxK0V-G.js";
-import { useState as u, useRef as Q, useCallback as f, useEffect as F } from "react";
-import { EDrawerPosition as k } from "./constants.js";
-import { useMediaQuery as G } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as H } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as K } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as V } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button as w } from "../Button/Button.js";
-import { EButtonVariantDefault as W, EButtonSize as n } from "../Button/constants.js";
-import { Loader as Y } from "../Loader/Loader.js";
-import { Portal as q } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", O = "_content_1xs4d_27", U = "_header_1xs4d_45", Z = "_title_1xs4d_59", $ = "_space_1xs4d_73", ee = "_inner_1xs4d_84", te = "_button_1xs4d_87", oe = "_footer_1xs4d_92", se = "_left_1xs4d_105", re = "_right_1xs4d_109", ne = "_full_1xs4d_113", le = "_bottom_1xs4d_123", ae = "_opened_1xs4d_140", ie = "_overlay_1xs4d_196", ce = "_unmount_1xs4d_212", e = {
-  drawer: J,
-  content: O,
+import { useState as N, useRef as j, useCallback as u, useEffect as P } from "react";
+import { EDrawerPosition as w } from "./constants.js";
+import { useMediaQuery as Q } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as F } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as G } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as H } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { Button as k } from "../Button/Button.js";
+import { EButtonVariantDefault as K, EButtonSize as n } from "../Button/constants.js";
+import { Loader as V } from "../Loader/Loader.js";
+import { Portal as W } from "../Portal/Portal.js";
+import '../../assets/Drawer.css';const Y = "_drawer_1xs4d_3", q = "_content_1xs4d_27", J = "_header_1xs4d_45", U = "_title_1xs4d_59", Z = "_space_1xs4d_73", $ = "_inner_1xs4d_84", O = "_button_1xs4d_87", ee = "_footer_1xs4d_92", te = "_left_1xs4d_105", oe = "_right_1xs4d_109", se = "_full_1xs4d_113", re = "_bottom_1xs4d_123", ne = "_opened_1xs4d_140", ae = "_overlay_1xs4d_196", ie = "_unmount_1xs4d_212", e = {
+  drawer: Y,
+  content: q,
   "is-loading": "_is-loading_1xs4d_41",
-  header: U,
+  header: J,
   "sticky-header": "_sticky-header_1xs4d_53",
-  title: Z,
-  space: $,
-  inner: ee,
-  button: te,
-  footer: oe,
+  title: U,
+  space: Z,
+  inner: $,
+  button: O,
+  footer: ee,
   "footer-button": "_footer-button_1xs4d_101",
-  left: se,
-  right: re,
-  full: ne,
-  bottom: le,
+  left: te,
+  right: oe,
+  full: se,
+  bottom: re,
   "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened: ae,
+  opened: ne,
   "is-closing": "_is-closing_1xs4d_159",
-  overlay: ie,
-  unmount: ce
-}, de = 300, ke = ({
+  overlay: ae,
+  unmount: ie
+}, le = 300, ve = ({
   isOpen: r,
-  onClose: l,
+  onClose: a,
   title: E,
   className: M,
-  unmount: h = !0,
-  isLoading: a = !1,
+  unmount: f = !0,
+  isLoading: i = !1,
   stickyHeader: B,
-  fullBottomHeight: S = !1,
-  position: i = k.RIGHT,
-  paddingRight: I = 8,
+  fullBottomHeight: I = !1,
+  position: l = w.RIGHT,
+  paddingRight: S = 8,
   footer: c,
-  children: L,
-  classNameInner: T,
-  classNameFooter: C,
-  closeOnClickOutside: x = !0,
-  showCloseButton: y = !0
+  children: T,
+  classNameInner: C,
+  classNameFooter: D,
+  closeOnClickOutside: h = !0,
+  showCloseButton: x = !0
 }) => {
-  const [D, p] = u(!1), [z, b] = u(!1), [R, g] = u(!1), v = Q(), d = G(H.XS1), { ref: A } = V({
-    enabled: i === k.BOTTOM
+  const [p, y] = N(!1), [z, b] = N(!1), g = j(), d = Q(F.XS1), { ref: L } = H({
+    enabled: l === w.BOTTOM
   });
-  K({
-    on: R,
-    paddingRight: I
+  G({
+    on: r && !p,
+    paddingRight: S
   });
-  const o = f(() => {
-    l && (p(!0), g(!1), v.current = setTimeout(() => {
-      l(), p(!1);
-    }, de));
-  }, [l]), X = f(() => {
-    x && o();
-  }, [x, o]), _ = f(
-    (j) => {
-      j.key === "Escape" && o();
+  const o = u(() => {
+    a && (y(!0), g.current = setTimeout(() => {
+      a(), y(!1);
+    }, le));
+  }, [a]), R = u(() => {
+    h && o();
+  }, [h, o]), _ = u(
+    (A) => {
+      A.key === "Escape" && o();
     },
     [o]
   );
-  F(() => (r && (g(!0), b(!0), window.addEventListener("keydown", _)), () => {
-    b(!1), clearTimeout(v.current), window.removeEventListener("keydown", _);
+  P(() => (r && (b(!0), window.addEventListener("keydown", _)), () => {
+    b(!1), clearTimeout(g.current), window.removeEventListener("keydown", _);
   }), [r, _]);
-  const N = {
+  const v = {
     [e.opened]: z,
-    [e["is-closing"]]: D,
-    [e["full-bottom-height"]]: S,
-    [e["is-loading"]]: a
+    [e["is-closing"]]: p,
+    [e["full-bottom-height"]]: I,
+    [e["is-loading"]]: i
   };
-  return !r && h ? null : /* @__PURE__ */ m(q, { children: [
+  return !r && f ? null : /* @__PURE__ */ m(W, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         "aria-hidden": !r,
         role: "dialog",
-        className: s(e.drawer, e[i], N, M),
+        className: s(e.drawer, e[l], v, M),
         children: /* @__PURE__ */ t(
           "section",
           {
-            ref: A,
-            className: s(e.content, e[i], {
-              [e["is-loading"]]: !!a
+            ref: L,
+            className: s(e.content, e[l], {
+              [e["is-loading"]]: !!i
             }),
-            children: a ? /* @__PURE__ */ t(Y, {}) : /* @__PURE__ */ m(P, { children: [
+            children: i ? /* @__PURE__ */ t(V, {}) : /* @__PURE__ */ m(X, { children: [
               /* @__PURE__ */ m(
                 "header",
                 {
@@ -100,10 +100,10 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", O = "_content_1xs4
                   }),
                   children: [
                     /* @__PURE__ */ t("h2", { className: e.title, children: E }),
-                    /* @__PURE__ */ t("div", { className: e.space, children: y && /* @__PURE__ */ t(
-                      w,
+                    /* @__PURE__ */ t("div", { className: e.space, children: x && /* @__PURE__ */ t(
+                      k,
                       {
-                        variant: W.SecondaryWhite,
+                        variant: K.SecondaryWhite,
                         isIconButton: !0,
                         size: d ? n.S : n.M,
                         iconName: "Close16px",
@@ -114,9 +114,9 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", O = "_content_1xs4
                   ]
                 }
               ),
-              /* @__PURE__ */ t("div", { className: s(e.inner, T), children: L }),
-              /* @__PURE__ */ t("footer", { className: s(e.footer, C), children: typeof c == "function" ? c({ handleClose: o }) : c || y && /* @__PURE__ */ t(
-                w,
+              /* @__PURE__ */ t("div", { className: s(e.inner, C), children: T }),
+              /* @__PURE__ */ t("footer", { className: s(e.footer, D), children: typeof c == "function" ? c({ handleClose: o }) : c || x && /* @__PURE__ */ t(
+                k,
                 {
                   size: d ? n.M : n.XXL,
                   full: d,
@@ -136,17 +136,17 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", O = "_content_1xs4
         className: s(
           e.overlay,
           {
-            [e.unmount]: !h
+            [e.unmount]: !f
           },
-          N
+          v
         ),
         "data-testid": "drawer-overlay",
-        onClick: X
+        onClick: R
       }
     )
   ] });
 };
 export {
-  de as ANIMATION_DELAY,
-  ke as Drawer
+  le as ANIMATION_DELAY,
+  ve as Drawer
 };

package/dist/components/ListFiles/ListFiles.d.ts

@@ -23,4 +23,4 @@ export type TFilesDetail = {
     size?: number;
     type?: string;
 };
-export declare function ListFiles({ value, onChange }: TListFiles): import("react/jsx-runtime").JSX.Element;
+export declare function ListFiles({ value, onChange }: TListFiles): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ListFiles/ListFiles.js

@@ -12,15 +12,15 @@ import '../../assets/ListFiles.css';const e = {
   "delete-button": "_delete-button_12h1y_51"
 };
 function z({ value: o, onChange: s }) {
-  const [f, l] = m(o);
+  const [l, f] = m(o);
   d(() => {
-    l(o);
+    f(o);
   }, [o]);
   const r = async (i) => {
-    const n = [...f.filter((c) => c.id !== i)];
-    l(n), s == null || s({ deleteId: i, list: n });
+    const n = [...l.filter((c) => c.id !== i)];
+    f(n), s == null || s({ deleteId: i, list: n });
   };
-  return /* @__PURE__ */ t("ul", { className: e["file-upload-container"], children: f.map((i, n) => /* @__PURE__ */ a("li", { className: e["file-upload-container-item"], children: [
+  return l.length === 0 ? null : /* @__PURE__ */ t("ul", { className: e["file-upload-container"], children: l.map((i, n) => /* @__PURE__ */ a("li", { className: e["file-upload-container-item"], children: [
     /* @__PURE__ */ a("div", { className: e["file-info"], children: [
       (i == null ? void 0 : i.size) && /* @__PURE__ */ a("span", { className: e["file-info-size"], children: [
         " ",

package/dist/components/ListPhotos/ListPhotos.d.ts

@@ -21,4 +21,4 @@ export type TPhotosDetail = {
     url: string;
     file?: File;
 };
-export declare function ListPhotos({ value, onChange }: TListPhotos): import("react/jsx-runtime").JSX.Element;
+export declare function ListPhotos({ value, onChange }: TListPhotos): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ListPhotos/ListPhotos.js

@@ -1,6 +1,6 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useState as n, useEffect as _ } from "react";
-import { Button as d } from "../Button/Button.js";
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { useState as a, useEffect as u } from "react";
+import { Button as _ } from "../Button/Button.js";
 import '../../assets/ListPhotos.css';const i = {
   "list-photos": "_list-photos_1tpc1_2",
   "list-photos-item": "_list-photos-item_1tpc1_11",
@@ -8,16 +8,16 @@ import '../../assets/ListPhotos.css';const i = {
   "delete-button": "_delete-button_1tpc1_25"
 };
 function L({ value: o, onChange: s }) {
-  const [l, c] = n(o);
-  _(() => {
+  const [e, c] = a(o);
+  u(() => {
     c(o);
   }, [o]);
-  const p = async (t) => {
-    const m = [...l.filter((r) => r.id !== t)];
-    c(m), s == null || s({ deleteId: t, list: m });
+  const m = async (t) => {
+    const r = [...e.filter((p) => p.id !== t)];
+    c(r), s == null || s({ deleteId: t, list: r });
   };
-  return /* @__PURE__ */ e("ul", { className: i["list-photos"], children: l.map((t) => /* @__PURE__ */ a("li", { className: i["list-photos-item"], children: [
-    /* @__PURE__ */ e(
+  return e.length === 0 ? null : /* @__PURE__ */ l("ul", { className: i["list-photos"], children: e.map((t) => /* @__PURE__ */ n("li", { className: i["list-photos-item"], children: [
+    /* @__PURE__ */ l(
       "img",
       {
         className: i["list-photos-image"],
@@ -25,15 +25,15 @@ function L({ value: o, onChange: s }) {
         alt: ""
       }
     ),
-    s && /* @__PURE__ */ e(
-      d,
+    s && /* @__PURE__ */ l(
+      _,
       {
         isIconButton: !0,
         iconName: "Close12px",
         size: "m-s",
         variant: "secondary-gray",
         className: i["delete-button"],
-        onClick: () => p(t.id)
+        onClick: () => m(t.id)
       }
     )
   ] }, t.id)) });

package/dist/components/MultiSelectSearch/utils.d.ts

@@ -3,6 +3,6 @@ import { TMultiSelectOption } from './types';
 import { EInputSize } from '../Input';
 
 export declare const mapSizeToInputSize: (size: EMultiSelectSearchSize) => EInputSize;
-export declare const getDropdownArrowIcon: (isOpen: boolean, size: EMultiSelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px" | "DropdownArrowUp16px";
+export declare const getDropdownArrowIcon: (isOpen: boolean, size: EMultiSelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px";
 export declare const getInitialInputValue: (value: TMultiSelectOption[] | undefined | null, displayValue: string) => string;
 export declare const joinSelectedItems: (items: TMultiSelectOption[], displayValue: string) => string;

package/dist/components/SelectSearch/utils.d.ts

@@ -2,4 +2,4 @@ import { ESelectSearchSize } from './constants';
 import { EInputSize } from '../Input';
 
 export declare const mapSizeToInputSize: (size: ESelectSearchSize) => EInputSize;
-export declare const getDropdownArrowIcon: (isOpen: boolean, size: ESelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px" | "DropdownArrowUp16px";
+export declare const getDropdownArrowIcon: (isOpen: boolean, size: ESelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px";

package/dist/components/Uploader/Uploader.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as a, Fragment as U } from "react/jsx-runtime";
-import { forwardRef as V, useRef as m, useId as z } from "react";
+import { forwardRef as V, useRef as u, useId as z } from "react";
 import { Icon as A } from "../../icons/Icon.js";
 import { Button as B } from "../Button/Button.js";
 import { EButtonVariantDefault as C } from "../Button/constants.js";
@@ -7,7 +7,7 @@ import '../../assets/Uploader.css';const p = {
   "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
   "upload-text": "_upload-text_bplvw_25",
   "upload-file-input": "_upload-file-input_bplvw_35"
-}, u = {
+}, g = {
   jpeg: "image/jpeg",
   jpg: "image/jpg",
   png: "image/png",
@@ -32,34 +32,34 @@ import '../../assets/Uploader.css';const p = {
   let i = 0;
   return () => (i = (i + 1) % Number.MAX_SAFE_INTEGER, i);
 }, k = M(), q = V(
-  (i, g) => {
+  (i, x) => {
     const {
       filesType: o = S,
-      onChangeValue: x,
-      arrayName: h,
+      onChangeValue: h,
+      arrayName: b,
       maxSize: r = 15,
-      maxFiles: b,
+      maxFiles: w,
       isDisabled: s,
-      titleUploader: w = "Или перетащите сюда",
+      titleUploader: c = "Или перетащите сюда",
       buttonText: y = "Выберите файлы",
       showOnlyUploadButton: _ = !1,
       uploadButtonVariant: j = C.SecondaryAsphalt
-    } = i, c = m(null), l = m(null), d = z(), v = (e) => {
+    } = i, d = u(null), l = u(null), f = z(), v = (e) => {
       var t;
       return e.type ? e.type : ((t = e.name.split(".").pop()) == null ? void 0 : t.toLowerCase()) === "heic" ? "image/heic" : "";
     }, I = (e) => {
       if (e.target.files && e.target.files[0]) {
-        const f = Array.from(e.target.files).filter((t) => {
-          const T = v(t), E = o.map((R) => u[R]).includes(T), F = t.size / 1024 ** 2 <= r;
+        const m = Array.from(e.target.files).filter((t) => {
+          const T = v(t), E = o.map((R) => g[R]).includes(T), F = t.size / 1024 ** 2 <= r;
           return E && F;
-        }).slice(0, b).map((t) => ({ file: t, id: k() }));
-        x({ arrayName: h, value: f }), l.current && (l.current.value = "");
+        }).slice(0, w).map((t) => ({ file: t, id: k() }));
+        h({ arrayName: b, value: m }), l.current && (l.current.value = "");
       }
     }, N = () => {
       var e;
-      (e = c.current) == null || e.click();
+      (e = d.current) == null || e.click();
     };
-    return /* @__PURE__ */ n("div", { className: p["upload-file-wrapper"], ref: g, children: [
+    return /* @__PURE__ */ n("div", { className: p["upload-file-wrapper"], ref: x, children: [
       /* @__PURE__ */ a(
         "input",
         {
@@ -71,12 +71,12 @@ import '../../assets/Uploader.css';const p = {
           multiple: !0,
           onChange: I,
           title: "",
-          id: d,
-          accept: o.map((e) => u[e]).join(),
+          id: f,
+          accept: o.map((e) => g[e]).join(),
           disabled: s
         }
       ),
-      /* @__PURE__ */ n("label", { htmlFor: d, ref: c, children: [
+      /* @__PURE__ */ n("label", { htmlFor: f, ref: d, children: [
         /* @__PURE__ */ a(
           B,
           {
@@ -89,7 +89,7 @@ import '../../assets/Uploader.css';const p = {
           }
         ),
         !_ && /* @__PURE__ */ n(U, { children: [
-          /* @__PURE__ */ a("b", { children: w }),
+          c && /* @__PURE__ */ a("b", { children: c }),
           /* @__PURE__ */ n("span", { className: p["upload-text"], children: [
             "Максимальный размер одного файла – ",
             r,

package/dist/styles.module-B3xL6-zc.js

@@ -0,0 +1,25 @@
+import './assets/styles.css';const _ = "_input_hmkm7_2", t = "_inputBorderControl_hmkm7_14", n = "_editable_hmkm7_27", m = "_wrapper_hmkm7_50", r = "_active_hmkm7_56", o = "_button_hmkm7_44", e = "_h_hmkm7_100", c = "_b_hmkm7_44", p = "_d_hmkm7_10", a = "_m_hmkm7_122", h = "_a_hmkm7_56", k = "_prev_hmkm7_124", i = "_orange_hmkm7_138", s = "_current_hmkm7_155", u = "_monthGrid_hmkm7_160", d = {
+  input: _,
+  "input-wrapper": "_input-wrapper_hmkm7_6",
+  "date-wrapper": "_date-wrapper_hmkm7_10",
+  inputBorderControl: t,
+  editable: n,
+  "button-wrapper": "_button-wrapper_hmkm7_44",
+  wrapper: m,
+  active: r,
+  button: o,
+  "calendar-block": "_calendar-block_hmkm7_78",
+  h: e,
+  b: c,
+  d: p,
+  m: a,
+  a: h,
+  prev: k,
+  orange: i,
+  current: s,
+  monthGrid: u,
+  "icon-button": "_icon-button_hmkm7_165"
+};
+export {
+  d as c
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.36.10",
+  "version": "1.36.12",
   "type": "module",
   "exports": {
     ".": {

package/dist/styles.module-Chnn6DA-.js

@@ -1,24 +0,0 @@
-import './assets/styles.css';const _ = "_input_yyf2c_2", t = "_inputBorderControl_yyf2c_14", c = "_editable_yyf2c_27", r = "_wrapper_yyf2c_50", n = "_active_yyf2c_56", o = "_button_yyf2c_44", y = "_h_yyf2c_100", e = "_b_yyf2c_44", p = "_d_yyf2c_10", a = "_m_yyf2c_122", f = "_a_yyf2c_56", s = "_prev_yyf2c_124", i = "_orange_yyf2c_138", d = "_current_yyf2c_155", u = "_monthGrid_yyf2c_160", b = {
-  input: _,
-  "input-wrapper": "_input-wrapper_yyf2c_6",
-  "date-wrapper": "_date-wrapper_yyf2c_10",
-  inputBorderControl: t,
-  editable: c,
-  "button-wrapper": "_button-wrapper_yyf2c_44",
-  wrapper: r,
-  active: n,
-  button: o,
-  "calendar-block": "_calendar-block_yyf2c_78",
-  h: y,
-  b: e,
-  d: p,
-  m: a,
-  a: f,
-  prev: s,
-  orange: i,
-  current: d,
-  monthGrid: u
-};
-export {
-  b as c
-};