mimir-ui-kit 1.36.13 → 1.36.15

package/dist/Input-CbgqYgLo.js

@@ -1,226 +0,0 @@
-import { jsxs as B, jsx as c, Fragment as Z } from "react/jsx-runtime";
-import { c as r } from "./index-DIxK0V-G.js";
-import { memo as $, forwardRef as ee, useState as R, useRef as te, useEffect as z } from "react";
-import { EInputVariant as se } from "./components/Input/constants.js";
-import { useMergeRefs as ae } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as le } from "./icons/Icon.js";
-import { Button as oe } from "./components/Button/Button.js";
-import './assets/Input.css';const re = "_label_1bpoc_27", ce = "_input_1bpoc_3", ne = "_focused_1bpoc_82", ie = "_disabled_1bpoc_88", de = "_clear_1bpoc_137", ue = "_s_1bpoc_188", pe = "_m_1bpoc_203", _e = "_l_1bpoc_27", me = "_success_1bpoc_259", be = "_alarm_1bpoc_279", fe = "_error_1bpoc_299", e = {
-  "input-wrapper": "_input-wrapper_1bpoc_3",
-  "required-mark": "_required-mark_1bpoc_17",
-  label: re,
-  "has-left-slot": "_has-left-slot_1bpoc_42",
-  "active-label": "_active-label_1bpoc_45",
-  input: ce,
-  "has-right-slot": "_has-right-slot_1bpoc_79",
-  focused: ne,
-  "has-label": "_has-label_1bpoc_85",
-  disabled: ie,
-  "auto-height": "_auto-height_1bpoc_94",
-  "addon-icon": "_addon-icon_1bpoc_101",
-  "left-slot": "_left-slot_1bpoc_105",
-  "right-slot": "_right-slot_1bpoc_106",
-  clear: de,
-  s: ue,
-  m: pe,
-  l: _e,
-  "default-gray": "_default-gray_1bpoc_232",
-  "default-white": "_default-white_1bpoc_244",
-  success: me,
-  alarm: be,
-  error: fe
-}, L = (t) => {
-  var _, a;
-  if (!t)
-    return null;
-  switch (t.addonType) {
-    case "icon": {
-      const m = (_ = t.addonContent) == null ? void 0 : _.includes("16px"), g = (a = t.addonContent) == null ? void 0 : a.includes("24px");
-      return /* @__PURE__ */ c(
-        le,
-        {
-          style: {
-            "--icon-size": r({
-              "16px": m,
-              "24px": g
-            })
-          },
-          className: e["addon-icon"],
-          iconName: t.addonContent
-        }
-      );
-    }
-    case "text":
-      return t.addonContent;
-    case "react-node":
-      return /* @__PURE__ */ c(Z, { children: t.addonContent });
-    default:
-      return null;
-  }
-}, he = $(
-  ee(
-    (t, _) => {
-      const {
-        value: a,
-        className: m,
-        wrapperClassName: g,
-        rightSlotClassName: j,
-        requiredMarkClassName: D,
-        variant: A = se.DefaultGray,
-        type: E = "text",
-        autofocus: N,
-        readonly: n,
-        id: F,
-        onFocus: x,
-        onBlur: C,
-        label: u,
-        withClearButton: M,
-        disabled: s,
-        onChange: i,
-        rightAddon: O,
-        status: V,
-        leftAddon: S,
-        size: y = "m",
-        numbersOnly: T,
-        required: v,
-        maxLength: w,
-        autocomplete: G = "on",
-        ...P
-      } = t, [p, I] = R(N), [b, f] = R(!!a), d = te(null), W = ae(d, _);
-      z(() => {
-        N && I(!0);
-      }, [N]), z(() => {
-        f(!!a);
-      }, [a]);
-      const H = (l) => {
-        const o = l.currentTarget.value;
-        C == null || C(l), I(!1), f(!!o);
-      }, J = (l) => {
-        n || (I(!0), x == null || x(l));
-      }, K = () => {
-        d != null && d.current && (d.current.value = "", d.current.focus(), f(!1), i == null || i({
-          target: { value: "" }
-        }));
-      }, Q = (l) => {
-        let o = l.target.value;
-        T && (o = o.replace(/\D/g, "")), w !== void 0 && (o = o.slice(0, w)), l.target.value = o, i == null || i(l), f(!!o);
-      }, h = L(S), k = L(O), U = {
-        [e.readonly]: s || n,
-        [e.focused]: p,
-        [e.disabled]: s || n,
-        [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!h,
-        [e["has-right-slot"]]: !!k
-      }, q = p || b || !!a, X = r(e.label, m, e[y], {
-        [e["active-label"]]: q,
-        [e.disabled]: s || n,
-        [e["has-left-slot"]]: !!h
-      }), Y = r(e.input, U, m, [
-        e[A],
-        e[V ?? ""],
-        e[y]
-      ]);
-      return /* @__PURE__ */ B(
-        "div",
-        {
-          className: r(
-            e["input-wrapper"],
-            e[A],
-            e[V ?? ""],
-            e[y],
-            {
-              [e.disabled]: s || n,
-              [e.focused]: p
-            },
-            g
-          ),
-          children: [
-            u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
-              u,
-              v && (b || p) && /* @__PURE__ */ c(
-                "span",
-                {
-                  className: e["required-mark"],
-                  "data-testid": "required-mark"
-                }
-              )
-            ] }),
-            h && /* @__PURE__ */ c(
-              "span",
-              {
-                className: r(e["left-slot"], {
-                  [e.focused]: q,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: s
-                }),
-                children: h
-              }
-            ),
-            /* @__PURE__ */ c(
-              "input",
-              {
-                ref: W,
-                type: E,
-                id: F,
-                className: Y,
-                onFocus: J,
-                onBlur: H,
-                readOnly: n,
-                value: a,
-                onChange: Q,
-                maxLength: w,
-                disabled: s,
-                required: v,
-                autoComplete: G,
-                ...P
-              }
-            ),
-            k && /* @__PURE__ */ c(
-              "span",
-              {
-                className: r(e["right-slot"], j, {
-                  [e.focused]: q,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: s
-                }),
-                children: k
-              }
-            ),
-            v && !b && !p && /* @__PURE__ */ c(
-              "span",
-              {
-                className: r(
-                  e["required-mark"],
-                  D
-                ),
-                "data-testid": "required-mark"
-              }
-            ),
-            M && b && /* @__PURE__ */ c(
-              oe,
-              {
-                tabIndex: -1,
-                className: r(e.clear, {
-                  [e.disabled]: s
-                }),
-                isIconButton: !0,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: !0,
-                disabled: s || n,
-                variant: "secondary-gray",
-                onClick: K,
-                "data-testid": "clear-button"
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-he.displayName = "Input";
-export {
-  he as I,
-  e as c
-};