@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/table/render/header/TableDraggableHeaderCell.js

@@ -1,66 +1,47 @@
-import { jsxs as R, jsx as m } from "react/jsx-runtime";
-import { useSortable as A } from "@dnd-kit/sortable";
-import k from "./TableHeaderCellContent.js";
-import H from "./TableHeaderCellResizeHandle.js";
-import { resolveAriaSort as w } from "./resolveAriaSort.js";
-import { resolveHeaderCellClassName as D } from "./resolveHeaderCellClassName.js";
-import { resolveHeaderCellStyle as N } from "./resolveHeaderCellStyle.js";
-import { resolveAriaSpan as c, resolveAriaColIndex as L } from "../../shared/resolveTableAria.js";
-const _ = (t) => {
-  const {
-    column: e,
-    header: r,
-    hideWhileDragging: a,
-    htmlAttributes: u,
-    isResizable: d,
-    showSelectionColumn: l,
-    stickyLeftColumnCount: C,
-    stickyRightColumnCount: f
-  } = t, i = C ?? 0, n = f ?? 0, s = e.columnKey ?? String(e.key), { attributes: g, listeners: p, setActivatorNodeRef: S, setNodeRef: v, transform: o, transition: b, isDragging: y } = A({
-    id: s
-  }), { role: T, ...h } = g, x = {
-    ...h,
-    ...p
-  };
-  return /* @__PURE__ */ R(
-    "div",
-    {
-      ref: v,
-      ...u,
-      className: D(e, r, {
-        isDraggable: !0,
-        isDragging: y,
-        isResizable: d,
-        isStickyLeftColumn: i > 0 && e.columnStart <= i,
-        isStickyRightColumn: n > 0 && e.columnStart + e.colSpan - 1 > r.totalColumnCount - n
-      }),
-      "data-column": s,
-      role: "columnheader",
-      "aria-colindex": L(e.columnStart, l),
-      "aria-colspan": c(e.colSpan),
-      "aria-rowindex": e.rowStart,
-      "aria-rowspan": c(e.rowSpan),
-      "aria-sort": w(e),
-      style: N(e, l, {
-        pointerEvents: a ? "none" : void 0,
-        transform: a ? void 0 : o ? `translate3d(${o.x}px, ${o.y}px, 0)` : void 0,
-        transition: b
-      }),
-      children: [
-        /* @__PURE__ */ m(
-          k,
-          {
-            ...t,
-            dragActivatorProps: x,
-            dragActivatorRef: S
-          }
-        ),
-        /* @__PURE__ */ m(H, { ...t })
-      ]
-    }
-  );
+import { resolveAriaColIndex as e, resolveAriaSpan as t } from "../../shared/resolveTableAria.js";
+import n from "./TableHeaderCellContent.js";
+import { resolveHeaderCellClassName as r } from "./resolveHeaderCellClassName.js";
+import i from "./TableHeaderCellResizeHandle.js";
+import { resolveAriaSort as a } from "./resolveAriaSort.js";
+import { resolveHeaderCellStyle as o } from "./resolveHeaderCellStyle.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useSortable as l } from "@dnd-kit/sortable";
+//#region src/components/table/render/header/TableDraggableHeaderCell.tsx
+var u = (u) => {
+	let { column: d, header: f, hideWhileDragging: p, htmlAttributes: m, isResizable: h, showSelectionColumn: g, stickyLeftColumnCount: _, stickyRightColumnCount: v } = u, y = _ ?? 0, b = v ?? 0, x = d.columnKey ?? String(d.key), { attributes: S, listeners: C, setActivatorNodeRef: w, setNodeRef: T, transform: E, transition: D, isDragging: O } = l({ id: x }), { role: k, ...A } = S, j = {
+		...A,
+		...C
+	};
+	return /* @__PURE__ */ c("div", {
+		ref: T,
+		...m,
+		className: r(d, f, {
+			isDraggable: !0,
+			isDragging: O,
+			isResizable: h,
+			isStickyLeftColumn: y > 0 && d.columnStart <= y,
+			isStickyRightColumn: b > 0 && d.columnStart + d.colSpan - 1 > f.totalColumnCount - b
+		}),
+		"data-column": x,
+		role: "columnheader",
+		"aria-colindex": e(d.columnStart, g),
+		"aria-colspan": t(d.colSpan),
+		"aria-rowindex": d.rowStart,
+		"aria-rowspan": t(d.rowSpan),
+		"aria-sort": a(d),
+		style: o(d, g, {
+			pointerEvents: p ? "none" : void 0,
+			transform: p ? void 0 : E ? `translate3d(${E.x}px, ${E.y}px, 0)` : void 0,
+			transition: D
+		}),
+		children: [/* @__PURE__ */ s(n, {
+			...u,
+			dragActivatorProps: j,
+			dragActivatorRef: w
+		}), /* @__PURE__ */ s(i, { ...u })]
+	});
 };
-export {
-  _ as default
-};
-//# sourceMappingURL=TableDraggableHeaderCell.js.map
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TableDraggableHeaderCell.js.map

package/components/table/render/header/TableDraggableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableDraggableHeaderCell.js","sources":["../../../../../src/components/table/render/header/TableDraggableHeaderCell.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\n\nimport type { TableRowData } from '../../Table.types';\nimport TableHeaderCellContent from './TableHeaderCellContent';\nimport TableHeaderCellResizeHandle from './TableHeaderCellResizeHandle';\nimport { resolveAriaSort } from './resolveAriaSort';\nimport { resolveHeaderCellClassName } from './resolveHeaderCellClassName';\nimport { resolveHeaderCellStyle } from './resolveHeaderCellStyle';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\nimport { resolveAriaColIndex, resolveAriaSpan } from '../../shared/resolveTableAria';\n\nconst TableDraggableHeaderCell = (props: SharedHeaderCellProps<TableRowData>) => {\n    const {\n        column,\n        header,\n        hideWhileDragging,\n        htmlAttributes,\n        isResizable,\n        showSelectionColumn,\n        stickyLeftColumnCount,\n        stickyRightColumnCount,\n    } = props;\n\n    const stickyLeftColumns = stickyLeftColumnCount ?? 0;\n    const stickyRightColumns = stickyRightColumnCount ?? 0;\n\n    const columnKey = column.columnKey ?? String(column.key);\n\n    const { attributes, listeners, setActivatorNodeRef, setNodeRef, transform, transition, isDragging } = useSortable({\n        id: columnKey,\n    });\n\n    const { role: _sortableRole, ...sortableAttributes } = attributes;\n\n    const dragActivatorProps = {\n        ...sortableAttributes,\n        ...listeners,\n    };\n\n    return (\n        <div\n            ref={setNodeRef}\n            {...htmlAttributes}\n            className={resolveHeaderCellClassName(column, header, {\n                isDraggable: true,\n                isDragging,\n                isResizable,\n                isStickyLeftColumn: stickyLeftColumns > 0 && column.columnStart <= stickyLeftColumns,\n                isStickyRightColumn:\n                    stickyRightColumns > 0 &&\n                    column.columnStart + column.colSpan - 1 > header.totalColumnCount - stickyRightColumns,\n            })}\n            data-column={columnKey}\n            role='columnheader'\n            aria-colindex={resolveAriaColIndex(column.columnStart, showSelectionColumn)}\n            aria-colspan={resolveAriaSpan(column.colSpan)}\n            aria-rowindex={column.rowStart}\n            aria-rowspan={resolveAriaSpan(column.rowSpan)}\n            aria-sort={resolveAriaSort(column)}\n            style={resolveHeaderCellStyle(column, showSelectionColumn, {\n                pointerEvents: hideWhileDragging ? 'none' : undefined,\n                transform: hideWhileDragging\n                    ? undefined\n                    : transform\n                      ? `translate3d(${transform.x}px, ${transform.y}px, 0)`\n                      : undefined,\n                transition,\n            })}\n        >\n            <TableHeaderCellContent\n                {...props}\n                dragActivatorProps={dragActivatorProps}\n                dragActivatorRef={setActivatorNodeRef}\n            />\n            <TableHeaderCellResizeHandle {...props} />\n        </div>\n    );\n};\n\nexport default TableDraggableHeaderCell;\n"],"names":["TableDraggableHeaderCell","props","column","header","hideWhileDragging","htmlAttributes","isResizable","showSelectionColumn","stickyLeftColumnCount","stickyRightColumnCount","stickyLeftColumns","stickyRightColumns","columnKey","attributes","listeners","setActivatorNodeRef","setNodeRef","transform","transition","isDragging","useSortable","_sortableRole","sortableAttributes","dragActivatorProps","jsxs","resolveHeaderCellClassName","resolveAriaColIndex","resolveAriaSpan","resolveAriaSort","resolveHeaderCellStyle","jsx","TableHeaderCellContent","TableHeaderCellResizeHandle"],"mappings":";;;;;;;;AAWA,MAAMA,IAA2B,CAACC,MAA+C;AAC7E,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,IACAR,GAEES,IAAoBF,KAAyB,GAC7CG,IAAqBF,KAA0B,GAE/CG,IAAYV,EAAO,aAAa,OAAOA,EAAO,GAAG,GAEjD,EAAE,YAAAW,GAAY,WAAAC,GAAW,qBAAAC,GAAqB,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC9G,IAAIR;AAAA,EAAA,CACP,GAEK,EAAE,MAAMS,GAAe,GAAGC,MAAuBT,GAEjDU,IAAqB;AAAA,IACvB,GAAGD;AAAA,IACH,GAAGR;AAAA,EAAA;AAGP,SACI,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKR;AAAA,MACJ,GAAGX;AAAA,MACJ,WAAWoB,EAA2BvB,GAAQC,GAAQ;AAAA,QAClD,aAAa;AAAA,QACb,YAAAgB;AAAA,QACA,aAAAb;AAAA,QACA,oBAAoBI,IAAoB,KAAKR,EAAO,eAAeQ;AAAA,QACnE,qBACIC,IAAqB,KACrBT,EAAO,cAAcA,EAAO,UAAU,IAAIC,EAAO,mBAAmBQ;AAAA,MAAA,CAC3E;AAAA,MACD,eAAaC;AAAA,MACb,MAAK;AAAA,MACL,iBAAec,EAAoBxB,EAAO,aAAaK,CAAmB;AAAA,MAC1E,gBAAcoB,EAAgBzB,EAAO,OAAO;AAAA,MAC5C,iBAAeA,EAAO;AAAA,MACtB,gBAAcyB,EAAgBzB,EAAO,OAAO;AAAA,MAC5C,aAAW0B,EAAgB1B,CAAM;AAAA,MACjC,OAAO2B,EAAuB3B,GAAQK,GAAqB;AAAA,QACvD,eAAeH,IAAoB,SAAS;AAAA,QAC5C,WAAWA,IACL,SACAa,IACE,eAAeA,EAAU,CAAC,OAAOA,EAAU,CAAC,WAC5C;AAAA,QACR,YAAAC;AAAA,MAAA,CACH;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACI,GAAG9B;AAAA,YACJ,oBAAAsB;AAAA,YACA,kBAAkBR;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtB,gBAAAe,EAACE,GAAA,EAA6B,GAAG/B,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;"}
+{"version":3,"file":"TableDraggableHeaderCell.js","names":[],"sources":["../../../../../src/components/table/render/header/TableDraggableHeaderCell.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\n\nimport type { TableRowData } from '../../Table.types';\nimport TableHeaderCellContent from './TableHeaderCellContent';\nimport TableHeaderCellResizeHandle from './TableHeaderCellResizeHandle';\nimport { resolveAriaSort } from './resolveAriaSort';\nimport { resolveHeaderCellClassName } from './resolveHeaderCellClassName';\nimport { resolveHeaderCellStyle } from './resolveHeaderCellStyle';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\nimport { resolveAriaColIndex, resolveAriaSpan } from '../../shared/resolveTableAria';\n\nconst TableDraggableHeaderCell = (props: SharedHeaderCellProps<TableRowData>) => {\n    const {\n        column,\n        header,\n        hideWhileDragging,\n        htmlAttributes,\n        isResizable,\n        showSelectionColumn,\n        stickyLeftColumnCount,\n        stickyRightColumnCount,\n    } = props;\n\n    const stickyLeftColumns = stickyLeftColumnCount ?? 0;\n    const stickyRightColumns = stickyRightColumnCount ?? 0;\n\n    const columnKey = column.columnKey ?? String(column.key);\n\n    const { attributes, listeners, setActivatorNodeRef, setNodeRef, transform, transition, isDragging } = useSortable({\n        id: columnKey,\n    });\n\n    const { role: _sortableRole, ...sortableAttributes } = attributes;\n\n    const dragActivatorProps = {\n        ...sortableAttributes,\n        ...listeners,\n    };\n\n    return (\n        <div\n            ref={setNodeRef}\n            {...htmlAttributes}\n            className={resolveHeaderCellClassName(column, header, {\n                isDraggable: true,\n                isDragging,\n                isResizable,\n                isStickyLeftColumn: stickyLeftColumns > 0 && column.columnStart <= stickyLeftColumns,\n                isStickyRightColumn:\n                    stickyRightColumns > 0 &&\n                    column.columnStart + column.colSpan - 1 > header.totalColumnCount - stickyRightColumns,\n            })}\n            data-column={columnKey}\n            role='columnheader'\n            aria-colindex={resolveAriaColIndex(column.columnStart, showSelectionColumn)}\n            aria-colspan={resolveAriaSpan(column.colSpan)}\n            aria-rowindex={column.rowStart}\n            aria-rowspan={resolveAriaSpan(column.rowSpan)}\n            aria-sort={resolveAriaSort(column)}\n            style={resolveHeaderCellStyle(column, showSelectionColumn, {\n                pointerEvents: hideWhileDragging ? 'none' : undefined,\n                transform: hideWhileDragging\n                    ? undefined\n                    : transform\n                      ? `translate3d(${transform.x}px, ${transform.y}px, 0)`\n                      : undefined,\n                transition,\n            })}\n        >\n            <TableHeaderCellContent\n                {...props}\n                dragActivatorProps={dragActivatorProps}\n                dragActivatorRef={setActivatorNodeRef}\n            />\n            <TableHeaderCellResizeHandle {...props} />\n        </div>\n    );\n};\n\nexport default TableDraggableHeaderCell;\n"],"mappings":";;;;;;;;;AAWA,IAAM,KAA4B,MAA+C;CAC7E,IAAM,EACF,WACA,WACA,sBACA,mBACA,gBACA,wBACA,0BACA,8BACA,GAEE,IAAoB,KAAyB,GAC7C,IAAqB,KAA0B,GAE/C,IAAY,EAAO,aAAa,OAAO,EAAO,GAAG,GAEjD,EAAE,eAAY,cAAW,wBAAqB,eAAY,cAAW,eAAY,kBAAe,EAAY,EAC9G,IAAI,EACR,CAAC,GAEK,EAAE,MAAM,GAAe,GAAG,MAAuB,GAEjD,IAAqB;EACvB,GAAG;EACH,GAAG;CACP;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,GAAI;EACJ,WAAW,EAA2B,GAAQ,GAAQ;GAClD,aAAa;GACb;GACA;GACA,oBAAoB,IAAoB,KAAK,EAAO,eAAe;GACnE,qBACI,IAAqB,KACrB,EAAO,cAAc,EAAO,UAAU,IAAI,EAAO,mBAAmB;EAC5E,CAAC;EACD,eAAa;EACb,MAAK;EACL,iBAAe,EAAoB,EAAO,aAAa,CAAmB;EAC1E,gBAAc,EAAgB,EAAO,OAAO;EAC5C,iBAAe,EAAO;EACtB,gBAAc,EAAgB,EAAO,OAAO;EAC5C,aAAW,EAAgB,CAAM;EACjC,OAAO,EAAuB,GAAQ,GAAqB;GACvD,eAAe,IAAoB,SAAS,KAAA;GAC5C,WAAW,IACL,KAAA,IACA,IACE,eAAe,EAAU,EAAE,MAAM,EAAU,EAAE,UAC7C,KAAA;GACR;EACJ,CAAC;YA3BL,CA6BI,kBAAC,GAAD;GACI,GAAI;GACgB;GACpB,kBAAkB;EACrB,CAAA,GACD,kBAAC,GAAD,EAA6B,GAAI,EAAQ,CAAA,CACxC;;AAEb"}

package/components/table/render/header/TableHeaderCellContent.js

@@ -1,57 +1,45 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import l from "../../../../utils/classNames.js";
-import p from "../../SortArrows.js";
-const u = (c) => {
-  const { column: e, dragActivatorProps: t, dragActivatorRef: n, hideWhileDragging: d, onSortChange: b } = c, s = e.hideLabel && typeof e.label == "string" ? e.label : void 0, i = e.hideLabel ? null : e.icon ? /* @__PURE__ */ r("span", { className: "display-flex align-items-center gap-5", children: [
-    /* @__PURE__ */ a("span", { className: l("text-color-dark rioglyph", e.icon) }),
-    /* @__PURE__ */ a("span", { children: e.label })
-  ] }) : e.label, o = i === null ? null : /* @__PURE__ */ a("span", { className: "table-head-label", children: i });
-  return /* @__PURE__ */ a("div", { className: l("table-head-cell-content", d && "table-head-cell-content-hidden"), children: /* @__PURE__ */ r("div", { className: "table-head-cell-content-row", children: [
-    e.sortable ? /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        className: l("table-head-button", e.filter && "table-head-button-has-filter"),
-        "aria-label": s,
-        onClick: (h) => b?.(
-          e.columnKey ?? String(e.key),
-          e.sortDirection === "asc" ? "desc" : "asc",
-          h
-        ),
-        children: /* @__PURE__ */ r(
-          "span",
-          {
-            ref: n,
-            className: l(
-              "table-head-button-label",
-              t && "table-head-drag-label"
-            ),
-            ...t,
-            children: [
-              /* @__PURE__ */ a(p, { direction: e.sortDirection }),
-              o
-            ]
-          }
-        )
-      }
-    ) : /* @__PURE__ */ a(
-      "span",
-      {
-        ref: n,
-        className: l(
-          "table-head-label-wrapper",
-          e.filter && "table-head-label-wrapper-has-filter",
-          t && "table-head-drag-label"
-        ),
-        "aria-label": s,
-        ...t,
-        children: o
-      }
-    ),
-    e.filter && /* @__PURE__ */ a("span", { className: "table-head-filter", children: e.filter })
-  ] }) });
+import e from "../../../../utils/classNames.js";
+import { normalizeIconName as t } from "../../../../utils/iconNames.js";
+import n from "../../SortArrows.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/table/render/header/TableHeaderCellContent.tsx
+var a = (a) => {
+	let { column: o, dragActivatorProps: s, dragActivatorRef: c, hideWhileDragging: l, onSortChange: u } = a, d = o.hideLabel && typeof o.label == "string" ? o.label : void 0, f = o.hideLabel ? null : o.icon ? /* @__PURE__ */ i("span", {
+		className: "display-flex align-items-center gap-5",
+		children: [/* @__PURE__ */ r("span", { className: e("text-color-dark uikit-icon", t(o.icon)) }), /* @__PURE__ */ r("span", { children: o.label })]
+	}) : o.label, p = f === null ? null : /* @__PURE__ */ r("span", {
+		className: "table-head-label",
+		children: f
+	});
+	return /* @__PURE__ */ r("div", {
+		className: e("table-head-cell-content", l && "table-head-cell-content-hidden"),
+		children: /* @__PURE__ */ i("div", {
+			className: "table-head-cell-content-row",
+			children: [o.sortable ? /* @__PURE__ */ r("button", {
+				type: "button",
+				className: e("table-head-button", !!o.filter && "table-head-button-has-filter"),
+				"aria-label": d,
+				onClick: (e) => u?.(o.columnKey ?? String(o.key), o.sortDirection === "asc" ? "desc" : "asc", e),
+				children: /* @__PURE__ */ i("span", {
+					ref: c,
+					className: e("table-head-button-label", s && "table-head-drag-label"),
+					...s,
+					children: [/* @__PURE__ */ r(n, { direction: o.sortDirection }), p]
+				})
+			}) : /* @__PURE__ */ r("span", {
+				ref: c,
+				className: e("table-head-label-wrapper", !!o.filter && "table-head-label-wrapper-has-filter", s && "table-head-drag-label"),
+				"aria-label": d,
+				...s,
+				children: p
+			}), o.filter && /* @__PURE__ */ r("span", {
+				className: "table-head-filter",
+				children: o.filter
+			})]
+		})
+	});
 };
