mimir-ui-kit 1.64.0 → 1.64.2

package/dist/components/DatePicker/DatePickerModal.js

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

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

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

package/dist/components/DatePicker/MonthPickerModal.js

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

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

@@ -10,6 +10,7 @@ type TProps = {
     disabledDate?: (date: Date) => boolean;
     validRange?: [Date, Date];
     position?: 'center' | 'bottom' | 'top';
+    isFixed?: boolean;
 };
-export declare const YearPickerModal: ({ date, selectedDate, onChangeValue, before, onChangeType, onChangeYear, disableFuture, disablePast, disabledDate, validRange, position }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const YearPickerModal: ({ date, selectedDate, onChangeValue, before, onChangeType, onChangeYear, disableFuture, disablePast, disabledDate, validRange, position, isFixed }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};