mimir-ui-kit 1.42.2 → 1.43.1

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;
 /**