asma-ui-core 3.107.3 → 3.108.0

package/dist/table/components/TableRow.js

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

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

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

package/dist/table/shared-components/StyledCheckbox.js

@@ -1,82 +1,77 @@
 import { cn as x } from "../../helpers/cn.js";
 import e from "./StyledCheckbox.module.js";
-import P, { useEffect as v, useRef as b } from "react";
-import { Fragment as $, jsx as t, jsxs as l } from "react/jsx-runtime";
-var y = (r) => /* @__PURE__ */ l("svg", {
+import F, { useEffect as v, useRef as b } from "react";
+import { Fragment as P, jsx as t, jsxs as l } from "react/jsx-runtime";
+var $ = (o) => /* @__PURE__ */ l("svg", {
   viewBox: "0 0 24 24",
   width: "100%",
   height: "100%",
   fill: "none",
-  ...r,
+  ...o,
   children: [/* @__PURE__ */ t("title", { children: "Indeterminate icon" }), /* @__PURE__ */ t("path", {
     d: "M6 12H18",
     stroke: "currentColor",
-    strokeWidth: r.strokeWidth ?? 3,
+    strokeWidth: o.strokeWidth ?? 3,
     strokeLinecap: "round"
   })]
-}), B = (r) => /* @__PURE__ */ l("svg", {
-  viewBox: "0 0 24 24",
+}), j = () => /* @__PURE__ */ l("svg", {
+  viewBox: "0 0 16 16",
   width: "100%",
   height: "100%",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  ...r,
-  children: [/* @__PURE__ */ t("title", { children: "Check icon" }), /* @__PURE__ */ t("path", { d: "M4 12l5 5L20 6" })]
-}), _ = ({ dataTest: r, size: d = "medium", disabled: h, readOnly: a, indeterminate: n = !1, checked: p, disableRipple: g, hideWrapper: I, className: N, onChange: R, decorative: w, ...W }) => {
-  const c = !!I, s = !g && !c && !h && !a, u = b(null), m = b(null);
+  fill: "currentColor",
+  children: [/* @__PURE__ */ t("title", { children: "Check icon" }), /* @__PURE__ */ t("path", { d: "M6 12.4L2 8.4L3.4 7L6 9.6L12.6 3L14 4.4L6 12.4Z" })]
+}), _ = ({ dataTest: o, size: m = "medium", disabled: d, readOnly: a, indeterminate: r = !1, checked: h, disableRipple: g, hideWrapper: L, className: N, onChange: R, decorative: w, ...I }) => {
+  const c = !!L, s = !g && !c && !d && !a, p = b(null), u = b(null);
   v(() => {
-    u.current && (u.current.indeterminate = n);
-  }, [n]);
-  const k = x(e.CheckboxWrapper, !c && e[`size-${d}`], c && e.HideWrapper, n && e.Indeterminate, a && e.ReadOnly, s && e.CheckboxHover, N), L = x(e.Checkbox, e[`size-${d}`], n && e.Indeterminate), E = n ? y : B, H = P.useCallback((o) => {
-    if (o.stopPropagation(), !s) return;
+    p.current && (p.current.indeterminate = r);
+  }, [r]);
+  const C = x(e.CheckboxWrapper, !c && e[`size-${m}`], c && e.HideWrapper, r && e.Indeterminate, a && e.ReadOnly, s && e.CheckboxHover, N), W = x(e.Checkbox, e[`size-${m}`], r && e.Indeterminate), E = r ? $ : j, H = F.useCallback((n) => {
+    if (n.stopPropagation(), !s) return;
     const i = document.createElement("span");
-    i.className = e.CheckboxRipple ?? "", i.addEventListener("animationend", () => i.remove(), { once: !0 }), m.current?.appendChild(i);
+    i.className = e.CheckboxRipple ?? "", i.addEventListener("animationend", () => i.remove(), { once: !0 }), u.current?.appendChild(i);
   }, [s]);
   v(() => {
-    const o = m.current;
-    return () => o?.replaceChildren();
+    const n = u.current;
+    return () => n?.replaceChildren();
   }, []);
-  const j = (o) => {
-    a || R?.(o, o.target.checked);
-  }, C = {
-    "data-checked": p && !n ? "" : void 0,
-    "data-unchecked": !p && !n ? "" : void 0,
-    "data-indeterminate": n ? "" : void 0,
-    "data-disabled": h ? "" : void 0
-  }, f = /* @__PURE__ */ l($, { children: [!c && s && /* @__PURE__ */ t("span", {
-    ref: m,
+  const y = (n) => {
+    a || R?.(n, n.target.checked);
+  }, f = {
+    "data-checked": h && !r ? "" : void 0,
+    "data-unchecked": !h && !r ? "" : void 0,
+    "data-indeterminate": r ? "" : void 0,
+    "data-disabled": d ? "" : void 0
+  }, k = /* @__PURE__ */ l(P, { children: [!c && s && /* @__PURE__ */ t("span", {
+    ref: u,
     className: e.CheckboxRippleContainer
   }), /* @__PURE__ */ t("span", {
-    className: L,
+    className: W,
     children: /* @__PURE__ */ t("span", {
       className: e.Indicator,
-      children: /* @__PURE__ */ t(E, { strokeWidth: d === "small" ? 3 : 2 })
+      children: /* @__PURE__ */ t(E, {})
     })
   })] });
   return w ? /* @__PURE__ */ t("span", {
     "aria-hidden": "true",
-    className: k,
-    "data-test": r,
-    ...C,
-    children: f
+    className: C,
+    "data-test": o,
+    ...f,
+    children: k
   }) : /* @__PURE__ */ l("label", {
-    className: k,
-    "data-test": r,
+    className: C,
+    "data-test": o,
     onPointerDown: H,
-    ...C,
+    ...f,
     children: [/* @__PURE__ */ t("input", {
-      ref: u,
+      ref: p,
       type: "checkbox",
       className: "sr-only",
-      checked: p,
-      disabled: h,
+      checked: h,
+      disabled: d,
       readOnly: a,
-      onChange: j,
-      ...W
-    }), f]
+      onChange: y,
+      ...I
+    }), k]
   });
 };
 export {

package/dist/table/shared-components/StyledCheckbox.module.js

@@ -1,17 +1,17 @@
-var e = "_CheckboxWrapper_1bp3w_1", _ = "_Checkbox_1bp3w_1", p = "_Indeterminate_1bp3w_28", r = "_ReadOnly_1bp3w_55", a = "_Indicator_1bp3w_64", b = "_HideWrapper_1bp3w_68", i = "_CheckboxHover_1bp3w_75", o = "_CheckboxRippleContainer_1bp3w_75", l = "_CheckboxRipple_1bp3w_75", d = "_ripple_1bp3w_1", c = {
+var e = "_CheckboxWrapper_k9tu2_1", _ = "_Checkbox_k9tu2_1", r = "_Indeterminate_k9tu2_29", a = "_ReadOnly_k9tu2_56", t = "_Indicator_k9tu2_65", k = "_HideWrapper_k9tu2_69", p = "_CheckboxHover_k9tu2_76", i = "_CheckboxRippleContainer_k9tu2_76", o = "_CheckboxRipple_k9tu2_76", u = "_ripple_k9tu2_1", l = {
   CheckboxWrapper: e,
-  "size-small": "_size-small_1bp3w_11",
-  "size-medium": "_size-medium_1bp3w_15",
+  "size-small": "_size-small_k9tu2_12",
+  "size-medium": "_size-medium_k9tu2_16",
   Checkbox: _,
-  Indeterminate: p,
-  ReadOnly: r,
-  Indicator: a,
-  HideWrapper: b,
-  CheckboxHover: i,
-  CheckboxRippleContainer: o,
-  CheckboxRipple: l,
-  ripple: d
+  Indeterminate: r,
+  ReadOnly: a,
+  Indicator: t,
+  HideWrapper: k,
+  CheckboxHover: p,
+  CheckboxRippleContainer: i,
+  CheckboxRipple: o,
+  ripple: u
 };
 export {
-  c as default
+  l as default
 };

package/package.json

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