mimir-ui-kit 1.42.2 → 1.43.1

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

@@ -49,6 +49,22 @@ export type TProps = {
      * Флаг отправки промежуточных значений в родительский компонент
      */
     sendIntermediateValues?: boolean;
+    /**
+     * Флаг отключения выбора будущих дат
+     */
+    disableFuture?: boolean;
+    /**
+     * Флаг отключения выбора прошлых дат
+     */
+    disablePast?: boolean;
+    /**
+     * Функция для определения недоступных дат
+     */
+    disabledDate?: (date: Date) => boolean;
+    /**
+     * Диапазон доступных дат [от, до]
+     */
+    validRange?: [Date | string, Date | string];
 } & TInputProps;
 export type TDatePickerValue = {
     value?: string;
@@ -107,4 +123,20 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      * Флаг отправки промежуточных значений в родительский компонент
      */
     sendIntermediateValues?: boolean;
+    /**
+     * Флаг отключения выбора будущих дат
+     */
+    disableFuture?: boolean;
+    /**
+     * Флаг отключения выбора прошлых дат
+     */
+    disablePast?: boolean;
+    /**
+     * Функция для определения недоступных дат
+     */
+    disabledDate?: (date: Date) => boolean;
+    /**
+     * Диапазон доступных дат [от, до]
+     */
+    validRange?: [Date | string, Date | string];
 } & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

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

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

@@ -4,6 +4,10 @@ type TProps = {
     onChangeValue: (date: Date) => void;
     setIsActive: (isActive: boolean) => void;
     onChangeType?: (s: 'days' | 'months' | 'years') => void;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    validRange?: [Date, Date];
 };
-export declare const DatePickerModal: ({ date, onChangeValue, setIsActive, before, onChangeType }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerModal: ({ date, onChangeValue, setIsActive, before, onChangeType, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/DatePickerModal.js

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

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

@@ -3,6 +3,10 @@ type TProps = {
     before?: Date;
     onChangeValue: (date: Date) => void;
     onChangeType?: (type: 'years') => void;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    validRange?: [Date, Date];
 };
-export declare const MonthPickerModal: ({ date, onChangeValue, before, onChangeType }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MonthPickerModal: ({ date, onChangeValue, before, onChangeType, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};