mimir-ui-kit 1.38.15 → 1.38.17

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

@@ -45,6 +45,10 @@ export type TProps = {
      * Флаг открытия модального окна календаря при вводе
      */
     openOnInput?: boolean;
+    /**
+     * Флаг отправки промежуточных значений в родительский компонент
+     */
+    sendIntermediateValues?: boolean;
 } & TInputProps;
 export type TDatePickerValue = {
     value?: string;
@@ -99,4 +103,8 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      * Флаг открытия модального окна календаря при вводе
      */
     openOnInput?: boolean;
+    /**
+     * Флаг отправки промежуточных значений в родительский компонент
+     */
+    sendIntermediateValues?: boolean;
 } & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

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

package/dist/components/InputPhoneNumber/utils.js

@@ -1,8 +1,8 @@
 const n = (s) => {
-  const t = s.replace(/\D/g, "");
+  const t = (s ?? "").replace(/\D/g, "");
   let e = "+7 ";
   return t.startsWith("7") ? e += "(" + t.substring(1, 4) : e += t.substring(0, 3), t.length > 4 && (e += ") " + t.substring(4, 7)), t.length > 7 && (e += "-" + t.substring(7, 9)), t.length > 9 && (e += "-" + t.substring(9, 11)), e;
-}, r = (s) => s.replace(/\D/g, "");
+}, r = (s) => (s ?? "").replace(/\D/g, "");
 export {
   n as getMaskedInputPhoneValue,
   r as getUnmaskedInputValue

package/package.json

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