mimir-ui-kit 1.43.9 → 1.43.11

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,170 +1,206 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { c as P } from "../../index-DIxK0V-G.js";
-import { useState as G } from "react";
-import { week as U, COUNT_WORK_DAYS as V } from "./constants.js";
-import { useDatePickerPosition as W } from "./hooks.js";
-import { c as n } from "../../styles.module-Cuqm31CO.js";
-import { getUpdateDate as A } from "./utils.js";
-import { Icon as E } from "../../icons/Icon.js";
-import { formating as m } from "../../utils/index.js";
-import { Button as B } from "../Button/Button.js";
-import { parseDate as H } from "../../utils/formating/Date.js";
-const at = ({
-  date: i,
-  selectedDate: d,
-  onChangeValue: I,
-  setIsActive: O,
-  before: p,
-  onChangeType: D,
-  disableFuture: S = !1,
-  disablePast: T = !1,
-  disabledDate: h,
-  validRange: N
+import { jsxs as D, jsx as m } from "react/jsx-runtime";
+import { c as l } from "../../index-DIxK0V-G.js";
+import { useState as E } from "react";
+import { week as K, COUNT_WORK_DAYS as R } from "./constants.js";
+import { useDatePickerPosition as q } from "./hooks.js";
+import { c as n } from "../../styles.module-BfkM1-KJ.js";
+import { getUpdateDate as F } from "./utils.js";
+import { Icon as J } from "../../icons/Icon.js";
+import { formating as c } from "../../utils/index.js";
+import { Button as H } from "../Button/Button.js";
+import { parseDate as I } from "../../utils/formating/Date.js";
+const lt = ({
+  date: u,
+  selectedDate: f,
+  onChangeValue: O,
+  setIsActive: S,
+  before: x,
+  onChangeType: h,
+  disableFuture: T = !1,
+  disablePast: j = !1,
+  disabledDate: v,
+  validRange: M
 }) => {
-  var $;
-  i = isNaN(new Date(i).getTime()) ? /* @__PURE__ */ new Date() : i;
-  const l = H(i), f = d ? H(d) : l, y = {
-    y: f.getFullYear(),
-    d: f.getDate(),
-    m: f.getMonth() + 1
-  }, w = {
-    y: l.getFullYear(),
-    d: l.getDate(),
-    m: l.getMonth() + 1
-  }, [r, b] = G({ y: w.y, m: w.m }), _ = W([r]), j = (t) => {
-    let e = t.getDay();
-    return e === 0 && (e = 7), e - 1;
-  }, v = r.m - 1, c = new Date(r.y, v), g = [], x = (() => {
-    const t = new Date(c);
+  var B;
+  u = isNaN(new Date(u).getTime()) ? /* @__PURE__ */ new Date() : u;
+  const d = I(u), g = f ? I(f) : d, p = /* @__PURE__ */ new Date(), N = {
+    y: g.getFullYear(),
+    d: g.getDate(),
+    m: g.getMonth() + 1
+  }, $ = {
+    y: d.getFullYear(),
+    d: d.getDate(),
+    m: d.getMonth() + 1
+  }, a = {
+    y: p.getFullYear(),
+    d: p.getDate(),
+    m: p.getMonth() + 1
+  }, [e, k] = E({ y: $.y, m: $.m }), [C, P] = q([e]), L = (t) => {
+    let r = t.getDay();
+    return r === 0 && (r = 7), r - 1;
+  }, _ = e.m - 1, i = new Date(e.y, _), w = [], A = (() => {
+    const t = new Date(i);
     t.setDate(t.getDate() - 1);
-    const e = t.getDate(), o = [];
-    for (let s = 0; s < j(c); s++)
-      o.push(e - s);
+    const r = t.getDate(), o = [];
+    for (let s = 0; s < L(i); s++)
+      o.push({
+        day: r - s,
+        month: t.getMonth() + 1,
+        year: t.getFullYear()
+      });
     return o.reverse(), o;
   })();
-  for (; c.getMonth() === v; )
-    g.push(c.getDate()), c.setDate(c.getDate() + 1);
-  const C = (() => {
-    const e = 42 - (x.length + g.length), o = [];
-    for (let s = 1; s <= e; s++)
-      o.push(s);
+  for (; i.getMonth() === _; )
+    w.push(i.getDate()), i.setDate(i.getDate() + 1);
+  const z = (() => {
+    const r = 42 - (A.length + w.length), o = [], s = e.m === 11 ? 0 : e.m + 1, y = e.m === 11 ? e.y + 1 : e.y;
+    for (let b = 1; b <= r; b++)
+      o.push({
+        day: b,
+        month: s,
+        year: y
+      });
     return o;
-  })(), F = () => {
-    O(!1);
-  }, L = () => {
-    b(A(r.m + 1, r.y));
-  }, Y = () => {
-    b(A(r.m - 1, r.y));
-  }, M = (t) => {
-    const e = new Date(t);
-    if (e.setHours(0, 0, 0, 0), p && p.getTime() > t)
+  })(), G = () => {
+    S(!1);
+  }, U = () => {
+    k(F(e.m + 1, e.y));
+  }, V = () => {
+    k(F(e.m - 1, e.y));
+  }, Y = (t) => {
+    const r = new Date(t);
+    if (r.setHours(0, 0, 0, 0), x && x.getTime() > t)
       return !0;
-    if (S) {
+    if (T) {
       const o = /* @__PURE__ */ new Date();
-      if (o.setHours(0, 0, 0, 0), e.getTime() > o.getTime()) return !0;
+      if (o.setHours(0, 0, 0, 0), r.getTime() > o.getTime()) return !0;
     }
-    if (T) {
+    if (j) {
       const o = /* @__PURE__ */ new Date();
       if (o.setHours(0, 0, 0, 0), t < o.getTime()) return !0;
     }
-    if (h && h(e)) return !0;
-    if (N) {
-      const [o, s] = N, k = new Date(t);
-      if (o.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), k < o || k > s) return !0;
+    if (v && v(r)) return !0;
+    if (M) {
+      const [o, s] = M, y = new Date(t);
+      if (o.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), y < o || y > s) return !0;
     }
     return !1;
-  }, z = (t) => {
-    M(
+  }, W = (t) => {
+    Y(
       (/* @__PURE__ */ new Date(
-        `${r.y}-${m.Number(2, r.m)}-${m.Number(2, t)}`
+        `${e.y}-${c.Number(2, e.m)}-${c.Number(2, t)}`
       )).getTime()
-    ) || (I(
+    ) || (O(
       /* @__PURE__ */ new Date(
-        `${r.y}-${m.Number(2, r.m)}-${m.Number(2, t)}`
+        `${e.y}-${c.Number(2, e.m)}-${c.Number(2, t)}`
       )
-    ), F());
+    ), G());
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ D(
     "div",
     {
-      className: n["calendar-block"],
-      ref: _,
+      className: l(
+        n["calendar-block"],
+        P && n[`calendar-block--position-${P}`]
+      ),
+      ref: C,
       "data-testid": "calendar-modal",
       children: [
-        /* @__PURE__ */ u("div", { className: n.h, children: [
-          /* @__PURE__ */ a(
-            B,
+        /* @__PURE__ */ D("div", { className: n.h, children: [
+          /* @__PURE__ */ m(
+            H,
             {
               isIconButton: !0,
               iconName: "DropdownArrowLeft16px",
-              onClick: Y,
+              onClick: V,
               variant: "secondary-gray",
               size: "l"
             }
           ),
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ D(
             "button",
             {
               type: "button",
               className: n.d,
-              onClick: () => D == null ? void 0 : D("months"),
+              onClick: () => h == null ? void 0 : h("months"),
               "data-testid": "month-year-button",
               children: [
-                ($ = m.Month(r.m)) == null ? void 0 : $.name,
+                (B = c.Month(e.m)) == null ? void 0 : B.name,
                 "’",
-                r.y.toString().slice(-2),
-                /* @__PURE__ */ a(E, { iconName: "DropdownArrowBottom16px" })
+                e.y.toString().slice(-2),
+                /* @__PURE__ */ m(J, { iconName: "DropdownArrowBottom16px" })
               ]
             }
           ),
-          /* @__PURE__ */ a(
-            B,
+          /* @__PURE__ */ m(
+            H,
             {
               isIconButton: !0,
               iconName: "DropdownArrowRight16px",
-              onClick: L,
+              onClick: U,
               variant: "secondary-gray",
               size: "l"
             }
           )
         ] }),
-        /* @__PURE__ */ u("div", { className: n.b, children: [
-          U.map((t, e) => /* @__PURE__ */ a(
+        /* @__PURE__ */ D("div", { className: n.b, children: [
+          K.map((t, r) => /* @__PURE__ */ m(
             "div",
             {
-              className: P(n.m, {
-                [n.orange]: e > V
+              className: l(n.m, {
+                [n.orange]: r > R
               }),
               children: t
             },
-            `v${e}`
+            `v${r}`
+          )),
+          A.map((t, r) => /* @__PURE__ */ m(
+            "div",
+            {
+              className: l(n.m, {
+                [n.current_disabled]: a.y === t.year && a.m === t.month && a.d === t.day
+              }),
+              children: t.day
+            },
+            r
           )),
-          x.map((t, e) => /* @__PURE__ */ a("div", { className: n.m, children: t }, e)),
-          g.map((t, e) => /* @__PURE__ */ a(
+          w.map((t, r) => /* @__PURE__ */ m(
             "button",
             {
               type: "button",
-              onClick: () => z(t),
-              className: P(
-                M(
+              onClick: () => W(t),
+              className: l(
+                Y(
                   (/* @__PURE__ */ new Date(
-                    `${r.y}-${m.Number(2, r.m)}-${m.Number(2, t)}`
+                    `${e.y}-${c.Number(2, e.m)}-${c.Number(2, t)}`
                   )).getTime()
                 ) ? n.m : n.a,
                 {
-                  [n.current]: d && y.y === r.y && y.m === r.m && y.d === t
+                  [n.current]: a.y === e.y && a.m === e.m && a.d === t
+                },
+                {
+                  [n.selecte]: f && N.y === e.y && N.m === e.m && N.d === t
                 }
               ),
               children: t !== 0 && t
             },
-            e
+            r
           )),
-          C.map((t, e) => /* @__PURE__ */ a("div", { className: n.m, children: t }, e))
+          z.map((t, r) => /* @__PURE__ */ m(
+            "div",
+            {
+              className: l(n.m, {
+                [n.current_disabled]: a.y === t.year && a.m === t.month && a.d === t.day
+              }),
+              children: t.day
+            },
+            r
+          ))
         ] })
       ]
     }
   );
 };
 export {
-  at as DatePickerModal
+  lt as DatePickerModal
 };

package/dist/components/DatePicker/MonthPickerModal.js

@@ -1,134 +1,154 @@
-import { jsxs as w, jsx as f } from "react/jsx-runtime";
-import { c as R } from "../../index-DIxK0V-G.js";
-import { useState as _ } from "react";
-import { months as C } from "./constants.js";
-import { useDatePickerPosition as L } from "./hooks.js";
-import { c } from "../../styles.module-Cuqm31CO.js";
-import { Icon as b } from "../../icons/Icon.js";
-import { formating as F } from "../../utils/index.js";
-import { Button as H } from "../Button/Button.js";
-const Z = ({
-  date: P,
+import { jsxs as g, jsx as f } from "react/jsx-runtime";
+import { c as B } from "../../index-DIxK0V-G.js";
+import { useState as L } from "react";
+import { months as q } from "./constants.js";
+import { useDatePickerPosition as E } from "./hooks.js";
+import { c as a } from "../../styles.module-BfkM1-KJ.js";
+import { Icon as J } from "../../icons/Icon.js";
+import { formating as H } from "../../utils/index.js";
+import { Button as $ } from "../Button/Button.js";
+const et = ({
+  date: A,
   selectedDate: D,
-  onChangeValue: A,
+  onChangeValue: G,
   before: m,
   onChangeType: y,
-  onChangeMonth: g,
-  disableFuture: G = !1,
-  disablePast: I = !1,
+  onChangeMonth: M,
+  disableFuture: I = !1,
+  disablePast: O = !1,
   disabledDate: u,
-  validRange: M
+  validRange: h
 }) => {
-  const N = L(), d = new Date(P), p = D ? new Date(D) : d, h = {
-    y: p.getFullYear(),
-    d: p.getDate(),
-    m: p.getMonth() + 1
-  }, k = {
+  const [S, _] = E(), d = new Date(A), w = D ? new Date(D) : d, p = /* @__PURE__ */ new Date(), k = {
+    y: w.getFullYear(),
+    d: w.getDate(),
+    m: w.getMonth() + 1
+  }, x = {
     y: d.getFullYear(),
     d: d.getDate(),
     m: d.getMonth() + 1
-  }, [t, x] = _(k.y), O = () => {
-    x(t + 1);
-  }, S = () => {
-    x(t - 1);
-  }, Y = (e) => {
+  }, Y = {
+    y: p.getFullYear(),
+    d: p.getDate(),
+    m: p.getMonth() + 1
+  }, [t, v] = L(x.y), j = () => {
+    v(t + 1);
+  }, z = () => {
+    v(t - 1);
+  }, F = (e) => {
     const i = /* @__PURE__ */ new Date(), n = i.getFullYear(), l = i.getMonth() + 1;
-    if (M) {
-      const [r, a] = M, o = new Date(t, e - 1, 1), s = new Date(t, e, 0);
+    if (h) {
+      const [r, c] = h, o = new Date(t, e - 1, 1), s = new Date(t, e, 0);
       o.setHours(0, 0, 0, 0), s.setHours(23, 59, 59, 999);
-      const v = new Date(r), B = new Date(a);
-      v.setHours(0, 0, 0, 0), B.setHours(23, 59, 59, 999);
-      const j = s < v, z = o > B;
-      if (j || z)
+      const N = new Date(r), P = new Date(c);
+      N.setHours(0, 0, 0, 0), P.setHours(23, 59, 59, 999);
+      const b = s < N, C = o > P;
+      if (b || C)
         return !0;
     }
     if (m) {
-      const r = m.getFullYear(), a = m.getMonth() + 1;
-      if (r > t || r === t && a > e)
+      const r = m.getFullYear(), c = m.getMonth() + 1;
+      if (r > t || r === t && c > e)
         return !0;
     }
-    if (G && (t > n || t === n && e > l) || I && (t < n || t === n && e < l))
+    if (I && (t > n || t === n && e > l) || O && (t < n || t === n && e < l))
       return !0;
     if (u) {
-      const r = new Date(t, e, 0).getDate(), a = [1, Math.ceil(r / 2), r];
-      for (const o of a) {
+      const r = new Date(t, e, 0).getDate(), c = [1, Math.ceil(r / 2), r];
+      for (const o of c) {
         const s = new Date(t, e - 1, o);
         if (!u(s)) return !1;
       }
       for (let o = 2; o < r; o += 3) {
-        if (a.includes(o)) continue;
+        if (c.includes(o)) continue;
         const s = new Date(t, e - 1, o);
         if (!u(s)) return !1;
       }
       for (let o = 1; o <= r; o++) {
-        if (a.includes(o) || (o - 2) % 3 === 0) continue;
+        if (c.includes(o) || (o - 2) % 3 === 0) continue;
         const s = new Date(t, e - 1, o);
         if (!u(s)) return !1;
       }
       return !0;
     }
     return !1;
-  }, $ = (e) => {
-    Y(e) || (g ? g(t, e) : A(
+  }, R = (e) => {
+    F(e) || (M ? M(t, e) : G(
       /* @__PURE__ */ new Date(
-        `${t}-${F.Number(2, e)}-${F.Number(2, k.d)}`
+        `${t}-${H.Number(2, e)}-${H.Number(2, x.d)}`
       )
     ));
   };
-  return /* @__PURE__ */ w("div", { className: c["calendar-block"], ref: N, children: [
-    /* @__PURE__ */ w("div", { className: c.h, children: [
-      /* @__PURE__ */ f(
-        H,
-        {
-          isIconButton: !0,
-          iconName: "DropdownArrowLeft16px",
-          onClick: S,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      ),
-      /* @__PURE__ */ w(
-        "button",
-        {
-          type: "button",
-          onClick: () => y == null ? void 0 : y("years"),
-          className: c.d,
-          "data-testid": "year-button",
-          children: [
-            t.toString(),
-            /* @__PURE__ */ f(b, { iconName: "DropdownArrowBottom16px" })
-          ]
-        }
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: B(
+        a["calendar-block"],
+        a[`calendar-block--position-${_}`]
       ),
-      /* @__PURE__ */ f(
-        H,
-        {
-          isIconButton: !0,
-          iconName: "DropdownArrowRight16px",
-          onClick: O,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ f("div", { className: c.monthGrid, "data-testid": "month-picker", children: C.map((e, i) => {
-      const n = i + 1, l = Y(n);
-      return /* @__PURE__ */ f(
-        "button",
-        {
-          type: "button",
-          onClick: () => $(n),
-          disabled: l,
-          className: R(l ? c.m : c.a, {
-            [c.current]: D && h.y === t && h.m === n
-          }),
-          children: e
-        },
-        i
-      );
-    }) })
-  ] });
+      ref: S,
+      children: [
+        /* @__PURE__ */ g("div", { className: a.h, children: [
+          /* @__PURE__ */ f(
+            $,
+            {
+              isIconButton: !0,
+              iconName: "DropdownArrowLeft16px",
+              onClick: z,
+              variant: "secondary-gray",
+              size: "l"
+            }
+          ),
+          /* @__PURE__ */ g(
+            "button",
+            {
+              type: "button",
+              onClick: () => y == null ? void 0 : y("years"),
+              className: a.d,
+              "data-testid": "year-button",
+              children: [
+                t.toString(),
+                /* @__PURE__ */ f(J, { iconName: "DropdownArrowBottom16px" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ f(
+            $,
+            {
+              isIconButton: !0,
+              iconName: "DropdownArrowRight16px",
+              onClick: j,
+              variant: "secondary-gray",
+              size: "l"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ f("div", { className: a.monthGrid, "data-testid": "month-picker", children: q.map((e, i) => {
+          const n = i + 1, l = F(n);
+          return /* @__PURE__ */ f(
+            "button",
+            {
+              type: "button",
+              onClick: () => R(n),
+              disabled: l,
+              className: B(
+                l ? a.m : a.a,
+                {
+                  [a.current]: Y.y === t && Y.m === n
+                },
+                {
+                  [a.selecte]: D && k.y === t && k.m === n
+                }
+              ),
+              children: e
+            },
+            i
+          );
+        }) })
+      ]
+    }
+  );
 };
 export {
-  Z as MonthPickerModal
+  et as MonthPickerModal
 };