mimir-ui-kit 1.43.4 → 1.43.5

package/dist/components/DatePicker/DatePicker.js

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

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

@@ -1,5 +1,6 @@
 type TProps = {
     date: Date;
+    selectedDate?: Date;
     before?: Date;
     onChangeValue: (date: Date) => void;
     setIsActive: (isActive: boolean) => void;
@@ -9,5 +10,5 @@ type TProps = {
     disabledDate?: (date: Date) => boolean;
     validRange?: [Date, Date];
 };
-export declare const DatePickerModal: ({ date, 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 }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/DatePickerModal.js

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

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

@@ -1,12 +1,14 @@
 type TProps = {
     date: Date;
+    selectedDate?: Date;
     before?: Date;
     onChangeValue: (date: Date) => void;
     onChangeType?: (type: 'years') => void;
+    onChangeMonth?: (year: number, month: number) => void;
     disableFuture?: boolean;
     disablePast?: boolean;
     disabledDate?: (date: Date) => boolean;
     validRange?: [Date, Date];
 };
-export declare const MonthPickerModal: ({ date, onChangeValue, before, onChangeType, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MonthPickerModal: ({ date, selectedDate, onChangeValue, before, onChangeType, onChangeMonth, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/MonthPickerModal.js

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

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

@@ -1,12 +1,14 @@
 type TProps = {
     date: Date;
+    selectedDate?: Date;
     before?: Date;
     onChangeValue: (date: Date) => void;
     onChangeType?: (type: 'years') => void;
+    onChangeYear?: (year: number) => void;
     disableFuture?: boolean;
     disablePast?: boolean;
     disabledDate?: (date: Date) => boolean;
     validRange?: [Date, Date];
 };
-export declare const YearPickerModal: ({ date, onChangeValue, before, onChangeType, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const YearPickerModal: ({ date, selectedDate, onChangeValue, before, onChangeType, onChangeYear, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/YearPickerModal.js

@@ -1,62 +1,72 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { c as O } from "../../index-DIxK0V-G.js";
-import { useState as $ } from "react";
-import { useDatePickerPosition as j } from "./hooks.js";
-import { c as e } from "../../styles.module-Cuqm31CO.js";
-import { formating as y } from "../../utils/index.js";
-import { Button as A } from "../Button/Button.js";
-const D = 15, z = 7, W = ({
-  date: w,
-  onChangeValue: F,
-  before: p,
-  onChangeType: i,
-  disableFuture: P = !1,
-  disablePast: v = !1,
-  disabledDate: r,
-  validRange: Y
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import { c as $ } from "../../index-DIxK0V-G.js";
+import { useState as j } from "react";
+import { useDatePickerPosition as z } from "./hooks.js";
+import { c as n } from "../../styles.module-Cuqm31CO.js";
+import { formating as F } from "../../utils/index.js";
+import { Button as P } from "../Button/Button.js";
+const p = 15, I = 7, W = ({
+  date: v,
+  selectedDate: u,
+  onChangeValue: E,
+  before: Y,
+  onChangeType: d,
+  onChangeYear: N,
+  disableFuture: S = !1,
+  disablePast: _ = !1,
+  disabledDate: o,
+  validRange: k
 }) => {
-  const E = j(), m = new Date(w), f = new Date(w), R = {
-    y: m.getFullYear(),
-    d: m.getDate(),
-    m: m.getMonth() + 1
-  }, u = {
-    y: f.getFullYear(),
-    d: f.getDate(),
-    m: f.getMonth() + 1
-  }, [l, N] = $(u.y), S = l - z, _ = Array.from(Array(D).keys()).map(
-    (t) => t + S
-  ), G = () => {
-    N(l + D);
+  const y = z(), i = new Date(v), l = u ? new Date(u) : i, G = {
+    y: l.getFullYear(),
+    d: l.getDate(),
+    m: l.getMonth() + 1
+  }, e = {
+    y: i.getFullYear(),
+    d: i.getDate(),
+    m: i.getMonth() + 1
+  }, [D, h] = j(e.y), M = D - I, Q = Array.from(Array(p).keys()).map(
+    (t) => t + M
+  ), B = () => {
+    h(D + p);
   }, H = () => {
-    N(l - D);
+    h(D - p);
   }, g = (t) => {
-    const n = (/* @__PURE__ */ new Date()).getFullYear();
-    if (Y) {
-      const [s, d] = Y, c = new Date(t, 0, 1), a = new Date(t, 11, 31);
-      c.setHours(0, 0, 0, 0), a.setHours(23, 59, 59, 999);
-      const b = new Date(s), h = new Date(d);
-      b.setHours(0, 0, 0, 0), h.setHours(23, 59, 59, 999);
-      const B = a < b, M = c > h;
-      if (B || M) return !0;
+    const s = (/* @__PURE__ */ new Date()).getFullYear();
+    if (k) {
+      const [a, w] = k;
+      let r;
+      if (e.m && e.d)
+        r = new Date(t, e.m - 1, e.d);
+      else {
+        const A = /* @__PURE__ */ new Date();
+        r = new Date(t, A.getMonth(), A.getDate());
+      }
+      r.setHours(0, 0, 0, 0);
+      const m = new Date(a), f = new Date(w);
+      if (m.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999), r < m || r > f)
+        return !0;
     }
-    if (p && p.getFullYear() > t || P && t > n || v && t < n)
+    if (Y && Y.getFullYear() > t || S && t > s || _ && t < s)
       return !0;
-    if (r) {
-      const s = new Date(t, 2, 15), d = new Date(t, 5, 15), c = new Date(t, 8, 15), a = new Date(t, 11, 15);
-      return r(s) && r(d) && r(c) && r(a);
+    if (o) {
+      const a = new Date(t, e.m - 1, e.d);
+      if (!o(a)) return !1;
+      const w = new Date(t, 2, 15), r = new Date(t, 5, 15), m = new Date(t, 8, 15), f = new Date(t, 11, 15);
+      return o(w) && o(r) && o(m) && o(f);
     }
     return !1;
-  }, Q = (t) => {
-    g(t) || F(
+  }, R = (t) => {
+    g(t) || (N ? N(t) : E(
       /* @__PURE__ */ new Date(
-        `${t}-${y.Number(2, u.m)}-${y.Number(2, u.d)}`
+        `${t}-${F.Number(2, e.m)}-${F.Number(2, e.d)}`
       )
-    );
+    ));
   };
-  return /* @__PURE__ */ x("div", { className: e["calendar-block"], ref: E, children: [
-    /* @__PURE__ */ x("div", { className: e.h, children: [
-      /* @__PURE__ */ o(
-        A,
+  return /* @__PURE__ */ b("div", { className: n["calendar-block"], ref: y, children: [
+    /* @__PURE__ */ b("div", { className: n.h, children: [
+      /* @__PURE__ */ c(
+        P,
         {
           isIconButton: !0,
           iconName: "DropdownArrowLeft16px",
@@ -65,39 +75,39 @@ const D = 15, z = 7, W = ({
           size: "l"
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          onClick: () => i == null ? void 0 : i("years"),
-          className: e.d
+          onClick: () => d == null ? void 0 : d("years"),
+          className: n.d
         }
       ),
-      /* @__PURE__ */ o(
-        A,
+      /* @__PURE__ */ c(
+        P,
         {
           isIconButton: !0,
           iconName: "DropdownArrowRight16px",
-          onClick: G,
+          onClick: B,
           variant: "secondary-gray",
           size: "l"
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: e.monthGrid, "data-testid": "year-picker", children: _.map((t, k) => {
-      const n = g(t);
-      return /* @__PURE__ */ o(
+    /* @__PURE__ */ c("div", { className: n.monthGrid, "data-testid": "year-picker", children: Q.map((t, x) => {
+      const s = g(t);
+      return /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          onClick: () => Q(t),
-          disabled: n,
-          className: O(n ? e.m : e.a, {
-            [e.current]: R.y === t
+          onClick: () => R(t),
+          disabled: s,
+          className: $(s ? n.m : n.a, {
+            [n.current]: u && G.y === t
           }),
           children: t
         },
-        k
+        x
       );
     }) })
   ] });

package/dist/components/InputPassword/InputPassword.d.ts

@@ -1,4 +1,7 @@
 import { TInputProps } from '../Input';
 
-export type TProps = TInputProps;
-export declare const InputPassword: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;
+export interface TProps extends TInputProps {
+    /** Показывать пароль при удержании кнопки */
+    showOnHold?: boolean;
+}
+export declare const InputPassword: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/InputPassword/InputPassword.js

@@ -1,47 +1,58 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { c } from "../../index-DIxK0V-G.js";
-import { memo as w, forwardRef as u, useState as m } from "react";
-import { Icon as d } from "../../icons/Icon.js";
-import { Button as _ } from "../Button/Button.js";
-import { I as l } from "../../Input-BU_6U1CW.js";
-import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
-  input: b,
-  wrapper: x,
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { c as l } from "../../index-DIxK0V-G.js";
+import { memo as d, forwardRef as b, useState as f, useCallback as r } from "react";
+import { Icon as x } from "../../icons/Icon.js";
+import { Button as N } from "../Button/Button.js";
+import { I as h } from "../../Input-BU_6U1CW.js";
+import '../../assets/InputPassword.css';const M = "_input_7b9x2_2", y = "_wrapper_7b9x2_6", I = "_button_7b9x2_17", v = "_icon_7b9x2_33", C = "_show_7b9x2_38", e = {
+  input: M,
+  wrapper: y,
   "input-wrapper": "_input-wrapper_7b9x2_13",
   "button-wrapper": "_button-wrapper_7b9x2_17",
-  button: h,
-  icon: f,
-  show: N
-}, y = w(
-  u(
-    ({ size: r, ...p }, a) => {
-      const [o, e] = m(!1), n = () => e(!o);
-      return /* @__PURE__ */ i("div", { className: t.wrapper, "data-testid": "input-password-wrapper", children: [
-        /* @__PURE__ */ s(
-          l,
+  button: I,
+  icon: v,
+  show: C
+}, P = d(
+  b(
+    ({ size: p, showOnHold: t = !1, ...n }, i) => {
+      const [s, a] = f(!1), c = r(() => {
+        t || a(!s);
+      }, [t, s]), u = r(() => {
+        t && a(!0);
+      }, [t]), m = r(() => {
+        t && a(!1);
+      }, [t]), w = r(() => {
+        t && a(!1);
+      }, [t]);
+      return /* @__PURE__ */ _("div", { className: e.wrapper, "data-testid": "input-password-wrapper", children: [
+        /* @__PURE__ */ o(
+          h,
           {
-            ref: a,
-            className: t.input,
-            wrapperClassName: t["input-wrapper"],
-            size: r,
-            type: o ? "text" : "password",
+            ref: i,
+            className: e.input,
+            wrapperClassName: e["input-wrapper"],
+            size: p,
+            type: s ? "text" : "password",
             "data-testid": "password-input",
-            ...p
+            ...n
           }
         ),
-        /* @__PURE__ */ s("div", { className: t["button-wrapper"], children: /* @__PURE__ */ s(
-          _,
+        /* @__PURE__ */ o("div", { className: e["button-wrapper"], children: /* @__PURE__ */ o(
+          N,
           {
             clear: !0,
             type: "button",
-            className: t.button,
-            onClick: n,
+            className: e.button,
+            onClick: c,
+            onMouseDown: u,
+            onMouseUp: m,
+            onMouseLeave: w,
             "data-testid": "eye-icon",
-            children: /* @__PURE__ */ s(
-              d,
+            children: /* @__PURE__ */ o(
+              x,
               {
-                className: c(t.icon, {
-                  [t.show]: o
+                className: l(e.icon, {
+                  [e.show]: s
                 }),
                 iconName: "Eye24px"
               }
@@ -52,7 +63,7 @@ import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrappe
     }
   )
 );
-y.displayName = "InputPassword";
+P.displayName = "InputPassword";
 export {
-  y as InputPassword
+  P as InputPassword
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.43.4",
+  "version": "1.43.5",
   "type": "module",
   "exports": {
     ".": {