mimir-ui-kit 1.35.1 → 1.35.3

package/dist/components/Button/Button.js

@@ -1,91 +1,99 @@
-import { jsxs as f, jsx as x } from "react/jsx-runtime";
-import { c as g } from "../../index-DIxK0V-G.js";
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { c } from "../../index-DIxK0V-G.js";
 import { forwardRef as B } from "react";
-import { EButtonVariantDefault as N, EButtonForm as I } from "./constants.js";
+import { EButtonVariantDefault as I, EButtonForm as k } from "./constants.js";
 import { Icon as j } from "../../icons/Icon.js";
-import '../../assets/Button.css';const D = "_button_1kw2t_2", E = "_clear_1kw2t_42", P = "_black_1kw2t_120", v = "_gray_1kw2t_129", z = "_white_1kw2t_138", C = "_xs_1kw2t_236", F = "_s_1kw2t_72", R = "_m_1kw2t_244", S = "_l_1kw2t_268", V = "_xl_1kw2t_276", q = "_xxl_1kw2t_285", A = "_full_1kw2t_294", G = "_disabled_1kw2t_300", t = {
-  button: D,
-  clear: E,
-  "default-button": "_default-button_1kw2t_54",
-  "primary-sapphire": "_primary-sapphire_1kw2t_54",
-  "primary-citrine": "_primary-citrine_1kw2t_63",
-  "secondary-asphalt": "_secondary-asphalt_1kw2t_72",
-  "secondary-gray": "_secondary-gray_1kw2t_81",
-  "secondary-white": "_secondary-white_1kw2t_90",
-  "secondary-red": "_secondary-red_1kw2t_99",
-  "round-button": "_round-button_1kw2t_109",
+import '../../assets/Button.css';const C = "_button_1qnsv_2", D = "_clear_1qnsv_42", E = "_count_1qnsv_53", P = "_black_1qnsv_132", z = "_gray_1qnsv_141", F = "_white_1qnsv_150", R = "_xs_1qnsv_250", S = "_s_1qnsv_83", V = "_m_1qnsv_259", A = "_l_1qnsv_283", G = "_xl_1qnsv_291", H = "_xxl_1qnsv_299", J = "_full_1qnsv_314", K = "_disabled_1qnsv_320", s = {
+  button: C,
+  clear: D,
+  count: E,
+  "default-button": "_default-button_1qnsv_61",
+  "primary-sapphire": "_primary-sapphire_1qnsv_64",
+  "primary-citrine": "_primary-citrine_1qnsv_73",
+  "secondary-asphalt": "_secondary-asphalt_1qnsv_83",
+  "secondary-gray": "_secondary-gray_1qnsv_92",
+  "secondary-white": "_secondary-white_1qnsv_101",
+  "secondary-red": "_secondary-red_1qnsv_110",
+  "round-button": "_round-button_1qnsv_120",
   black: P,
-  gray: v,
-  white: z,
-  "outline-button": "_outline-button_1kw2t_148",
-  "outline-asphalt": "_outline-asphalt_1kw2t_155",
-  "outline-gray": "_outline-gray_1kw2t_163",
-  "outline-white": "_outline-white_1kw2t_172",
-  "outline-red": "_outline-red_1kw2t_181",
-  "borderless-button": "_borderless-button_1kw2t_191",
-  "borderless-asphalt": "_borderless-asphalt_1kw2t_197",
-  "borderless-gray": "_borderless-gray_1kw2t_202",
-  "borderless-white": "_borderless-white_1kw2t_207",
-  "borderless-red": "_borderless-red_1kw2t_212",
-  xs: C,
-  "m-s": "_m-s_1kw2t_244",
-  s: F,
-  m: R,
-  l: S,
-  xl: V,
-  xxl: q,
-  full: A,
-  disabled: G,
-  "icon-button": "_icon-button_1kw2t_320"
-}, H = B(
-  (e, s) => {
+  gray: z,
+  white: F,
+  "outline-button": "_outline-button_1qnsv_160",
+  "outline-asphalt": "_outline-asphalt_1qnsv_168",
+  "outline-gray": "_outline-gray_1qnsv_176",
+  "outline-white": "_outline-white_1qnsv_185",
+  "outline-red": "_outline-red_1qnsv_194",
+  "borderless-button": "_borderless-button_1qnsv_204",
+  "borderless-asphalt": "_borderless-asphalt_1qnsv_211",
+  "borderless-gray": "_borderless-gray_1qnsv_216",
+  "borderless-white": "_borderless-white_1qnsv_221",
+  "borderless-red": "_borderless-red_1qnsv_226",
+  xs: R,
+  "m-s": "_m-s_1qnsv_259",
+  s: S,
+  m: V,
+  l: A,
+  xl: G,
+  xxl: H,
+  full: J,
+  disabled: K,
+  "icon-button": "_icon-button_1qnsv_341"
+}, L = B(
+  (i, u) => {
     const {
-      size: n = "m",
-      variant: a = N.PrimarySapphire,
-      form: l = I.DefaultButton,
-      full: i,
-      clear: o,
+      size: o = "m",
+      variant: d = I.PrimarySapphire,
+      form: _ = k.DefaultButton,
+      full: b,
+      clear: n,
       isIconButton: r = !1,
-      iconName: c,
-      children: u,
-      className: d,
-      formId: w,
-      type: b = "button",
-      rightIcon: k,
-      leftIcon: m,
-      disabled: _,
-      ...p
-    } = e, y = {
-      [t.full]: i && !o,
-      [t.disabled]: _ && !o,
-      [t.clear]: o,
-      [t[a ?? ""]]: !_ || o,
-      [t["icon-button"]]: r
-    }, h = g(
-      d,
-      t.button,
-      y,
-      o ? [] : [t[l ?? ""], t[n]]
+      iconName: v,
+      children: m,
+      className: q,
+      formId: p,
+      type: y = "button",
+      rightIcon: h,
+      count: e,
+      leftIcon: f,
+      disabled: t,
+      ...x
+    } = i, a = {
+      [s.full]: b && !n,
+      [s.disabled]: t && !n,
+      [s.clear]: n,
+      [s[d ?? ""]]: !t || n,
+      [s["icon-button"]]: r
+    }, g = c(
+      q,
+      s.button,
+      a,
+      n ? [] : [s[_ ?? ""], s[o]]
+    ), w = c(
+      s.count,
+      a,
+      s[o],
+      s[_ ?? ""]
     );
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ N(
       "button",
       {
-        type: b,
-        form: w,
-        ...p,
-        disabled: _,
-        ref: s,
-        className: h,
+        type: y,
+        form: p,
+        ...x,
+        disabled: t,
+        ref: u,
+        className: g,
         children: [
-          m,
-          r ? /* @__PURE__ */ x(j, { iconName: c }) : u,
-          k
+          f,
+          r ? /* @__PURE__ */ l(j, { iconName: v }) : m,
+          h,
+          !!e && /* @__PURE__ */ l("span", { className: w, children: e })
         ]
       }
     );
   }
 );
-H.displayName = "Button";
+L.displayName = "Button";
 export {
-  H as Button
+  L as Button
 };

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

@@ -1,6 +1,6 @@
 import { TInputProps } from '../Input';
 
-export type DatePicker = {
+export type TProps = {
     /**
      * Функция обратного вызова при изменении значения даты
      */

package/dist/components/DatePicker/DatePicker.js

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

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

@@ -1,9 +1,9 @@
-type DatePickerModal = {
+type TProps = {
     date: Date;
-    onChangeValue: (d: Date) => void;
-    setActive: (s: boolean) => void;
     before?: Date;
-    onType?: (s: 'days' | 'months' | 'years') => void;
+    onChangeValue: (date: Date) => void;
+    setIsActive: (isActive: boolean) => void;
+    onChangeType?: (s: 'days' | 'months' | 'years') => void;
 };
-export declare function DatePickerModal({ date, onChangeValue, setActive, before, onType }: DatePickerModal): import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerModal: ({ date, onChangeValue, setIsActive, before, onChangeType }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};