asma-ui-core 3.87.0 → 3.87.1

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.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",