asma-ui-core 3.53.1 → 3.54.1

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

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

package/dist/components/utils/popover/StyledPopover.js

@@ -1,39 +1,41 @@
-import { cn as E } from "../../../helpers/cn.js";
-import { resolveSx as p } from "../../../helpers/sx.js";
-import { TOP_LAYER_PROPS as F, TOP_LAYER_RESET_STYLE as O, getOpenModalDialogAncestor as L, useTopLayerRef as M } from "../../../hooks/useTopLayer.hook.js";
-import { useEffect as z, useMemo as f, useState as D } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import { FloatingPortal as N, autoUpdate as k, flip as C, offset as U, shift as Y, useDismiss as H, useFloating as K, useInteractions as $, useMergeRefs as j } from "@floating-ui/react";
-var I = {
+import { cn as O } from "../../../helpers/cn.js";
+import { resolveSx as c } from "../../../helpers/sx.js";
+import { TOP_LAYER_PROPS as L, TOP_LAYER_RESET_STYLE as M, getOpenModalDialogAncestor as z, useTopLayerRef as D } from "../../../hooks/useTopLayer.hook.js";
+import { useEffect as N, useMemo as k, useState as d } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { FloatingPortal as C, autoUpdate as U, flip as Y, offset as H, shift as K, useDismiss as $, useFloating as j, useInteractions as I, useMergeRefs as q } from "@floating-ui/react";
+var B = {
   vertical: "bottom",
   horizontal: "left"
-}, q = {
+}, G = {
   vertical: "top",
   horizontal: "left"
-}, B = (e, o) => `${o.vertical === "bottom" ? "top" : o.vertical === "top" ? "bottom" : e.vertical === "top" ? "top" : "bottom"}${e.horizontal === "left" ? "-start" : e.horizontal === "right" ? "-end" : ""}`, Z = ({ open: e, anchorEl: o, onClose: d, anchorOrigin: i = I, transformOrigin: l = q, id: u, className: m, sx: v, slotProps: a, onClick: g, children: h, keepMounted: y = !1 }) => {
-  const R = f(() => B(i, l), [i, l]), [n, _] = D(e);
-  e && !n && _(!0);
-  const r = e || y && n, { refs: s, floatingStyles: x, context: P } = K({
+}, J = (e, o) => `${o.vertical === "bottom" ? "top" : o.vertical === "top" ? "bottom" : e.vertical === "top" ? "top" : "bottom"}${e.horizontal === "left" ? "-start" : e.horizontal === "right" ? "-end" : ""}`, te = ({ open: e, anchorEl: o, onClose: m, anchorOrigin: l = B, transformOrigin: n = G, id: v, className: g, sx: h, slotProps: r, onClick: y, children: R, keepMounted: P = !1 }) => {
+  const _ = k(() => J(l, n), [l, n]), [p, x] = d(e);
+  e && !p && x(!0);
+  const a = e || P && p, s = z(o), [f, w] = d(s);
+  o && f !== s && w(s);
+  const { refs: i, floatingStyles: S, context: T } = j({
     open: e,
-    placement: R,
+    placement: _,
     strategy: "fixed",
-    whileElementsMounted: k,
+    whileElementsMounted: U,
     elements: { reference: o ?? void 0 },
     middleware: [
-      U(4),
-      C({ padding: 8 }),
-      Y({ padding: 8 })
+      H(4),
+      Y({ padding: 8 }),
+      K({ padding: 8 })
     ],
-    onOpenChange: (t, b, A) => {
-      t || d?.(b ?? {}, A === "escape-key" ? "escapeKeyDown" : "backdropClick");
+    onOpenChange: (t, E, F) => {
+      t || m?.(E ?? {}, F === "escape-key" ? "escapeKeyDown" : "backdropClick");
     }
-  }), { getFloatingProps: w } = $([H(P, {
+  }), { getFloatingProps: b } = I([$(T, {
     outsidePress: !0,
     escapeKey: !0
-  })]), S = j([M(s.setFloating)]), T = f(() => r ? L(o) : void 0, [r, o]);
-  return z(() => {
-    if (!r) return;
-    const t = s.floating.current;
+  })]), A = q([D(i.setFloating)]);
+  return N(() => {
+    if (!a) return;
+    const t = i.floating.current;
     if (!(!t || typeof t.showPopover != "function"))
       try {
         e && !t.matches(":popover-open") && t.showPopover(), !e && t.matches(":popover-open") && t.hidePopover();
@@ -41,28 +43,28 @@ var I = {
       }
   }, [
     e,
-    r,
-    s.floating
-  ]), r ? /* @__PURE__ */ c(N, {
-    root: T,
-    children: /* @__PURE__ */ c("div", {
-      ref: S,
-      id: u,
-      ...F,
+    a,
+    i.floating
+  ]), a ? /* @__PURE__ */ u(C, {
+    root: f,
+    children: /* @__PURE__ */ u("div", {
+      ref: A,
+      id: v,
+      ...L,
       style: {
-        ...O,
-        ...e ? x : {},
-        ...p(v),
-        ...p(a?.paper?.sx),
-        ...a?.paper?.style,
+        ...M,
+        ...e ? S : {},
+        ...c(h),
+        ...c(r?.paper?.sx),
+        ...r?.paper?.style,
         ...e ? null : { display: "none" }
       },
-      ...e ? w({ onClick: g }) : {},
-      className: E("z-[1300] overflow-auto rounded bg-white shadow-[0px_1px_12px_0px_rgba(0,0,0,0.15)]", m ?? "my-1", a?.paper?.className),
-      children: h
+      ...e ? b({ onClick: y }) : {},
+      className: O("z-[1300] overflow-auto rounded bg-white shadow-[0px_1px_12px_0px_rgba(0,0,0,0.15)]", g ?? "my-1", r?.paper?.className),
+      children: R
     })
   }) : null;
 };
 export {
-  Z as StyledPopover
+  te as StyledPopover
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.53.1",
+    "version": "3.54.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",