mimir-ui-kit 1.43.11 → 1.43.12

package/dist/components/DatePicker/DatePicker.js

@@ -1,255 +1,242 @@
-import { jsxs as J, jsx as l } from "react/jsx-runtime";
+import { jsxs as Q, jsx as d } from "react/jsx-runtime";
 import { c as X } from "../../index-DIxK0V-G.js";
-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(
+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(
   dt(
     ({
-      size: j,
-      value: w,
-      onChangeValue: i,
-      name: p,
+      size: g,
+      value: l,
+      onChangeValue: s,
+      name: y,
       before: N,
-      type: f = "days",
-      error: v,
+      type: a = "days",
+      error: j,
       onError: T,
-      onBlur: c,
+      onBlur: o,
       validateImmediately: G,
-      variant: Z,
-      disabled: $ = !1,
-      editable: u = !1,
+      variant: C,
+      disabled: v = !1,
+      editable: x = !1,
       openOnInput: L = !0,
-      sendIntermediateValues: b = !1,
-      disableFuture: U = !1,
-      disablePast: W = !1,
+      sendIntermediateValues: R = !1,
+      disableFuture: W = !1,
+      disablePast: q = !1,
       disabledDate: _,
-      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(() => {
+      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]), $(() => {
         M(
-          w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
+          l && !isNaN(new Date(l).getTime()) ? new Date(l) : void 0
         );
-      }, [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,
+      }, [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,
         setActive: (t) => {
-          m(t), n(f), t || k(void 0);
+          D(t), m(a), t || k(void 0);
         },
-        className: y["calendar-block"]
+        className: n["calendar-block"]
       });
-      const tt = () => {
-        !$ && (L || !u) && m(!0);
-      }, z = (t) => {
+      const et = () => {
+        !v && (L || !x) && D(!0);
+      }, J = (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 (U) {
-          const s = /* @__PURE__ */ new Date();
-          if (s.setHours(0, 0, 0, 0), t.getTime() > s.getTime()) return !1;
-        }
         if (W) {
-          const s = /* @__PURE__ */ new Date();
-          if (s.setHours(0, 0, 0, 0), r < s.getTime()) return !1;
+          const i = /* @__PURE__ */ new Date();
+          if (i.setHours(0, 0, 0, 0), t.getTime() > i.getTime()) return !1;
+        }
+        if (q) {
+          const i = /* @__PURE__ */ new Date();
+          if (i.setHours(0, 0, 0, 0), r < i.getTime()) return !1;
         }
         if (_ && _(t)) return !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]
+        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]
           ];
-          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;
+          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;
         }
         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) => {
-        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);
+        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);
             return;
           }
         } else
-          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);
+          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);
             return;
           }
         } else
           k(new Date(t, r - 1, 1));
-        f === "months" ? (m(!1), n(f)) : n("days");
-      }, rt = (t) => {
-        if (u) {
+        a === "months" ? (D(!1), m(a)) : m("days");
+      }, ct = (t) => {
+        if (x) {
           const r = t.target.value.replace(/[^\d]/g, "");
           if (r.length === 0)
-            x(""), i == null || i({ value: "", name: p }), c == null || c("");
+            H(""), s == null || s({ value: "", name: y }), o == null || o("");
           else {
-            const [s, a, e] = [
-              Q(r.substring(0, 2), wt),
-              Q(r.substring(2, 4), lt),
+            const [i, f, e] = [
+              Z(r.substring(0, 2), yt),
+              Z(r.substring(2, 4), wt),
               r.substring(4, 8)
-            ], 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
+            ], 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
               });
             }
-            if (I.length === Nt) {
-              const P = parseInt(e), g = /* @__PURE__ */ new Date(
-                `${P}-${a.padStart(2, "0")}-${s.padStart(2, "0")}`
+            if (P.length === lt) {
+              const A = parseInt(e), Y = /* @__PURE__ */ new Date(
+                `${A}-${f.padStart(2, "0")}-${i.padStart(2, "0")}`
               );
-              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")));
+              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")));
             }
           }
         }
-      }, 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) {
+      }, ot = X(n.wrapper, h && n.active), at = X(n.input, n.inputBorderControl);
+      let K;
+      if (c) {
         let 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];
+        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];
       }
-      const O = {
-        onChangeValue: et,
-        date: V || D || /* @__PURE__ */ new Date(),
-        selectedDate: D,
+      const U = {
+        onChangeValue: st,
+        date: tt || p || /* @__PURE__ */ new Date(),
+        selectedDate: p,
         before: typeof N == "string" ? new Date(N) : N,
-        onChangeType: n,
-        setIsActive: m,
-        disableFuture: U,
-        disablePast: W,
+        onChangeType: m,
+        setIsActive: D,
+        disableFuture: W,
+        disablePast: q,
         disabledDate: _,
-        validRange: E
+        validRange: K
+      }, ft = {
+        ...U,
+        onChangeMonth: rt
       }, mt = {
-        ...O,
-        onChangeMonth: it
-      }, nt = {
-        ...O,
-        onChangeYear: st
-      }, Dt = (() => {
+        ...U,
+        onChangeYear: it
+      }, nt = (() => {
         switch (F) {
           case "months":
-            return () => /* @__PURE__ */ l(Mt, { ...mt });
+            return () => /* @__PURE__ */ d(Tt, { ...ft });
           case "years":
-            return () => /* @__PURE__ */ l(kt, { ...nt });
+            return () => /* @__PURE__ */ d(Mt, { ...mt });
           default:
-            return () => /* @__PURE__ */ l(Tt, { ...O });
+            return () => /* @__PURE__ */ d(Nt, { ...U });
         }
-      })(), 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(
+      })(), 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(
             "div",
             {
               role: "button",
-              "data-status": h.status,
-              className: X(y["date-wrapper"], {
-                [y.editable]: u
+              "data-status": u.status,
+              className: X(n["date-wrapper"], {
+                [n.editable]: x
               }),
-              onClick: tt,
-              children: /* @__PURE__ */ l(
+              onClick: et,
+              children: /* @__PURE__ */ d(
                 At,
                 {
-                  ref: R,
-                  className: ft,
-                  wrapperClassName: y["input-wrapper"],
-                  size: j,
+                  ref: B,
+                  className: at,
+                  wrapperClassName: n["input-wrapper"],
+                  size: g,
                   type: "text",
-                  variant: Z,
-                  value: B,
-                  onChange: rt,
-                  onKeyDown: ot,
+                  variant: C,
+                  value: V,
+                  onChange: ct,
                   rightAddon: {
                     addonType: "react-node",
-                    addonContent: /* @__PURE__ */ l(yt, { isActive: H })
+                    addonContent: /* @__PURE__ */ d(Dt, { isActive: h })
                   },
-                  rightSlotClassName: y["right-slot"],
+                  rightSlotClassName: n["right-slot"],
                   onFocus: () => {
-                    L && !u && m(!0);
+                    L && !x && D(!0);
                   },
-                  withClearButton: C,
-                  onClearButtonClick: ct,
-                  ...h
+                  ...u
                 }
               )
             }
           ),
-          H && /* @__PURE__ */ l(Dt, {})
+          h && /* @__PURE__ */ d(nt, {})
         ] }),
-        Y && typeof Y == "string" && /* @__PURE__ */ l("div", { className: y.textError, children: Y })
+        S && typeof S == "string" && /* @__PURE__ */ d("div", { className: n.textError, children: S })
       ] });
     }
   )
 );
-It.displayName = "DatePicker";
+Pt.displayName = "DatePicker";
 export {
-  It as DatePicker
+  Pt as DatePicker
 };