mimir-ui-kit 1.55.0 → 1.57.0

package/dist/Input-DgWOCNwP.js

@@ -1,232 +0,0 @@
-import { jsxs as B, jsx as s, Fragment as Z } from "react/jsx-runtime";
-import { c as o } from "./index-DIxK0V-G.js";
-import { memo as ee, forwardRef as ae, useState as z, useRef as te, useEffect as L } from "react";
-import { EInputVariant as se } from "./components/Input/constants.js";
-import { useMergeRefs as re } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as le } from "./icons/Icon.js";
-import { Button as de } from "./components/Button/Button.js";
-import './assets/Input.css';const oe = "_label_1wf2d_26", ne = "_input_1wf2d_2", ce = "_focused_1wf2d_99", ie = "_disabled_1wf2d_105", ue = "_clear_1wf2d_147", _e = "_s_1wf2d_210", fe = "_m_1wf2d_225", me = "_l_1wf2d_26", pe = "_success_1wf2d_281", he = "_alarm_1wf2d_301", be = "_error_1wf2d_321", e = {
-  "input-wrapper": "_input-wrapper_1wf2d_2",
-  "required-mark": "_required-mark_1wf2d_16",
-  label: oe,
-  "has-left-slot": "_has-left-slot_1wf2d_45",
-  "has-right-slot": "_has-right-slot_1wf2d_48",
-  "active-label": "_active-label_1wf2d_53",
-  "label-text-wrapper": "_label-text-wrapper_1wf2d_68",
-  input: ne,
-  focused: ce,
-  "has-label": "_has-label_1wf2d_102",
-  disabled: ie,
-  "addon-icon": "_addon-icon_1wf2d_111",
-  "left-slot": "_left-slot_1wf2d_115",
-  "right-slot": "_right-slot_1wf2d_116",
-  clear: ue,
-  "border-radius-left": "_border-radius-left_1wf2d_198",
-  "border-radius-right": "_border-radius-right_1wf2d_202",
-  "border-radius-none": "_border-radius-none_1wf2d_206",
-  s: _e,
-  m: fe,
-  l: me,
-  "default-gray": "_default-gray_1wf2d_254",
-  "default-white": "_default-white_1wf2d_266",
-  success: pe,
-  alarm: he,
-  error: be
-}, j = (a) => {
-  var f, r;
-  if (!a)
-    return null;
-  switch (a.addonType) {
-    case "icon": {
-      const m = (f = a.addonContent) == null ? void 0 : f.includes("16px"), g = (r = a.addonContent) == null ? void 0 : r.includes("24px");
-      return /* @__PURE__ */ s(
-        le,
-        {
-          style: {
-            "--icon-size": o({
-              "16px": m,
-              "24px": g
-            })
-          },
-          className: e["addon-icon"],
-          iconName: a.addonContent
-        }
-      );
-    }
-    case "text":
-      return a.addonContent;
-    case "react-node":
-      return /* @__PURE__ */ s(Z, { children: a.addonContent });
-    default:
-      return null;
-  }
-}, we = ee(
-  ae(
-    (a, f) => {
-      const {
-        value: r,
-        className: m,
-        wrapperClassName: g,
-        rightSlotClassName: D,
-        requiredMarkClassName: E,
-        variant: A = se.DefaultGray,
-        type: M = "text",
-        autofocus: N,
-        readonly: n,
-        id: F,
-        onFocus: x,
-        onBlur: C,
-        label: u,
-        withClearButton: O,
-        disabled: t,
-        onChange: i,
-        rightAddon: S,
-        status: R,
-        leftAddon: T,
-        size: y = "m",
-        numbersOnly: G,
-        required: v,
-        maxLength: I,
-        autocomplete: P = "on",
-        borderRadius: V = "all",
-        ...W
-      } = a, [_, k] = z(N), [p, h] = z(!!r), c = te(null), $ = re(c, f);
-      L(() => {
-        N && k(!0);
-      }, [N]), L(() => {
-        h(!!r);
-      }, [r]);
-      const H = (l) => {
-        const d = l.currentTarget.value;
-        C == null || C(l), k(!1), h(!!d);
-      }, J = (l) => {
-        n || (k(!0), x == null || x(l));
-      }, K = () => {
-        c != null && c.current && (c.current.value = "", c.current.focus(), h(!1), i == null || i({
-          target: c.current
-        }));
-      }, Q = (l) => {
-        let d = l.target.value;
-        G && (d = d.replace(/\D/g, "")), I !== void 0 && (d = d.slice(0, I)), l.target.value = d, i == null || i(l), h(!!d);
-      }, b = j(T), w = j(S), U = {
-        [e.readonly]: t || n,
-        [e.focused]: _,
-        [e.disabled]: t || n,
-        [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!b,
-        [e["has-right-slot"]]: !!w
-      }, q = _ || p || !!r, X = o(e.label, m, e[y], {
-        [e["active-label"]]: q,
-        [e.disabled]: t || n,
-        [e["has-left-slot"]]: !!b,
-        [e["has-right-slot"]]: !!w
-      }), Y = o(e.input, U, m, [
-        e[A],
-        e[R ?? ""],
-        e[y]
-      ]);
-      return /* @__PURE__ */ B(
-        "div",
-        {
-          className: o(
-            e["input-wrapper"],
-            e[A],
-            e[R ?? ""],
-            e[y],
-            {
-              [e.disabled]: t || n,
-              [e.focused]: _,
-              [e[`border-radius-${V}`]]: V !== "all"
-            },
-            g
-          ),
-          children: [
-            u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
-              /* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: u }),
-              v && (p || _) && /* @__PURE__ */ s(
-                "span",
-                {
-                  className: e["required-mark"],
-                  "data-testid": "required-mark"
-                }
-              )
-            ] }),
-            b && /* @__PURE__ */ s(
-              "span",
-              {
-                className: o(e["left-slot"], {
-                  [e.focused]: q,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: b
-              }
-            ),
-            /* @__PURE__ */ s(
-              "input",
-              {
-                ref: $,
-                type: M,
-                id: F,
-                className: Y,
-                onFocus: J,
-                onBlur: H,
-                readOnly: n,
-                value: r,
-                onChange: Q,
-                maxLength: I,
-                disabled: t,
-                required: v,
-                autoComplete: P,
-                ...W
-              }
-            ),
-            w && /* @__PURE__ */ s(
-              "span",
-              {
-                className: o(e["right-slot"], D, {
-                  [e.focused]: q,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: w
-              }
-            ),
-            v && !p && !_ && /* @__PURE__ */ s(
-              "span",
-              {
-                className: o(
-                  e["required-mark"],
-                  E
-                ),
-                "data-testid": "required-mark"
-              }
-            ),
-            O && p && /* @__PURE__ */ s(
-              de,
-              {
-                tabIndex: -1,
-                className: o(e.clear, {
-                  [e.disabled]: t
-                }),
-                isIconButton: !0,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: !0,
-                disabled: t || n,
-                variant: "secondary-gray",
-                onClick: K,
-                "data-testid": "clear-button"
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-we.displayName = "Input";
-export {
-  we as I,
-  e as c
-};