-export {
-  u as default
-};
-//# sourceMappingURL=TableHeaderCellContent.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=TableHeaderCellContent.js.map

package/components/table/render/header/TableHeaderCellContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCellContent.js","sources":["../../../../../src/components/table/render/header/TableHeaderCellContent.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport SortArrows from '../../SortArrows';\nimport type { TableRowData } from '../../Table.types';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\n\nconst TableHeaderCellContent = (props: SharedHeaderCellProps<TableRowData>) => {\n    const { column, dragActivatorProps, dragActivatorRef, hideWhileDragging, onSortChange } = props;\n\n    const ariaLabel = column.hideLabel && typeof column.label === 'string' ? column.label : undefined;\n\n    const labelContent = column.hideLabel ? null : column.icon ? (\n        <span className='display-flex align-items-center gap-5'>\n            <span className={classNames('text-color-dark rioglyph', column.icon)} />\n            <span>{column.label}</span>\n        </span>\n    ) : (\n        column.label\n    );\n\n    const wrappedLabelContent = labelContent === null ? null : <span className='table-head-label'>{labelContent}</span>;\n\n    return (\n        <div className={classNames('table-head-cell-content', hideWhileDragging && 'table-head-cell-content-hidden')}>\n            <div className='table-head-cell-content-row'>\n                {column.sortable ? (\n                    <button\n                        type='button'\n                        className={classNames('table-head-button', column.filter && 'table-head-button-has-filter')}\n                        aria-label={ariaLabel}\n                        onClick={event =>\n                            onSortChange?.(\n                                column.columnKey ?? String(column.key),\n                                column.sortDirection === 'asc' ? 'desc' : 'asc',\n                                event\n                            )\n                        }\n                    >\n                        <span\n                            ref={dragActivatorRef}\n                            className={classNames(\n                                'table-head-button-label',\n                                dragActivatorProps && 'table-head-drag-label'\n                            )}\n                            {...dragActivatorProps}\n                        >\n                            <SortArrows direction={column.sortDirection} />\n                            {wrappedLabelContent}\n                        </span>\n                    </button>\n                ) : (\n                    <span\n                        ref={dragActivatorRef}\n                        className={classNames(\n                            'table-head-label-wrapper',\n                            column.filter && 'table-head-label-wrapper-has-filter',\n                            dragActivatorProps && 'table-head-drag-label'\n                        )}\n                        aria-label={ariaLabel}\n                        {...dragActivatorProps}\n                    >\n                        {wrappedLabelContent}\n                    </span>\n                )}\n                {column.filter && <span className='table-head-filter'>{column.filter}</span>}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderCellContent;\n"],"names":["TableHeaderCellContent","props","column","dragActivatorProps","dragActivatorRef","hideWhileDragging","onSortChange","ariaLabel","labelContent","jsxs","jsx","classNames","wrappedLabelContent","event","SortArrows"],"mappings":";;;AAKA,MAAMA,IAAyB,CAACC,MAA+C;AAC3E,QAAM,EAAE,QAAAC,GAAQ,oBAAAC,GAAoB,kBAAAC,GAAkB,mBAAAC,GAAmB,cAAAC,MAAiBL,GAEpFM,IAAYL,EAAO,aAAa,OAAOA,EAAO,SAAU,WAAWA,EAAO,QAAQ,QAElFM,IAAeN,EAAO,YAAY,OAAOA,EAAO,OAClD,gBAAAO,EAAC,QAAA,EAAK,WAAU,yCACZ,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,4BAA4BT,EAAO,IAAI,GAAG;AAAA,IACtE,gBAAAQ,EAAC,QAAA,EAAM,UAAAR,EAAO,MAAA,CAAM;AAAA,EAAA,EAAA,CACxB,IAEAA,EAAO,OAGLU,IAAsBJ,MAAiB,OAAO,yBAAQ,QAAA,EAAK,WAAU,oBAAoB,UAAAA,EAAA,CAAa;AAE5G,SACI,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAW,2BAA2BN,KAAqB,gCAAgC,GACvG,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,+BACV,UAAA;AAAA,IAAAP,EAAO,WACJ,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWC,EAAW,qBAAqBT,EAAO,UAAU,8BAA8B;AAAA,QAC1F,cAAYK;AAAA,QACZ,SAAS,CAAAM,MACLP;AAAA,UACIJ,EAAO,aAAa,OAAOA,EAAO,GAAG;AAAA,UACrCA,EAAO,kBAAkB,QAAQ,SAAS;AAAA,UAC1CW;AAAA,QAAA;AAAA,QAIR,UAAA,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKL;AAAA,YACL,WAAWO;AAAA,cACP;AAAA,cACAR,KAAsB;AAAA,YAAA;AAAA,YAEzB,GAAGA;AAAA,YAEJ,UAAA;AAAA,cAAA,gBAAAO,EAACI,GAAA,EAAW,WAAWZ,EAAO,cAAA,CAAe;AAAA,cAC5CU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA,IAGJ,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKN;AAAA,QACL,WAAWO;AAAA,UACP;AAAA,UACAT,EAAO,UAAU;AAAA,UACjBC,KAAsB;AAAA,QAAA;AAAA,QAE1B,cAAYI;AAAA,QACX,GAAGJ;AAAA,QAEH,UAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGRV,EAAO,UAAU,gBAAAQ,EAAC,UAAK,WAAU,qBAAqB,YAAO,OAAA,CAAO;AAAA,EAAA,EAAA,CACzE,EAAA,CACJ;AAER;"}
+{"version":3,"file":"TableHeaderCellContent.js","names":[],"sources":["../../../../../src/components/table/render/header/TableHeaderCellContent.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport { normalizeIconName } from '../../../../utils/iconNames';\nimport SortArrows from '../../SortArrows';\nimport type { TableRowData } from '../../Table.types';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\n\nconst TableHeaderCellContent = (props: SharedHeaderCellProps<TableRowData>) => {\n    const { column, dragActivatorProps, dragActivatorRef, hideWhileDragging, onSortChange } = props;\n\n    const ariaLabel = column.hideLabel && typeof column.label === 'string' ? column.label : undefined;\n\n    const labelContent = column.hideLabel ? null : column.icon ? (\n        <span className='display-flex align-items-center gap-5'>\n            <span className={classNames('text-color-dark uikit-icon', normalizeIconName(column.icon))} />\n            <span>{column.label}</span>\n        </span>\n    ) : (\n        column.label\n    );\n\n    const wrappedLabelContent = labelContent === null ? null : <span className='table-head-label'>{labelContent}</span>;\n\n    return (\n        <div className={classNames('table-head-cell-content', hideWhileDragging && 'table-head-cell-content-hidden')}>\n            <div className='table-head-cell-content-row'>\n                {column.sortable ? (\n                    <button\n                        type='button'\n                        className={classNames(\n                            'table-head-button',\n                            Boolean(column.filter) && 'table-head-button-has-filter'\n                        )}\n                        aria-label={ariaLabel}\n                        onClick={event =>\n                            onSortChange?.(\n                                column.columnKey ?? String(column.key),\n                                column.sortDirection === 'asc' ? 'desc' : 'asc',\n                                event\n                            )\n                        }\n                    >\n                        <span\n                            ref={dragActivatorRef}\n                            className={classNames(\n                                'table-head-button-label',\n                                dragActivatorProps && 'table-head-drag-label'\n                            )}\n                            {...dragActivatorProps}\n                        >\n                            <SortArrows direction={column.sortDirection} />\n                            {wrappedLabelContent}\n                        </span>\n                    </button>\n                ) : (\n                    <span\n                        ref={dragActivatorRef}\n                        className={classNames(\n                            'table-head-label-wrapper',\n                            Boolean(column.filter) && 'table-head-label-wrapper-has-filter',\n                            dragActivatorProps && 'table-head-drag-label'\n                        )}\n                        aria-label={ariaLabel}\n                        {...dragActivatorProps}\n                    >\n                        {wrappedLabelContent}\n                    </span>\n                )}\n                {column.filter && <span className='table-head-filter'>{column.filter}</span>}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderCellContent;\n"],"mappings":";;;;;AAMA,IAAM,KAA0B,MAA+C;CAC3E,IAAM,EAAE,WAAQ,uBAAoB,qBAAkB,sBAAmB,oBAAiB,GAEpF,IAAY,EAAO,aAAa,OAAO,EAAO,SAAU,WAAW,EAAO,QAAQ,KAAA,GAElF,IAAe,EAAO,YAAY,OAAO,EAAO,OAClD,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACI,kBAAC,QAAD,EAAM,WAAW,EAAW,8BAA8B,EAAkB,EAAO,IAAI,CAAC,EAAI,CAAA,GAC5F,kBAAC,QAAD,EAAA,UAAO,EAAO,MAAY,CAAA,CACxB;MAEN,EAAO,OAGL,IAAsB,MAAiB,OAAO,OAAO,kBAAC,QAAD;EAAM,WAAU;YAAoB;CAAmB,CAAA;CAElH,OACI,kBAAC,OAAD;EAAK,WAAW,EAAW,2BAA2B,KAAqB,gCAAgC;YACvG,kBAAC,OAAD;GAAK,WAAU;aAAf,CACK,EAAO,WACJ,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EACP,qBACA,EAAQ,EAAO,UAAW,8BAC9B;IACA,cAAY;IACZ,UAAS,MACL,IACI,EAAO,aAAa,OAAO,EAAO,GAAG,GACrC,EAAO,kBAAkB,QAAQ,SAAS,OAC1C,CACJ;cAGJ,kBAAC,QAAD;KACI,KAAK;KACL,WAAW,EACP,2BACA,KAAsB,uBAC1B;KACA,GAAI;eANR,CAQI,kBAAC,GAAD,EAAY,WAAW,EAAO,cAAgB,CAAA,GAC7C,CACC;;GACF,CAAA,IAER,kBAAC,QAAD;IACI,KAAK;IACL,WAAW,EACP,4BACA,EAAQ,EAAO,UAAW,uCAC1B,KAAsB,uBAC1B;IACA,cAAY;IACZ,GAAI;cAEH;GACC,CAAA,GAET,EAAO,UAAU,kBAAC,QAAD;IAAM,WAAU;cAAqB,EAAO;GAAa,CAAA,CAC1E;;CACJ,CAAA;AAEb"}

package/components/table/render/header/TableHeaderCellResizeHandle.js

@@ -1,22 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import u from "../../../../utils/classNames.js";
-const d = (n) => {
-  const { column: t, hasResettableWidth: o, isResizable: s, onColumnResizeReset: a, onColumnResizeStart: r } = n, l = t.columnKey;
-  return !s || !l ? null : /* @__PURE__ */ i(
-    "div",
-    {
-      className: u(
-        "table-column-resize-handle",
-        o && "table-column-resize-handle-has-width"
-      ),
-      onPointerDown: (e) => r?.(l, e),
-      onDoubleClick: (e) => {
-        o && (e.preventDefault(), e.stopPropagation(), a?.(l));
-      }
-    }
-  );
+import e from "../../../../utils/classNames.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/table/render/header/TableHeaderCellResizeHandle.tsx
+var n = (n) => {
+	let { column: r, hasResettableWidth: i, isResizable: a, onColumnResizeReset: o, onColumnResizeStart: s } = n, c = r.columnKey;
+	return !a || !c ? null : /* @__PURE__ */ t("div", {
+		className: e("table-column-resize-handle", i && "table-column-resize-handle-has-width"),
+		onPointerDown: (e) => s?.(c, e),
+		onDoubleClick: (e) => {
+			i && (e.preventDefault(), e.stopPropagation(), o?.(c));
+		}
+	});
 };
-export {
-  d as default
-};
-//# sourceMappingURL=TableHeaderCellResizeHandle.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=TableHeaderCellResizeHandle.js.map

package/components/table/render/header/TableHeaderCellResizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCellResizeHandle.js","sources":["../../../../../src/components/table/render/header/TableHeaderCellResizeHandle.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport type { TableRowData } from '../../Table.types';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\n\nconst TableHeaderCellResizeHandle = (props: SharedHeaderCellProps<TableRowData>) => {\n    const { column, hasResettableWidth, isResizable, onColumnResizeReset, onColumnResizeStart } = props;\n\n    const columnKey = column.columnKey;\n\n    if (!isResizable || !columnKey) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames(\n                'table-column-resize-handle',\n                hasResettableWidth && 'table-column-resize-handle-has-width'\n            )}\n            onPointerDown={event => onColumnResizeStart?.(columnKey, event)}\n            onDoubleClick={event => {\n                if (!hasResettableWidth) {\n                    return;\n                }\n\n                event.preventDefault();\n                event.stopPropagation();\n                onColumnResizeReset?.(columnKey);\n            }}\n        />\n    );\n};\n\nexport default TableHeaderCellResizeHandle;\n"],"names":["TableHeaderCellResizeHandle","props","column","hasResettableWidth","isResizable","onColumnResizeReset","onColumnResizeStart","columnKey","jsx","classNames","event"],"mappings":";;AAIA,MAAMA,IAA8B,CAACC,MAA+C;AAChF,QAAM,EAAE,QAAAC,GAAQ,oBAAAC,GAAoB,aAAAC,GAAa,qBAAAC,GAAqB,qBAAAC,MAAwBL,GAExFM,IAAYL,EAAO;AAEzB,SAAI,CAACE,KAAe,CAACG,IACV,OAIP,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAN,KAAsB;AAAA,MAAA;AAAA,MAE1B,eAAe,CAAAO,MAASJ,IAAsBC,GAAWG,CAAK;AAAA,MAC9D,eAAe,CAAAA,MAAS;AACpB,QAAKP,MAILO,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNL,IAAsBE,CAAS;AAAA,MACnC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TableHeaderCellResizeHandle.js","names":[],"sources":["../../../../../src/components/table/render/header/TableHeaderCellResizeHandle.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport type { TableRowData } from '../../Table.types';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\n\nconst TableHeaderCellResizeHandle = (props: SharedHeaderCellProps<TableRowData>) => {\n    const { column, hasResettableWidth, isResizable, onColumnResizeReset, onColumnResizeStart } = props;\n\n    const columnKey = column.columnKey;\n\n    if (!isResizable || !columnKey) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames(\n                'table-column-resize-handle',\n                hasResettableWidth && 'table-column-resize-handle-has-width'\n            )}\n            onPointerDown={event => onColumnResizeStart?.(columnKey, event)}\n            onDoubleClick={event => {\n                if (!hasResettableWidth) {\n                    return;\n                }\n\n                event.preventDefault();\n                event.stopPropagation();\n                onColumnResizeReset?.(columnKey);\n            }}\n        />\n    );\n};\n\nexport default TableHeaderCellResizeHandle;\n"],"mappings":";;;AAIA,IAAM,KAA+B,MAA+C;CAChF,IAAM,EAAE,WAAQ,uBAAoB,gBAAa,wBAAqB,2BAAwB,GAExF,IAAY,EAAO;CAMzB,OAJI,CAAC,KAAe,CAAC,IACV,OAIP,kBAAC,OAAD;EACI,WAAW,EACP,8BACA,KAAsB,sCAC1B;EACA,gBAAe,MAAS,IAAsB,GAAW,CAAK;EAC9D,gBAAe,MAAS;GACf,MAIL,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,IAAsB,CAAS;EACnC;CACH,CAAA;AAET"}

