mimir-ui-kit 1.64.3 → 1.64.5

package/dist/components/DatePicker/DatePicker.js

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