mimir-ui-kit 1.35.2 → 1.35.3

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 {};

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,151 +1,147 @@
-import { jsx as a, Fragment as q, jsxs as u } from "react/jsx-runtime";
-import { useRef as G, useState as J, useEffect as K } from "react";
-import { week as Q } from "./constants.js";
-import { c as o } from "../../styles.module-BQZZ6FB1.js";
-import { Icon as T } from "../../icons/Icon.js";
-import { formating as i } from "../../utils/index.js";
-import { Button as j } from "../Button/Button.js";
-import { parseDate as F } from "../../utils/formating/Date.js";
-function ct({
-  date: l,
-  onChangeValue: I,
-  setActive: P,
-  before: g,
-  onType: d
-}) {
-  var k;
-  const r = G(null);
-  l = isNaN(new Date(l).getTime()) ? /* @__PURE__ */ new Date() : l;
-  const h = F(l), p = F(l), y = {
-    y: h.getFullYear(),
-    d: h.getDate(),
-    m: h.getMonth() + 1
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+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 { getUpdateDate as M } from "./utils.js";
+import { Icon as G } from "../../icons/Icon.js";
+import { formating as s } from "../../utils/index.js";
+import { Button as $ } from "../Button/Button.js";
+import { parseDate as k } from "../../utils/formating/Date.js";
+const tt = ({
+  date: i,
+  onChangeValue: P,
+  setIsActive: A,
+  before: h,
+  onChangeType: u
+}) => {
+  var b;
+  i = isNaN(new Date(i).getTime()) ? /* @__PURE__ */ new Date() : i;
+  const d = k(i), D = k(i), y = {
+    y: d.getFullYear(),
+    d: d.getDate(),
+    m: d.getMonth() + 1
   }, f = {
-    y: p.getFullYear(),
-    d: p.getDate(),
-    m: p.getMonth() + 1
-  }, z = 4, [n, w] = J({ y: f.y, m: f.m }), v = 368;
-  K(() => {
-    var c, s, M, W, B, C;
-    const t = window.innerHeight, e = window.innerWidth;
-    if (r.current !== null) {
-      const O = ((s = (c = r == null ? void 0 : r.current) == null ? void 0 : c.parentElement) == null ? void 0 : s.offsetWidth) || 0, A = ((W = (M = r == null ? void 0 : r.current) == null ? void 0 : M.parentElement) == null ? void 0 : W.offsetHeight) || 0, E = (C = (B = r == null ? void 0 : r.current) == null ? void 0 : B.parentElement) == null ? void 0 : C.getBoundingClientRect(), H = r.current.offsetHeight;
-      t < E.y + H + A ? r.current.style.top = -H + "px" : r.current.style.top = A + "px", e < E.x + v && (r.current.style.left = O - v + "px"), r.current.style.opacity = "1";
-    }
-  }, [n]);
-  const L = (t) => {
-    let e = t.getDay();
-    return e === 0 && (e = 7), e - 1;
-  }, N = n.m - 1, m = new Date(n.y, N), D = [], x = (() => {
+    y: D.getFullYear(),
+    d: D.getDate(),
+    m: D.getMonth() + 1
+  }, [e, g] = O({ y: f.y, m: f.m }), B = z([e]), I = (t) => {
+    let r = t.getDay();
+    return r === 0 && (r = 7), r - 1;
+  }, N = e.m - 1, m = new Date(e.y, N), p = [], v = (() => {
     const t = new Date(m);
     t.setDate(t.getDate() - 1);
-    const e = t.getDate(), c = [];
-    for (let s = 0; s < L(m); s++)
-      c.push(e - s);
+    const r = t.getDate(), c = [];
+    for (let n = 0; n < I(m); n++)
+      c.push(r - n);
     return c.reverse(), c;
   })();
   for (; m.getMonth() === N; )
-    D.push(m.getDate()), m.setDate(m.getDate() + 1);
-  const R = (() => {
-    const e = 42 - (x.length + D.length), c = [];
-    for (let s = 1; s <= e; s++)
-      c.push(s);
+    p.push(m.getDate()), m.setDate(m.getDate() + 1);
+  const S = (() => {
+    const r = 42 - (v.length + p.length), c = [];
+    for (let n = 1; n <= r; n++)
+      c.push(n);
     return c;
-  })(), b = (t, e) => (e = t > 12 ? e + 1 : t < 1 ? e - 1 : e, t = t > 12 ? 1 : t < 1 ? 12 : t, { y: e, m: t }), S = () => {
-    P(!1);
-  }, V = () => {
-    w(b(n.m + 1, n.y));
-  }, Y = () => {
-    w(b(n.m - 1, n.y));
-  }, $ = (t) => !!(g && g.getTime() > t), _ = (t) => {
-    $(
+  })(), _ = () => {
+    A(!1);
+  }, C = () => {
+    g(M(e.m + 1, e.y));
+  }, F = () => {
+    g(M(e.m - 1, e.y));
+  }, w = (t) => !!(h && h.getTime() > t), L = (t) => {
+    w(
       (/* @__PURE__ */ new Date(
-        `${n.y}-${i.Number(2, n.m)}-${i.Number(2, t)}`
+        `${e.y}-${s.Number(2, e.m)}-${s.Number(2, t)}`
       )).getTime()
-    ) || (I(
+    ) || (P(
       /* @__PURE__ */ new Date(
-        `${n.y}-${i.Number(2, n.m)}-${i.Number(2, t)}`
+        `${e.y}-${s.Number(2, e.m)}-${s.Number(2, t)}`
       )
-    ), S());
+    ), _());
   };
-  return /* @__PURE__ */ a(q, { children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: [o["calendar-block"]].join(" "),
-      ref: r,
+      className: o["calendar-block"],
+      ref: B,
       "data-testid": "calendar-modal",
       children: [
-        /* @__PURE__ */ u("div", { className: o.h, children: [
+        /* @__PURE__ */ l("div", { className: o.h, children: [
           /* @__PURE__ */ a(
-            j,
+            $,
             {
               isIconButton: !0,
               iconName: "DropdownArrowLeft16px",
-              onClick: Y,
+              onClick: F,
               variant: "secondary-gray",
               size: "l"
             }
           ),
-          /* @__PURE__ */ u(
-            "div",
+          /* @__PURE__ */ l(
+            "button",
             {
+              type: "button",
               className: o.d,
-              onClick: () => d == null ? void 0 : d("months"),
+              onClick: () => u == null ? void 0 : u("months"),
               "data-testid": "month-year-button",
               children: [
-                (k = i.Month(n.m)) == null ? void 0 : k.name,
+                (b = s.Month(e.m)) == null ? void 0 : b.name,
                 "’",
-                n.y.toString().slice(-2),
-                /* @__PURE__ */ a(T, { iconName: "DropdownArrowBottom16px" })
+                e.y.toString().slice(-2),
+                /* @__PURE__ */ a(G, { iconName: "DropdownArrowBottom16px" })
               ]
             }
           ),
           /* @__PURE__ */ a(
-            j,
+            $,
             {
               isIconButton: !0,
               iconName: "DropdownArrowRight16px",
-              onClick: V,
+              onClick: C,
               variant: "secondary-gray",
               size: "l"
             }
           )
         ] }),
-        /* @__PURE__ */ u("div", { className: o.b, children: [
-          Q.map((t, e) => /* @__PURE__ */ a(
+        /* @__PURE__ */ l("div", { className: o.b, children: [
+          Y.map((t, r) => /* @__PURE__ */ a(
             "div",
             {
-              className: `${e > z ? [o.m, o.orange].join(" ") : o.m}`,
+              className: x(o.m, {
+                [o.orange]: r > j
+              }),
               children: t
             },
-            `v${e}`
+            `v${r}`
           )),
-          x.map((t, e) => /* @__PURE__ */ a("div", { className: o.m, children: t }, e)),
-          D.map((t, e) => /* @__PURE__ */ a(
-            "div",
+          v.map((t, r) => /* @__PURE__ */ a("div", { className: o.m, children: t }, r)),
+          p.map((t, r) => /* @__PURE__ */ a(
+            "button",
             {
-              className: $(
-                (/* @__PURE__ */ new Date(
-                  `${n.y}-${i.Number(2, n.m)}-${i.Number(2, t)}`
-                )).getTime()
-              ) ? o.m : o.a,
-              children: t !== 0 ? /* @__PURE__ */ a(
-                "b",
+              type: "button",
+              onClick: () => L(t),
+              className: x(
+                w(
+                  (/* @__PURE__ */ new Date(
+                    `${e.y}-${s.Number(2, e.m)}-${s.Number(2, t)}`
+                  )).getTime()
+                ) ? o.m : o.a,
                 {
-                  className: y.y === n.y && y.m === n.m && y.d === t ? o.current : "",
-                  onClick: () => _(t),
-                  children: t
+                  [o.current]: y.y === e.y && y.m === e.m && y.d === t
                 }
-              ) : /* @__PURE__ */ a("p", {})
+              ),
+              children: t !== 0 && t
             },
-            e
+            r
           )),
-          R.map((t, e) => /* @__PURE__ */ a("div", { className: o.m, children: t }, e))
+          S.map((t, r) => /* @__PURE__ */ a("div", { className: o.m, children: t }, r))
         ] })
       ]
     }
-  ) });
-}
+  );
+};
 export {
-  ct as DatePickerModal
+  tt as DatePickerModal
 };

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

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