mimir-ui-kit 1.34.2 → 1.34.4-t

package/dist/components/CheckboxMimir/index.js

@@ -1,4 +1,4 @@
-import { CheckboxMimir } from "./CheckboxMimir.js";
+import { CheckboxMimir as e } from "./CheckboxMimir.js";
 export {
-  CheckboxMimir
+  e as CheckboxMimir
 };

package/dist/components/Chip/Chip.js

@@ -1,56 +1,44 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { EChipSize, EChipVariant } from "./constants.js";
-import { Icon } from "../../icons/Icon.js";
-import '../../assets/Chip.css';const chip = "_chip_1ckvf_2";
-const disabled = "_disabled_1ckvf_40";
-const xs = "_xs_1ckvf_51";
-const s = "_s_1ckvf_59";
-const m = "_m_1ckvf_67";
-const sapphire = "_sapphire_1ckvf_75";
-const citrine = "_citrine_1ckvf_84";
-const asphalt = "_asphalt_1ckvf_93";
-const gray = "_gray_1ckvf_102";
-const white = "_white_1ckvf_111";
-const green = "_green_1ckvf_120";
-const cls = {
-  chip,
-  "with-action": "_with-action_1ckvf_18",
-  disabled,
-  xs,
-  s,
-  m,
-  sapphire,
-  citrine,
-  asphalt,
-  gray,
-  white,
-  green
-};
-const Chip = ({
-  size = EChipSize.M,
-  variant = EChipVariant.Sapphire,
-  className,
-  onClick,
-  disabled: disabled2,
-  withAction,
-  children
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { c as p } from "../../index-DIxK0V-G.js";
+import { EChipSize as h, EChipVariant as b } from "./constants.js";
+import { Icon as l } from "../../icons/Icon.js";
+import '../../assets/Chip.css';const v = "_chip_19bvm_2", d = "_disabled_19bvm_40", x = "_xs_19bvm_51", g = "_s_19bvm_59", w = "_m_19bvm_67", f = "_sapphire_19bvm_75", y = "_citrine_19bvm_84", C = "_asphalt_19bvm_93", u = "_gray_19bvm_102", N = "_white_19bvm_111", j = "_green_19bvm_120", s = {
+  chip: v,
+  "with-action": "_with-action_19bvm_18",
+  disabled: d,
+  xs: x,
+  s: g,
+  m: w,
+  sapphire: f,
+  citrine: y,
+  asphalt: C,
+  gray: u,
+  white: N,
+  green: j
+}, M = ({
+  size: i = h.M,
+  variant: _ = b.Sapphire,
+  className: c,
+  onClick: e,
+  disabled: o,
+  withAction: t,
+  children: a
 }) => {
-  const classes = classNames(
-    cls.chip,
-    className,
+  const n = p(
+    s.chip,
+    c,
     {
-      [cls["with-action"]]: withAction,
-      [cls.disabled]: disabled2
+      [s["with-action"]]: t,
+      [s.disabled]: o
     },
-    cls[variant],
-    cls[size]
+    s[_],
+    s[i]
   );
-  return /* @__PURE__ */ jsxs("button", { type: "button", onClick, className: classes, children: [
-    children,
-    withAction && /* @__PURE__ */ jsx(Icon, { iconName: "Close16px" })
+  return /* @__PURE__ */ m("button", { type: "button", onClick: e, className: n, children: [
+    a,
+    t && /* @__PURE__ */ r(l, { iconName: "Close16px" })
   ] });
 };
 export {
-  Chip
+  M as Chip
 };

package/dist/components/Chip/constants.js

@@ -1,19 +1,5 @@
-var EChipSize = /* @__PURE__ */ ((EChipSize2) => {
-  EChipSize2["XS"] = "xs";
-  EChipSize2["S"] = "s";
-  EChipSize2["M"] = "m";
-  return EChipSize2;
-})(EChipSize || {});
-var EChipVariant = /* @__PURE__ */ ((EChipVariant2) => {
-  EChipVariant2["Sapphire"] = "sapphire";
-  EChipVariant2["Citrine"] = "citrine";
-  EChipVariant2["Asphalt"] = "asphalt";
-  EChipVariant2["Gray"] = "gray";
-  EChipVariant2["White"] = "white";
-  EChipVariant2["Green"] = "green";
-  return EChipVariant2;
-})(EChipVariant || {});
+var r = /* @__PURE__ */ ((e) => (e.XS = "xs", e.S = "s", e.M = "m", e))(r || {}), s = /* @__PURE__ */ ((e) => (e.Sapphire = "sapphire", e.Citrine = "citrine", e.Asphalt = "asphalt", e.Gray = "gray", e.White = "white", e.Green = "green", e))(s || {});
 export {
-  EChipSize,
-  EChipVariant
+  r as EChipSize,
+  s as EChipVariant
 };

package/dist/components/Chip/index.js

@@ -1,7 +1,7 @@
-import { Chip } from "./Chip.js";
-import { EChipSize, EChipVariant } from "./constants.js";
+import { Chip as r } from "./Chip.js";
+import { EChipSize as e, EChipVariant as h } from "./constants.js";
 export {
-  Chip,
-  EChipSize,
-  EChipVariant
+  r as Chip,
+  e as EChipSize,
+  h as EChipVariant
 };

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

@@ -2,35 +2,44 @@ import { TInputProps } from '../Input';
 
 export type DatePicker = {
     /**
-     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
+     * Функция обратного вызова при изменении значения даты
      */
     onChangeValue?: (e: TDatePickerValue) => void;
     /**
-     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта ошибки,
+     * Функция обратного вызова при возникновении ошибки валидации
      */
     onError?: (e: TDatePickerOnError) => void;
-    /** функция=callback, передает новое значение даты,
+    /**
+     * Функция обратного вызова при потере фокуса компонентом
      */
     onBlur?: (e: Date) => void;
     /**
-    * функция ограничения выбора даты
-    (до какой даты выбор не доступен)
-    */
+     *  Функция ограничения выбора даты (до какой даты выбор не доступен)
+     */
     before?: Date | string;
     /**
-     * значение из стейта (data)
+     * Значение даты из стейта (data)
      */
     value?: string;
     /**
-     * значение типа модально окна календаря
+     * Значение типа модального окна календаря
      */
     type?: 'days' | 'months' | 'years';
+    /**
+     * Флаг отключения компонента
+     */
     disabled?: boolean;
+    /**
+     * Флаг наличия ошибки
+     */
     error?: boolean;
     /**
-     * необязательное значение для немедленной валидации
+     * Флаг немедленной валидации при вводе
      */
     validateImmediately?: boolean;
+    /**
+     * Флаг разрешения ручного ввода даты
+     */
     editable?: boolean;
 } & TInputProps;
 export type TDatePickerValue = {
@@ -43,34 +52,43 @@ export type TDatePickerOnError = {
 };
 export declare const DatePicker: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
     /**
-     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
+     * Функция обратного вызова при изменении значения даты
      */
     onChangeValue?: (e: TDatePickerValue) => void;
     /**
-     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта ошибки,
+     * Функция обратного вызова при возникновении ошибки валидации
      */
     onError?: (e: TDatePickerOnError) => void;
-    /** функция=callback, передает новое значение даты,
+    /**
+     * Функция обратного вызова при потере фокуса компонентом
      */
     onBlur?: (e: Date) => void;
     /**
-    * функция ограничения выбора даты
-    (до какой даты выбор не доступен)
-    */
+     *  Функция ограничения выбора даты (до какой даты выбор не доступен)
+     */
     before?: Date | string;
     /**
-     * значение из стейта (data)
+     * Значение даты из стейта (data)
      */
     value?: string;
     /**
-     * значение типа модально окна календаря
+     * Значение типа модального окна календаря
      */
     type?: "days" | "months" | "years";
+    /**
+     * Флаг отключения компонента
+     */
     disabled?: boolean;
+    /**
+     * Флаг наличия ошибки
+     */
     error?: boolean;
     /**
-     * необязательное значение для немедленной валидации
+     * Флаг немедленной валидации при вводе
      */
     validateImmediately?: boolean;
+    /**
+     * Флаг разрешения ручного ввода даты
+     */
     editable?: boolean;
 } & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -1,156 +1,140 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, forwardRef, useState, useEffect } from "react";
-import { DatePickerModal } from "./DatePickerModal.js";
-import { MonthPickerModal } from "./MonthPickerModal.js";
-import { c as cls } from "../../styles.module-Ugsf0AOb.js";
-import { YearPickerModal } from "./YearPickerModal.js";
-import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
-import { formating } from "../../utils/index.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
-import { EInputVariant } from "../Input/constants.js";
-const DatePicker = memo(
-  forwardRef(
+import { jsxs as K, jsx as w } from "react/jsx-runtime";
+import { c as x } from "../../index-DIxK0V-G.js";
+import { memo as Q, forwardRef as W, useState as l, useEffect as D } from "react";
+import { DatePickerModal as Z } from "./DatePickerModal.js";
+import { MonthPickerModal as b } from "./MonthPickerModal.js";
+import { c as r } from "../../styles.module-CaPkyXYQ.js";
+import { formatDatePart as h } from "./utils.js";
+import { YearPickerModal as B } from "./YearPickerModal.js";
+import { useClickOutside as C } from "../../hooks/useClickOutside/useClickOutside.js";
+import { formating as E } from "../../utils/index.js";
+import { I as V } from "../../Input-BQldEv37.js";
+import { EInputStatus as tt } from "../Input/constants.js";
+const st = 31, et = 12, it = 10, at = Q(
+  W(
     ({
-      size,
-      value,
-      onChangeValue,
-      name,
-      before,
-      type = "days",
-      error,
-      onError,
-      onBlur,
-      validateImmediately,
-      variant,
-      disabled = false,
-      ...props
-    }, ref) => {
-      const [isActive, setActive] = useState(false);
-      const [pickerType, setType] = useState(type);
-      const [date, setDate] = useState(
-        value && !isNaN(new Date(value).getTime()) ? new Date(value) : void 0
-      );
-      const [isError, setError] = useState(error);
-      useEffect(() => {
-        setError(error);
-      }, [error]);
-      useEffect(() => {
-        setDate(
-          value && !isNaN(new Date(value).getTime()) ? new Date(value) : void 0
+      size: H,
+      value: e,
+      onChangeValue: i,
+      name: p,
+      before: a,
+      type: m = "days",
+      error: y,
+      onError: n,
+      onBlur: T,
+      validateImmediately: I,
+      variant: X,
+      disabled: P = !1,
+      editable: S = !1,
+      ...G
+    }, L) => {
+      const [f, c] = l(!1), [d, o] = l(m), [t, N] = l(
+        e && !isNaN(new Date(e).getTime()) ? new Date(e) : void 0
+      ), [A, g] = l(y), [R, k] = l("");
+      D(() => {
+        g(y);
+      }, [y]), D(() => {
+        N(
+          e && !isNaN(new Date(e).getTime()) ? new Date(e) : void 0
         );
-      }, [value]);
-      const milliseconds = value && new Date(value).getTime;
-      useEffect(() => {
-        if (validateImmediately) {
-          if (!milliseconds) {
-            setError(true);
-            onError == null ? void 0 : onError({ name, active: true });
-          } else {
-            setError(false);
-            onError == null ? void 0 : onError({ name, active: false });
-          }
-        }
-      }, [validateImmediately, name, milliseconds]);
-      useClickOutside({
-        isActive,
-        setActive: (e) => {
-          setActive(e);
-          setType(type);
+      }, [e]), D(() => {
+        t && typeof t != "string" && !isNaN(t == null ? void 0 : t.getTime()) ? k(E.Date(t, "dd/mm/yyyy")) : k("");
+      }, [t]);
+      const j = e && new Date(e).getTime;
+      D(() => {
+        I && (j ? (g(!1), n == null || n({ name: p, active: !1 })) : (g(!0), n == null || n({ name: p, active: !0 })));
+      }, [I, p, j]), C({
+        isActive: f,
+        setActive: (s) => {
+          c(s), o(m);
         },
-        className: cls["calendar-block"]
+        className: r["calendar-block"]
       });
-      const onOpen = () => {
-        if (!disabled) setActive(true);
-      };
-      const onDate = (sendDate) => {
-        if (!isNaN(sendDate.getTime())) {
-          setDate(sendDate);
-          onChangeValue == null ? void 0 : onChangeValue({ value: sendDate, name });
-        }
-        if (pickerType === "years") {
-          if (type === "years") {
-            setActive(false);
-            setType(type);
-          } else {
-            setType("months");
-          }
-        }
-        if (pickerType === "months") {
-          if (type === "months") {
-            setActive(false);
-            setType(type);
-          } else {
-            setType("days");
+      const U = () => {
+        P || c(!0);
+      }, u = (s) => {
+        isNaN(s.getTime()) || (N(s), i == null || i({ value: s, name: p })), d === "years" && (m === "years" ? (c(!1), o(m)) : o("months")), d === "months" && (m === "months" ? (c(!1), o(m)) : o("days")), N(s), i == null || i({ value: s, name: p }), T == null || T(s);
+      }, q = (s) => {
+        if (S) {
+          const v = s.target.value.replace(/[^\d]/g, ""), [O, Y, _] = [
+            h(v.substring(0, 2), st),
+            h(v.substring(2, 4), et),
+            v.substring(4, 8)
+          ], $ = [O, Y, _].filter(Boolean).join("/");
+          if (k($), $.length === it) {
+            const J = parseInt(_), M = /* @__PURE__ */ new Date(
+              `${J}-${Y.padStart(2, "0")}-${O.padStart(2, "0")}`
+            );
+            isNaN(M.getTime()) || (N(M), i == null || i({ value: M, name: p }));
           }
         }
-        setDate(sendDate);
-        onChangeValue == null ? void 0 : onChangeValue({ value: sendDate, name });
-        onBlur == null ? void 0 : onBlur(sendDate);
-      };
-      const wrapperClassNames = classNames(cls.wrapper, isActive && cls.active);
-      const InputClassNames = classNames(cls.input, cls.inputBorderControl);
-      return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, "data-disabled": disabled, children: [
-        /* @__PURE__ */ jsx(
+      }, z = x(r.wrapper, f && r.active), F = x(r.input, r.inputBorderControl);
+      return /* @__PURE__ */ K("div", { className: z, "data-disabled": P, children: [
+        /* @__PURE__ */ w(
           "div",
           {
-            "data-error": isError,
-            className: cls["date-wrapper"],
-            onClick: onOpen,
-            children: /* @__PURE__ */ jsx(
-              Input,
+            "data-error": A,
+            className: x(r["date-wrapper"], {
+              [r.editable]: S
+            }),
+            onClick: U,
+            children: /* @__PURE__ */ w(
+              V,
               {
-                ref,
-                className: InputClassNames,
-                wrapperClassName: cls["input-wrapper"],
-                size,
+                ref: L,
+                className: F,
+                wrapperClassName: r["input-wrapper"],
+                size: H,
                 type: "text",
-                variant: isError ? EInputVariant.Error : variant,
-                value: date && !(typeof date === "string") && !isNaN(date == null ? void 0 : date.getTime()) ? formating.Date(date, "dd/mm/yyyy") : "",
+                variant: X,
+                status: A ? tt.Error : void 0,
+                value: R,
+                onChange: q,
                 rightAddon: {
                   addonType: "icon",
-                  addonContent: isActive ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
+                  addonContent: f ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
                 },
-                ...props
+                "data-error": A,
+                ...G
               }
             )
           }
         ),
-        pickerType === "days" && isActive && /* @__PURE__ */ jsx(
-          DatePickerModal,
+        d === "days" && f && /* @__PURE__ */ w(
+          Z,
           {
-            onChangeValue: onDate,
-            date: date || /* @__PURE__ */ new Date(),
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
+            onChangeValue: u,
+            date: t || /* @__PURE__ */ new Date(),
+            setActive: c,
+            before: typeof a == "string" ? new Date(a) : a,
+            onType: o
           }
         ),
-        pickerType === "months" && isActive && /* @__PURE__ */ jsx(
-          MonthPickerModal,
+        d === "months" && f && /* @__PURE__ */ w(
+          b,
           {
-            onChangeValue: onDate,
-            date: date || /* @__PURE__ */ new Date(),
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
+            onChangeValue: u,
+            date: t || /* @__PURE__ */ new Date(),
+            setActive: c,
+            before: typeof a == "string" ? new Date(a) : a,
+            onType: o
           }
         ),
-        pickerType === "years" && isActive && /* @__PURE__ */ jsx(
-          YearPickerModal,
+        d === "years" && f && /* @__PURE__ */ w(
+          B,
           {
-            onChangeValue: onDate,
-            date: date || /* @__PURE__ */ new Date(),
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
+            onChangeValue: u,
+            date: t || /* @__PURE__ */ new Date(),
+            setActive: c,
+            before: typeof a == "string" ? new Date(a) : a,
+            onType: o
           }
         )
       ] });
     }
   )
 );
-DatePicker.displayName = "DatePicker";
+at.displayName = "DatePicker";
 export {
-  DatePicker
+  at as DatePicker
 };