asma-ui-core 3.78.9 → 3.78.11

package/dist/components/feedback/snack-bar/SnackbarProvider.js

@@ -2,33 +2,33 @@ import { useTopmostOpenModalDialog as a } from "../../../hooks/useTopLayer.hook.
 import { StyledAlertSnackbar as n } from "./StyledAlertSnackbar.js";
 import { StyledDefaultSnackbar as i } from "./components/StyledDefaultSnackbar.js";
 import { StyledInfoSnackbar as m } from "./components/StyledInfoSnackbar.js";
-import { useLayoutEffect as e, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { useLayoutEffect as r, useState as c } from "react";
+import { jsx as s } from "react/jsx-runtime";
 import { SnackbarProvider as l } from "notistack";
 var d = () => {
-  const [t] = s(() => {
+  const [t] = c(() => {
     const o = document.createElement("div");
     return o.style.display = "contents", o.setAttribute("data-asma-snackbar-host", ""), o;
-  }), r = a();
-  return e(() => {
-    const o = r ?? document.body;
+  }), e = a();
+  return r(() => {
+    const o = e ?? document.body;
     t.parentElement !== o && o.appendChild(t);
-  }, [t, r]), e(() => () => t.remove(), [t]), t;
-}, v = (t) => {
-  const r = d();
-  return /* @__PURE__ */ c(l, {
+  }, [t, e]), r(() => () => t.remove(), [t]), t;
+}, h = (t) => {
+  const e = d();
+  return /* @__PURE__ */ s(l, {
     ...t,
     Components: {
       alert: n,
       info: m,
       default: i
     },
-    autoHideDuration: 6e3,
+    autoHideDuration: t.autoHideDuration === void 0 ? 6e3 : t.autoHideDuration,
     anchorOrigin: {
       vertical: "top",
       horizontal: "right"
     },
-    domRoot: r,
+    domRoot: e,
     maxSnack: 3,
     classes: { root: "min-w-fit flex justify-center" },
     className: "w-fit min-w-fit max-w-fit",
@@ -36,5 +36,5 @@ var d = () => {
   });
 };
 export {
-  v as SnackbarProvider
+  h as SnackbarProvider
 };

package/dist/components/feedback/snack-bar/StyledSnackbar.js

@@ -1,41 +1,50 @@
-import { cn as c } from "../../../helpers/cn.js";
-import { useTopmostOpenModalDialog as x } from "../../../hooks/useTopLayer.hook.js";
-import { useEffect as d } from "react";
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { FloatingPortal as b } from "@floating-ui/react";
-var g = {
+import { cn as x } from "../../../helpers/cn.js";
+import { useTopmostOpenModalDialog as b } from "../../../hooks/useTopLayer.hook.js";
+import { useEffect as v, useState as n } from "react";
+import { jsx as m, jsxs as S } from "react/jsx-runtime";
+import { FloatingPortal as T } from "@floating-ui/react";
+var z = {
   "top-left": "top-6 left-6",
   "top-center": "top-6 left-1/2 -translate-x-1/2",
   "top-right": "top-6 right-6",
   "bottom-left": "bottom-6 left-6",
   "bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
   "bottom-right": "bottom-6 right-6"
-}, N = ({ open: t = !1, autoHideDuration: e = 3e3, onClose: o, anchorOrigin: r = {
+}, y = ({ open: e = !1, autoHideDuration: o = 3e3, onClose: f, anchorOrigin: i = {
   vertical: "bottom",
   horizontal: "left"
-}, message: m, action: i, children: a, className: s }) => {
-  const f = x();
-  if (d(() => {
-    if (!t || e == null) return;
-    const p = setTimeout(() => o?.(null, "timeout"), e);
-    return () => clearTimeout(p);
+}, message: c, action: u, children: p, className: d }) => {
+  const g = b(), [r, l] = n(!1), [s, a] = n(!1);
+  if (v(() => {
+    if (!e || o == null || r || s) return;
+    const t = setTimeout(() => f?.(null, "timeout"), o);
+    return () => clearTimeout(t);
   }, [
-    t,
     e,
-    o
-  ]), !t) return null;
-  const n = g[`${r.vertical}-${r.horizontal}`];
-  return /* @__PURE__ */ l(b, {
-    root: f,
-    children: /* @__PURE__ */ l("div", {
-      className: c("fixed z-[1400] flex items-center gap-2", n, s),
-      children: a ?? /* @__PURE__ */ h("div", {
+    o,
+    f,
+    r,
+    s
+  ]), !e)
+    return r && l(!1), s && a(!1), null;
+  const h = z[`${i.vertical}-${i.horizontal}`];
+  return /* @__PURE__ */ m(T, {
+    root: g,
+    children: /* @__PURE__ */ m("div", {
+      className: x("fixed z-[1400] flex items-center gap-2", h, d),
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
+      onFocusCapture: () => a(!0),
+      onBlurCapture: (t) => {
+        t.currentTarget.contains(t.relatedTarget) || a(!1);
+      },
+      children: p ?? /* @__PURE__ */ S("div", {
         className: "flex items-center gap-2 rounded bg-delta-800 px-4 py-3 text-sm text-white shadow-lg",
-        children: [m, i]
+        children: [c, u]
       })
     })
   });
 };
 export {
-  N as StyledSnackbar
+  y as StyledSnackbar
 };

package/dist/components/feedback/snack-bar/components/processMessageError.js

@@ -3,7 +3,6 @@ function o(r, e) {
   return a({
     variant: "info",
     message: r,
-    autoHideDuration: 6e3,
     className: "flex h-10 items-center gap-1 rounded-lg bg-red-700 pl-2 pr-1 text-sm text-white !min-w-[100px] !max-w-[400px]",
     anchorOrigin: {
       vertical: "bottom",

package/dist/components/feedback/snack-bar/components/processMessageInfo.js

@@ -3,7 +3,6 @@ function o(a, e) {
   return t({
     variant: "info",
     message: a,
-    autoHideDuration: 6e3,
     className: "flex h-10 items-center gap-1 rounded-lg bg-gama-700 pl-2 pr-1 text-sm text-white !min-w-[100px] !max-w-[400px]",
     anchorOrigin: {
       vertical: "bottom",

package/dist/components/inputs/input-field/StyledInputField.js

@@ -1,130 +1,131 @@
 import { cn as a } from "../../../helpers/cn.js";
-import { resolveSx as D } from "../../../helpers/sx.js";
-import { CloseIcon as Qe } from "../../icons/close-icon/CloseIcon.js";
-import { HelperRow as Xe } from "../../../helpers/HelperRow.js";
-import { useHelperRowBudget as Ze } from "../../../helpers/useHelperRowBudget.js";
-import { useHelperSlot as qe } from "../../../helpers/useHelperSlot.js";
-import { floatingLabelClass as Oe, floatingLabelLayoutStyle as et, notchedLegendClass as tt, notchedOutlineClass as Q, singleLineInputLayoutStyle as nt, singleLineShellLayoutStyle as ot } from "../field-styles.js";
-import y from "./StyledInputField.module.js";
-import { Children as it, useCallback as lt, useId as at, useLayoutEffect as X, useRef as Z, useState as E } from "react";
-import { jsx as o, jsxs as S } from "react/jsx-runtime";
-import { useMergeRefs as q } from "@floating-ui/react";
-var Bt = ({ dataTest: h, label: l, value: m, defaultValue: b, onChange: O, onBlur: ee, onFocus: te, error: c, helperText: P, reserveHelperText: ne, expandHelperText: oe = !0, disabled: s, readOnly: t, required: v, allowClear: ie, onClear: le, type: ae = "text", placeholder: se, name: re, id: de, autoComplete: ce, autoFocus: pe, multiline: r, rows: N, minRows: H, maxRows: R, size: he = "medium", fullWidth: me, className: ue, style: ge, sx: fe, inputRef: xe, slotProps: n, InputProps: T, onKeyDown: k, onClick: ye, variant: st }) => {
-  const Se = at(), A = de ?? Se, $ = `${A}-helper-text`, j = Z(null), z = Z(null), [be, He] = E(void 0), [L, K] = E(!1), [Le, U] = E(b != null && b !== ""), C = m !== void 0, V = C ? m !== "" && m != null : Le, Ie = !!s || !!t, w = n?.input?.startAdornment ?? T?.startAdornment, u = it.count(w) > 0, d = u && Array.isArray(w), g = n?.input?.endAdornment ?? T?.endAdornment, _ = !!(ie && V && !Ie), { ref: ve, ...i } = n?.htmlInput ?? {}, Ne = xe ?? ve, { className: Re, style: B, ref: Ae } = n?.input ?? {}, Ce = q([Ae]), we = n?.input?.onMouseDown, _e = ce ?? i.autoComplete, Be = re ?? i.name, I = L || V || u, Fe = (e) => {
-    t || (C || U(e.target.value !== ""), O?.(e));
-  }, Me = (e) => {
-    !s && !t && K(!0), te?.(e);
+import { resolveSx as k } from "../../../helpers/sx.js";
+import { CloseIcon as Ze } from "../../icons/close-icon/CloseIcon.js";
+import { HelperRow as qe } from "../../../helpers/HelperRow.js";
+import { useHelperRowBudget as Oe } from "../../../helpers/useHelperRowBudget.js";
+import { useHelperSlot as et } from "../../../helpers/useHelperSlot.js";
+import { floatingLabelClass as tt, floatingLabelLayoutStyle as nt, notchedLegendClass as ot, notchedOutlineClass as X, singleLineInputLayoutStyle as it, singleLineShellLayoutStyle as lt } from "../field-styles.js";
+import S from "./StyledInputField.module.js";
+import { Children as at, useCallback as st, useId as rt, useLayoutEffect as Z, useRef as q, useState as D } from "react";
+import { jsx as o, jsxs as y } from "react/jsx-runtime";
+import { useMergeRefs as O } from "@floating-ui/react";
+var Mt = ({ dataTest: u, label: l, value: h, defaultValue: b, onChange: ee, onBlur: te, onFocus: ne, error: c, helperText: E, reserveHelperText: oe, expandHelperText: ie = !0, disabled: s, readOnly: n, required: v, allowClear: le, onClear: ae, type: se = "text", placeholder: re, name: de, id: ce, autoComplete: pe, autoFocus: ue, multiline: r, rows: N, minRows: H, maxRows: C, size: he = "medium", fullWidth: me, className: ge, style: fe, sx: xe, inputRef: Se, slotProps: t, InputProps: P, onKeyDown: T, onClick: ye, variant: dt }) => {
+  const be = rt(), R = ce ?? be, $ = `${R}-helper-text`, j = q(null), z = q(null), [He, Le] = D(void 0), [L, K] = D(!1), [Ie, U] = D(b != null && b !== ""), A = h !== void 0, V = A ? h !== "" && h != null : Ie, ve = !!s || !!n, w = t?.input?.startAdornment ?? P?.startAdornment, m = at.count(w) > 0, d = m && Array.isArray(w), g = t?.input?.endAdornment ?? P?.endAdornment, _ = !!(le && V && !ve), { ref: Ne, ...i } = t?.htmlInput ?? {}, Ce = Se ?? Ne, { className: Re, style: B, ref: Ae } = t?.input ?? {}, we = O([Ae]), _e = t?.input?.onMouseDown, W = t?.input?.onClick, Be = W ? { onClick: W } : {}, Fe = pe ?? i.autoComplete, Me = de ?? i.name, I = L || V || m, ke = (e) => {
+    n || (A || U(e.target.value !== ""), ee?.(e));
   }, De = (e) => {
-    !s && !t && K(!1), ee?.(e);
+    !s && !n && K(!0), ne?.(e);
+  }, Ee = (e) => {
+    !s && !n && K(!1), te?.(e);
   };
-  X(() => {
+  Z(() => {
     const e = j.current;
     if (!r || N != null || !e) return;
     e.style.height = "auto";
-    const p = getComputedStyle(e), x = Number.parseFloat(p.lineHeight) || 24, J = Number.parseFloat(p.paddingTop) + Number.parseFloat(p.paddingBottom), Ge = H ? H * x + J : 0, Je = R ? R * x + J : Number.POSITIVE_INFINITY;
-    e.style.height = `${Math.min(Je, Math.max(Ge, e.scrollHeight))}px`;
+    const p = getComputedStyle(e), x = Number.parseFloat(p.lineHeight) || 24, Q = Number.parseFloat(p.paddingTop) + Number.parseFloat(p.paddingBottom), Qe = H ? H * x + Q : 0, Xe = C ? C * x + Q : Number.POSITIVE_INFINITY;
+    e.style.height = `${Math.min(Xe, Math.max(Qe, e.scrollHeight))}px`;
   }, [
     b,
-    R,
+    C,
     H,
     r,
     N,
-    m
+    h
   ]);
-  const W = q([Ne, lt((e) => {
+  const Y = O([Ce, st((e) => {
     j.current = e instanceof HTMLTextAreaElement ? e : null;
-  }, [])]), { style: F, ...Ee } = i, f = !r && !d, { height: rt, minHeight: dt, maxHeight: ct, paddingTop: pt, paddingBottom: ht, ...Pe } = B ?? {}, Te = f ? {
-    ...Pe,
-    ...ot()
+  }, [])]), { style: F, ...Pe } = i, f = !r && !d, { height: ct, minHeight: pt, maxHeight: ut, paddingTop: ht, paddingBottom: mt, ...Te } = B ?? {}, $e = f ? {
+    ...Te,
+    ...lt()
   } : d ? {
     boxSizing: "border-box",
     minHeight: 40,
     ...B
-  } : B, { height: mt, minHeight: ut, maxHeight: gt, paddingTop: ft, paddingBottom: xt, paddingLeft: yt, paddingRight: ke, ...$e } = F ?? {}, je = f ? {
-    ...$e,
-    ...nt({
-      paddingLeft: u ? 40 : 14,
-      paddingRight: ke ?? be ?? (_ || g ? 40 : 14)
+  } : B, { height: gt, minHeight: ft, maxHeight: xt, paddingTop: St, paddingBottom: yt, paddingLeft: bt, paddingRight: je, ...ze } = F ?? {}, Ke = f ? {
+    ...ze,
+    ...it({
+      paddingLeft: m ? 40 : 14,
+      paddingRight: je ?? He ?? (_ || g ? 40 : 14)
     })
   } : F;
-  X(() => {
+  Z(() => {
     if (!f) return;
     const e = z.current, p = e ? Math.ceil(e.getBoundingClientRect().width) + 20 : void 0;
-    He((x) => x === p ? x : p);
+    Le((x) => x === p ? x : p);
   });
-  const ze = I || !l, { show: M, role: Ke } = qe("StyledInputField", c, P, ne, t), { fieldRef: Ue, rowRef: Ve, rowStyle: We } = Ze(oe && M), Y = {
-    ...Ee,
-    style: f ? je : F,
-    id: i.id ?? A,
-    name: Be,
-    placeholder: ze ? se : void 0,
+  const Ue = I || !l, { show: M, role: Ve } = et("StyledInputField", c, E, oe, n), { fieldRef: We, rowRef: Ye, rowStyle: Ge } = Oe(ie && M), G = {
+    ...Pe,
+    style: f ? Ke : F,
+    id: i.id ?? R,
+    name: Me,
+    placeholder: Ue ? re : void 0,
     disabled: s,
-    readOnly: t,
+    readOnly: n,
     required: v,
-    autoComplete: _e,
-    autoFocus: pe,
-    value: m,
+    autoComplete: Fe,
+    autoFocus: ue,
+    value: h,
     defaultValue: b,
     "aria-invalid": c ? !0 : void 0,
     "aria-label": i["aria-label"] ?? (i["aria-labelledby"] ? void 0 : typeof l == "string" && l !== "" ? l : void 0),
     "aria-describedby": M ? $ : i["aria-describedby"],
-    onChange: Fe,
-    onFocus: Me,
-    onBlur: De,
-    onKeyDown: i.onKeyDown || k ? (e) => {
-      k?.(e), e.defaultPrevented || i.onKeyDown?.(e);
+    onChange: ke,
+    onFocus: De,
+    onBlur: Ee,
+    onKeyDown: i.onKeyDown || T ? (e) => {
+      T?.(e), e.defaultPrevented || i.onKeyDown?.(e);
     } : void 0
-  }, G = a(y.Input, "peer border-0 bg-transparent text-base tracking-[0.00938em] text-delta-800 outline-none placeholder:text-delta-500", d ? "box-border h-8 min-w-[60px] flex-1 py-0 pl-0 pr-0 leading-[23px]" : r ? "w-full resize-none overflow-hidden p-0 pl-0 pr-0 leading-[23px]" : a("w-full", y["Input--singleLine"]), "disabled:text-delta-300", t && "text-delta-800", Re), Ye = !r && !d ? {
-    "data-start-adornment": u ? "true" : void 0,
+  }, J = a(S.Input, "peer border-0 bg-transparent text-base tracking-[0.00938em] text-delta-800 outline-none placeholder:text-delta-500", d ? "box-border h-8 min-w-[60px] flex-1 py-0 pl-0 pr-0 leading-[23px]" : r ? "w-full resize-none overflow-hidden p-0 pl-0 pr-0 leading-[23px]" : a("w-full", S["Input--singleLine"]), "disabled:text-delta-300", n && "text-delta-800", Re), Je = !r && !d ? {
+    "data-start-adornment": m ? "true" : void 0,
     "data-end-adornment": _ || g ? "true" : void 0
   } : {};
-  return /* @__PURE__ */ S("div", {
-    ref: Ue,
-    className: a("group relative inline-flex flex-col", ue),
+  return /* @__PURE__ */ y("div", {
+    ref: We,
+    className: a("group relative inline-flex flex-col", ge),
     onClick: ye,
     style: {
       width: me ? "100%" : 235,
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
       letterSpacing: "0.00938em",
-      ...D(fe),
-      ...ge
+      ...k(xe),
+      ...fe
     },
-    children: [/* @__PURE__ */ S("div", {
+    children: [/* @__PURE__ */ y("div", {
       className: "relative overflow-visible",
-      children: [/* @__PURE__ */ S("div", {
-        className: a("relative flex", f && y.InputShell, r && "box-border items-center px-[14px] py-[16.5px]", d && a(y.AdornmentList, g && y["AdornmentList--endAdornment"]), t && "rounded bg-delta-50"),
-        ref: Ce,
-        onMouseDown: we,
-        style: Te,
-        "data-testid": d ? `${h}-adornment-list` : `${h}-shell`,
+      children: [/* @__PURE__ */ y("div", {
+        className: a("relative flex", f && S.InputShell, r && "box-border items-center px-[14px] py-[16.5px]", d && a(S.AdornmentList, g && S["AdornmentList--endAdornment"]), n && "rounded bg-delta-50"),
+        ref: we,
+        onMouseDown: _e,
+        ...Be,
+        style: $e,
+        "data-testid": d ? `${u}-adornment-list` : `${u}-shell`,
         children: [
-          u && /* @__PURE__ */ o("span", {
+          m && /* @__PURE__ */ o("span", {
             className: a("items-center text-delta-500", d ? "contents" : "absolute left-3 flex"),
             children: w
           }),
           r ? /* @__PURE__ */ o("textarea", {
-            ...Y,
-            ref: W,
-            "data-testid": h,
+            ...G,
+            ref: Y,
+            "data-testid": u,
             rows: N ?? H ?? 2,
-            className: G
+            className: J
           }) : /* @__PURE__ */ o("input", {
-            ...Y,
-            ...Ye,
-            ref: W,
-            "data-testid": h,
-            type: ae,
-            className: G
+            ...G,
+            ...Je,
+            ref: Y,
+            "data-testid": u,
+            type: se,
+            className: J
           }),
           _ ? /* @__PURE__ */ o("button", {
             type: "button",
             "aria-label": "Clear",
-            "data-testid": `${h}-clear`,
+            "data-testid": `${u}-clear`,
             className: "absolute right-4 z-40 flex items-center justify-center rounded-full border-0 bg-transparent p-[2px] duration-300 hover:bg-gama-100",
             onClick: (e) => {
-              e.stopPropagation(), e.preventDefault(), C || U(!1), le?.();
+              e.stopPropagation(), e.preventDefault(), A || U(!1), ae?.();
             },
-            children: /* @__PURE__ */ o(Qe, {
+            children: /* @__PURE__ */ o(Ze, {
               width: 18,
               height: 18
             })
@@ -135,63 +136,63 @@ var Bt = ({ dataTest: h, label: l, value: m, defaultValue: b, onChange: O, onBlu
           }),
           l ? /* @__PURE__ */ o("fieldset", {
             "aria-hidden": !0,
-            className: Q({
+            className: X({
               focused: L,
               error: c,
               disabled: s,
-              readOnly: t,
+              readOnly: n,
               notched: !0
             }),
             children: /* @__PURE__ */ o("legend", {
-              className: tt(I),
-              children: /* @__PURE__ */ S("span", {
+              className: ot(I),
+              children: /* @__PURE__ */ y("span", {
                 className: "inline-block px-[5px]",
                 children: [l, v && " *"]
               })
             })
           }) : /* @__PURE__ */ o("div", {
             "aria-hidden": !0,
-            className: Q({
+            className: X({
               focused: L,
               error: c,
               disabled: s,
-              readOnly: t,
+              readOnly: n,
               notched: !1
             })
           })
         ]
-      }), l && /* @__PURE__ */ S("label", {
-        htmlFor: A,
-        className: a(Oe({
+      }), l && /* @__PURE__ */ y("label", {
+        htmlFor: R,
+        className: a(tt({
           shrink: I,
           focused: L,
           error: c,
           disabled: s,
-          readOnly: t,
+          readOnly: n,
           size: he
-        }), n?.inputLabel?.className),
+        }), t?.inputLabel?.className),
         style: {
-          ...D(n?.inputLabel?.sx),
-          ...n?.inputLabel?.style,
-          ...et(I)
+          ...k(t?.inputLabel?.sx),
+          ...t?.inputLabel?.style,
+          ...nt(I)
         },
         children: [l, v && " *"]
       })]
-    }), M && /* @__PURE__ */ o(Xe, {
-      ref: Ve,
+    }), M && /* @__PURE__ */ o(qe, {
+      ref: Ye,
       id: $,
-      role: Ke,
+      role: Ve,
       error: c,
-      message: P,
-      hideErrorIcon: n?.formHelperText?.hideErrorIcon,
-      className: a("mr-[14px] box-border items-start", n?.formHelperText?.className),
+      message: E,
+      hideErrorIcon: t?.formHelperText?.hideErrorIcon,
+      className: a("mr-[14px] box-border items-start", t?.formHelperText?.className),
       style: {
-        ...We,
-        ...D(n?.formHelperText?.sx)
+        ...Ge,
+        ...k(t?.formHelperText?.sx)
       }
     })]
   });
 };
 export {
-  Bt as StyledInputField
+  Mt as StyledInputField
 };