asma-ui-core 3.74.1 → 3.74.2

package/dist/components/inputs/dynamic-select/components/DynamicSelectAutocomplete.js

@@ -6,20 +6,20 @@ import { StyledChip as B } from "../../../data-display/chip/StyledChip.js";
 import { StyledCheckbox as te } from "../../checkbox/base-ui/StyledCheckbox.js";
 import { StyledTooltip as L } from "../../../data-display/tooltip/StyledTooltip.js";
 import { StyledInputField as le } from "../../input-field/StyledInputField.js";
-import { StyledSelectAutocomplete as re } from "../../select-autocomplete/StyledSelectAutocomplete.js";
-import { DynamicInteractiveChipGroup as ae } from "./DynamicInteractiveChipGroup.js";
+import { StyledSelectAutocomplete as ae } from "../../select-autocomplete/StyledSelectAutocomplete.js";
+import { DynamicInteractiveChipGroup as re } from "./DynamicInteractiveChipGroup.js";
 import { createElement as q, forwardRef as oe, useCallback as f, useState as ne } from "react";
 import { Fragment as E, jsx as l, jsxs as O } from "react/jsx-runtime";
 var ye = oe((k, F) => {
-  const [z, S] = ne(!1), { options: h, dataTest: g, value: x, readOnly: u, multiple: o, required: H, onChange: y, size: K, title: v, noOptionsText: _, placeholder: R, disabled: I, helperText: G, disableHelperText: A, error: N, valueKey: P = "value", labelKey: W = "label", renderLabel: i, getOptionTooltip: V, startAdornment: J, autocompleteProps: n, loading: m, maxTags: M, onFocus: Q, onBlur: U } = k, w = h.length < 11, s = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", b = f((e) => typeof e == "object" ? e?.[P] : e, [P]), D = f((e, t) => b(e) === b(t), [b]), C = (e) => {
-    const t = b(e);
+  const [z, S] = ne(!1), { options: h, dataTest: g, value: x, readOnly: u, multiple: o, required: H, onChange: y, size: K, title: v, noOptionsText: _, placeholder: R, disabled: I, helperText: G, disableHelperText: A, error: N, valueKey: P = "value", labelKey: W = "label", renderLabel: i, getOptionTooltip: V, startAdornment: J, autocompleteProps: n, loading: m, maxTags: M, onFocus: Q, onBlur: U } = k, w = h.length < 11, s = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", p = f((e) => typeof e == "object" ? e?.[P] : e, [P]), D = f((e, t) => p(e) === p(t), [p]), C = (e) => {
+    const t = p(e);
     return t == null ? "" : typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : e == null ? "" : s(e);
   }, $ = f((e) => {
     S(!0), n?.onOpen?.(e);
   }, [n]), X = f((e, t) => {
     S(!1), n?.onClose?.(e, t);
   }, [n]);
-  if (o && u) return /* @__PURE__ */ l(ae, { ...k });
+  if (o && u) return /* @__PURE__ */ l(re, { ...k });
   const T = v ? `${g}-title` : void 0;
   return /* @__PURE__ */ O("div", {
     className: "flex w-full flex-col gap-y-1",
@@ -27,7 +27,7 @@ var ye = oe((k, F) => {
       id: T,
       className: "text-base font-semibold text-delta-800",
       children: v
-    }), /* @__PURE__ */ l(re, {
+    }), /* @__PURE__ */ l(ae, {
       open: z,
       onOpen: $,
       onClose: X,
@@ -53,21 +53,21 @@ var ye = oe((k, F) => {
       multiple: o,
       renderValue: o ? (e) => {
         if (!Array.isArray(e)) return null;
-        const t = e, d = M ?? h.length, r = t.slice(0, d), c = t.length - d;
-        return [...r.map((a) => /* @__PURE__ */ l(B, {
-          dataTest: `${C(a)}-chip`,
+        const t = e, d = M ?? h.length, a = t.slice(0, d), c = t.length - d;
+        return [...a.map((r) => /* @__PURE__ */ l(B, {
+          dataTest: `${C(r)}-chip`,
           readOnly: u,
           variant: "outlined",
-          label: i ? i(a) : s(a),
+          label: i ? i(r) : s(r),
           classes: {
             root: "h-fit w-fit min-h-[32px]",
             label: "block whitespace-normal"
           },
           disabled: !!I || !!m,
           onDelete: () => {
-            Array.isArray(x) && y(x.filter((p) => !D(p, a)));
+            Array.isArray(x) && y(x.filter((b) => !D(b, r)));
           }
-        }, C(a))), c > 0 ? /* @__PURE__ */ l(B, {
+        }, C(r))), c > 0 ? /* @__PURE__ */ l(B, {
           dataTest: "remaining-count-tag-chip",
           label: `+${c}`,
           variant: "outlined",
@@ -82,48 +82,48 @@ var ye = oe((k, F) => {
         width: 24
       }) : void 0,
       renderOption: (e, t, d) => {
-        const r = typeof t == "object" ? !!t?.disabled : !1, c = V ? V(t) : null;
+        const a = typeof t == "object" ? !!t?.disabled : !1, c = V ? V(t) : null;
         if (o) {
-          const p = d.selected;
+          const b = d.selected;
           return /* @__PURE__ */ q("li", {
             ...e,
             role: "option",
-            "aria-selected": p,
+            "aria-selected": b,
             key: e.id,
-            onClick: r ? void 0 : e.onClick,
-            className: j("flex min-h-10 cursor-pointer items-center gap-x-1 bg-white px-2 text-base aria-selected:bg-gama-50 hover:bg-gama-50", "border-0 border-b border-solid border-delta-200 last:border-b-0", r && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
-            "aria-disabled": r
+            onClick: a ? void 0 : e.onClick,
+            className: j("flex min-h-10 cursor-pointer items-center gap-x-1 bg-white px-2 text-base aria-selected:bg-gama-50 hover:bg-gama-50", a && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
+            "aria-disabled": a
           }, /* @__PURE__ */ l(L, {
             arrow: !0,
             title: c,
             children: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ l(te, {
-              disabled: r,
+              disabled: a,
               dataTest: `${C(t)}-checkbox`,
               size: "small",
               decorative: !0,
               className: "min-w-[36px]",
-              checked: p
+              checked: b
             }), i ? i(t) : /* @__PURE__ */ l("span", {
               className: "line-clamp-2 h-fit min-w-0 flex-1 break-words text-base text-delta-800",
               children: s(t)
             })] })
           }));
         }
-        const a = d.selected;
+        const r = d.selected;
         return /* @__PURE__ */ q("li", {
           ...e,
           role: "option",
-          "aria-selected": a,
+          "aria-selected": r,
           key: e.id,
-          className: j("flex min-h-10 cursor-pointer items-center gap-x-1 px-2 text-base aria-selected:bg-gama-50 hover:bg-gama-50", "border-0 border-b border-solid border-delta-200 last:border-b-0", r && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
-          onClick: r ? void 0 : e.onClick,
-          "aria-disabled": r
+          className: j("flex min-h-10 cursor-pointer items-center gap-x-1 px-2 text-base aria-selected:bg-gama-50 hover:bg-gama-50", a && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
+          onClick: a ? void 0 : e.onClick,
+          "aria-disabled": a
         }, /* @__PURE__ */ l(L, {
           arrow: !0,
           title: c,
           children: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ l("span", {
             className: "w-5 min-w-5",
-            children: a && /* @__PURE__ */ l(Z, {
+            children: r && /* @__PURE__ */ l(Z, {
               className: "size-5 min-h-5 min-w-5 text-gama-500",
               height: 20,
               width: 20

package/dist/components/inputs/select/StyledSelect.js

@@ -11,12 +11,12 @@ import { useFormControlContext as je } from "../../miscellaneous/FormControlCont
 import { Children as N, cloneElement as Ke, isValidElement as P, useEffect as _, useId as Me, useMemo as Ye, useRef as $, useState as q } from "react";
 import { jsx as n, jsxs as B } from "react/jsx-runtime";
 import { FloatingPortal as ze, autoUpdate as Oe, flip as We, offset as $e, shift as Ge, size as Je, useClick as Qe, useDismiss as Xe, useFloating as Ze, useInteractions as et, useMergeRefs as G, useRole as tt } from "@floating-ui/react";
-var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, errorText: X, helperText: T, reserveHelperText: Z, expandHelperText: ee = !0, allowClear: U, disabled: te, readOnly: i, name: m, placeholder: w, displayEmpty: A, multiple: u, renderValue: V, fullWidth: re, className: oe, style: se, sx: ne, variant: le, children: v, MenuProps: ae, onFocus: ie, onBlur: ce, labelId: g }) => {
-  const c = je(), j = `${H}-listbox`, y = le === "standard", d = Q ?? c?.error ?? !1, s = te ?? c?.disabled ?? !1, K = d ? X ?? T : T, { show: R, role: ue } = Ue("StyledSelect", d, K, Z, i), M = Me(), { fieldRef: de, rowRef: fe, rowStyle: pe } = Te(ee && R), [o, b] = q(!1), [h, S] = q(!1), [me, Y] = q(J), k = I !== void 0, r = k ? I : me, l = Array.isArray(r) ? r.length > 0 : r !== void 0 && r !== "" && r !== null, a = $(null), z = $(null), ge = (e) => {
-    if (b(e), e) return;
+var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, errorText: X, helperText: T, reserveHelperText: Z, expandHelperText: ee = !0, allowClear: U, disabled: te, readOnly: i, name: m, placeholder: w, displayEmpty: A, multiple: d, renderValue: V, fullWidth: re, className: oe, style: se, sx: ne, variant: le, children: v, MenuProps: ae, onFocus: ie, onBlur: ce, labelId: g }) => {
+  const c = je(), j = `${H}-listbox`, b = le === "standard", u = Q ?? c?.error ?? !1, s = te ?? c?.disabled ?? !1, K = u ? X ?? T : T, { show: R, role: de } = Ue("StyledSelect", u, K, Z, i), M = Me(), { fieldRef: ue, rowRef: fe, rowStyle: pe } = Te(ee && R), [o, y] = q(!1), [h, S] = q(!1), [me, Y] = q(J), k = I !== void 0, r = k ? I : me, l = Array.isArray(r) ? r.length > 0 : r !== void 0 && r !== "" && r !== null, a = $(null), z = $(null), ge = (e) => {
+    if (y(e), e) return;
     const t = document.activeElement;
     t && t !== document.body && !a.current?.contains(t) || z.current?.focus();
-  }, { refs: f, floatingStyles: ye, context: D } = Ze({
+  }, { refs: f, floatingStyles: be, context: D } = Ze({
     open: o,
     onOpenChange: ge,
     placement: "bottom-start",
@@ -30,7 +30,7 @@ var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, error
         t.floating.style.minWidth = `${e.reference.width + 20}px`;
       } })
     ]
-  }), { getReferenceProps: be, getFloatingProps: he } = et([
+  }), { getReferenceProps: ye, getFloatingProps: he } = et([
     Qe(D, { enabled: !s && !i }),
     Xe(D),
     tt(D, { role: "listbox" })
@@ -53,25 +53,25 @@ var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, error
     return () => cancelAnimationFrame(e);
   }, [o]);
   const Ae = (e, t) => {
-    const x = u ? Array.isArray(r) && r.includes(e) ? r.filter((E) => E !== e) : [...Array.isArray(r) ? r : [], e] : e;
+    const x = d ? Array.isArray(r) && r.includes(e) ? r.filter((E) => E !== e) : [...Array.isArray(r) ? r : [], e] : e;
     k || Y(x), L?.({ target: {
       value: x,
       name: m
-    } }, t), u || (b(!1), requestAnimationFrame(() => f.domReference.current?.focus()));
+    } }, t), d || (y(!1), requestAnimationFrame(() => f.domReference.current?.focus()));
   }, W = () => {
-    const e = u ? [] : "";
+    const e = d ? [] : "";
     k || Y(e), L?.({ target: {
       value: e,
       name: m
-    } }, null), b(!1), S(!1);
+    } }, null), y(!1), S(!1);
   }, ve = N.map(v, (e) => {
     if (!P(e)) return e;
     const t = e.props.value;
     return Ke(e, {
-      selected: u ? Array.isArray(r) && r.includes(t) : t === r,
+      selected: d ? Array.isArray(r) && r.includes(t) : t === r,
       onClick: () => Ae(t, e.props.children)
     });
-  }), Re = N.toArray(v).find((e) => P(e) && e.props.value === r), Se = V ? V(r) : u && Array.isArray(r) ? N.toArray(v).filter((e) => P(e) && r.includes(e.props.value)).map((e) => {
+  }), Re = N.toArray(v).find((e) => P(e) && e.props.value === r), Se = V ? V(r) : d && Array.isArray(r) ? N.toArray(v).filter((e) => P(e) && r.includes(e.props.value)).map((e) => {
     const t = e.props.children;
     return typeof t == "string" || typeof t == "number" ? String(t) : "";
   }).join(", ") : Re?.props.children, ke = (e) => {
@@ -79,7 +79,7 @@ var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, error
       e.preventDefault(), W();
       return;
     }
-    e.key !== "ArrowDown" && e.key !== "ArrowUp" || s || i || (e.preventDefault(), b(!0), requestAnimationFrame(() => {
+    e.key !== "ArrowDown" && e.key !== "ArrowUp" || s || i || (e.preventDefault(), y(!0), requestAnimationFrame(() => {
       if (a.current?.querySelector('[role="option"][aria-selected="true"]')) return;
       const t = a.current?.querySelectorAll('[role="option"]:not([aria-disabled="true"])');
       t?.length && t[e.key === "ArrowUp" ? t.length - 1 : 0]?.focus();
@@ -89,9 +89,9 @@ var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, error
     if (t.length === 0) return;
     const x = t.findIndex((E) => E === document.activeElement);
     e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), t[(x + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus()) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), document.activeElement?.click());
-  }, C = y && (o || h), Fe = s ? "text-delta-300" : C ? "text-gama-500" : "text-delta-800", Ce = s ? "text-delta-300" : "text-delta-700";
+  }, C = b && (o || h), Fe = s ? "text-delta-300" : C ? "text-gama-500" : "text-delta-800", Ce = s ? "text-delta-300" : "text-delta-700";
   return /* @__PURE__ */ B("div", {
-    ref: de,
+    ref: ue,
     className: p("group relative inline-flex flex-col", re && "w-full", oe),
     style: {
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
@@ -103,14 +103,14 @@ var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, error
         ref: xe,
         type: "button",
         "data-testid": H,
-        ...be({ onKeyDown: ke }),
+        ...ye({ onKeyDown: ke }),
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": o,
         "aria-controls": j,
         "aria-labelledby": g,
         "aria-label": g ? void 0 : m,
-        "aria-invalid": d ? !0 : void 0,
+        "aria-invalid": u ? !0 : void 0,
         "aria-describedby": R ? M : void 0,
         "aria-disabled": s ? !0 : void 0,
         disabled: s,
@@ -120,8 +120,8 @@ var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, error
         onBlur: (e) => {
           S(!1), ce?.(e);
         },
-        style: { minWidth: l && !y ? 105 : void 0 },
-        className: p("relative flex w-full items-center justify-between text-left outline-none", "h-10 rounded-lg border-0 px-3 text-base transition-colors", C ? "bg-gama-50" : "bg-transparent", Fe, y && "min-w-0", s && "cursor-not-allowed", i && "pointer-events-none"),
+        style: { minWidth: l && !b ? 105 : void 0 },
+        className: p("relative flex w-full items-center justify-between text-left outline-none", "h-10 rounded-lg border-0 px-3 text-base transition-colors", C ? "bg-gama-50" : "bg-transparent", Fe, b && "min-w-0", s && "cursor-not-allowed", i && "pointer-events-none"),
         children: [
           /* @__PURE__ */ n("span", {
             className: p("min-w-0 flex-1 truncate", !l && "text-delta-500"),
@@ -148,10 +148,10 @@ var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, error
           }),
           /* @__PURE__ */ n("div", { className: Ve({
             focused: o || h,
-            error: d,
+            error: u,
             disabled: s,
             readOnly: i,
-            borderless: y
+            borderless: b
           }) })
         ]
       }),
@@ -166,20 +166,20 @@ var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, error
           ...F ? _e : {},
           style: {
             ...F ? qe : {},
-            ...ye,
+            ...be,
             fontFamily: "Roboto, Helvetica, Arial, sans-serif"
           },
           ...he(),
           onKeyDown: De,
-          className: p("z-[1300] m-0 max-h-72 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", ae?.className),
+          className: p("z-[1300] m-0 max-h-72 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", ae?.className),
           children: ve
         })
       }),
       R && /* @__PURE__ */ n(Le, {
         ref: fe,
         id: M,
-        role: ue,
-        error: d,
+        role: de,
+        error: u,
         message: K,
         className: "m-0 mr-[14px] box-border items-center",
         style: pe

package/dist/components/inputs/select/StyledSelectItem.js

@@ -1,25 +1,25 @@
-import { cn as i } from "../../../helpers/cn.js";
-import { CheckIcon as s } from "../../icons/check-icon/CheckIcon.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-var p = ({ children: o, selected: e, disabled: r, className: a, onClick: l }) => /* @__PURE__ */ n("li", {
+import { cn as l } from "../../../helpers/cn.js";
+import { CheckIcon as n } from "../../icons/check-icon/CheckIcon.js";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+var x = ({ children: r, selected: e, disabled: t, className: o, onClick: i }) => /* @__PURE__ */ s("li", {
   role: "option",
   "aria-selected": e ? !0 : void 0,
-  "aria-disabled": r ? !0 : void 0,
+  "aria-disabled": t ? !0 : void 0,
   tabIndex: -1,
-  onClick: r ? void 0 : l,
-  className: i("flex items-center gap-1 px-2 py-2.5 text-base outline-none", "border-0 border-b border-solid border-delta-200 last:border-b-0", r ? "cursor-not-allowed text-delta-300" : "cursor-pointer text-delta-800 hover:bg-delta-50", e && "bg-gama-50", a),
-  children: [/* @__PURE__ */ t("span", {
+  onClick: t ? void 0 : i,
+  className: l("flex items-center gap-1 px-2 py-2.5 text-base outline-none", t ? "cursor-not-allowed text-delta-300" : "cursor-pointer text-delta-800 hover:bg-delta-50", e && "bg-gama-50", o),
+  children: [/* @__PURE__ */ a("span", {
     className: "flex w-6 justify-center",
-    children: e && /* @__PURE__ */ t(s, {
+    children: e && /* @__PURE__ */ a(n, {
       width: 22,
       height: 22,
       className: "text-gama-500"
     })
-  }), /* @__PURE__ */ t("span", {
+  }), /* @__PURE__ */ a("span", {
     className: "line-clamp-2 min-w-0 flex-1 break-words",
-    children: o
+    children: r
   })]
 });
 export {
-  p as StyledSelectItem
+  x as StyledSelectItem
 };

package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js

@@ -149,7 +149,7 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
         endAdornment: Ue
       }
     }
-  }, Ve = k("box-border flex min-h-10 cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", "aria-selected:bg-gama-50 data-[active]:bg-gama-50 data-[active]:text-delta-800", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300", "border-0 border-b border-solid border-delta-200 last:border-b-0"), He = (e, t, l) => {
+  }, Ve = k("box-border flex min-h-10 cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", "aria-selected:bg-gama-50 data-[active]:bg-gama-50 data-[active]:text-delta-800", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), He = (e, t, l) => {
     const { key: d, ...u } = e;
     return /* @__PURE__ */ y("li", {
       ...u,
@@ -213,7 +213,7 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
           ...V?.popper?.style
         },
         ...$e(),
-        className: k("z-[1300] m-0 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", fe?.listbox, V?.popper?.className),
+        className: k("z-[1300] m-0 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", fe?.listbox, V?.popper?.className),
         children: [pe && o && /* @__PURE__ */ y("div", {
           role: "group",
           className: "flex min-h-12 items-center gap-x-1 border-0 border-b border-solid border-delta-200 px-4 text-sm text-delta-700",

package/package.json

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