package/components/table/render/header/TableHeaderDragOverlay.js

@@ -1,35 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
-import t from "../../../../utils/classNames.js";
-import i from "./TableHeaderCellContent.js";
+import e from "../../../../utils/classNames.js";
+import t from "./TableHeaderCellContent.js";
 import { resolveHeaderCellClassName as n } from "./resolveHeaderCellClassName.js";
-const f = (r) => {
-  const { column: e, header: l, showSelectionColumn: o, width: s } = r;
-  return e ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: t(
-        n(e, l, {
-          isDraggable: !0,
-          isResizable: !1
-        }),
-        "table-head-cell-drag-overlay"
-      ),
-      "data-column": e.columnKey ?? String(e.key),
-      role: "presentation",
-      style: { width: s },
-      children: /* @__PURE__ */ a(
-        i,
-        {
-          column: e,
-          header: l,
-          isResizable: !1,
-          showSelectionColumn: o
-        }
-      )
-    }
-  ) : null;
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/table/render/header/TableHeaderDragOverlay.tsx
+var i = (i) => {
+	let { column: a, header: o, showSelectionColumn: s, width: c } = i;
+	return a ? /* @__PURE__ */ r("div", {
+		className: e(n(a, o, {
+			isDraggable: !0,
+			isResizable: !1
+		}), "table-head-cell-drag-overlay"),
+		"data-column": a.columnKey ?? String(a.key),
+		role: "presentation",
+		style: { width: c },
+		children: /* @__PURE__ */ r(t, {
+			column: a,
+			header: o,
+			isResizable: !1,
+			showSelectionColumn: s
+		})
+	}) : null;
 };
