mimir-ui-kit 1.34.4 → 1.34.5

package/dist/components/Tag/Tag.js

@@ -1,54 +1,46 @@
-import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef } from "react";
-import { ETagSize, ETagType } from "./constants.js";
-import '../../assets/Tag.css';const container = "_container_pnj33_2";
-const disabled = "_disabled_pnj33_25";
-const inner = "_inner_pnj33_30";
-const M = "_M_pnj33_38";
-const S = "_S_pnj33_42";
-const XS = "_XS_pnj33_50";
-const cls = {
-  container,
-  disabled,
-  inner,
-  M,
-  S,
-  XS
-};
-const Tag = forwardRef(
-  (props, ref) => {
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "../../index-DIxK0V-G.js";
+import { forwardRef as N } from "react";
+import { ETagSize as j, ETagType as n } from "./constants.js";
+import '../../assets/Tag.css';const S = "_container_pnj33_2", g = "_disabled_pnj33_25", C = "_inner_pnj33_30", u = "_M_pnj33_38", M = "_S_pnj33_42", h = "_XS_pnj33_50", o = {
+  container: S,
+  disabled: g,
+  inner: C,
+  M: u,
+  S: M,
+  XS: h
+}, U = N(
+  (t, c) => {
     const {
-      rootClassName,
-      innerClassName,
-      children,
-      size = ETagSize.M,
-      disabled: disabled2 = false,
-      elementType = ETagType.BUTTON,
-      backgroundColor = "",
-      color = "",
-      outline = false,
-      ...otherProps
-    } = props;
-    const Element = elementType === ETagType.BUTTON ? ETagType.BUTTON : ETagType.DIV;
-    return /* @__PURE__ */ jsx(
-      Element,
+      rootClassName: l,
+      innerClassName: i,
+      children: _,
+      size: d = j.M,
+      disabled: p = !1,
+      elementType: m = n.BUTTON,
+      backgroundColor: e = "",
+      color: T = "",
+      outline: r = !1,
+      ...b
+    } = t, f = m === n.BUTTON ? n.BUTTON : n.DIV;
+    return /* @__PURE__ */ s(
+      f,
       {
-        className: classNames(cls.container, cls[size], rootClassName, {
-          [cls.disabled]: disabled2
+        className: a(o.container, o[d], l, {
+          [o.disabled]: p
         }),
-        ref,
+        ref: c,
         style: {
-          backgroundColor: outline ? "transparent" : backgroundColor,
-          borderColor: backgroundColor,
-          color: outline ? backgroundColor : color
+          backgroundColor: r ? "transparent" : e,
+          borderColor: e,
+          color: r ? e : T
         },
-        ...otherProps,
-        children: /* @__PURE__ */ jsx("span", { className: classNames(cls.inner, innerClassName), children })
+        ...b,
+        children: /* @__PURE__ */ s("span", { className: a(o.inner, i), children: _ })
       }
     );
   }
 );
 export {
-  Tag
+  U as Tag
 };

package/dist/components/Tag/constants.js

@@ -1,15 +1,5 @@
-var ETagSize = /* @__PURE__ */ ((ETagSize2) => {
-  ETagSize2["XS"] = "XS";
-  ETagSize2["S"] = "S";
-  ETagSize2["M"] = "M";
-  return ETagSize2;
-})(ETagSize || {});
-var ETagType = /* @__PURE__ */ ((ETagType2) => {
-  ETagType2["DIV"] = "div";
-  ETagType2["BUTTON"] = "button";
-  return ETagType2;
-})(ETagType || {});
+var t = /* @__PURE__ */ ((r) => (r.XS = "XS", r.S = "S", r.M = "M", r))(t || {}), n = /* @__PURE__ */ ((r) => (r.DIV = "div", r.BUTTON = "button", r))(n || {});
 export {
-  ETagSize,
-  ETagType
+  t as ETagSize,
+  n as ETagType
 };

package/dist/components/Tag/index.js

@@ -1,7 +1,7 @@
-import { Tag } from "./Tag.js";
-import { ETagSize, ETagType } from "./constants.js";
+import { Tag as r } from "./Tag.js";
+import { ETagSize as a, ETagType as g } from "./constants.js";
 export {
-  ETagSize,
-  ETagType,
-  Tag
+  a as ETagSize,
+  g as ETagType,
+  r as Tag
 };

package/dist/components/TextArea/TextArea.js

@@ -1,222 +1,195 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, forwardRef, useState, useRef, useEffect } from "react";
-import { useAutoResizeTextArea } from "./hooks.js";
-import { useMergeRefs } from "../../hooks/useMergeRefs/useMergeRefs.js";
-import { Icon } from "../../icons/Icon.js";
-import { Button } from "../Button/Button.js";
-import { c as cls } from "../../Input-DspsU5F4.js";
-import { EInputVariant } from "../Input/constants.js";
-import '../../assets/TextArea.css';const textarea = "_textarea_1n8kz_2";
-const label = "_label_1n8kz_22";
-const s = "_s_1n8kz_54";
-const m = "_m_1n8kz_62";
-const l = "_l_1n8kz_22";
-const textareaCls = {
+import { jsxs as V, jsx as n } from "react/jsx-runtime";
+import { c as d } from "../../index-DIxK0V-G.js";
+import { memo as K, forwardRef as Q, useState as B, useRef as U, useEffect as X } from "react";
+import { useAutoResizeTextArea as Y } from "./hooks.js";
+import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as $ } from "../../icons/Icon.js";
+import { Button as ee } from "../Button/Button.js";
+import { c as e } from "../../Input-DGr0q5AJ.js";
+import { EInputVariant as ae } from "../Input/constants.js";
+import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_1n8kz_22", re = "_s_1n8kz_54", le = "_m_1n8kz_62", ne = "_l_1n8kz_22", a = {
   "textarea-wrapper": "_textarea-wrapper_1n8kz_2",
-  textarea,
+  textarea: te,
   "has-label": "_has-label_1n8kz_8",
   "required-mark": "_required-mark_1n8kz_11",
-  label,
+  label: se,
   "has-left-slot": "_has-left-slot_1n8kz_37",
   "active-label": "_active-label_1n8kz_40",
-  s,
-  m,
-  l
-};
-const renderAddon = (addon) => {
-  var _a, _b;
-  if (!addon) {
+  s: re,
+  m: le,
+  l: ne
+}, F = (t) => {
+  var p, o;
+  if (!t)
     return null;
-  }
-  switch (addon.addonType) {
+  switch (t.addonType) {
     case "icon": {
-      const is16px = (_a = addon.addonContent) == null ? void 0 : _a.includes("16px");
-      const is24px = (_b = addon.addonContent) == null ? void 0 : _b.includes("24px");
-      return /* @__PURE__ */ jsx(
-        Icon,
+      const _ = (p = t.addonContent) == null ? void 0 : p.includes("16px"), b = (o = t.addonContent) == null ? void 0 : o.includes("24px");
+      return /* @__PURE__ */ n(
+        $,
         {
           style: {
-            ["--icon-size"]: classNames({
-              "16px": is16px,
-              "24px": is24px
+            "--icon-size": d({
+              "16px": _,
+              "24px": b
             })
           },
-          className: cls["addon-icon"],
-          iconName: addon.addonContent
+          className: e["addon-icon"],
+          iconName: t.addonContent
         }
       );
     }
-    case "text": {
-      return addon.addonContent;
-    }
-    default: {
+    case "text":
+      return t.addonContent;
+    default:
       return null;
-    }
   }
-};
-const TextArea = memo(
-  forwardRef(
-    (props, ref) => {
+}, oe = K(
+  Q(
+    (t, p) => {
       const {
-        value,
-        className,
-        wrapperClassName,
-        variant = EInputVariant.DefaultGray,
-        autofocus,
-        readonly,
-        status,
-        id,
-        onFocus,
-        onBlur,
-        label: label2,
-        onChange,
-        withClearButton,
-        disabled,
-        rightAddon,
-        leftAddon,
-        size = "m",
-        required,
-        ...otherProps
-      } = props;
-      const [isFocused, setIsFocused] = useState(autofocus);
-      const [withValue, setWithValue] = useState(!!value);
-      const textareaRef = useRef(null);
-      const mergedTextareaRef = useMergeRefs(textareaRef, ref);
-      useEffect(() => {
-        if (autofocus) {
-          setIsFocused(true);
-        }
-      }, [autofocus]);
-      const handleResize = useAutoResizeTextArea(textareaRef.current);
-      const handleBlur = (event) => {
-        const currentValue = event.currentTarget.value;
-        onBlur == null ? void 0 : onBlur(event);
-        setIsFocused(false);
-        setWithValue(!!currentValue);
-      };
-      const handleFocus = (event) => {
-        if (readonly) {
-          return;
-        }
-        setIsFocused(true);
-        onFocus == null ? void 0 : onFocus(event);
-      };
-      const handleClear = () => {
-        if (textareaRef == null ? void 0 : textareaRef.current) {
-          textareaRef.current.value = "";
-          textareaRef.current.focus();
-          setWithValue(false);
-          handleResize();
-          onChange == null ? void 0 : onChange({
-            target: { value: "" }
-          });
-        }
-      };
-      const handleChange = (event) => {
-        const targetValue = event.target.value;
-        setWithValue(!!targetValue);
-        handleResize();
-        onChange == null ? void 0 : onChange(event);
-      };
-      const currentLeftAddon = renderAddon(leftAddon);
-      const currentRightAddon = renderAddon(rightAddon);
-      const mods = {
-        [cls.readonly]: disabled || readonly,
-        [cls.focused]: isFocused,
-        [cls.disabled]: disabled || readonly,
-        [cls["has-left-slot"]]: !!currentLeftAddon,
-        [cls["has-right-slot"]]: !!currentRightAddon,
-        [textareaCls["has-label"]]: !!label2
-      };
-      const isActiveLabel = isFocused || withValue || !!value;
-      const labelClassNames = classNames(
-        cls.label,
-        textareaCls.label,
+        value: o,
+        className: _,
+        wrapperClassName: b,
+        variant: q = ae.DefaultGray,
+        autofocus: k,
+        readonly: s,
+        status: I,
+        id: R,
+        onFocus: N,
+        onBlur: z,
+        label: i,
+        onChange: c,
+        withClearButton: j,
+        disabled: u,
+        rightAddon: E,
+        leftAddon: L,
+        size: m = "m",
+        required: g,
+        ...D
+      } = t, [f, C] = B(k), [h, v] = B(!!o), r = U(null), G = Z(r, p);
+      X(() => {
+        k && C(!0);
+      }, [k]);
+      const T = Y(r.current), M = (l) => {
+        const y = l.currentTarget.value;
+        z == null || z(l), C(!1), v(!!y);
+      }, O = (l) => {
+        s || (C(!0), N == null || N(l));
+      }, P = () => {
+        r != null && r.current && (r.current.value = "", r.current.focus(), v(!1), T(), c == null || c({
+          target: { value: "" }
+        }));
+      }, S = (l) => {
+        const y = l.target.value;
+        v(!!y), T(), c == null || c(l);
+      }, x = F(L), A = F(E), W = {
+        [e.readonly]: u || s,
+        [e.focused]: f,
+        [e.disabled]: u || s,
+        [e["has-left-slot"]]: !!x,
+        [e["has-right-slot"]]: !!A,
+        [a["has-label"]]: !!i
+      }, w = f || h || !!o, H = d(
+        e.label,
+        a.label,
         {
-          [textareaCls["active-label"]]: isActiveLabel,
-          [cls.disabled]: disabled || readonly,
-          [textareaCls["has-left-slot"]]: !!currentLeftAddon
+          [a["active-label"]]: w,
+          [e.disabled]: u || s,
+          [a["has-left-slot"]]: !!x
         },
-        className,
-        cls[size]
-      );
-      const inputClassNames = classNames(
-        textareaCls.textarea,
-        cls.input,
-        mods,
-        className,
-        [cls[variant], textareaCls[size], cls[size], cls[status ?? ""]]
+        _,
+        e[m]
+      ), J = d(
+        a.textarea,
+        e.input,
+        W,
+        _,
+        [e[q], a[m], e[m], e[I ?? ""]]
       );
-      return /* @__PURE__ */ jsxs(
+      return /* @__PURE__ */ V(
         "div",
         {
-          className: classNames(
-            cls["input-wrapper"],
-            textareaCls["textarea-wrapper"],
-            cls[variant],
-            cls[status ?? ""],
-            textareaCls[size],
-            cls[size],
+          className: d(
+            e["input-wrapper"],
+            a["textarea-wrapper"],
+            e[q],
+            e[I ?? ""],
+            a[m],
+            e[m],
             {
-              [cls.disabled]: disabled || readonly,
-              [cls.focused]: isFocused
+              [e.disabled]: u || s,
+              [e.focused]: f
             },
-            wrapperClassName
+            b
           ),
           children: [
-            label2 && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: labelClassNames, children: [
-              label2,
-              required && (withValue || isFocused) && /* @__PURE__ */ jsx("span", { className: textareaCls["required-mark"] })
+            i && /* @__PURE__ */ V("label", { htmlFor: R, className: H, children: [
+              i,
+              g && (h || f) && /* @__PURE__ */ n(
+                "span",
+                {
+                  className: a["required-mark"],
+                  "data-testid": "required-mark"
+                }
+              )
             ] }),
-            currentLeftAddon && /* @__PURE__ */ jsx(
+            x && /* @__PURE__ */ n(
               "span",
               {
-                className: classNames(cls["left-slot"], {
-                  [cls.focused]: isActiveLabel,
-                  [cls["has-label"]]: !!label2
+                className: d(e["left-slot"], {
+                  [e.focused]: w,
+                  [e["has-label"]]: !!i
                 }),
-                children: currentLeftAddon
+                "data-testId": "left-addon",
+                children: x
               }
             ),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ n(
               "textarea",
               {
-                ref: mergedTextareaRef,
-                id,
-                className: inputClassNames,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                readOnly: readonly,
-                value,
-                onChange: handleChange,
-                required,
-                ...otherProps
+                ref: G,
+                id: R,
+                className: J,
+                onFocus: O,
+                onBlur: M,
+                readOnly: s,
+                value: o,
+                onChange: S,
+                required: g,
+                ...D
               }
             ),
-            currentRightAddon && /* @__PURE__ */ jsx(
+            A && /* @__PURE__ */ n(
               "span",
               {
-                className: classNames(cls["right-slot"], {
-                  [cls.focused]: isActiveLabel,
-                  [cls["has-label"]]: !!label2
+                className: d(e["right-slot"], {
+                  [e.focused]: w,
+                  [e["has-label"]]: !!i
                 }),
-                children: currentRightAddon
+                "data-testId": "right-addon",
+                children: A
+              }
+            ),
+            g && !h && !f && /* @__PURE__ */ n(
+              "span",
+              {
+                className: a["required-mark"],
+                "data-testid": "required-mark"
               }
             ),
-            required && !withValue && !isFocused && /* @__PURE__ */ jsx("span", { className: textareaCls["required-mark"] }),
-            withClearButton && withValue && /* @__PURE__ */ jsx(
-              Button,
+            j && h && /* @__PURE__ */ n(
+              ee,
               {
                 tabIndex: -1,
-                className: cls.clear,
-                isIconButton: true,
+                className: e.clear,
+                isIconButton: !0,
                 iconName: "Close16px",
                 size: "m-s",
-                clear: true,
-                disabled: disabled || readonly,
+                clear: !0,
+                disabled: u || s,
                 variant: "secondary-gray",
-                onClick: handleClear
+                onClick: P
               }
             )
           ]
@@ -225,7 +198,7 @@ const TextArea = memo(
     }
   )
 );
-TextArea.displayName = "TextArea";
+oe.displayName = "TextArea";
 export {
-  TextArea
+  oe as TextArea
 };

package/dist/components/TextArea/hooks.js

@@ -1,17 +1,15 @@
-import { useCallback } from "react";
-const useAutoResizeTextArea = (textArea) => {
-  return useCallback(() => {
-    if (textArea) {
-      if (!textArea.value.length) {
-        textArea.style.height = "auto";
-        return;
-      }
-      textArea.style.height = "var(--textarea-height)";
-      const scrollHeight = textArea.scrollHeight;
-      textArea.style.height = `${scrollHeight}px`;
+import { useCallback as e } from "react";
+const s = (h) => e(() => {
+  if (h) {
+    if (!h.value.length) {
+      h.style.height = "auto";
+      return;
     }
-  }, [textArea]);
-};
+    h.style.height = "var(--textarea-height)";
+    const l = h.scrollHeight;
+    h.style.height = `${l}px`;
+  }
+}, [h]);
 export {
-  useAutoResizeTextArea
+  s as useAutoResizeTextArea
 };

package/dist/components/TextArea/index.js

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

package/dist/components/Timer/Timer.js

@@ -1,27 +1,23 @@
-import { jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo } from "react";
-import { useTimer } from "../../hooks/useTimer/index.js";
-import '../../assets/Timer.css';const timer = "_timer_un9th_3";
-const cls = {
-  timer
-};
-const Timer = memo(
-  ({ expiryTimestamp, autoStart = false, onTimerEnd, className }) => {
-    const { minutes, seconds } = useTimer({
-      expiryTimestamp,
-      onExpire: onTimerEnd,
-      autoStart
-    });
-    const formattedMinutes = String(minutes).padStart(2, "0");
-    const formattedSeconds = String(seconds).padStart(2, "0");
-    return /* @__PURE__ */ jsxs("div", { className: classNames(cls.timer, className), children: [
-      formattedMinutes,
+import { jsxs as c } from "react/jsx-runtime";
+import { c as a } from "../../index-DIxK0V-G.js";
+import { memo as d } from "react";
+import { useTimer as p } from "../../hooks/useTimer/index.js";
+import '../../assets/Timer.css';const f = "_timer_un9th_3", l = {
+  timer: f
+}, g = d(
+  ({ expiryTimestamp: t, autoStart: r = !1, onTimerEnd: s, className: e }) => {
+    const { minutes: m, seconds: o } = p({
+      expiryTimestamp: t,
+      onExpire: s,
+      autoStart: r
+    }), i = String(m).padStart(2, "0"), n = String(o).padStart(2, "0");
+    return /* @__PURE__ */ c("div", { className: a(l.timer, e), children: [
+      i,
       ":",
-      formattedSeconds
+      n
     ] });
   }
 );
 export {
-  Timer
+  g as Timer
 };

package/dist/components/Timer/index.js

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

package/dist/components/Toasts/ProgressBar.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
+import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { P } from "../../ProgressBar-DWKyrXzd.js";
+import { P as s } from "../../ProgressBar-C0dC7o7N.js";
 export {
-  P as ProgressBar
+  s as ProgressBar
 };