mimir-ui-kit 1.36.5 → 1.36.6

package/dist/{Input-CxcCZOIp.js → Input-WnjLXNpw.js}

@@ -1,6 +1,6 @@
-import { jsxs as B, jsx as o, Fragment as X } from "react/jsx-runtime";
-import { c as r } from "./index-DIxK0V-G.js";
-import { memo as Y, forwardRef as Z, useState as R, useRef as $, useEffect as ee } from "react";
+import { jsxs as B, jsx as c, Fragment as Y } from "react/jsx-runtime";
+import { c as o } from "./index-DIxK0V-G.js";
+import { memo as Z, forwardRef as $, useState as R, useRef as ee, useEffect as z } from "react";
 import { EInputVariant as te } from "./components/Input/constants.js";
 import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ae } from "./icons/Icon.js";
@@ -29,20 +29,20 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
   success: pe,
   alarm: me,
   error: be
-}, z = (t) => {
-  var p, n;
+}, L = (t) => {
+  var p, a;
   if (!t)
     return null;
   switch (t.addonType) {
     case "icon": {
-      const m = (p = t.addonContent) == null ? void 0 : p.includes("16px"), h = (n = t.addonContent) == null ? void 0 : n.includes("24px");
-      return /* @__PURE__ */ o(
+      const m = (p = t.addonContent) == null ? void 0 : p.includes("16px"), g = (a = t.addonContent) == null ? void 0 : a.includes("24px");
+      return /* @__PURE__ */ c(
         ae,
         {
           style: {
-            "--icon-size": r({
+            "--icon-size": o({
               "16px": m,
-              "24px": h
+              "24px": g
             })
           },
           className: e["addon-icon"],
@@ -53,88 +53,90 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
     case "text":
       return t.addonContent;
     case "react-node":
-      return /* @__PURE__ */ o(X, { children: t.addonContent });
+      return /* @__PURE__ */ c(Y, { children: t.addonContent });
     default:
       return null;
   }
-}, fe = Y(
-  Z(
+}, fe = Z(
+  $(
     (t, p) => {
       const {
-        value: n,
+        value: a,
         className: m,
-        wrapperClassName: h,
-        rightSlotClassName: L,
-        requiredMarkClassName: j,
+        wrapperClassName: g,
+        rightSlotClassName: j,
+        requiredMarkClassName: D,
         variant: A = te.DefaultGray,
-        type: D = "text",
-        autofocus: g,
-        readonly: c,
+        type: E = "text",
+        autofocus: N,
+        readonly: n,
         id: F,
-        onFocus: N,
-        onBlur: x,
+        onFocus: x,
+        onBlur: y,
         label: u,
-        withClearButton: E,
+        withClearButton: M,
         disabled: s,
         onChange: i,
-        rightAddon: M,
+        rightAddon: O,
         status: V,
-        leftAddon: O,
-        size: y = "m",
-        numbersOnly: S,
-        required: C,
-        maxLength: v,
-        ...T
-      } = t, [_, w] = R(g), [b, I] = R(!!n), d = $(null), G = se(d, p);
-      ee(() => {
-        g && w(!0);
-      }, [g]);
-      const P = (a) => {
-        const l = a.currentTarget.value;
-        x == null || x(a), w(!1), I(!!l);
-      }, W = (a) => {
-        c || (w(!0), N == null || N(a));
-      }, H = () => {
-        d != null && d.current && (d.current.value = "", d.current.focus(), I(!1), i == null || i({
+        leftAddon: S,
+        size: C = "m",
+        numbersOnly: T,
+        required: v,
+        maxLength: w,
+        ...G
+      } = t, [_, I] = R(N), [b, f] = R(!!a), d = ee(null), P = se(d, p);
+      z(() => {
+        N && I(!0);
+      }, [N]), z(() => {
+        f(!!a);
+      }, [a]);
+      const W = (l) => {
+        const r = l.currentTarget.value;
+        y == null || y(l), I(!1), f(!!r);
+      }, H = (l) => {
+        n || (I(!0), x == null || x(l));
+      }, J = () => {
+        d != null && d.current && (d.current.value = "", d.current.focus(), f(!1), i == null || i({
           target: { value: "" }
         }));
-      }, J = (a) => {
-        let l = a.target.value;
-        S && (l = l.replace(/\D/g, "")), v !== void 0 && (l = l.slice(0, v)), a.target.value = l, i == null || i(a), I(!!l);
-      }, f = z(O), k = z(M), K = {
-        [e.readonly]: s || c,
+      }, K = (l) => {
+        let r = l.target.value;
+        T && (r = r.replace(/\D/g, "")), w !== void 0 && (r = r.slice(0, w)), l.target.value = r, i == null || i(l), f(!!r);
+      }, h = L(S), k = L(O), Q = {
+        [e.readonly]: s || n,
         [e.focused]: _,
-        [e.disabled]: s || c,
+        [e.disabled]: s || n,
         [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!f,
+        [e["has-left-slot"]]: !!h,
         [e["has-right-slot"]]: !!k
-      }, q = _ || b || !!n, Q = r(e.label, m, e[y], {
+      }, q = _ || b || !!a, U = o(e.label, m, e[C], {
         [e["active-label"]]: q,
-        [e.disabled]: s || c,
-        [e["has-left-slot"]]: !!f
-      }), U = r(e.input, K, m, [
+        [e.disabled]: s || n,
+        [e["has-left-slot"]]: !!h
+      }), X = o(e.input, Q, m, [
         e[A],
         e[V ?? ""],
-        e[y]
+        e[C]
       ]);
       return /* @__PURE__ */ B(
         "div",
         {
-          className: r(
+          className: o(
             e["input-wrapper"],
             e[A],
             e[V ?? ""],
-            e[y],
+            e[C],
             {
-              [e.disabled]: s || c,
+              [e.disabled]: s || n,
               [e.focused]: _
             },
-            h
+            g
           ),
           children: [
-            u && /* @__PURE__ */ B("label", { htmlFor: F, className: Q, children: [
+            u && /* @__PURE__ */ B("label", { htmlFor: F, className: U, children: [
               u,
-              C && (b || _) && /* @__PURE__ */ o(
+              v && (b || _) && /* @__PURE__ */ c(
                 "span",
                 {
                   className: e["required-mark"],
@@ -142,39 +144,39 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
                 }
               )
             ] }),
-            f && /* @__PURE__ */ o(
+            h && /* @__PURE__ */ c(
               "span",
               {
-                className: r(e["left-slot"], {
+                className: o(e["left-slot"], {
                   [e.focused]: q,
                   [e["has-label"]]: !!u,
                   [e.disabled]: s
                 }),
-                children: f
+                children: h
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ c(
               "input",
               {
-                ref: G,
-                type: D,
+                ref: P,
+                type: E,
                 id: F,
-                className: U,
-                onFocus: W,
-                onBlur: P,
-                readOnly: c,
-                value: n,
-                onChange: J,
-                maxLength: v,
+                className: X,
+                onFocus: H,
+                onBlur: W,
+                readOnly: n,
+                value: a,
+                onChange: K,
+                maxLength: w,
                 disabled: s,
-                required: C,
-                ...T
+                required: v,
+                ...G
               }
             ),
-            k && /* @__PURE__ */ o(
+            k && /* @__PURE__ */ c(
               "span",
               {
-                className: r(e["right-slot"], L, {
+                className: o(e["right-slot"], j, {
                   [e.focused]: q,
                   [e["has-label"]]: !!u,
                   [e.disabled]: s
@@ -182,30 +184,30 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
                 children: k
               }
             ),
-            C && !b && !_ && /* @__PURE__ */ o(
+            v && !b && !_ && /* @__PURE__ */ c(
               "span",
               {
-                className: r(
+                className: o(
                   e["required-mark"],
-                  j
+                  D
                 ),
                 "data-testid": "required-mark"
               }
             ),
-            E && b && /* @__PURE__ */ o(
+            M && b && /* @__PURE__ */ c(
               le,
               {
                 tabIndex: -1,
-                className: r(e.clear, {
+                className: o(e.clear, {
                   [e.disabled]: s
                 }),
                 isIconButton: !0,
                 iconName: "Close16px",
                 size: "m-s",
                 clear: !0,
-                disabled: s || c,
+                disabled: s || n,
                 variant: "secondary-gray",
-                onClick: H,
+                onClick: J,
                 "data-testid": "clear-button"
               }
             )