-export {
-  f as default
-};
-//# sourceMappingURL=TableHeaderDragOverlay.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TableHeaderDragOverlay.js.map

package/components/table/render/header/TableHeaderDragOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderDragOverlay.js","sources":["../../../../../src/components/table/render/header/TableHeaderDragOverlay.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport TableHeaderCellContent from './TableHeaderCellContent';\nimport { resolveHeaderCellClassName } from './resolveHeaderCellClassName';\nimport type { TableRowData } from '../../Table.types';\nimport type { HeaderColumn } from './TableHeader.types';\n\ntype TableHeaderDragOverlayProps = {\n    column?: HeaderColumn<TableRowData>;\n    header: NonNullable<{ columns: HeaderColumn<TableRowData>[]; rowCount: number; totalColumnCount: number }>;\n    showSelectionColumn?: boolean;\n    width?: number;\n};\n\nconst TableHeaderDragOverlay = (props: TableHeaderDragOverlayProps) => {\n    const { column, header, showSelectionColumn, width } = props;\n\n    if (!column) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames(\n                resolveHeaderCellClassName(column, header, {\n                    isDraggable: true,\n                    isResizable: false,\n                }),\n                'table-head-cell-drag-overlay'\n            )}\n            data-column={column.columnKey ?? String(column.key)}\n            role='presentation'\n            style={{ width }}\n        >\n            <TableHeaderCellContent\n                column={column}\n                header={header}\n                isResizable={false}\n                showSelectionColumn={showSelectionColumn}\n            />\n        </div>\n    );\n};\n\nexport default TableHeaderDragOverlay;\n"],"names":["TableHeaderDragOverlay","props","column","header","showSelectionColumn","width","jsx","classNames","resolveHeaderCellClassName","TableHeaderCellContent"],"mappings":";;;;AAaA,MAAMA,IAAyB,CAACC,MAAuC;AACnE,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,qBAAAC,GAAqB,OAAAC,MAAUJ;AAEvD,SAAKC,IAKD,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAA2BN,GAAQC,GAAQ;AAAA,UACvC,aAAa;AAAA,UACb,aAAa;AAAA,QAAA,CAChB;AAAA,QACD;AAAA,MAAA;AAAA,MAEJ,eAAaD,EAAO,aAAa,OAAOA,EAAO,GAAG;AAAA,MAClD,MAAK;AAAA,MACL,OAAO,EAAE,OAAAG,EAAA;AAAA,MAET,UAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,QAAAP;AAAA,UACA,QAAAC;AAAA,UACA,aAAa;AAAA,UACb,qBAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA,IArBG;AAwBf;"}
+{"version":3,"file":"TableHeaderDragOverlay.js","names":[],"sources":["../../../../../src/components/table/render/header/TableHeaderDragOverlay.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport TableHeaderCellContent from './TableHeaderCellContent';\nimport { resolveHeaderCellClassName } from './resolveHeaderCellClassName';\nimport type { TableRowData } from '../../Table.types';\nimport type { HeaderColumn } from './TableHeader.types';\n\ntype TableHeaderDragOverlayProps = {\n    column?: HeaderColumn<TableRowData>;\n    header: NonNullable<{ columns: HeaderColumn<TableRowData>[]; rowCount: number; totalColumnCount: number }>;\n    showSelectionColumn?: boolean;\n    width?: number;\n};\n\nconst TableHeaderDragOverlay = (props: TableHeaderDragOverlayProps) => {\n    const { column, header, showSelectionColumn, width } = props;\n\n    if (!column) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames(\n                resolveHeaderCellClassName(column, header, {\n                    isDraggable: true,\n                    isResizable: false,\n                }),\n                'table-head-cell-drag-overlay'\n            )}\n            data-column={column.columnKey ?? String(column.key)}\n            role='presentation'\n            style={{ width }}\n        >\n            <TableHeaderCellContent\n                column={column}\n                header={header}\n                isResizable={false}\n                showSelectionColumn={showSelectionColumn}\n            />\n        </div>\n    );\n};\n\nexport default TableHeaderDragOverlay;\n"],"mappings":";;;;;AAaA,IAAM,KAA0B,MAAuC;CACnE,IAAM,EAAE,WAAQ,WAAQ,wBAAqB,aAAU;CAMvD,OAJK,IAKD,kBAAC,OAAD;EACI,WAAW,EACP,EAA2B,GAAQ,GAAQ;GACvC,aAAa;GACb,aAAa;EACjB,CAAC,GACD,8BACJ;EACA,eAAa,EAAO,aAAa,OAAO,EAAO,GAAG;EAClD,MAAK;EACL,OAAO,EAAE,SAAM;YAEf,kBAAC,GAAD;GACY;GACA;GACR,aAAa;GACQ;EACxB,CAAA;CACA,CAAA,IAtBE;AAwBf"}

