mimir-ui-kit 1.42.1 → 1.43.0

package/dist/components/CardTrail/CardTrail.js

@@ -6,52 +6,53 @@ import { hasHorizontalScroll as g, isScrollAtEdge as T } from "./utils.js";
 import { useMergeRefs as Q } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { useThrottledCallback as Z } from "../../hooks/useThrottledCallback/index.js";
 import { MergedButton as rr } from "../MergedButton/MergedButton.js";
-import '../../assets/CardTrail.css';const tr = "_pointer_c21mz_49", c = {
-  "card-trail": "_card-trail_c21mz_3",
-  "card-trail-header": "_card-trail-header_c21mz_7",
-  "card-trail-header-title": "_card-trail-header-title_c21mz_15",
-  "card-trail-header-merged-button": "_card-trail-header-merged-button_c21mz_29",
-  "card-trail-list": "_card-trail-list_c21mz_32",
-  "card-trail-list-item": "_card-trail-list-item_c21mz_45",
+import '../../assets/CardTrail.css';const tr = "_pointer_1wzbr_50", i = {
+  "card-trail": "_card-trail_1wzbr_3",
+  "card-trail-header": "_card-trail-header_1wzbr_7",
+  "card-trail-header-title": "_card-trail-header-title_1wzbr_15",
+  "card-trail-header-merged-button": "_card-trail-header-merged-button_1wzbr_29",
+  "card-trail-list": "_card-trail-list_1wzbr_32",
+  "card-trail-list-item": "_card-trail-list-item_1wzbr_46",
   pointer: tr
 };
 let v = {};
-const dr = q((D, L) => {
+const dr = q((w, D) => {
   const {
-    cardClassName: z,
-    cardTrailClassName: W,
-    cardTrailHeaderClassName: A,
-    cardTrailListClassName: R,
-    cardTrailMergedButtonClassName: k,
-    children: p,
-    title: C,
+    cardClassName: L,
+    cardTrailClassName: z,
+    cardTrailHeaderClassName: W,
+    cardTrailListClassName: A,
+    cardTrailMergedButtonClassName: R,
+    children: b,
+    title: p,
     spaceBetween: o = Y,
-    scrollStep: B = G,
-    dividedCardWidth: I = J,
+    scrollStep: C = G,
+    dividedCardWidth: k = J,
     currentCardIndex: h = K,
-    mergedButtonProps: i,
-    scrollToCard: b = !1,
-    needButtons: w = !0,
+    mergedButtonProps: c,
+    scrollToCard: B = !1,
+    needButtons: I = !0,
     padding: l = 0
-  } = D, r = f(null), N = f(!0), s = f(null), [d, y] = _({
+  } = w, r = f(null), N = f(!0), s = f(null), [d, y] = _({
     leftButton: !0,
     rightButton: !1
   }), [M, x] = _(0), [U, E] = _(
     () => g(r == null ? void 0 : r.current)
-  ), F = Q(r, L), H = Z(() => {
+  ), F = Q(r, D), H = Z(() => {
     var a;
     if (N.current) {
       N.current = !1;
       const m = r.current, V = ((a = m == null ? void 0 : m.children[h]) == null ? void 0 : a.clientWidth) ?? 0;
       x(
-        V / I + l + o
-      ), v = {
-        paddingLeft: l,
-        paddingRight: l,
-        marginLeft: -l,
-        marginRight: -l
-      };
+        V / k + l + o
+      );
     }
+    v = {
+      paddingLeft: l,
+      paddingRight: l,
+      marginLeft: -l,
+      marginRight: -l
+    };
     const t = !T(r.current, "left"), e = !T(r.current, "right");
     y({
       leftButton: !t,
@@ -59,7 +60,7 @@ const dr = q((D, L) => {
     });
   }, 300), O = (t) => () => {
     var a;
-    if (!b)
+    if (!B)
       return;
     const e = (a = r == null ? void 0 : r.current) == null ? void 0 : a.querySelector(
       `[data-active-card='${t}']`
@@ -74,7 +75,7 @@ const dr = q((D, L) => {
     if (!r.current || d.leftButton) return;
     const t = r.current, e = ((a = t.children[h]) == null ? void 0 : a.clientWidth) ?? 0;
     t.scrollBy({
-      left: -(e + o) * B,
+      left: -(e + o) * C,
       behavior: "smooth"
     });
   }, j = () => {
@@ -82,7 +83,7 @@ const dr = q((D, L) => {
     if (!r.current || d.rightButton) return;
     const t = r.current, e = ((a = t.children[h]) == null ? void 0 : a.clientWidth) ?? 0;
     t.scrollBy({
-      left: (e + o) * B,
+      left: (e + o) * C,
       behavior: "smooth"
     });
   };
@@ -94,22 +95,22 @@ const dr = q((D, L) => {
       }), s.current.observe(t), E(g(r == null ? void 0 : r.current)), () => {
         s.current && s.current.disconnect();
       };
-  }, [p]), /* @__PURE__ */ S("section", { className: n(c["card-trail"], W), children: [
+  }, [b]), /* @__PURE__ */ S("section", { className: n(i["card-trail"], z), children: [
     /* @__PURE__ */ S(
       "header",
       {
         className: n(
-          c["card-trail-header"],
-          A
+          i["card-trail-header"],
+          W
         ),
         children: [
-          C && /* @__PURE__ */ u("h3", { className: c["card-trail-header-title"], children: C }),
-          U && w && /* @__PURE__ */ u(
+          p && /* @__PURE__ */ u("h3", { className: i["card-trail-header-title"], children: p }),
+          U && I && /* @__PURE__ */ u(
             rr,
             {
               buttonsWrapperClassName: n(
-                c["card-trail-header-merged-button"],
-                k
+                i["card-trail-header-merged-button"],
+                R
               ),
               buttons: [
                 {
@@ -119,7 +120,7 @@ const dr = q((D, L) => {
                   onClick: $,
                   disabled: d.leftButton,
                   size: "s",
-                  ...i == null ? void 0 : i.leftButton
+                  ...c == null ? void 0 : c.leftButton
                 },
                 {
                   isIconButton: !0,
@@ -128,7 +129,7 @@ const dr = q((D, L) => {
                   onClick: j,
                   size: "s",
                   disabled: d.rightButton,
-                  ...i == null ? void 0 : i.rightButton
+                  ...c == null ? void 0 : c.rightButton
                 }
               ]
             }
@@ -145,18 +146,18 @@ const dr = q((D, L) => {
           scrollPadding: `0 ${M}px`,
           ...v
         },
-        className: n(c["card-trail-list"], R),
+        className: n(i["card-trail-list"], A),
         ref: F,
-        children: X.map(p, (t, e) => /* @__PURE__ */ u(
+        children: X.map(b, (t, e) => /* @__PURE__ */ u(
           "li",
           {
             onClick: O(e),
             "data-active-card": e,
             "data-testid": `card-trail-item-${e}`,
             className: n(
-              c["card-trail-list-item"],
-              { [c.pointer]: b },
-              z
+              i["card-trail-list-item"],
+              { [i.pointer]: B },
+              L
             ),
             children: t
           }

package/dist/components/CardTrail/utils.d.ts

@@ -7,4 +7,3 @@
  */
 export declare const isScrollAtEdge: (container: HTMLElement | null, direction: "left" | "right", tolerance?: number) => boolean;
 export declare const hasHorizontalScroll: (element: HTMLElement | null) => boolean;
-export declare const getCardWidth: <E extends Element>(element?: E) => number;

package/dist/components/CardTrail/utils.js

@@ -1,10 +1,9 @@
-const o = (t, l, r = 1) => {
-  if (!t) return !0;
-  const { scrollLeft: i, scrollWidth: s, clientWidth: c } = t;
-  return l === "left" ? i <= r : i >= s - c - r;
-}, n = (t) => t ? t.scrollWidth > t.clientWidth : !1, d = (t) => t ? t.clientWidth : 0;
+const c = (r, i, t = 1) => {
+  if (!r) return !0;
+  const { scrollLeft: l, scrollWidth: s, clientWidth: o } = r;
+  return i === "left" ? l <= t : l >= s - o - t;
+}, e = (r) => r ? r.scrollWidth > r.clientWidth : !1;
 export {
-  d as getCardWidth,
-  n as hasHorizontalScroll,
-  o as isScrollAtEdge
+  e as hasHorizontalScroll,
+  c as isScrollAtEdge
 };

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,10 +1,10 @@
 import { jsxs as L, jsx as p } from "react/jsx-runtime";
-import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-CUMsrFX1.js";
+import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-wis2TUql.js";
 import h, { useId as J, useState as Q, useMemo as Y, useCallback as Z, forwardRef as ee } from "react";
-import { w as re } from "../../use-active-press-BVQqDQ3V.js";
-import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-DOlEWXBl.js";
+import { w as re } from "../../use-active-press-CnDeVvQq.js";
+import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-BmphTIGY.js";
 import { r as be } from "../../bugs-diTMAGNw.js";
-import { H as ue } from "../../field-BP5-U1Nr.js";
+import { H as ue } from "../../field-BLi5834s.js";
 import { c as me } from "../../index-DIxK0V-G.js";
 import { Icon as fe } from "../../icons/Icon.js";
 import '../../assets/CheckboxMimir.css';let pe = "span";

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