mimir-ui-kit 1.43.9 → 1.43.11

package/dist/components/Chip/Chip.js

@@ -1,30 +1,30 @@
-import { jsxs as r, jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../index-DIxK0V-G.js";
-import { EChipSize as h, EChipVariant as b } from "./constants.js";
+import { jsxs as r, jsx as j } from "react/jsx-runtime";
+import { c as m } from "../../index-DIxK0V-G.js";
+import { EChipSize as p, EChipVariant as h } from "./constants.js";
 import { Button as l } from "../Button/Button.js";
-import '../../assets/Chip.css';const v = "_chip_19bvm_2", d = "_disabled_19bvm_40", x = "_xs_19bvm_51", g = "_s_19bvm_59", u = "_m_19bvm_67", w = "_sapphire_19bvm_75", C = "_citrine_19bvm_84", f = "_asphalt_19bvm_93", y = "_gray_19bvm_102", N = "_white_19bvm_111", j = "_green_19bvm_120", s = {
-  chip: v,
-  "with-action": "_with-action_19bvm_18",
-  disabled: d,
-  xs: x,
-  s: g,
-  m: u,
-  sapphire: w,
-  citrine: C,
+import '../../assets/Chip.css';const d = "_chip_10jmj_2", x = "_disabled_10jmj_41", g = "_xs_10jmj_52", u = "_s_10jmj_60", w = "_m_10jmj_68", C = "_sapphire_10jmj_78", b = "_citrine_10jmj_87", f = "_asphalt_10jmj_96", y = "_gray_10jmj_105", N = "_white_10jmj_114", B = "_green_10jmj_123", s = {
+  chip: d,
+  "with-action": "_with-action_10jmj_19",
+  disabled: x,
+  xs: g,
+  s: u,
+  m: w,
+  sapphire: C,
+  citrine: b,
   asphalt: f,
   gray: y,
   white: N,
-  green: j
+  green: B
 }, z = ({
-  size: i = h.M,
-  variant: _ = b.Sapphire,
+  size: i = p.M,
+  variant: _ = h.Sapphire,
   className: c,
   disabled: e,
   withAction: t,
   children: o,
   onClose: a
 }) => {
-  const n = p(
+  const n = m(
     s.chip,
     c,
     {
@@ -36,7 +36,7 @@ import '../../assets/Chip.css';const v = "_chip_19bvm_2", d = "_disabled_19bvm_4
   );
   return /* @__PURE__ */ r("div", { className: n, children: [
     o,
-    t && /* @__PURE__ */ m(l, { isIconButton: !0, iconName: "Close16px", onClick: a, clear: !0 })
+    t && /* @__PURE__ */ j(l, { isIconButton: !0, iconName: "Close16px", onClick: a, clear: !0 })
   ] });
 };
 export {

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

@@ -65,6 +65,10 @@ export type TProps = {
      * Диапазон доступных дат [от, до]
      */
     validRange?: [Date | string, Date | string];
+    /**
+     * Флаг показывающий необходилось кнопки очиски
+     */
+    withClearButton?: boolean;
 } & TInputProps;
 export type TDatePickerValue = {
     value?: string;
@@ -139,4 +143,8 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      * Диапазон доступных дат [от, до]
      */
     validRange?: [Date | string, Date | string];
+    /**
+     * Флаг показывающий необходилось кнопки очиски
+     */
+    withClearButton?: boolean;
 } & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -1,242 +1,255 @@
-import { jsxs as Q, jsx as d } from "react/jsx-runtime";
+import { jsxs as J, jsx as l } from "react/jsx-runtime";
 import { c as X } from "../../index-DIxK0V-G.js";
-import { memo as pt, forwardRef as dt, useState as I, useEffect as $ } from "react";
-import { MAX_DAY as yt, MAX_MONTH as wt, DATE_LENGTH as lt } from "./constants.js";
-import { DatePickerModal as Nt } from "./DatePickerModal.js";
-import { MonthPickerModal as Tt } from "./MonthPickerModal.js";
-import { c as n } from "../../styles.module-Cuqm31CO.js";
-import { formatDatePart as Z } from "./utils.js";
-import { YearPickerModal as Mt } from "./YearPickerModal.js";
-import { useClickOutside as kt } from "../../hooks/useClickOutside/useClickOutside.js";
-import { Icon as z } from "../../icons/Icon.js";
-import { formating as w } from "../../utils/index.js";
-import { I as At } from "../../Input-BU_6U1CW.js";
-import { EInputStatus as It, EInputSize as b } from "../Input/constants.js";
-const Pt = pt(
+import { memo as pt, forwardRef as dt, useState as A, useEffect as S } from "react";
+import { MAX_DAY as wt, MAX_MONTH as lt, DATE_LENGTH as Nt } from "./constants.js";
+import { DatePickerModal as Tt } from "./DatePickerModal.js";
+import { MonthPickerModal as Mt } from "./MonthPickerModal.js";
+import { c as y } from "../../styles.module-BfkM1-KJ.js";
+import { formatDatePart as Q } from "./utils.js";
+import { YearPickerModal as kt } from "./YearPickerModal.js";
+import { useClickOutside as Pt } from "../../hooks/useClickOutside/useClickOutside.js";
+import { formating as d } from "../../utils/index.js";
+import { I as At } from "../../Input-CGZoshMl.js";
+import { EInputStatus as ut } from "../Input/constants.js";
+import { MiniButton as xt } from "../MiniButton/MiniButton.js";
+const It = pt(
   dt(
     ({
-      size: g,
-      value: l,
-      onChangeValue: s,
-      name: y,
+      size: j,
+      value: w,
+      onChangeValue: i,
+      name: p,
       before: N,
-      type: a = "days",
-      error: j,
+      type: f = "days",
+      error: v,
       onError: T,
-      onBlur: o,
+      onBlur: c,
       validateImmediately: G,
-      variant: C,
-      disabled: v = !1,
-      editable: x = !1,
+      variant: Z,
+      disabled: $ = !1,
+      editable: u = !1,
       openOnInput: L = !0,
-      sendIntermediateValues: R = !1,
-      disableFuture: W = !1,
-      disablePast: q = !1,
+      sendIntermediateValues: b = !1,
+      disableFuture: U = !1,
+      disablePast: W = !1,
       disabledDate: _,
-      validRange: c,
-      ...u
-    }, B) => {
-      const [h, D] = I(!1), [F, m] = I(a), [p, M] = I(
-        () => l && !isNaN(new Date(l).getTime()) ? new Date(l) : void 0
-      ), [S, O] = I(j), [V, H] = I(""), [tt, k] = I();
-      u.status = !!S && It.Error || u.status, $(() => {
-        O(j);
-      }, [j]), $(() => {
+      validRange: o,
+      withClearButton: C = !1,
+      ...h
+    }, R) => {
+      const [H, m] = A(!1), [F, n] = A(f), [D, M] = A(
+        () => w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
+      ), [Y, K] = A(v), [B, x] = A(""), [V, k] = A();
+      h.status = !!Y && ut.Error || h.status, S(() => {
+        K(v);
+      }, [v]), S(() => {
         M(
-          l && !isNaN(new Date(l).getTime()) ? new Date(l) : void 0
+          w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
         );
-      }, [l]), $(() => {
-        p && typeof p != "string" && !isNaN(p == null ? void 0 : p.getTime()) ? H(w.Date(p, "dd/mm/yyyy")) : H("");
-      }, [p]);
-      const E = l && new Date(l).getTime;
-      $(() => {
-        G && (E ? (O(!1), T == null || T({ name: y, active: !1 })) : (O(!0), T == null || T({ name: y, active: !0 })));
-      }, [G, y, E]), kt({
-        isActive: h,
+      }, [w]), S(() => {
+        D && typeof D != "string" && !isNaN(D == null ? void 0 : D.getTime()) ? x(d.Date(D, "dd/mm/yyyy")) : x("");
+      }, [D]);
+      const q = w && new Date(w).getTime;
+      S(() => {
+        G && (q ? (K(!1), T == null || T({ name: p, active: !1 })) : (K(!0), T == null || T({ name: p, active: !0 })));
+      }, [G, p, q]), Pt({
+        isActive: H,
         setActive: (t) => {
-          D(t), m(a), t || k(void 0);
+          m(t), n(f), t || k(void 0);
         },
-        className: n["calendar-block"]
+        className: y["calendar-block"]
       });
-      const et = () => {
-        !v && (L || !x) && D(!0);
-      }, J = (t) => {
+      const tt = () => {
+        !$ && (L || !u) && m(!0);
+      }, z = (t) => {
         const r = t.getTime();
         if (t.setHours(0, 0, 0, 0), N && (typeof N == "string" ? new Date(N) : N).getTime() > r)
           return !1;
-        if (W) {
-          const i = /* @__PURE__ */ new Date();
-          if (i.setHours(0, 0, 0, 0), t.getTime() > i.getTime()) return !1;
+        if (U) {
+          const s = /* @__PURE__ */ new Date();
+          if (s.setHours(0, 0, 0, 0), t.getTime() > s.getTime()) return !1;
         }
-        if (q) {
-          const i = /* @__PURE__ */ new Date();
-          if (i.setHours(0, 0, 0, 0), r < i.getTime()) return !1;
+        if (W) {
+          const s = /* @__PURE__ */ new Date();
+          if (s.setHours(0, 0, 0, 0), r < s.getTime()) return !1;
         }
         if (_ && _(t)) return !1;
-        if (c) {
-          let i;
-          typeof c[0] == "string" ? i = [
-            new Date(c[0]),
-            typeof c[1] == "string" ? new Date(c[1]) : c[1]
-          ] : i = [
-            c[0],
-            typeof c[1] == "string" ? new Date(c[1]) : c[1]
+        if (o) {
+          let s;
+          typeof o[0] == "string" ? s = [
+            new Date(o[0]),
+            typeof o[1] == "string" ? new Date(o[1]) : o[1]
+          ] : s = [
+            o[0],
+            typeof o[1] == "string" ? new Date(o[1]) : o[1]
           ];
-          const [f, e] = i, P = new Date(f), A = new Date(e);
-          if (P.setHours(0, 0, 0, 0), A.setHours(23, 59, 59, 999), t < P || t > A) return !1;
+          const [a, e] = s, I = new Date(a), P = new Date(e);
+          if (I.setHours(0, 0, 0, 0), P.setHours(23, 59, 59, 999), t < I || t > P) return !1;
         }
         return !0;
+      }, et = (t) => {
+        isNaN(t.getTime()) || (M(t), k(void 0), i == null || i({
+          value: d.Date(t, "yyyy-mm-dd"),
+          name: p
+        })), F === "years" && (f === "years" ? (m(!1), n(f)) : n("months")), F === "months" && (f === "months" ? (m(!1), n(f)) : n("days")), M(t), i == null || i({
+          value: d.Date(t, "yyyy-mm-dd"),
+          name: p
+        }), c == null || c(d.Date(t, "yyyy-mm-dd"));
       }, st = (t) => {
-        isNaN(t.getTime()) || (M(t), k(void 0), s == null || s({
-          value: w.Date(t, "yyyy-mm-dd"),
-          name: y
-        })), F === "years" && (a === "years" ? (D(!1), m(a)) : m("months")), F === "months" && (a === "months" ? (D(!1), m(a)) : m("days")), M(t), s == null || s({
-          value: w.Date(t, "yyyy-mm-dd"),
-          name: y
-        }), o == null || o(w.Date(t, "yyyy-mm-dd"));
-      }, it = (t) => {
-        const r = p || /* @__PURE__ */ new Date(), i = r.getDate(), f = r.getMonth() + 1, e = new Date(t, f - 1, i);
-        if (e.getFullYear() === t && e.getMonth() === f - 1 && e.getDate() === i && J(e)) {
-          if (M(e), k(void 0), s == null || s({
-            value: w.Date(e, "yyyy-mm-dd"),
-            name: y
-          }), o == null || o(w.Date(e, "yyyy-mm-dd")), a === "years") {
-            D(!1), m(a);
+        const r = D || /* @__PURE__ */ new Date(), s = r.getDate(), a = r.getMonth() + 1, e = new Date(t, a - 1, s);
+        if (e.getFullYear() === t && e.getMonth() === a - 1 && e.getDate() === s && z(e)) {
+          if (M(e), k(void 0), i == null || i({
+            value: d.Date(e, "yyyy-mm-dd"),
+            name: p
+          }), c == null || c(d.Date(e, "yyyy-mm-dd")), f === "years") {
+            m(!1), n(f);
             return;
           }
         } else
-          k(new Date(t, f - 1, 1));
-        a === "years" ? (D(!1), m(a)) : m("months");
-      }, rt = (t, r) => {
-        const f = (p || /* @__PURE__ */ new Date()).getDate(), e = new Date(t, r - 1, f);
-        if (e.getFullYear() === t && e.getMonth() === r - 1 && e.getDate() === f && J(e)) {
-          if (M(e), k(void 0), s == null || s({
-            value: w.Date(e, "yyyy-mm-dd"),
-            name: y
-          }), o == null || o(w.Date(e, "yyyy-mm-dd")), a === "months") {
-            D(!1), m(a);
+          k(new Date(t, a - 1, 1));
+        f === "years" ? (m(!1), n(f)) : n("months");
+      }, it = (t, r) => {
+        const a = (D || /* @__PURE__ */ new Date()).getDate(), e = new Date(t, r - 1, a);
+        if (e.getFullYear() === t && e.getMonth() === r - 1 && e.getDate() === a && z(e)) {
+          if (M(e), k(void 0), i == null || i({
+            value: d.Date(e, "yyyy-mm-dd"),
+            name: p
+          }), c == null || c(d.Date(e, "yyyy-mm-dd")), f === "months") {
+            m(!1), n(f);
             return;
           }
         } else
           k(new Date(t, r - 1, 1));
-        a === "months" ? (D(!1), m(a)) : m("days");
-      }, ct = (t) => {
-        if (x) {
+        f === "months" ? (m(!1), n(f)) : n("days");
+      }, rt = (t) => {
+        if (u) {
           const r = t.target.value.replace(/[^\d]/g, "");
           if (r.length === 0)
-            H(""), s == null || s({ value: "", name: y }), o == null || o("");
+            x(""), i == null || i({ value: "", name: p }), c == null || c("");
           else {
-            const [i, f, e] = [
-              Z(r.substring(0, 2), yt),
-              Z(r.substring(2, 4), wt),
+            const [s, a, e] = [
+              Q(r.substring(0, 2), wt),
+              Q(r.substring(2, 4), lt),
               r.substring(4, 8)
-            ], P = [i, f, e].filter(Boolean).join("/");
-            if (H(P), R) {
-              const A = e ? `${e}-${f || "00"}-${i || "00"}` : [i, f, e].filter(Boolean).join("-");
-              s == null || s({
-                value: A,
-                name: y
+            ], I = [s, a, e].filter(Boolean).join("/");
+            if (x(I), b) {
+              const P = e ? `${e}-${a || "00"}-${s || "00"}` : [s, a, e].filter(Boolean).join("-");
+              i == null || i({
+                value: P,
+                name: p
               });
             }
-            if (P.length === lt) {
-              const A = parseInt(e), Y = /* @__PURE__ */ new Date(
-                `${A}-${f.padStart(2, "0")}-${i.padStart(2, "0")}`
+            if (I.length === Nt) {
+              const P = parseInt(e), g = /* @__PURE__ */ new Date(
+                `${P}-${a.padStart(2, "0")}-${s.padStart(2, "0")}`
               );
-              isNaN(Y.getTime()) || (M(Y), s == null || s({
-                value: w.Date(Y, "yyyy-mm-dd"),
-                name: y
-              }), o == null || o(w.Date(Y, "yyyy-mm-dd")));
+              isNaN(g.getTime()) || (M(g), i == null || i({
+                value: d.Date(g, "yyyy-mm-dd"),
+                name: p
+              }), c == null || c(d.Date(g, "yyyy-mm-dd")));
             }
           }
         }
-      }, ot = X(n.wrapper, h && n.active), at = X(n.input, n.inputBorderControl);
-      let K;
-      if (c) {
+      }, ot = (t) => {
+        if (u && t.key === "Enter") {
+          m(!1);
+          return;
+        }
+      }, ct = (t) => {
+        t == null || t.stopPropagation(), x("");
+      }, at = X(y.wrapper, H && y.active), ft = X(y.input, y.inputBorderControl);
+      let E;
+      if (o) {
         let t, r;
-        typeof c[0] == "string" ? t = new Date(c[0]) : t = c[0], typeof c[1] == "string" ? r = new Date(c[1]) : r = c[1], K = [t, r];
+        typeof o[0] == "string" ? t = new Date(o[0]) : t = o[0], typeof o[1] == "string" ? r = new Date(o[1]) : r = o[1], E = [t, r];
       }
-      const U = {
-        onChangeValue: st,
-        date: tt || p || /* @__PURE__ */ new Date(),
-        selectedDate: p,
+      const O = {
+        onChangeValue: et,
+        date: V || D || /* @__PURE__ */ new Date(),
+        selectedDate: D,
         before: typeof N == "string" ? new Date(N) : N,
-        onChangeType: m,
-        setIsActive: D,
-        disableFuture: W,
-        disablePast: q,
+        onChangeType: n,
+        setIsActive: m,
+        disableFuture: U,
+        disablePast: W,
         disabledDate: _,
-        validRange: K
-      }, ft = {
-        ...U,
-        onChangeMonth: rt
+        validRange: E
       }, mt = {
-        ...U,
-        onChangeYear: it
-      }, nt = (() => {
+        ...O,
+        onChangeMonth: it
+      }, nt = {
+        ...O,
+        onChangeYear: st
+      }, Dt = (() => {
         switch (F) {
           case "months":
-            return () => /* @__PURE__ */ d(Tt, { ...ft });
+            return () => /* @__PURE__ */ l(Mt, { ...mt });
           case "years":
-            return () => /* @__PURE__ */ d(Mt, { ...mt });
+            return () => /* @__PURE__ */ l(kt, { ...nt });
           default:
-            return () => /* @__PURE__ */ d(Nt, { ...U });
+            return () => /* @__PURE__ */ l(Tt, { ...O });
         }
-      })(), Dt = ({ isActive: t }) => /* @__PURE__ */ d("button", { onClick: (i) => {
-        i.stopPropagation(), v || D(!t);
-      }, className: n["icon-button"], children: t ? /* @__PURE__ */ d(
-        z,
-        {
-          iconName: g === b.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
-        }
-      ) : /* @__PURE__ */ d(
-        z,
-        {
-          iconName: g === b.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
-        }
-      ) });
-      return /* @__PURE__ */ Q("div", { className: n["input-field-group-datePicker"], children: [
-        /* @__PURE__ */ Q("div", { className: ot, "data-disabled": v, children: [
-          /* @__PURE__ */ d(
+      })(), yt = ({ isActive: t }) => {
+        const r = (a) => {
+          a.stopPropagation(), $ || m(!t);
+        }, s = j === "l" ? 16 : 12;
+        return /* @__PURE__ */ l(
+          xt,
+          {
+            variant: "transparent",
+            disabled: $,
+            size: j === "l" ? "l" : "m-s",
+            onClick: r,
+            iconName: t ? `DropdownArrowUp${s}px` : `DropdownArrowBottom${s}px`
+          }
+        );
+      };
+      return /* @__PURE__ */ J("div", { className: y["input-field-group-datePicker"], children: [
+        /* @__PURE__ */ J("div", { className: at, "data-disabled": $, children: [
+          /* @__PURE__ */ l(
             "div",
             {
               role: "button",
-              "data-status": u.status,
-              className: X(n["date-wrapper"], {
-                [n.editable]: x
+              "data-status": h.status,
+              className: X(y["date-wrapper"], {
+                [y.editable]: u
               }),
-              onClick: et,
-              children: /* @__PURE__ */ d(
+              onClick: tt,
+              children: /* @__PURE__ */ l(
                 At,
                 {
-                  ref: B,
-                  className: at,
-                  wrapperClassName: n["input-wrapper"],
-                  size: g,
+                  ref: R,
+                  className: ft,
+                  wrapperClassName: y["input-wrapper"],
+                  size: j,
                   type: "text",
-                  variant: C,
-                  value: V,
-                  onChange: ct,
+                  variant: Z,
+                  value: B,
+                  onChange: rt,
+                  onKeyDown: ot,
                   rightAddon: {
                     addonType: "react-node",
-                    addonContent: /* @__PURE__ */ d(Dt, { isActive: h })
+                    addonContent: /* @__PURE__ */ l(yt, { isActive: H })
                   },
-                  rightSlotClassName: n["right-slot"],
+                  rightSlotClassName: y["right-slot"],
                   onFocus: () => {
-                    L && !x && D(!0);
+                    L && !u && m(!0);
                   },
-                  ...u
+                  withClearButton: C,
+                  onClearButtonClick: ct,
+                  ...h
                 }
               )
             }
           ),
-          h && /* @__PURE__ */ d(nt, {})
+          H && /* @__PURE__ */ l(Dt, {})
         ] }),
-        S && typeof S == "string" && /* @__PURE__ */ d("div", { className: n.textError, children: S })
+        Y && typeof Y == "string" && /* @__PURE__ */ l("div", { className: y.textError, children: Y })
       ] });
     }
   )
 );
-Pt.displayName = "DatePicker";
+It.displayName = "DatePicker";
 export {
-  Pt as DatePicker
+  It as DatePicker
 };