package/components/table/render/header/TableHeaderSelectionCell.js

@@ -1,52 +1,35 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "../../../checkbox/Checkbox.js";
-import d from "../../../../utils/classNames.js";
-import { getVerticalAlignClassName as p } from "../../shared/getAlignClassName.js";
-import { resolveAriaSpan as g } from "../../shared/resolveTableAria.js";
-const w = (n) => {
-  const {
-    isAllSelected: l,
-    isSomeRowsSelected: i,
-    onToggleAllSelection: r,
-    disabled: c,
-    rowCount: t,
-    selectionHeaderContent: a,
-    selectionCheckboxVerticalAlignment: s
-  } = n;
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: d(
-        "table-head-cell table-selection-cell table-align-center",
-        p(s),
-        a && "table-selection-cell-custom-content"
-      ),
-      role: "columnheader",
-      "aria-colindex": 1,
-      "aria-rowindex": 1,
-      "aria-rowspan": g(t),
-      style: { gridColumn: "1 / span 1", gridRow: `1 / span ${t}` },
-      children: /* @__PURE__ */ o(
-        "div",
-        {
-          className: "table-selection-control",
-          onClick: (e) => e.stopPropagation(),
-          onKeyDown: (e) => e.stopPropagation(),
-          children: a ?? /* @__PURE__ */ o(
-            m,
-            {
-              checked: l,
-              disabled: c,
-              indeterminate: !l && !!i,
-              onChange: () => r?.()
-            }
-          )
-        }
-      )
-    }
-  );
+import e from "../../../../utils/classNames.js";
+import t from "../../../checkbox/Checkbox.js";
+import { getVerticalAlignClassName as n } from "../../shared/getAlignClassName.js";
+import { resolveAriaSpan as r } from "../../shared/resolveTableAria.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/table/render/header/TableHeaderSelectionCell.tsx
+var a = (a) => {
+	let { isAllSelected: o, isSomeRowsSelected: s, onToggleAllSelection: c, disabled: l, rowCount: u, selectionHeaderContent: d, selectionCheckboxVerticalAlignment: f } = a;
+	return /* @__PURE__ */ i("div", {
+		className: e("table-head-cell table-selection-cell table-align-center", n(f), !!d && "table-selection-cell-custom-content"),
+		role: "columnheader",
+		"aria-colindex": 1,
+		"aria-rowindex": 1,
+		"aria-rowspan": r(u),
+		style: {
+			gridColumn: "1 / span 1",
+			gridRow: `1 / span ${u}`
+		},
+		children: /* @__PURE__ */ i("div", {
+			className: "table-selection-control",
+			onClick: (e) => e.stopPropagation(),
+			onKeyDown: (e) => e.stopPropagation(),
+			children: d ?? /* @__PURE__ */ i(t, {
+				checked: o,
+				disabled: l,
+				indeterminate: !o && !!s,
+				onChange: () => c?.()
+			})
+		})
+	});
 };
