mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/components/CheckboxMimir/index.js

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

package/dist/components/Chip/Chip.js

@@ -1,44 +1,56 @@
-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,
+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_19bvm_2";
+const disabled = "_disabled_19bvm_40";
+const xs = "_xs_19bvm_51";
+const s = "_s_19bvm_59";
+const m = "_m_19bvm_67";
+const sapphire = "_sapphire_19bvm_75";
+const citrine = "_citrine_19bvm_84";
+const asphalt = "_asphalt_19bvm_93";
+const gray = "_gray_19bvm_102";
+const white = "_white_19bvm_111";
+const green = "_green_19bvm_120";
+const cls = {
+  chip,
   "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
+  disabled,
+  xs,
+  s,
+  m,
+  sapphire,
+  citrine,
+  asphalt,
+  gray,
+  white,
+  green
+};
+const Chip = ({
+  size = EChipSize.M,
+  variant = EChipVariant.Sapphire,
+  className,
+  onClick,
+  disabled: disabled2,
+  withAction,
+  children
 }) => {
-  const n = p(
-    s.chip,
-    c,
+  const classes = classNames(
+    cls.chip,
+    className,
     {
-      [s["with-action"]]: t,
-      [s.disabled]: o
+      [cls["with-action"]]: withAction,
+      [cls.disabled]: disabled2
     },
-    s[_],
-    s[i]
+    cls[variant],
+    cls[size]
   );
-  return /* @__PURE__ */ m("button", { type: "button", onClick: e, className: n, children: [
-    a,
-    t && /* @__PURE__ */ r(l, { iconName: "Close16px" })
+  return /* @__PURE__ */ jsxs("button", { type: "button", onClick, className: classes, children: [
+    children,
+    withAction && /* @__PURE__ */ jsx(Icon, { iconName: "Close16px" })
   ] });
 };
 export {
-  M as Chip
+  Chip
 };

package/dist/components/Chip/constants.js

@@ -1,5 +1,19 @@
-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 || {});
+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 || {});
 export {
-  r as EChipSize,
-  s as EChipVariant
+  EChipSize,
+  EChipVariant
 };

package/dist/components/Chip/index.js

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

package/dist/components/DatePicker/DatePicker.js

@@ -1,140 +1,196 @@
-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(
+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-B9L4B63y.js";
+import { formatDatePart } from "./utils.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-DspsU5F4.js";
+import { EInputStatus } from "../Input/constants.js";
+const MAX_DAY = 31;
+const MAX_MONTH = 12;
+const DATE_LENGTH = 10;
+const DatePicker = memo(
+  forwardRef(
     ({
-      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
+      size,
+      value,
+      onChangeValue,
+      name,
+      before,
+      type = "days",
+      error,
+      onError,
+      onBlur,
+      validateImmediately,
+      variant,
+      disabled = false,
+      editable = 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);
+      const [inputValue, setInputValue] = useState("");
+      useEffect(() => {
+        setError(error);
+      }, [error]);
+      useEffect(() => {
+        setDate(
+          value && !isNaN(new Date(value).getTime()) ? new Date(value) : void 0
         );
-      }, [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);
+      }, [value]);
+      useEffect(() => {
+        if (date && !(typeof date === "string") && !isNaN(date == null ? void 0 : date.getTime())) {
+          setInputValue(formating.Date(date, "dd/mm/yyyy"));
+        } else {
+          setInputValue("");
+        }
+      }, [date]);
+      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);
         },
-        className: r["calendar-block"]
+        className: cls["calendar-block"]
       });
-      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")}`
+      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");
+          }
+        }
+        setDate(sendDate);
+        onChangeValue == null ? void 0 : onChangeValue({ value: sendDate, name });
+        onBlur == null ? void 0 : onBlur(sendDate);
+      };
+      const handleInputChange = (e) => {
+        if (editable) {
+          const newValue = e.target.value.replace(/[^\d]/g, "");
+          const [day, month, year] = [
+            formatDatePart(newValue.substring(0, 2), MAX_DAY),
+            formatDatePart(newValue.substring(2, 4), MAX_MONTH),
+            newValue.substring(4, 8)
+          ];
+          const formattedValue = [day, month, year].filter(Boolean).join("/");
+          setInputValue(formattedValue);
+          if (formattedValue.length === DATE_LENGTH) {
+            const fullYear = parseInt(year);
+            const newDate = /* @__PURE__ */ new Date(
+              `${fullYear}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`
             );
-            isNaN(M.getTime()) || (N(M), i == null || i({ value: M, name: p }));
+            if (!isNaN(newDate.getTime())) {
+              setDate(newDate);
+              onChangeValue == null ? void 0 : onChangeValue({ value: newDate, name });
+            }
           }
         }
-      }, 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(
+      };
+      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(
           "div",
           {
-            "data-error": A,
-            className: x(r["date-wrapper"], {
-              [r.editable]: S
+            "data-error": isError,
+            className: classNames(cls["date-wrapper"], {
+              [cls.editable]: editable
             }),
-            onClick: U,
-            children: /* @__PURE__ */ w(
-              V,
+            onClick: onOpen,
+            children: /* @__PURE__ */ jsx(
+              Input,
               {
-                ref: L,
-                className: F,
-                wrapperClassName: r["input-wrapper"],
-                size: H,
+                ref,
+                className: InputClassNames,
+                wrapperClassName: cls["input-wrapper"],
+                size,
                 type: "text",
-                variant: X,
-                status: A ? tt.Error : void 0,
-                value: R,
-                onChange: q,
+                variant,
+                status: isError ? EInputStatus.Error : void 0,
+                value: inputValue,
+                onChange: handleInputChange,
                 rightAddon: {
                   addonType: "icon",
-                  addonContent: f ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
+                  addonContent: isActive ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
                 },
-                "data-error": A,
-                ...G
+                "data-error": isError,
+                ...props
               }
             )
           }
         ),
-        d === "days" && f && /* @__PURE__ */ w(
-          Z,
+        pickerType === "days" && isActive && /* @__PURE__ */ jsx(
+          DatePickerModal,
           {
-            onChangeValue: u,
-            date: t || /* @__PURE__ */ new Date(),
-            setActive: c,
-            before: typeof a == "string" ? new Date(a) : a,
-            onType: o
+            onChangeValue: onDate,
+            date: date || /* @__PURE__ */ new Date(),
+            setActive,
+            before: typeof before === "string" ? new Date(before) : before,
+            onType: setType
           }
         ),
-        d === "months" && f && /* @__PURE__ */ w(
-          b,
+        pickerType === "months" && isActive && /* @__PURE__ */ jsx(
+          MonthPickerModal,
           {
-            onChangeValue: u,
-            date: t || /* @__PURE__ */ new Date(),
-            setActive: c,
-            before: typeof a == "string" ? new Date(a) : a,
-            onType: o
+            onChangeValue: onDate,
+            date: date || /* @__PURE__ */ new Date(),
+            setActive,
+            before: typeof before === "string" ? new Date(before) : before,
+            onType: setType
           }
         ),
-        d === "years" && f && /* @__PURE__ */ w(
-          B,
+        pickerType === "years" && isActive && /* @__PURE__ */ jsx(
+          YearPickerModal,
           {
-            onChangeValue: u,
-            date: t || /* @__PURE__ */ new Date(),
-            setActive: c,
-            before: typeof a == "string" ? new Date(a) : a,
-            onType: o
+            onChangeValue: onDate,
+            date: date || /* @__PURE__ */ new Date(),
+            setActive,
+            before: typeof before === "string" ? new Date(before) : before,
+            onType: setType
           }
         )
       ] });
     }
   )
 );
-at.displayName = "DatePicker";
+DatePicker.displayName = "DatePicker";
 export {
-  at as DatePicker
+  DatePicker
 };