mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/components/Tag/Tag.js

@@ -1,46 +1,54 @@
-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) => {
+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) => {
     const {
-      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,
+      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,
       {
-        className: a(o.container, o[d], l, {
-          [o.disabled]: p
+        className: classNames(cls.container, cls[size], rootClassName, {
+          [cls.disabled]: disabled2
         }),
-        ref: c,
+        ref,
         style: {
-          backgroundColor: r ? "transparent" : e,
-          borderColor: e,
-          color: r ? e : T
+          backgroundColor: outline ? "transparent" : backgroundColor,
+          borderColor: backgroundColor,
+          color: outline ? backgroundColor : color
         },
-        ...b,
-        children: /* @__PURE__ */ s("span", { className: a(o.inner, i), children: _ })
+        ...otherProps,
+        children: /* @__PURE__ */ jsx("span", { className: classNames(cls.inner, innerClassName), children })
       }
     );
   }
 );
 export {
-  U as Tag
+  Tag
 };

package/dist/components/Tag/constants.js

@@ -1,5 +1,15 @@
-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 || {});
+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 || {});
 export {
-  t as ETagSize,
-  n as ETagType
+  ETagSize,
+  ETagType
 };

package/dist/components/Tag/index.js

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

package/dist/components/TextArea/TextArea.js

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

package/dist/components/TextArea/hooks.js

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

package/dist/components/TextArea/index.js

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

package/dist/components/Timer/Timer.js

@@ -1,23 +1,27 @@
-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,
+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,
       ":",
-      n
+      formattedSeconds
     ] });
   }
 );
 export {
-  g as Timer
+  Timer
 };

package/dist/components/Timer/index.js

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

package/dist/components/Toasts/ProgressBar.js

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