asma-ui-core 3.47.3 → 3.48.0

package/dist/src/components/data-display/virtualized-list/VirtualizedList.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+/**
+ * Renders only the rows in view, for lists long enough that mounting all of them is the bottleneck.
+ *
+ * Lives here rather than in each consumer because `@tanstack/react-virtual` is already a dependency
+ * of this package (the table's column virtualizer uses it), and because the mechanism is the part
+ * that gets copied wrong: the spacer must carry the *full* scroll height or the scrollbar lies, rows
+ * must be positioned rather than laid out, and each row needs `measureElement` or variable heights
+ * drift. Encapsulating it keeps the virtualizer an implementation detail of this package instead of a
+ * dependency every app adds for itself.
+ *
+ * **This virtualizes RENDERING, not loading.** Every item must already be in memory — `items` is the
+ * complete list. A consumer that also wants to fetch lazily needs its own windowing on top, and
+ * should think hard about whether partial data still satisfies its own invariants.
+ *
+ * Variable row heights work without configuration: `estimatedItemHeight` only seeds the first paint,
+ * after which real heights are measured.
+ */
+export interface VirtualizedListProps<TItem> {
+    items: readonly TItem[];
+    /** Stable identity per row. Index-based keys would remount rows on reorder and lose focus. */
+    getItemKey: (item: TItem, index: number) => string;
+    renderItem: (item: TItem, index: number) => ReactNode;
+    /** First-paint estimate only; real heights are measured after mount. Defaults to 48. */
+    estimatedItemHeight?: number;
+    /** Rows kept mounted beyond the viewport, so scrolling does not reveal blank space. Defaults to 8. */
+    overscan?: number;
+    /** Applied to the scroll container — give it a bounded height, or nothing can scroll. */
+    className?: string;
+    dataTest?: string;
+    /** Rendered instead of the list when `items` is empty. */
+    emptyState?: ReactNode;
+}
+export declare function VirtualizedList<TItem>({ className, dataTest, emptyState, estimatedItemHeight, getItemKey, items, overscan, renderItem, }: VirtualizedListProps<TItem>): React.ReactElement | null;

package/dist/src/components/data-display/virtualized-list/index.d.ts

@@ -0,0 +1 @@
+export * from './VirtualizedList';

package/dist/src/index.d.ts

@@ -3,6 +3,7 @@ export * from './components/data-display/badge';
 export * from './components/data-display/chip';
 export * from './components/data-display/interactive-chip';
 export * from './components/data-display/tooltip';
+export * from './components/data-display/virtualized-list';
 export * from './components/icons';
 export * from './components/data-display/typography';
 export * from './components/data-display/form-label';

package/dist/table/components/StyledTable.module.js

