asma-ui-core 3.58.3 → 3.58.5

package/dist/components/custom/pathfinder-card/Pathfinder.module.js

@@ -0,0 +1,15 @@
+var e = "_root_t64s4_1", _ = "_shell_t64s4_5", a = "_shellCompact_t64s4_9", t = "_shellExpanded_t64s4_13", s = "_content_t64s4_17", r = "_compactItems_t64s4_21", o = "_expandedItems_t64s4_25", l = "_measureRow_t64s4_29", m = "_measureLayer_t64s4_33", v = "_chevron_t64s4_37", d = {
+  root: e,
+  shell: _,
+  shellCompact: a,
+  shellExpanded: t,
+  content: s,
+  compactItems: r,
+  expandedItems: o,
+  measureRow: l,
+  measureLayer: m,
+  chevron: v
+};
+export {
+  d as default
+};

package/dist/components/custom/pathfinder-card/PathfinderCard.js

@@ -1,146 +1,147 @@
-import { cn as y } from "../../../helpers/cn.js";
-import { ChevronDownIcon as B } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
-import { ChevronUpIcon as E } from "../../icons/chevron-up-icon/ChevronUpIcon.js";
-import { useCallback as W, useEffect as k, useLayoutEffect as F, useMemo as R, useRef as g, useState as C, useSyncExternalStore as L } from "react";
-import { Fragment as O, jsx as e, jsxs as x } from "react/jsx-runtime";
-var j = typeof window < "u" ? F : k;
+import { cn as I } from "../../../helpers/cn.js";
+import { ChevronDownIcon as z } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
+import { ChevronUpIcon as B } from "../../icons/chevron-up-icon/ChevronUpIcon.js";
+import h from "./Pathfinder.module.js";
+import { useCallback as R, useEffect as y, useLayoutEffect as F, useMemo as C, useRef as w, useState as x, useSyncExternalStore as O } from "react";
+import { Fragment as j, jsx as e, jsxs as N } from "react/jsx-runtime";
+var P = typeof window < "u" ? F : y;
 function D() {
-  const [i, n] = C(null), o = W((t) => {
+  const [i, n] = x(null), d = R((t) => {
     n(t);
-  }, []), r = W(() => i ? Math.floor(i.getBoundingClientRect().width) : 0, [i]);
+  }, []), s = R(() => i ? Math.floor(i.getBoundingClientRect().width) : 0, [i]);
   return {
-    ref: o,
-    width: L(W((t) => {
+    ref: d,
+    width: O(R((t) => {
       if (!i || typeof ResizeObserver > "u") return () => {
         console.log("Node is missing or ResizeObserver is undefined");
       };
-      let c = 0;
-      const d = new ResizeObserver(() => {
-        cancelAnimationFrame(c), c = requestAnimationFrame(t);
+      let a = 0;
+      const o = new ResizeObserver(() => {
+        cancelAnimationFrame(a), a = requestAnimationFrame(t);
       });
-      return d.observe(i), () => {
-        cancelAnimationFrame(c), d.disconnect();
+      return o.observe(i), () => {
+        cancelAnimationFrame(a), o.disconnect();
       };
-    }, [i]), r, () => 0)
+    }, [i]), s, () => 0)
   };
 }
-function I(i) {
-  return [...i].sort((n, o) => {
-    const r = n.order ?? 0, t = o.order ?? 0;
-    return r !== t ? r - t : n.id.localeCompare(o.id);
+function M(i) {
+  return [...i].sort((n, d) => {
+    const s = n.order ?? 0, t = d.order ?? 0;
+    return s !== t ? s - t : n.id.localeCompare(d.id);
   });
 }
-function P(i) {
-  const { items: n, leadSlot: o, actionSlot: r } = i, t = g({}), c = g(null), d = g(null), [l, p] = C({
+function _(i) {
+  const { items: n, leadSlot: d, actionSlot: s } = i, t = w({}), a = w(null), o = w(null), [l, p] = x({
     itemWidths: {},
     leadWidth: 0,
     actionWidth: 0
-  }), u = g(l);
-  k(() => {
-    u.current = l;
+  }), f = w(l);
+  y(() => {
+    f.current = l;
   }, [l]);
-  const f = W((a) => (h) => {
-    t.current[a] = h;
+  const v = R((c) => (m) => {
+    t.current[c] = m;
   }, []);
-  return j(() => {
-    const a = {};
-    for (const m of n) {
-      const b = t.current[m.id], s = Math.ceil(b?.getBoundingClientRect().width ?? m.estimatedWidth ?? 0);
-      a[m.id] = s;
+  return P(() => {
+    const c = {};
+    for (const u of n) {
+      const k = t.current[u.id], r = Math.ceil(k?.getBoundingClientRect().width ?? u.estimatedWidth ?? 0);
+      c[u.id] = r;
     }
-    const h = o ? Math.ceil(c.current?.getBoundingClientRect().width ?? 0) : 0, w = r ? Math.ceil(d.current?.getBoundingClientRect().width ?? 0) : 0, v = u.current;
-    (!(Object.keys(v.itemWidths).length === Object.keys(a).length && n.every((m) => v.itemWidths[m.id] === a[m.id])) || v.leadWidth !== h || v.actionWidth !== w) && p({
-      itemWidths: a,
-      leadWidth: h,
-      actionWidth: w
+    const m = d ? Math.ceil(a.current?.getBoundingClientRect().width ?? 0) : 0, g = s ? Math.ceil(o.current?.getBoundingClientRect().width ?? 0) : 0, W = f.current;
+    (!(Object.keys(W.itemWidths).length === Object.keys(c).length && n.every((u) => W.itemWidths[u.id] === c[u.id])) || W.leadWidth !== m || W.actionWidth !== g) && p({
+      itemWidths: c,
+      leadWidth: m,
+      actionWidth: g
     });
   }, [
     n,
-    o,
-    r
+    d,
+    s
   ]), {
     measurements: l,
-    registerItemRef: f,
-    leadRef: c,
-    actionRef: d
+    registerItemRef: v,
+    leadRef: a,
+    actionRef: o
   };
 }
 function q(i) {
-  const { items: n, availableWidth: o, gapPx: r, itemWidths: t } = i, c = [];
-  let d = 0;
-  for (const l of I(n)) {
-    const p = Math.max(0, t[l.id] ?? l.estimatedWidth ?? 0), u = c.length === 0 ? p : d + r + p;
-    if (u > o) break;
-    c.push(l), d = u;
+  const { items: n, availableWidth: d, gapPx: s, itemWidths: t } = i, a = [];
+  let o = 0;
+  for (const l of M(n)) {
+    const p = Math.max(0, t[l.id] ?? l.estimatedWidth ?? 0), f = a.length === 0 ? p : o + s + p;
+    if (f > d) break;
+    a.push(l), o = f;
   }
-  return c;
+  return a;
 }
-function N({ item: i, compact: n }) {
-  return /* @__PURE__ */ e(O, { children: i.render({ compact: n }) });
+function b({ item: i, compact: n }) {
+  return /* @__PURE__ */ e(j, { children: i.render({ compact: n }) });
 }
-function J({ items: i, expanded: n, onToggleExpanded: o, leadSlot: r, actionSlot: t, className: c, leadReservePx: d = 140, actionReservePx: l = 44 }) {
-  const { ref: p, width: u } = D(), f = !n, a = R(() => I(i), [i]), { measurements: h, registerItemRef: w, leadRef: v, actionRef: m } = P({
-    items: a,
-    leadSlot: r,
+function Q({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot: t, className: a, leadReservePx: o = 140, actionReservePx: l = 44 }) {
+  const { ref: p, width: f } = D(), v = !n, c = C(() => M(i), [i]), { measurements: m, registerItemRef: g, leadRef: W, actionRef: u } = _({
+    items: c,
+    leadSlot: s,
     actionSlot: t
-  }), b = R(() => {
-    if (n) return a;
-    const s = 24, M = 40, z = r ? Math.max(d, h.leadWidth + 12) : 0, A = t ? Math.max(l, h.actionWidth) : 0;
+  }), k = C(() => {
+    if (n) return c;
+    const r = 24, A = 40, E = s ? Math.max(o, m.leadWidth + 12) : 0, L = t ? Math.max(l, m.actionWidth) : 0;
     return q({
-      items: a,
-      availableWidth: Math.max(0, u - s - M - z - A - 24),
+      items: c,
+      availableWidth: Math.max(0, f - r - A - E - L - 24),
       gapPx: 12,
-      itemWidths: h.itemWidths
+      itemWidths: m.itemWidths
     });
   }, [
     n,
-    a,
-    u,
-    r,
+    c,
+    f,
+    s,
     t,
-    d,
+    o,
     l,
-    h
+    m
   ]);
-  return /* @__PURE__ */ x("div", {
+  return /* @__PURE__ */ N("div", {
     ref: p,
-    className: y("relative border-2 border-solid border-gama-300 bg-gama-25 transition-all duration-300 ease-in-out", "rounded-lg min-[744px]:rounded-[100px]", f ? "overflow-hidden" : "overflow-visible", c),
+    className: I(h.root, v ? "overflow-hidden" : "overflow-visible", a),
     "aria-expanded": n,
     role: "button",
     tabIndex: 0,
-    onClick: o,
-    onKeyDown: (s) => {
-      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), o());
+    onClick: d,
+    onKeyDown: (r) => {
+      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), d());
     },
     children: [
-      /* @__PURE__ */ x("div", {
-        className: y("flex min-w-0 items-center p-2", f ? "gap-y-0" : "gap-y-1"),
-        children: [r ? /* @__PURE__ */ e("div", {
+      /* @__PURE__ */ N("div", {
+        className: I(h.shell, v ? h.shellCompact : h.shellExpanded),
+        children: [s ? /* @__PURE__ */ e("div", {
           className: "shrink-0",
-          children: r
+          children: s
         }) : null, /* @__PURE__ */ e("div", {
-          className: "min-w-0 flex-1 px-4",
-          children: f ? /* @__PURE__ */ e("div", {
-            className: "flex min-w-0 flex-nowrap items-center gap-x-4 overflow-hidden whitespace-nowrap",
-            children: b.map((s) => /* @__PURE__ */ e("div", {
+          className: h.content,
+          children: v ? /* @__PURE__ */ e("div", {
+            className: h.compactItems,
+            children: k.map((r) => /* @__PURE__ */ e("div", {
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(N, {
-                item: s,
-                compact: f
+              children: /* @__PURE__ */ e(b, {
+                item: r,
+                compact: v
               })
-            }, s.id))
-          }) : /* @__PURE__ */ x("div", {
-            className: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-1 overflow-visible",
-            children: [a.map((s) => /* @__PURE__ */ e("div", {
+            }, r.id))
+          }) : /* @__PURE__ */ N("div", {
+            className: h.expandedItems,
+            children: [c.map((r) => /* @__PURE__ */ e("div", {
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(N, {
-                item: s,
-                compact: f
+              children: /* @__PURE__ */ e(b, {
+                item: r,
+                compact: v
               })
-            }, s.id)), t ? /* @__PURE__ */ e("div", {
+            }, r.id)), t ? /* @__PURE__ */ e("div", {
               className: "shrink-0",
               children: /* @__PURE__ */ e("div", {
-                ref: m,
+                ref: u,
                 children: t
               })
             }) : null]
@@ -148,34 +149,34 @@ function J({ items: i, expanded: n, onToggleExpanded: o, leadSlot: r, actionSlot
         })]
       }),
       /* @__PURE__ */ e("div", {
-        className: "absolute right-4 top-1/2 z-20 flex-shrink-0 -translate-y-1/2 text-delta-700",
-        children: n ? /* @__PURE__ */ e(E, { className: "size-6" }) : /* @__PURE__ */ e(B, { className: "size-6" })
+        className: h.chevron,
+        children: n ? /* @__PURE__ */ e(B, { className: "size-6" }) : /* @__PURE__ */ e(z, { className: "size-6" })
       }),
       /* @__PURE__ */ e("div", {
         "aria-hidden": !0,
-        className: "pointer-events-none absolute left-0 top-0 -z-10 opacity-0",
-        children: /* @__PURE__ */ x("div", {
-          className: "flex min-w-0 flex-nowrap items-center gap-x-4 gap-y-1 whitespace-nowrap",
+        className: h.measureLayer,
+        children: /* @__PURE__ */ N("div", {
+          className: h.measureRow,
           children: [
-            r ? /* @__PURE__ */ e("div", {
+            s ? /* @__PURE__ */ e("div", {
               className: "shrink-0",
               children: /* @__PURE__ */ e("div", {
-                ref: v,
-                children: r
+                ref: W,
+                children: s
               })
             }) : null,
-            a.map((s) => /* @__PURE__ */ e("div", {
-              ref: w(s.id),
+            c.map((r) => /* @__PURE__ */ e("div", {
+              ref: g(r.id),
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(N, {
-                item: s,
+              children: /* @__PURE__ */ e(b, {
+                item: r,
                 compact: !0
               })
-            }, s.id)),
+            }, r.id)),
             t ? /* @__PURE__ */ e("div", {
               className: "shrink-0",
               children: /* @__PURE__ */ e("div", {
-                ref: m,
+                ref: u,
                 children: t
               })
             }) : null
@@ -186,5 +187,5 @@ function J({ items: i, expanded: n, onToggleExpanded: o, leadSlot: r, actionSlot
   });
 }
 export {
-  J as PathfinderCard
+  Q as PathfinderCard
 };

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

@@ -8,44 +8,44 @@ import { StyledTooltip as j } from "../../../data-display/tooltip/StyledTooltip.
 import { StyledInputField as le } from "../../input-field/StyledInputField.js";
 import { StyledSelectAutocomplete as ae } from "../../select-autocomplete/StyledSelectAutocomplete.js";
 import { DynamicInteractiveChipGroup as re } from "./DynamicInteractiveChipGroup.js";
-import { createElement as B, forwardRef as oe, useCallback as f, useState as ne } from "react";
+import { createElement as B, forwardRef as oe, useCallback as b, useState as ne } from "react";
 import { Fragment as L, jsx as l, jsxs as T } from "react/jsx-runtime";
 var ye = oe((S, q) => {
-  const [E, k] = ne(!1), { options: g, dataTest: x, value: y, readOnly: u, multiple: o, required: F, onChange: C, size: z, title: v, noOptionsText: K, placeholder: _, disabled: I, helperText: H, disableHelperText: R, error: G, valueKey: A = "value", labelKey: W = "label", renderLabel: i, getOptionTooltip: N, startAdornment: J, autocompleteProps: n, loading: m, maxTags: M, onFocus: Q, onBlur: U } = S, p = g.length < 11, s = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", h = f((e) => typeof e == "object" ? e?.[A] : e, [A]), P = f((e, t) => h(e) === h(t), [h]), w = (e) => {
-    const t = h(e);
+  const [E, k] = ne(!1), { options: f, dataTest: g, value: x, readOnly: u, multiple: o, required: F, onChange: y, size: z, title: C, noOptionsText: K, placeholder: _, disabled: I, helperText: H, disableHelperText: R, error: G, valueKey: A = "value", labelKey: W = "label", renderLabel: i, getOptionTooltip: N, startAdornment: J, autocompleteProps: n, loading: m, maxTags: M, onFocus: Q, onBlur: U } = S, v = f.length < 11, s = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", p = b((e) => typeof e == "object" ? e?.[A] : e, [A]), P = b((e, t) => p(e) === p(t), [p]), w = (e) => {
+    const t = p(e);
     return t == null ? "" : typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : e == null ? "" : s(e);
-  }, V = f((e) => {
+  }, V = b((e) => {
     k(!0), n?.onOpen?.(e);
-  }, [n]), X = f((e, t) => {
+  }, [n]), X = b((e, t) => {
     k(!1), n?.onClose?.(e, t);
   }, [n]);
   if (o && u) return /* @__PURE__ */ l(re, { ...S });
-  const O = v ? `${x}-title` : void 0;
+  const O = C ? `${g}-title` : void 0;
   return /* @__PURE__ */ T("div", {
     className: "flex w-full flex-col gap-y-1",
-    children: [v && /* @__PURE__ */ l("span", {
+    children: [C && /* @__PURE__ */ l("span", {
       id: O,
       className: "text-base font-semibold text-delta-800",
-      children: v
+      children: C
     }), /* @__PURE__ */ l(ae, {
       open: E,
       onOpen: V,
       onClose: X,
       disableCloseOnSelect: o,
-      dataTest: x,
+      dataTest: g,
       disabled: !!I || !!m,
       noOptionsText: K,
       loading: m,
       readOnly: u,
-      value: y,
+      value: x,
       size: z,
       disableClearable: F,
-      options: g,
+      options: f,
       fullWidth: !0,
       classes: { listbox: "max-h-[300px]" },
       getOptionLabel: n?.getOptionLabel ?? s,
       onChange: (e, t) => {
-        C(t);
+        y(t);
       },
       filterSelectedOptions: !1,
       isOptionEqualToValue: n?.isOptionEqualToValue ?? P,
@@ -53,7 +53,7 @@ var ye = oe((S, q) => {
       multiple: o,
       renderValue: o ? (e) => {
         if (!Array.isArray(e)) return null;
-        const t = e, c = M ?? g.length, a = t.slice(0, c), d = t.length - c;
+        const t = e, c = M ?? f.length, a = t.slice(0, c), d = t.length - c;
         return [...a.map((r) => /* @__PURE__ */ l($, {
           dataTest: `${w(r)}-chip`,
           readOnly: u,
@@ -65,7 +65,7 @@ var ye = oe((S, q) => {
           },
           disabled: !!I || !!m,
           onDelete: () => {
-            Array.isArray(y) && C(y.filter((b) => !P(b, r)));
+            Array.isArray(x) && y(x.filter((h) => !P(h, r)));
           }
         }, w(r))), d > 0 ? /* @__PURE__ */ l($, {
           dataTest: "remaining-count-tag-chip",
@@ -84,11 +84,11 @@ var ye = oe((S, q) => {
       renderOption: (e, t, c) => {
         const a = typeof t == "object" ? !!t?.disabled : !1, d = N ? N(t) : null;
         if (o) {
-          const b = c.selected;
+          const h = c.selected;
           return /* @__PURE__ */ B("li", {
             ...e,
             role: "option",
-            "aria-selected": b,
+            "aria-selected": h,
             key: e.id,
             onClick: a ? void 0 : e.onClick,
             className: D("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"),
@@ -102,7 +102,7 @@ var ye = oe((S, q) => {
               size: "small",
               decorative: !0,
               className: "min-w-[36px]",
-              checked: b
+              checked: h
             }), i ? i(t) : /* @__PURE__ */ l("span", {
               className: "h-fit text-base text-delta-700",
               children: s(t)
@@ -135,7 +135,7 @@ var ye = oe((S, q) => {
         }));
       },
       renderInput: (e) => /* @__PURE__ */ l(le, {
-        dataTest: `${x}-input-field`,
+        dataTest: `${g}-input-field`,
         ...e,
         inputRef: q,
         error: G,
@@ -146,19 +146,19 @@ var ye = oe((S, q) => {
         readOnly: u,
         onFocus: Q,
         onBlur: U,
-        onKeyDown: p ? (t) => t.preventDefault() : void 0,
-        autoComplete: p ? "off" : "on",
+        onKeyDown: v ? (t) => t.preventDefault() : void 0,
+        autoComplete: "off",
         slotProps: {
           ...e.slotProps,
           input: {
             ...e.slotProps?.input ?? {},
             startAdornment: J ?? e.slotProps?.input?.startAdornment,
-            style: p ? { caretColor: "transparent" } : {}
+            style: v ? { caretColor: "transparent" } : {}
           },
           htmlInput: {
             ...e.slotProps?.htmlInput ?? {},
             ...O ? { "aria-labelledby": O } : {},
-            style: p ? { caretColor: "transparent" } : {}
+            style: v ? { caretColor: "transparent" } : {}
           }
         }
       }),