asma-ui-core 3.87.0 → 3.87.2

package/dist/components/inputs/slider/StyledSlider.js

@@ -7,7 +7,7 @@ import { useHelperSlot as Mt } from "../../../helpers/useHelperSlot.js";
 import x from "./StyledSlider.module.js";
 import { useId as Pt, useRef as et, useState as rt } from "react";
 import { jsx as i, jsxs as y } from "react/jsx-runtime";
-var j = (m, l, o) => o === l ? 0 : Math.min(100, Math.max(0, (m - l) / (o - l) * 100)), It = (m) => Array.isArray(m) ? [m[0] ?? 0, m[1] ?? 0] : null, Ut = ({ dataTest: m, min: l = 0, max: o = 100, step: h = 1, value: V, defaultValue: lt, disabled: u, size: B = "medium", orientation: F = "horizontal", marks: A, name: at, className: nt, classes: p, slotProps: R, error: N, errorText: ot, helperText: K, reserveHelperText: ct, fromLabel: T, toLabel: D, showButtons: X, ariaLabel: $, ariaLabelledBy: it, onChange: M, onChangeCommitted: k }) => {
+var j = (m, l, o) => o === l ? 0 : Math.min(100, Math.max(0, (m - l) / (o - l) * 100)), It = (m) => Array.isArray(m) ? [m[0] ?? 0, m[1] ?? 0] : null, Ut = ({ dataTest: m, min: l = 0, max: o = 100, step: h = 1, value: V, defaultValue: lt, disabled: u, size: B = "medium", orientation: F = "horizontal", marks: A, name: at, className: nt, classes: p, slotProps: R, error: N, errorText: ot, helperText: K, reserveHelperText: ct, fromLabel: T, toLabel: D, showButtons: X = !0, ariaLabel: $, ariaLabelledBy: it, onChange: M, onChangeCommitted: k }) => {
   const Y = Pt(), a = F === "vertical", s = B === "small" ? 6 : 8, b = et(null), g = et(null), [st, P] = rt(null), [ut, q] = rt(lt ?? l), v = st ?? V ?? ut, n = It(v), d = n !== null, E = N ? ot ?? K : K, { show: G, role: dt } = Mt("StyledSlider", N, E, ct), H = (A === !0 && Number.isFinite(h) && h > 0 && o > l ? Array.from({ length: Math.floor((o - l) / h) + 1 }, (t, r) => ({ value: l + h * r })) : Array.isArray(A) ? A : []).filter((t) => t.value >= l && t.value <= o), J = d ? Math.min(n[0], n[1]) : l, U = d ? Math.max(n[0], n[1]) : v, O = (t) => d ? t >= J && t <= U : t <= U, ft = d ? Math.min(n[0], n[1]) <= l : v <= l, ht = d ? Math.max(n[0], n[1]) >= o : v >= o, z = d ? j(J, l, o) : 0, Q = j(U, l, o) - z, mt = a ? {
     bottom: `${z}%`,
     height: `${Q}%`
@@ -70,34 +70,35 @@ var j = (m, l, o) => o === l ? 0 : Math.min(100, Math.max(0, (m - l) / (o - l) *
   }, t);
   return /* @__PURE__ */ y("div", {
     className: c("flex max-w-[600px] flex-col gap-3", a && "h-full"),
-    children: [!a && (T ?? D) && /* @__PURE__ */ y("div", {
-      className: "grid w-full grid-cols-2 gap-4",
-      children: [!a && T && /* @__PURE__ */ i("span", {
-        className: "min-w-0 break-words text-left font-normal text-delta-800",
-        children: T
-      }), !a && D && /* @__PURE__ */ i("span", {
-        className: "min-w-0 break-words text-right font-normal text-delta-800",
-        children: D
-      })]
-    }), /* @__PURE__ */ y("div", {
-      className: c("flex", !a && "w-full items-start gap-3", a && "h-full flex-col items-center"),
-      children: [
-        !a && X && /* @__PURE__ */ i(tt, {
-          dataTest: "slider-from-button",
-          "aria-label": "Decrease value",
-          className: "-mt-0.5 w-8",
-          variant: "outlined",
-          disabled: u ?? ft,
-          startIcon: /* @__PURE__ */ i(xt, {
-            width: 24,
-            height: 24
+    children: [
+      !a && (T ?? D) && /* @__PURE__ */ y("div", {
+        className: "grid w-full grid-cols-2 gap-4",
+        children: [!a && T && /* @__PURE__ */ i("span", {
+          className: "min-w-0 break-words text-left font-normal text-delta-800",
+          children: T
+        }), !a && D && /* @__PURE__ */ i("span", {
+          className: "min-w-0 break-words text-right font-normal text-delta-800",
+          children: D
+        })]
+      }),
+      /* @__PURE__ */ y("div", {
+        className: c("flex", !a && "w-full items-start gap-3", a && "h-full flex-col items-center"),
+        children: [
+          !a && X && /* @__PURE__ */ i(tt, {
+            dataTest: "slider-from-button",
+            "aria-label": "Decrease value",
+            className: "-mt-0.5 w-8",
+            variant: "outlined",
+            disabled: u ?? ft,
+            startIcon: /* @__PURE__ */ i(xt, {
+              width: 24,
+              height: 24
+            }),
+            onClick: Z("decrement")
           }),
-          onClick: Z("decrement")
-        }),
-        /* @__PURE__ */ y("div", {
-          className: c("relative flex", a ? "h-full w-8 flex-col items-center" : "mt-px w-full flex-col", p?.root, nt),
-          children: [
-            /* @__PURE__ */ y("div", {
+          /* @__PURE__ */ y("div", {
+            className: c("relative flex", a ? "h-full w-8 flex-col items-center" : "mt-px w-full flex-col", p?.root, nt),
+            children: [/* @__PURE__ */ y("div", {
               className: c("relative", a ? "h-full w-8" : "h-4 w-full", u ? "cursor-default" : "cursor-pointer"),
               style: { touchAction: "none" },
               onPointerDown: bt,
@@ -128,8 +129,7 @@ var j = (m, l, o) => o === l ? 0 : Math.min(100, Math.max(0, (m - l) / (o - l) *
                   })
                 ]
               }), d ? [_(0, n[0]), _(1, n[1])] : _(0, v)]
-            }),
-            H.some((t) => t.label != null) && /* @__PURE__ */ i("div", {
+            }), H.some((t) => t.label != null) && /* @__PURE__ */ i("div", {
               className: c(a ? "pointer-events-none absolute inset-x-0" : "relative mt-[14px] h-6"),
               style: a ? {
                 top: s,
@@ -143,30 +143,30 @@ var j = (m, l, o) => o === l ? 0 : Math.min(100, Math.max(0, (m - l) / (o - l) *
                 style: W(t.value),
                 children: t.label
               }, t.value))
-            }),
-            G && /* @__PURE__ */ i(Nt, {
-              id: Y,
-              role: dt,
-              error: N,
-              message: E,
-              className: "m-0 items-center"
-            })
-          ]
-        }),
-        !a && X && /* @__PURE__ */ i(tt, {
-          dataTest: "slider-to-button",
-          "aria-label": "Increase value",
-          className: "-mt-0.5 w-8",
-          variant: "outlined",
-          disabled: u ?? ht,
-          startIcon: /* @__PURE__ */ i(yt, {
-            width: 24,
-            height: 24
+            })]
           }),
-          onClick: Z("increment")
-        })
-      ]
-    })]
+          !a && X && /* @__PURE__ */ i(tt, {
+            dataTest: "slider-to-button",
+            "aria-label": "Increase value",
+            className: "-mt-0.5 w-8",
+            variant: "outlined",
+            disabled: u ?? ht,
+            startIcon: /* @__PURE__ */ i(yt, {
+              width: 24,
+              height: 24
+            }),
+            onClick: Z("increment")
+          })
+        ]
+      }),
+      G && /* @__PURE__ */ i(Nt, {
+        id: Y,
+        role: dt,
+        error: N,
+        message: E,
+        className: "m-0 items-center"
+      })
+    ]
   });
 };
 export {

package/dist/table/components/TableRow.js

@@ -1,66 +1,68 @@
-import { ACTIONS_COLUMN_ID as $ } from "../types.js";
+import { ACTIONS_COLUMN_ID as j } from "../types.js";
 import { useRootContext as ge } from "../context/RootContext.js";
 import n from "./StyledTable.module.js";
 import { compact as he } from "../../helpers/arrays.js";
-import j from "clsx";
-import { Fragment as pe, useCallback as q, useEffect as xe, useLayoutEffect as be, useMemo as m, useRef as Ce, useState as Re } from "react";
-import { Fragment as Se, jsx as s, jsxs as b } from "react/jsx-runtime";
+import q from "clsx";
+import { Fragment as pe, useCallback as K, useEffect as xe, useLayoutEffect as be, useMemo as m, useRef as Ce, useState as Re } from "react";
+import { Fragment as Se, jsx as s, jsxs as C } from "react/jsx-runtime";
 import { useSortable as De } from "@dnd-kit/sortable";
 import { flexRender as ye } from "@tanstack/react-table";
 import { CSS as Ne } from "@dnd-kit/utilities";
-var Fe = (C) => {
-  const t = C.closest("table");
-  t && Array.from(document.querySelectorAll('a[href], button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])')).find((f) => !t.contains(f) && !!(t.compareDocumentPosition(f) & Node.DOCUMENT_POSITION_FOLLOWING))?.focus();
+var ve = (R) => {
+  const t = R.closest("table");
+  if (!t) return !1;
+  const r = Array.from(document.querySelectorAll('a[href], button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])')).find((g) => !t.contains(g) && !!(t.compareDocumentPosition(g) & Node.DOCUMENT_POSITION_FOLLOWING));
+  return r ? (r.focus(), document.activeElement === r) : !1;
 };
-function Oe({ styledTableProps: C, row: t, index: f, hasFocusedRow: K, columnWindow: { paddingLeft: g, paddingRight: h, indexes: I } }) {
-  const { loading: G, getRowClassName: l, rowHeight: p, onRowClick: R, expandArrow: V, enableDnd: T, disableDndForRow: Y, tdClassName: w, customSubRowData: A, renderSubRows: J, defaultExpanded: Q, actions: S, customActionsNode: X, textExpandArrow: B, enableMultiRowSelection: Z, enableRowSelection: ee, singleSelectionRow: te } = C, D = Y?.(t), { transform: ne, transition: oe, setNodeRef: L, isDragging: M } = De({
+function Oe({ styledTableProps: R, row: t, index: r, hasFocusedRow: g, columnWindow: { paddingLeft: h, paddingRight: p, indexes: T } }) {
+  const { loading: G, getRowClassName: l, rowHeight: x, onRowClick: S, expandArrow: V, enableDnd: w, disableDndForRow: Y, tdClassName: A, customSubRowData: B, renderSubRows: J, defaultExpanded: Q, actions: D, customActionsNode: X, textExpandArrow: L, enableMultiRowSelection: Z, enableRowSelection: ee, singleSelectionRow: te } = R, y = Y?.(t), { transform: ne, transition: oe, setNodeRef: M, isDragging: H } = De({
     id: t.original.id,
-    disabled: !T || D
+    disabled: !w || y
   }), ie = {
     transform: Ne.Transform.toString(ne),
     transition: oe,
-    opacity: M ? 0.8 : 1,
-    zIndex: M ? 1 : 0,
+    opacity: H ? 0.8 : 1,
+    zIndex: H ? 1 : 0,
     position: "relative"
-  }, { isResizing: se, disableResizingFlag: le } = ge(), y = t.isExpanded(), x = Ce(null), [ae, ce] = Re(void 0);
+  }, { isResizing: se, disableResizingFlag: le } = ge(), N = t.isExpanded(), b = Ce(null), [ae, ce] = Re(void 0);
   be(() => {
-    !y && x.current && ce(x.current.cells[0]?.clientHeight ?? x.current.offsetHeight);
-  }, [y]);
-  const de = q((e) => {
-    x.current = e, D || L(e);
-  }, [D, L]), H = y ? ae ?? p : p;
+    !N && b.current && ce(b.current.cells[0]?.clientHeight ?? b.current.offsetHeight);
+  }, [N]);
+  const de = K((e) => {
+    b.current = e, y || M(e);
+  }, [y, M]), O = N ? ae ?? x : x;
   xe(() => {
     Q && t.getCanExpand() && !t.getIsExpanded() && t.toggleExpand();
   }, []);
-  const O = (e) => {
+  const U = (e) => {
     t.getCanExpand() && !V && t.getToggleExpandedHandler()(), document.getElementById(t.id)?.focus();
-    const o = window.getSelection()?.type !== "Range" && !se, i = R instanceof Function;
-    !i && B && o ? t.toggleExpand() : i && o && R(e, t), le();
+    const o = window.getSelection()?.type !== "Range" && !se, i = S instanceof Function;
+    !i && L && o ? t.toggleExpand() : i && o && S(e, t), le();
   }, re = (e) => {
-    e.target.classList.contains("MuiModal-backdrop") || e.target.nodeName === "INPUT" || e.target.nodeName === "BUTTON" || e.target.nodeName === "LI" || e.target.closest("li") || O(e);
-  }, r = t.getVisibleCells().map((e, o, i) => ({
+    e.target.classList.contains("MuiModal-backdrop") || e.target.nodeName === "INPUT" || e.target.nodeName === "BUTTON" || e.target.nodeName === "LI" || e.target.closest("li") || U(e);
+  }, u = t.getVisibleCells().map((e, o, i) => ({
     ...e,
     left: i.slice(0, o).reduce((c, d) => c + (d.column.getSize() ?? 0), 0)
-  })), U = m(() => r.filter((e) => !e.column.columnDef.fixedLeft && !e.column.columnDef.fixedRight && e.column.id !== "actions"), [r]), a = m(() => r.filter((e) => !!e.column.columnDef.fixedRight || e.column.id === "actions").map((e, o, i) => ({
+  })), W = m(() => u.filter((e) => !e.column.columnDef.fixedLeft && !e.column.columnDef.fixedRight && e.column.id !== "actions"), [u]), a = m(() => u.filter((e) => !!e.column.columnDef.fixedRight || e.column.id === "actions").map((e, o, i) => ({
     ...e,
     right: i.slice(o + 1).reduce((c, d) => c + (d.column.getSize() ?? 0), 0)
-  })), [r]), W = m(() => a.some((e) => e.column.id === $), [a]), _ = !!S || !!X, z = m(() => a.some((e) => !!e.column.columnDef.fixedRight), [a]), u = m(() => r.filter((e) => e.column.columnDef.fixedLeft), [r]), N = !Z && !ee && te, F = t.getIsSelected() && N, k = R instanceof Function, P = I.length > 0 ? he(I.map((e) => U[e])) : U, v = q((e, o) => {
-    const i = e.column.id === $, c = e.column.columnDef.fixedLeft, d = !!e.column.columnDef.fixedRight, ue = e.id === u.at(-1)?.id, fe = e.id === a.at(0)?.id && !i, me = t.isExpanded(), E = o === 0;
+  })), [u]), _ = m(() => a.some((e) => e.column.id === j), [a]), z = !!D || !!X, P = m(() => a.some((e) => !!e.column.columnDef.fixedRight), [a]), f = m(() => u.filter((e) => e.column.columnDef.fixedLeft), [u]), v = !Z && !ee && te, F = t.getIsSelected() && v, k = S instanceof Function, $ = T.length > 0 ? he(T.map((e) => W[e])) : W, E = K((e, o) => {
+    const i = e.column.id === j, c = e.column.columnDef.fixedLeft, d = !!e.column.columnDef.fixedRight, ue = e.id === f.at(-1)?.id, fe = e.id === a.at(0)?.id && !i, me = t.isExpanded(), I = o === 0;
     return /* @__PURE__ */ s("td", {
-      className: j(n["t-cell"], k && "cursor-pointer", w, i && n["action-cell"], i && (!_ || z) && n["action-cell--no-shadow"], i && !!S && u.length && n.shadowed, i && (l?.(t) ? l?.(t) : n["action-cell-default-background"]), c && n["fixed-cell"], d && n["fixed-right-cell"], ue && n.shadowed, fe && n["shadowed-right"], t.getIsSelected() && n.selected, c && (l?.(t) ? l?.(t) : n["fixed-cell-default-background"]), d && (l?.(t) ? l?.(t) : n["fixed-right-cell-default-background"]), me && n.expanded_row, !!F && n["single-selection"]),
+      className: q(n["t-cell"], k && "cursor-pointer", A, i && n["action-cell"], i && (!z || P) && n["action-cell--no-shadow"], i && !!D && f.length && n.shadowed, i && (l?.(t) ? l?.(t) : n["action-cell-default-background"]), c && n["fixed-cell"], d && n["fixed-right-cell"], ue && n.shadowed, fe && n["shadowed-right"], t.getIsSelected() && n.selected, c && (l?.(t) ? l?.(t) : n["fixed-cell-default-background"]), d && (l?.(t) ? l?.(t) : n["fixed-right-cell-default-background"]), me && n.expanded_row, !!F && n["single-selection"]),
       style: {
         left: c ? e.left : void 0,
-        right: d ? e.right + (W ? -1 : 0) : void 0
+        right: d ? e.right + (_ ? -1 : 0) : void 0
       },
-      children: /* @__PURE__ */ b("div", {
+      children: /* @__PURE__ */ C("div", {
         style: {
           display: "flex",
           alignItems: "center",
-          minWidth: E ? 32 : void 0,
-          minHeight: H,
+          minWidth: I ? 32 : void 0,
+          minHeight: O,
           position: "relative"
         },
-        children: [E && F && /* @__PURE__ */ s("span", {
+        children: [I && F && /* @__PURE__ */ s("span", {
           style: {
             display: "inline-flex",
             alignItems: "center",
@@ -69,10 +71,10 @@ function Oe({ styledTableProps: C, row: t, index: f, hasFocusedRow: K, columnWin
             top: "50%",
             transform: "translateY(-50%)"
           },
-          children: /* @__PURE__ */ s(ke, {})
+          children: /* @__PURE__ */ s(Fe, {})
         }), /* @__PURE__ */ s("span", {
           style: {
-            marginLeft: E && N ? 30 : 0,
+            marginLeft: I && v ? 30 : 0,
             width: "100%"
           },
           children: ye(e.column.columnDef.cell, e.getContext())
@@ -81,29 +83,29 @@ function Oe({ styledTableProps: C, row: t, index: f, hasFocusedRow: K, columnWin
     }, e.id);
   }, [
     F,
-    S,
-    H,
+    D,
+    O,
     l,
     k,
-    W,
-    z,
-    u,
+    _,
+    P,
+    f,
     a,
     t,
-    _,
-    N,
-    w
+    z,
+    v,
+    A
   ]);
-  return /* @__PURE__ */ b(pe, { children: [/* @__PURE__ */ b("tr", {
+  return /* @__PURE__ */ C(pe, { children: [/* @__PURE__ */ C("tr", {
     "aria-selected": t.getIsSelected() || t.isFocused() ? "true" : "false",
-    tabIndex: t.isFocused() || f === 0 && !K ? 0 : -1,
-    "data-index": f,
+    tabIndex: t.isFocused() || r === 0 && !g ? 0 : -1,
+    "data-index": r,
     "data-test": t.id,
     id: t.id,
-    className: j(n["t-row"], G && n["is-loading"], l?.(t)),
+    className: q(n["t-row"], G && n["is-loading"], l?.(t)),
     style: {
-      height: p ? `${p}px` : "inherit",
-      ...T && ie
+      height: x ? `${x}px` : "inherit",
+      ...w && ie
     },
     ref: de,
     onFocus: (e) => {
@@ -111,15 +113,19 @@ function Oe({ styledTableProps: C, row: t, index: f, hasFocusedRow: K, columnWin
     },
     onMouseUp: re,
     onMouseDown: (e) => {
-      e.detail > 1 && !k && B && e.preventDefault();
+      e.detail > 1 && !k && L && e.preventDefault();
     },
     onKeyDown: (e) => {
       switch (e.key) {
         case "Tab":
-          if (e.preventDefault(), e.shiftKey) {
-            if (t.focusPrevRow()) break;
-            e.currentTarget.closest("table")?.querySelector('thead tr[tabindex="0"]')?.focus();
-          } else t.focusNextRow() || Fe(e.currentTarget);
+          if (e.shiftKey) {
+            if (t.focusPrevRow()) {
+              e.preventDefault();
+              break;
+            }
+            const o = e.currentTarget.closest("table")?.querySelector('thead tr[tabindex="0"]');
+            o && (e.preventDefault(), o.focus());
+          } else (t.focusNextRow() || ve(e.currentTarget)) && e.preventDefault();
           break;
         case "ArrowDown":
           t.focusNextRow() && e.preventDefault();
@@ -128,43 +134,43 @@ function Oe({ styledTableProps: C, row: t, index: f, hasFocusedRow: K, columnWin
           t.focusPrevRow() && e.preventDefault();
           break;
         case "Enter":
-          O(e);
+          U(e);
           break;
       }
     },
     children: [
-      u.map((e, o) => v(e, o)),
-      g > 0 && /* @__PURE__ */ s("td", {
+      f.map((e, o) => E(e, o)),
+      h > 0 && /* @__PURE__ */ s("td", {
         "aria-hidden": !0,
         className: n["t-cell"],
         style: {
-          width: String(g) + "px",
-          minWidth: String(g) + "px",
-          maxWidth: String(g) + "px",
+          width: String(h) + "px",
+          minWidth: String(h) + "px",
+          maxWidth: String(h) + "px",
           padding: 0,
           border: "none"
         }
       }),
-      P.map((e, o) => v(e, u.length + o)),
-      h > 0 && /* @__PURE__ */ s("td", {
+      $.map((e, o) => E(e, f.length + o)),
+      p > 0 && /* @__PURE__ */ s("td", {
         "aria-hidden": !0,
         className: n["t-cell"],
         style: {
-          width: String(h) + "px",
-          minWidth: String(h) + "px",
-          maxWidth: String(h) + "px",
+          width: String(p) + "px",
+          minWidth: String(p) + "px",
+          maxWidth: String(p) + "px",
           padding: 0,
           border: "none"
         }
       }),
-      a.map((e, o) => v(e, u.length + P.length + o))
+      a.map((e, o) => E(e, f.length + $.length + o))
     ]
-  }), t.getIsExpanded() && /* @__PURE__ */ s(Se, { children: A && J?.({
-    rows: A.get(t.original.id.toString()) ?? [],
+  }), t.getIsExpanded() && /* @__PURE__ */ s(Se, { children: B && J?.({
+    rows: B.get(t.original.id.toString()) ?? [],
     row: t.original
   }) })] }, t.id);
 }
-var ke = () => /* @__PURE__ */ b("svg", {
+var Fe = () => /* @__PURE__ */ C("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",

package/package.json

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