@@ -1,59 +1,57 @@
-var e = "_tbody_1bgxx_124", _ = "_expanded_row_1bgxx_187", l = "_selected_1bgxx_205", t = "_shadowed_1bgxx_234", x = "_resizer_1bgxx_288", a = "_isResizing_1bgxx_300", o = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_1bgxx_1",
-  "table-wrapper": "_table-wrapper_1bgxx_26",
-  "table-shell": "_table-shell_1bgxx_33",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_1bgxx_39",
-  "table-wrapper--proxy": "_table-wrapper--proxy_1bgxx_42",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_1bgxx_43",
-  "table-wrapper-fetching": "_table-wrapper-fetching_1bgxx_53",
-  "table-scroll": "_table-scroll_1bgxx_56",
-  "table-x--fill-height": "_table-x--fill-height_1bgxx_65",
-  "table-x": "_table-x_1bgxx_65",
-  "table-content": "_table-content_1bgxx_80",
-  "table-header--sticky": "_table-header--sticky_1bgxx_85",
-  "table-hscroll": "_table-hscroll_1bgxx_90",
-  "table-hscroll__content": "_table-hscroll__content_1bgxx_100",
-  "no-rows-overlay-container": "_no-rows-overlay-container_1bgxx_103",
-  "no-rows-overlay-content": "_no-rows-overlay-content_1bgxx_111",
-  "styled-table": "_styled-table_1bgxx_115",
-  tbody: e,
-  "loading-icon": "_loading-icon_1bgxx_129",
-  "t-row": "_t-row_1bgxx_136",
-  "t-cell": "_t-cell_1bgxx_136",
-  "action-cell": "_action-cell_1bgxx_146",
-  "fixed-cell": "_fixed-cell_1bgxx_150",
-  "fixed-right-cell": "_fixed-right-cell_1bgxx_153",
-  expanded_row: _,
-  selected: l,
-  "single-selection": "_single-selection_1bgxx_208",
-  "action-cell--no-shadow": "_action-cell--no-shadow_1bgxx_225",
-  "action-cell--not-fixed": "_action-cell--not-fixed_1bgxx_228",
-  shadowed: t,
-  "shadowed-right": "_shadowed-right_1bgxx_268",
-  "is-loading": "_is-loading_1bgxx_272",
-  "action-cell-default-background": "_action-cell-default-background_1bgxx_275",
-  "fixed-cell-default-background": "_fixed-cell-default-background_1bgxx_278",
-  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_1bgxx_281",
-  "sortable-column": "_sortable-column_1bgxx_284",
-  resizer: x,
-  isResizing: a,
-  "hide-table-header": "_hide-table-header_1bgxx_312",
-  "show-table-header": "_show-table-header_1bgxx_316",
-  "table-header": "_table-header_1bgxx_85",
-  "hide-header": "_hide-header_1bgxx_352",
-  "t-cell__actions": "_t-cell__actions_1bgxx_355",
-  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_1bgxx_363",
-  "t-cell__actions--not-fixed": "_t-cell__actions--not-fixed_1bgxx_366",
-  "t-cell__fixed": "_t-cell__fixed_1bgxx_373",
-  "t-cell__fixed-right": "_t-cell__fixed-right_1bgxx_380",
-  "sort-icon": "_sort-icon_1bgxx_387",
-  "header-content": "_header-content_1bgxx_391",
-  "table-footer--sticky": "_table-footer--sticky_1bgxx_406",
-  "table-footer--inline": "_table-footer--inline_1bgxx_417",
-  "table-bottom": "_table-bottom_1bgxx_428",
-  "table-bottom--sticky": "_table-bottom--sticky_1bgxx_442",
-  "cursor-not-allowed": "_cursor-not-allowed_1bgxx_446"
+var t = "_tbody_tst0a_124", e = "_expanded_row_tst0a_187", a = "_selected_tst0a_205", _ = "_shadowed_tst0a_228", l = "_resizer_tst0a_282", o = "_isResizing_tst0a_294", s = {
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_tst0a_1",
+  "table-wrapper": "_table-wrapper_tst0a_26",
+  "table-shell": "_table-shell_tst0a_33",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_tst0a_39",
+  "table-wrapper--proxy": "_table-wrapper--proxy_tst0a_42",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_tst0a_43",
+  "table-wrapper-fetching": "_table-wrapper-fetching_tst0a_53",
+  "table-scroll": "_table-scroll_tst0a_56",
+  "table-x--fill-height": "_table-x--fill-height_tst0a_65",
+  "table-x": "_table-x_tst0a_65",
+  "table-content": "_table-content_tst0a_80",
+  "table-header--sticky": "_table-header--sticky_tst0a_85",
+  "table-hscroll": "_table-hscroll_tst0a_90",
+  "table-hscroll__content": "_table-hscroll__content_tst0a_100",
+  "no-rows-overlay-container": "_no-rows-overlay-container_tst0a_103",
+  "no-rows-overlay-content": "_no-rows-overlay-content_tst0a_111",
+  "styled-table": "_styled-table_tst0a_115",
+  tbody: t,
+  "loading-icon": "_loading-icon_tst0a_129",
+  "t-row": "_t-row_tst0a_136",
+  "t-cell": "_t-cell_tst0a_136",
+  "action-cell": "_action-cell_tst0a_146",
+  "fixed-cell": "_fixed-cell_tst0a_150",
+  "fixed-right-cell": "_fixed-right-cell_tst0a_153",
+  expanded_row: e,
+  selected: a,
+  "single-selection": "_single-selection_tst0a_208",
+  "action-cell--no-shadow": "_action-cell--no-shadow_tst0a_225",
+  shadowed: _,
+  "shadowed-right": "_shadowed-right_tst0a_262",
+  "is-loading": "_is-loading_tst0a_266",
+  "action-cell-default-background": "_action-cell-default-background_tst0a_269",
+  "fixed-cell-default-background": "_fixed-cell-default-background_tst0a_272",
+  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_tst0a_275",
+  "sortable-column": "_sortable-column_tst0a_278",
+  resizer: l,
+  isResizing: o,
+  "hide-table-header": "_hide-table-header_tst0a_306",
+  "show-table-header": "_show-table-header_tst0a_310",
+  "table-header": "_table-header_tst0a_85",
+  "hide-header": "_hide-header_tst0a_346",
+  "t-cell__actions": "_t-cell__actions_tst0a_349",
+  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_tst0a_357",
+  "t-cell__fixed": "_t-cell__fixed_tst0a_361",
+  "t-cell__fixed-right": "_t-cell__fixed-right_tst0a_368",
+  "sort-icon": "_sort-icon_tst0a_375",
+  "header-content": "_header-content_tst0a_379",
+  "table-footer--sticky": "_table-footer--sticky_tst0a_394",
+  "table-footer--inline": "_table-footer--inline_tst0a_405",
+  "table-bottom": "_table-bottom_tst0a_416",
+  "table-bottom--sticky": "_table-bottom--sticky_tst0a_430",
+  "cursor-not-allowed": "_cursor-not-allowed_tst0a_434"
 };
 export {
-  o as default
+  s as default
 };

