mimir-ui-kit 1.42.1 → 1.43.0

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 {};

package/dist/components/DatePicker/MonthPickerModal.js

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

package/dist/components/DatePicker/YearPickerModal.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 YearPickerModal: ({ date, onChangeValue, before, onChangeType }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const YearPickerModal: ({ date, onChangeValue, before, onChangeType, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/YearPickerModal.js

@@ -1,47 +1,66 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { c as v } from "../../index-DIxK0V-G.js";
-import { useState as x } from "react";
-import { useDatePickerPosition as Y } from "./hooks.js";
-import { c as t } from "../../styles.module-Cuqm31CO.js";
-import { formating as n } from "../../utils/index.js";
-import { Button as y } from "../Button/Button.js";
-const F = ({
-  date: m,
-  onChangeValue: b,
-  before: l,
-  onChangeType: a
+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
 }) => {
-  const D = Y(), s = new Date(m), c = new Date(m), u = {
-    y: s.getFullYear(),
-    d: s.getDate(),
-    m: s.getMonth() + 1
-  }, r = {
-    y: c.getFullYear(),
-    d: c.getDate(),
-    m: c.getMonth() + 1
-  }, [i, d] = x(r.y), g = i - 7, k = Array.from(Array(15).keys()).map((e) => e + g), w = () => {
-    d(i + 15);
-  }, $ = () => {
-    d(i - 15);
-  }, f = (e) => !!(l && l.getTime() > e), h = (e) => {
-    f(
-      (/* @__PURE__ */ new Date(
-        `${e}-${n.Number(2, r.m)}-${n.Number(2, r.d)}`
-      )).getTime()
-    ) || b(
+  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);
+  }, H = () => {
+    N(l - D);
+  }, 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;
+    }
+    if (p && p.getFullYear() > t || P && t > n || v && t < n)
+      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);
+    }
+    return !1;
+  }, Q = (t) => {
+    g(t) || F(
       /* @__PURE__ */ new Date(
-        `${e}-${n.Number(2, r.m)}-${n.Number(2, r.d)}`
+        `${t}-${y.Number(2, u.m)}-${y.Number(2, u.d)}`
       )
     );
   };
-  return /* @__PURE__ */ p("div", { className: t["calendar-block"], ref: D, children: [
-    /* @__PURE__ */ p("div", { className: t.h, children: [
+  return /* @__PURE__ */ x("div", { className: e["calendar-block"], ref: E, children: [
+    /* @__PURE__ */ x("div", { className: e.h, children: [
       /* @__PURE__ */ o(
-        y,
+        A,
         {
           isIconButton: !0,
           iconName: "DropdownArrowLeft16px",
-          onClick: $,
+          onClick: H,
           variant: "secondary-gray",
           size: "l"
         }
@@ -50,40 +69,39 @@ const F = ({
         "button",
         {
           type: "button",
-          onClick: () => a == null ? void 0 : a("years"),
-          className: t.d
+          onClick: () => i == null ? void 0 : i("years"),
+          className: e.d
         }
       ),
       /* @__PURE__ */ o(
-        y,
+        A,
         {
           isIconButton: !0,
           iconName: "DropdownArrowRight16px",
-          onClick: w,
+          onClick: G,
           variant: "secondary-gray",
           size: "l"
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: t.monthGrid, "data-testid": "year-picker", children: k.map((e, N) => /* @__PURE__ */ o(
-      "button",
-      {
-        type: "button",
-        onClick: () => h(e),
-        className: v(
-          f(
-            (/* @__PURE__ */ new Date(`${e}-${n.Number(2, u.m)}`)).getTime()
-          ) ? t.m : t.a,
-          {
-            [t.current]: u.y === e
-          }
-        ),
-        children: e
-      },
-      N
-    )) })
+    /* @__PURE__ */ o("div", { className: e.monthGrid, "data-testid": "year-picker", children: _.map((t, k) => {
+      const n = g(t);
+      return /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          onClick: () => Q(t),
+          disabled: n,
+          className: O(n ? e.m : e.a, {
+            [e.current]: R.y === t
+          }),
+          children: t
+        },
+        k
+      );
+    }) })
   ] });
 };
 export {
-  F as YearPickerModal
+  W as YearPickerModal
 };

package/dist/components/Drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, ReactElement, ReactNode } from 'react';
+import { ElementType, ReactElement, ReactNode, RefObject } from 'react';
 import { EDrawerPosition } from './constants';
 import { Props } from '../../types/propsWithAs';
 
@@ -78,6 +78,12 @@ type TProps = {
      * Флаг, определяющий, показывать ли кнопку закрытия в заголовке
      */
     showCloseButton?: boolean;
+    /**
+     * Указывает DOM-элемент, в который будет рендериться Drawer.
+     * Если не указан, используется document.body.
+     * Если указано false, компонент рендерится без использования Portal.
+     */
+    getContainer?: HTMLElement | RefObject<HTMLElement> | false;
 };
 type TDrawerComponent = <C extends ElementType = 'div'>(props: Props<C, TProps>) => ReactElement | ReactNode;
 /**