mimir-ui-kit 1.43.15 → 1.43.18

package/dist/components/DatePicker/DatePicker.js

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

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

@@ -9,6 +9,7 @@ type TProps = {
     disablePast?: boolean;
     disabledDate?: (date: Date) => boolean;
     validRange?: [Date, Date];
+    dateFormat?: 'full' | 'month' | 'year';
 };
-export declare const DatePickerModal: ({ date, selectedDate, onChangeValue, setIsActive, before, onChangeType, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerModal: ({ date, selectedDate, onChangeValue, setIsActive, before, onChangeType, disableFuture, disablePast, disabledDate, validRange, dateFormat }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};