package/dist/table/components/TableRow.js

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

package/dist/table/components/columns/action-column/components/TableActions.module.js

@@ -1,8 +1,8 @@
 var a = {
-  "actions-header-wrapper": "_actions-header-wrapper_cb1o4_1",
-  "actions-header": "_actions-header_cb1o4_1",
-  "pin-indicator": "_pin-indicator_cb1o4_25",
-  "pin-icon": "_pin-icon_cb1o4_35"
+  "actions-header-wrapper": "_actions-header-wrapper_18ql0_1",
+  "actions-header": "_actions-header_18ql0_1",
+  "pin-indicator": "_pin-indicator_18ql0_25",
+  "pin-icon": "_pin-icon_18ql0_35"
 };
 export {
   a as default

package/dist/table/components/table-header/TableHeaderCell.js

@@ -1,58 +1,58 @@
-import { ACTIONS_COLUMN_ID as S, INTERNAL_COLUMN_IDS as y } from "../../types.js";
-import { useRootContext as G } from "../../context/RootContext.js";
+import { ACTIONS_COLUMN_ID as R, INTERNAL_COLUMN_IDS as H } from "../../types.js";
+import { useRootContext as v } from "../../context/RootContext.js";
 import n from "../StyledTable.module.js";
-import { DropUpIcon as A } from "../../shared-components/DropUpIcon.js";
-import { DropDownIcon as k } from "../../shared-components/DropDownIcon.js";
-import { getTableHeaderStyle as w } from "../../helpers/getTableHeaderStyle.js";
-import _ from "clsx";
-import { useMemo as c } from "react";
-import { jsx as i, jsxs as F } from "react/jsx-runtime";
-import { flexRender as B } from "@tanstack/react-table";
-function J({ styledTableProps: C, header: o, tableCanResize: D = !1, left: N, right: b, tableWidth: h }) {
-  const { hideHeader: r = !1, enableResizing: a = !1, actions: z, customActionsNode: I } = C, { isResizing: m, enableResizingFlag: u, disableResizingFlag: d } = G(), g = o.column.columnDef.fixedLeft, f = !!o.column.columnDef.fixedRight, l = o.column.id === S, p = !!z || !!I, x = c(() => o.headerGroup.headers.some((e) => e.id === S), [o.headerGroup.headers]), H = c(() => o.headerGroup.headers.some((e) => !!e.column.columnDef.fixedRight), [o.headerGroup.headers]), v = c(() => o.headerGroup.headers[o.headerGroup.headers.length - (x ? 2 : 1)], [o.headerGroup.headers, x]), t = o.column.getCanSort(), R = o.column.getIsSorted(), T = t ? R === "asc" ? "ascending" : R === "desc" ? "descending" : "none" : void 0;
+import { DropUpIcon as T } from "../../shared-components/DropUpIcon.js";
+import { DropDownIcon as y } from "../../shared-components/DropDownIcon.js";
+import { getTableHeaderStyle as G } from "../../helpers/getTableHeaderStyle.js";
+import D from "clsx";
+import { useMemo as l } from "react";
+import { jsx as i, jsxs as w } from "react/jsx-runtime";
+import { flexRender as F } from "@tanstack/react-table";
+function P({ styledTableProps: S, header: o, tableCanResize: C = !1, left: _, right: b, tableWidth: N }) {
+  const { hideHeader: c = !1, enableResizing: r = !1 } = S, { isResizing: a, enableResizingFlag: m, disableResizingFlag: u } = v(), d = o.column.columnDef.fixedLeft, g = !!o.column.columnDef.fixedRight, f = o.column.id === R, p = l(() => o.headerGroup.headers.some((e) => e.id === R), [o.headerGroup.headers]), z = l(() => o.headerGroup.headers.some((e) => !!e.column.columnDef.fixedRight), [o.headerGroup.headers]), h = l(() => o.headerGroup.headers[o.headerGroup.headers.length - (p ? 2 : 1)], [o.headerGroup.headers, p]), t = o.column.getCanSort(), x = o.column.getIsSorted(), I = t ? x === "asc" ? "ascending" : x === "desc" ? "descending" : "none" : void 0;
   return /* @__PURE__ */ i("th", {
     colSpan: o.colSpan,
-    "aria-sort": T,
-    className: _(n["t-cell"], r && n["hide-header"], l && n["t-cell__actions"], l && !p && n["t-cell__actions--not-fixed"], l && p && H && n["t-cell__actions--no-shadow"], g && n["t-cell__fixed"], f && n["t-cell__fixed-right"]),
+    "aria-sort": I,
+    className: D(n["t-cell"], c && n["hide-header"], f && n["t-cell__actions"], f && z && n["t-cell__actions--no-shadow"], d && n["t-cell__fixed"], g && n["t-cell__fixed-right"]),
     style: {
-      ...w({
-        enableResizing: a,
+      ...G({
+        enableResizing: r,
         header: o,
-        tableWidth: h
+        tableWidth: N
       }),
-      ...g && { left: N },
-      ...f && { right: b }
+      ...d && { left: _ },
+      ...g && { right: b }
     },
-    children: /* @__PURE__ */ F("div", {
-      className: _("flex items-center justify-start", r ? n["hide-table-header"] : n["show-table-header"], t && n["sortable-column"], o.column.columnDef.className),
+    children: /* @__PURE__ */ w("div", {
+      className: D("flex items-center justify-start", c ? n["hide-table-header"] : n["show-table-header"], t && n["sortable-column"], o.column.columnDef.className),
       role: t ? "button" : void 0,
       tabIndex: t ? 0 : void 0,
       onClick: (e) => {
         const s = o.column.getToggleSortingHandler();
-        !m && s && s(e), d();
+        !a && s && s(e), u();
       },
       onKeyDown: t ? (e) => {
         if (e.key !== "Enter" && e.key !== " ") return;
         e.preventDefault();
         const s = o.column.getToggleSortingHandler();
-        !m && s && s(e), d();
+        !a && s && s(e), u();
       } : void 0,
       children: [
         /* @__PURE__ */ i("div", {
           className: n["header-content"],
-          children: B(o.column.columnDef.header, o.getContext())
+          children: F(o.column.columnDef.header, o.getContext())
         }),
         {
-          asc: /* @__PURE__ */ i(A, { className: n["sort-icon"] }),
-          desc: /* @__PURE__ */ i(k, { className: n["sort-icon"] })
+          asc: /* @__PURE__ */ i(T, { className: n["sort-icon"] }),
+          desc: /* @__PURE__ */ i(y, { className: n["sort-icon"] })
         }[o.column.getIsSorted()] ?? null,
-        D && (a ? !0 : o.id !== v?.id) && o.column.getCanResize() && !y.includes(o.column.id) && /* @__PURE__ */ i("div", {
+        C && (r ? !0 : o.id !== h?.id) && o.column.getCanResize() && !H.includes(o.column.id) && /* @__PURE__ */ i("div", {
           onDoubleClick: () => o.column.resetSize(),
           onMouseDown: (e) => {
-            e.stopPropagation(), u(), o.getResizeHandler()(e);
+            e.stopPropagation(), m(), o.getResizeHandler()(e);
           },
           onTouchStart: (e) => {
-            e.stopPropagation(), u(), o.getResizeHandler()(e);
+            e.stopPropagation(), m(), o.getResizeHandler()(e);
           },
           className: `${n.resizer} ${o.column.getIsResizing() ? n.isResizing : ""}`
         })
@@ -61,5 +61,5 @@ function J({ styledTableProps: C, header: o, tableCanResize: D = !1, left: N, ri
   }, o.id);
 }
 export {
-  J as TableHeaderCell
+  P as TableHeaderCell
 };

package/package.json

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