-export {
-  w as default
-};
-//# sourceMappingURL=TableHeaderSelectionCell.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=TableHeaderSelectionCell.js.map

package/components/table/render/header/TableHeaderSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderSelectionCell.js","sources":["../../../../../src/components/table/render/header/TableHeaderSelectionCell.tsx"],"sourcesContent":["import Checkbox from '../../../checkbox/Checkbox';\nimport classNames from '../../../../utils/classNames';\nimport { getVerticalAlignClassName } from '../../shared/getAlignClassName';\nimport { resolveAriaSpan } from '../../shared/resolveTableAria';\nimport type { TableVerticalAlign } from '../../Table.types';\n\ntype TableHeaderSelectionCellProps = {\n    isAllSelected?: boolean;\n    isSomeRowsSelected?: boolean;\n    onToggleAllSelection?: () => void;\n    disabled?: boolean;\n    rowCount: number;\n    selectionHeaderContent?: React.ReactNode;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableHeaderSelectionCell = (props: TableHeaderSelectionCellProps) => {\n    const {\n        isAllSelected,\n        isSomeRowsSelected,\n        onToggleAllSelection,\n        disabled,\n        rowCount,\n        selectionHeaderContent,\n        selectionCheckboxVerticalAlignment,\n    } = props;\n\n    return (\n        <div\n            className={classNames(\n                'table-head-cell table-selection-cell table-align-center',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment),\n                selectionHeaderContent && 'table-selection-cell-custom-content'\n            )}\n            role='columnheader'\n            aria-colindex={1}\n            aria-rowindex={1}\n            aria-rowspan={resolveAriaSpan(rowCount)}\n            style={{ gridColumn: '1 / span 1', gridRow: `1 / span ${rowCount}` }}\n        >\n            <div\n                className='table-selection-control'\n                onClick={event => event.stopPropagation()}\n                onKeyDown={event => event.stopPropagation()}\n            >\n                {selectionHeaderContent ?? (\n                    <Checkbox\n                        checked={isAllSelected}\n                        disabled={disabled}\n                        indeterminate={!isAllSelected && !!isSomeRowsSelected}\n                        onChange={() => onToggleAllSelection?.()}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderSelectionCell;\n"],"names":["TableHeaderSelectionCell","props","isAllSelected","isSomeRowsSelected","onToggleAllSelection","disabled","rowCount","selectionHeaderContent","selectionCheckboxVerticalAlignment","jsx","classNames","getVerticalAlignClassName","resolveAriaSpan","event","Checkbox"],"mappings":";;;;;AAgBA,MAAMA,IAA2B,CAACC,MAAyC;AACvE,QAAM;AAAA,IACF,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oCAAAC;AAAA,EAAA,IACAP;AAEJ,SACI,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAC,EAA0BH,CAAkC;AAAA,QAC5DD,KAA0B;AAAA,MAAA;AAAA,MAE9B,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,gBAAcK,EAAgBN,CAAQ;AAAA,MACtC,OAAO,EAAE,YAAY,cAAc,SAAS,YAAYA,CAAQ,GAAA;AAAA,MAEhE,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAAAI,MAASA,EAAM,gBAAA;AAAA,UACxB,WAAW,CAAAA,MAASA,EAAM,gBAAA;AAAA,UAEzB,UAAAN,KACG,gBAAAE;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,SAASZ;AAAA,cACT,UAAAG;AAAA,cACA,eAAe,CAACH,KAAiB,CAAC,CAACC;AAAA,cACnC,UAAU,MAAMC,IAAA;AAAA,YAAuB;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TableHeaderSelectionCell.js","names":[],"sources":["../../../../../src/components/table/render/header/TableHeaderSelectionCell.tsx"],"sourcesContent":["import Checkbox from '../../../checkbox/Checkbox';\nimport classNames from '../../../../utils/classNames';\nimport { getVerticalAlignClassName } from '../../shared/getAlignClassName';\nimport { resolveAriaSpan } from '../../shared/resolveTableAria';\nimport type { TableVerticalAlign } from '../../Table.types';\n\ntype TableHeaderSelectionCellProps = {\n    isAllSelected?: boolean;\n    isSomeRowsSelected?: boolean;\n    onToggleAllSelection?: () => void;\n    disabled?: boolean;\n    rowCount: number;\n    selectionHeaderContent?: React.ReactNode;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableHeaderSelectionCell = (props: TableHeaderSelectionCellProps) => {\n    const {\n        isAllSelected,\n        isSomeRowsSelected,\n        onToggleAllSelection,\n        disabled,\n        rowCount,\n        selectionHeaderContent,\n        selectionCheckboxVerticalAlignment,\n    } = props;\n\n    return (\n        <div\n            className={classNames(\n                'table-head-cell table-selection-cell table-align-center',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment),\n                Boolean(selectionHeaderContent) && 'table-selection-cell-custom-content'\n            )}\n            role='columnheader'\n            aria-colindex={1}\n            aria-rowindex={1}\n            aria-rowspan={resolveAriaSpan(rowCount)}\n            style={{ gridColumn: '1 / span 1', gridRow: `1 / span ${rowCount}` }}\n        >\n            <div\n                className='table-selection-control'\n                onClick={event => event.stopPropagation()}\n                onKeyDown={event => event.stopPropagation()}\n            >\n                {selectionHeaderContent ?? (\n                    <Checkbox\n                        checked={isAllSelected}\n                        disabled={disabled}\n                        indeterminate={!isAllSelected && !!isSomeRowsSelected}\n                        onChange={() => onToggleAllSelection?.()}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderSelectionCell;\n"],"mappings":";;;;;;AAgBA,IAAM,KAA4B,MAAyC;CACvE,IAAM,EACF,kBACA,uBACA,yBACA,aACA,aACA,2BACA,0CACA;CAEJ,OACI,kBAAC,OAAD;EACI,WAAW,EACP,2DACA,EAA0B,CAAkC,GAC5D,EAAQ,KAA2B,qCACvC;EACA,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,gBAAc,EAAgB,CAAQ;EACtC,OAAO;GAAE,YAAY;GAAc,SAAS,YAAY;EAAW;YAEnE,kBAAC,OAAD;GACI,WAAU;GACV,UAAS,MAAS,EAAM,gBAAgB;GACxC,YAAW,MAAS,EAAM,gBAAgB;aAEzC,KACG,kBAAC,GAAD;IACI,SAAS;IACC;IACV,eAAe,CAAC,KAAiB,CAAC,CAAC;IACnC,gBAAgB,IAAuB;GAC1C,CAAA;EAEJ,CAAA;CACJ,CAAA;AAEb"}

package/components/table/render/header/TableStaticHeaderCell.js

@@ -1,50 +1,33 @@
-import { jsxs as C, jsx as i } from "react/jsx-runtime";
-import S from "../../../../utils/classNames.js";
-import f from "./TableHeaderCellContent.js";
-import h from "./TableHeaderCellResizeHandle.js";
-import { resolveAriaSort as p } from "./resolveAriaSort.js";
-import { resolveHeaderCellClassName as y } from "./resolveHeaderCellClassName.js";
-import { resolveHeaderCellStyle as g } from "./resolveHeaderCellStyle.js";
-import { resolveAriaSpan as n, resolveAriaColIndex as k } from "../../shared/resolveTableAria.js";
-const N = (o) => {
-  const {
-    column: e,
-    header: l,
-    hideWhileDragging: m,
-    htmlAttributes: s,
-    isResizable: c,
-    showSelectionColumn: t,
-    stickyLeftColumnCount: u,
-    stickyRightColumnCount: d
-  } = o, r = u ?? 0, a = d ?? 0;
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      ...s,
-      className: S(
-        y(e, l, {
-          isResizable: c,
-          isStickyLeftColumn: r > 0 && e.columnStart <= r,
-          isStickyRightColumn: a > 0 && e.columnStart + e.colSpan - 1 > l.totalColumnCount - a
-        }),
-        m && "table-head-cell-drag-placeholder"
-      ),
-      "data-column": e.columnKey ?? String(e.key),
-      role: "columnheader",
-      "aria-colindex": k(e.columnStart, t),
-      "aria-colspan": n(e.colSpan),
-      "aria-rowindex": e.rowStart,
-      "aria-rowspan": n(e.rowSpan),
-      "aria-sort": p(e),
-      style: g(e, t),
-      children: [
-        /* @__PURE__ */ i(f, { ...o }),
-        /* @__PURE__ */ i(h, { ...o })
-      ]
-    }
-  );
+import e from "../../../../utils/classNames.js";
+import { resolveAriaColIndex as t, resolveAriaSpan as n } from "../../shared/resolveTableAria.js";
+import r from "./TableHeaderCellContent.js";
+import { resolveHeaderCellClassName as i } from "./resolveHeaderCellClassName.js";
+import a from "./TableHeaderCellResizeHandle.js";
+import { resolveAriaSort as o } from "./resolveAriaSort.js";
+import { resolveHeaderCellStyle as s } from "./resolveHeaderCellStyle.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/table/render/header/TableStaticHeaderCell.tsx
+var u = (u) => {
+	let { column: d, header: f, hideWhileDragging: p, htmlAttributes: m, isResizable: h, showSelectionColumn: g, stickyLeftColumnCount: _, stickyRightColumnCount: v } = u, y = _ ?? 0, b = v ?? 0;
+	return /* @__PURE__ */ l("div", {
+		...m,
+		className: e(i(d, f, {
+			isResizable: h,
+			isStickyLeftColumn: y > 0 && d.columnStart <= y,
+			isStickyRightColumn: b > 0 && d.columnStart + d.colSpan - 1 > f.totalColumnCount - b
+		}), p && "table-head-cell-drag-placeholder"),
+		"data-column": d.columnKey ?? String(d.key),
+		role: "columnheader",
+		"aria-colindex": t(d.columnStart, g),
+		"aria-colspan": n(d.colSpan),
+		"aria-rowindex": d.rowStart,
+		"aria-rowspan": n(d.rowSpan),
+		"aria-sort": o(d),
+		style: s(d, g),
+		children: [/* @__PURE__ */ c(r, { ...u }), /* @__PURE__ */ c(a, { ...u })]
+	});
 };
-export {
-  N as default
-};
-//# sourceMappingURL=TableStaticHeaderCell.js.map
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TableStaticHeaderCell.js.map