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

package/components/table/runtime/useResolvedRenderColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResolvedRenderColumns.js","sources":["../../../../src/components/table/runtime/useResolvedRenderColumns.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { RenderHeaderColumn } from '../context/TableRenderContext';\nimport { useDraggableColumns } from '../layout/useDraggableColumns';\nimport { useResizableColumns } from '../layout/useResizableColumns';\nimport type { TableColumnDefinition, TableProps, TableRowData } from '../Table.types';\n\ntype UseResolvedRenderColumnsProps<RowType extends TableRowData> = {\n    columnOrder: TableProps<RowType>['columnOrder'];\n    onColumnOrderChange: TableProps<RowType>['onColumnOrderChange'];\n    onColumnResize: TableProps<RowType>['onColumnResize'];\n    renderHeaderColumns: RenderHeaderColumn<RowType>[];\n    viewType: TableProps<RowType>['viewType'];\n};\n\nexport type UseResolvedRenderColumnsReturn<RowType extends TableRowData> = {\n    columnDefinitionsByKey: Map<string, TableColumnDefinition<RowType>>;\n    columnIndexByKey: Map<string, number>;\n    draggableColumnKeys?: string[];\n    draggableColumnsEnabled: boolean;\n    handleColumnDragEnd: ReturnType<typeof useDraggableColumns>['handleColumnDragEnd'];\n    handleColumnResizeReset: ReturnType<typeof useResizableColumns<RowType>>['handleColumnResizeReset'];\n    handleColumnResizeStart: ReturnType<typeof useResizableColumns<RowType>>['handleColumnResizeStart'];\n    lastResizableColumnKey?: string;\n    resettableColumnKeys: Set<string>;\n    renderDataColumns: RenderHeaderColumn<RowType>[];\n    resizeColumnsEnabled: boolean;\n    resolvedRenderColumns: RenderHeaderColumn<RowType>[];\n    resizedColumns: ReturnType<typeof useResizableColumns<RowType>>['resizedColumns'];\n};\n\n/**\n * Resolves the actual data columns that drive layout and column behavior.\n *\n * Header registration can contain grouped header cells, multi-row headers, and\n * other metadata that is useful for rendering, but drag, resize, sticky layout,\n * and body/footer cell placement ultimately need a flat list of actual data columns.\n *\n * This hook therefore:\n * - narrows registered header cells down to single-column data headers with a stable `columnKey`\n * - applies column reordering\n * - applies resized widths\n * - exposes a normalized column map for body/footer cell lookup\n *\n * `Table` uses this as the canonical column model for the rest of the render pass.\n */\nconst useResolvedRenderColumns = <RowType extends TableRowData>(\n    props: UseResolvedRenderColumnsProps<RowType>\n): UseResolvedRenderColumnsReturn<RowType> => {\n    const { columnOrder, onColumnOrderChange, onColumnResize, renderHeaderColumns, viewType } = props;\n\n    // Only single-column header cells represent actual data columns. Group headers span\n    // other columns and are part of the header layout, but not the column model\n    // used by body/footer cells or drag/resize behavior.\n    const renderDataColumns = useMemo(\n        () =>\n            renderHeaderColumns.flatMap(column =>\n                column.columnKey && column.colSpan === 1\n                    ? [\n                          {\n                              ...column,\n                              columnKey: column.columnKey,\n                          },\n                      ]\n                    : []\n            ),\n        [renderHeaderColumns]\n    );\n\n    const baseRenderColumnDefinitions = useMemo(\n        () =>\n            renderDataColumns.map(column => ({\n                key: column.columnKey,\n                label: column.columnKey,\n                mobileLabel: column.mobileLabel,\n                width: column.width,\n                minResizeWidth: column.minResizeWidth,\n                maxResizeWidth: column.maxResizeWidth,\n                draggable: column.draggable,\n                resizeable: column.resizeable,\n                horizontalAlign: column.horizontalAlign,\n                headerClassName: column.headerClassName,\n                hideOnMobile: column.hideOnMobile,\n                sortable: column.sortable,\n            })),\n        [renderDataColumns]\n    );\n\n    const draggableColumnsEnabled =\n        viewType === 'TABLE' && baseRenderColumnDefinitions.filter(column => column.draggable === true).length > 1;\n    const { draggableColumnKeys, handleColumnDragEnd, orderedColumns } = useDraggableColumns({\n        columns: baseRenderColumnDefinitions,\n        columnOrder,\n        enabled: draggableColumnsEnabled,\n        onColumnOrderChange,\n    });\n\n    const resizeColumnsEnabled = viewType === 'TABLE' && orderedColumns.some(column => column.resizeable === true);\n    const {\n        handleColumnResizeReset,\n        handleColumnResizeStart,\n        lastResizableColumnKey,\n        resettableColumnKeys,\n        resizedColumns,\n    } = useResizableColumns({\n        columns: orderedColumns,\n        enabled: resizeColumnsEnabled,\n        onColumnResize,\n    });\n\n    // Merge reordered/resized column behavior back into the registered data\n    // columns so the rest of the table can render from one normalized shape.\n    const resolvedRenderColumns = useMemo(() => {\n        const renderColumnsByKey = new Map(renderDataColumns.map(column => [column.columnKey, column] as const));\n\n        return resizedColumns.flatMap(column => {\n            const renderColumn = renderColumnsByKey.get(column.key);\n\n            return renderColumn\n                ? [\n                      {\n                          ...renderColumn,\n                          width: column.width,\n                          minResizeWidth: column.minResizeWidth,\n                          maxResizeWidth: column.maxResizeWidth,\n                          draggable: column.draggable,\n                          resizeable: column.resizeable,\n                          horizontalAlign: column.horizontalAlign,\n                          headerClassName: column.headerClassName,\n                          hideOnMobile: column.hideOnMobile,\n                          sortable: column.sortable,\n                      },\n                  ]\n                : [];\n        });\n    }, [renderDataColumns, resizedColumns]);\n\n    // Body and footer cells resolve their column metadata by `columnKey`, so keep\n    // an efficient lookup map next to the ordered column array.\n    const columnDefinitionsByKey = useMemo(\n        () =>\n            new Map<string, TableColumnDefinition<RowType>>(\n                resolvedRenderColumns.map(column => [\n                    column.columnKey,\n                    {\n                        key: column.columnKey,\n                        label: column.label,\n                        mobileLabel: column.mobileLabel,\n                        icon: column.icon,\n                        filter: column.filter,\n                        hideLabel: column.hideLabel,\n                        width: column.width,\n                        minResizeWidth: column.minResizeWidth,\n                        maxResizeWidth: column.maxResizeWidth,\n                        draggable: column.draggable,\n                        resizeable: column.resizeable,\n                        horizontalAlign: column.horizontalAlign,\n                        className: undefined,\n                        headerClassName: column.headerClassName,\n                        hideOnMobile: column.hideOnMobile,\n                        sortable: column.sortable,\n                    },\n                ])\n            ),\n        [resolvedRenderColumns]\n    );\n    const columnIndexByKey = useMemo(\n        () => new Map(resolvedRenderColumns.map((column, index) => [column.columnKey, index] as const)),\n        [resolvedRenderColumns]\n    );\n\n    return {\n        columnDefinitionsByKey,\n        columnIndexByKey,\n        draggableColumnKeys,\n        draggableColumnsEnabled,\n        handleColumnDragEnd,\n        handleColumnResizeReset,\n        handleColumnResizeStart,\n        lastResizableColumnKey,\n        resettableColumnKeys,\n        renderDataColumns,\n        resizeColumnsEnabled,\n        resolvedRenderColumns,\n        resizedColumns,\n    };\n};\n\nexport default useResolvedRenderColumns;\n"],"names":["useResolvedRenderColumns","props","columnOrder","onColumnOrderChange","onColumnResize","renderHeaderColumns","viewType","renderDataColumns","useMemo","column","baseRenderColumnDefinitions","draggableColumnsEnabled","draggableColumnKeys","handleColumnDragEnd","orderedColumns","useDraggableColumns","resizeColumnsEnabled","handleColumnResizeReset","handleColumnResizeStart","lastResizableColumnKey","resettableColumnKeys","resizedColumns","useResizableColumns","resolvedRenderColumns","renderColumnsByKey","renderColumn","columnDefinitionsByKey","columnIndexByKey","index"],"mappings":"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"}
+{"version":3,"file":"useResolvedRenderColumns.js","names":[],"sources":["../../../../src/components/table/runtime/useResolvedRenderColumns.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { RenderHeaderColumn } from '../context/TableRenderContext';\nimport { useDraggableColumns } from '../layout/useDraggableColumns';\nimport { useResizableColumns } from '../layout/useResizableColumns';\nimport type { TableColumnDefinition, TableProps, TableRowData } from '../Table.types';\n\ntype UseResolvedRenderColumnsProps<RowType extends TableRowData> = {\n    columnOrder: TableProps<RowType>['columnOrder'];\n    onColumnOrderChange: TableProps<RowType>['onColumnOrderChange'];\n    onColumnResize: TableProps<RowType>['onColumnResize'];\n    renderHeaderColumns: RenderHeaderColumn<RowType>[];\n    viewType: TableProps<RowType>['viewType'];\n};\n\nexport type UseResolvedRenderColumnsReturn<RowType extends TableRowData> = {\n    columnDefinitionsByKey: Map<string, TableColumnDefinition<RowType>>;\n    columnIndexByKey: Map<string, number>;\n    draggableColumnKeys?: string[];\n    draggableColumnsEnabled: boolean;\n    handleColumnDragEnd: ReturnType<typeof useDraggableColumns>['handleColumnDragEnd'];\n    handleColumnResizeReset: ReturnType<typeof useResizableColumns<RowType>>['handleColumnResizeReset'];\n    handleColumnResizeStart: ReturnType<typeof useResizableColumns<RowType>>['handleColumnResizeStart'];\n    lastResizableColumnKey?: string;\n    resettableColumnKeys: Set<string>;\n    renderDataColumns: RenderHeaderColumn<RowType>[];\n    resizeColumnsEnabled: boolean;\n    resolvedRenderColumns: RenderHeaderColumn<RowType>[];\n    resizedColumns: ReturnType<typeof useResizableColumns<RowType>>['resizedColumns'];\n};\n\n/**\n * Resolves the actual data columns that drive layout and column behavior.\n *\n * Header registration can contain grouped header cells, multi-row headers, and\n * other metadata that is useful for rendering, but drag, resize, sticky layout,\n * and body/footer cell placement ultimately need a flat list of actual data columns.\n *\n * This hook therefore:\n * - narrows registered header cells down to single-column data headers with a stable `columnKey`\n * - applies column reordering\n * - applies resized widths\n * - exposes a normalized column map for body/footer cell lookup\n *\n * `Table` uses this as the canonical column model for the rest of the render pass.\n */\nconst useResolvedRenderColumns = <RowType extends TableRowData>(\n    props: UseResolvedRenderColumnsProps<RowType>\n): UseResolvedRenderColumnsReturn<RowType> => {\n    const { columnOrder, onColumnOrderChange, onColumnResize, renderHeaderColumns, viewType } = props;\n\n    // Only single-column header cells represent actual data columns. Group headers span\n    // other columns and are part of the header layout, but not the column model\n    // used by body/footer cells or drag/resize behavior.\n    const renderDataColumns = useMemo(\n        () =>\n            renderHeaderColumns.flatMap(column =>\n                column.columnKey && column.colSpan === 1\n                    ? [\n                          {\n                              ...column,\n                              columnKey: column.columnKey,\n                          },\n                      ]\n                    : []\n            ),\n        [renderHeaderColumns]\n    );\n\n    const baseRenderColumnDefinitions = useMemo(\n        () =>\n            renderDataColumns.map(column => ({\n                key: column.columnKey,\n                label: column.columnKey,\n                mobileLabel: column.mobileLabel,\n                width: column.width,\n                minResizeWidth: column.minResizeWidth,\n                maxResizeWidth: column.maxResizeWidth,\n                draggable: column.draggable,\n                resizeable: column.resizeable,\n                horizontalAlign: column.horizontalAlign,\n                headerClassName: column.headerClassName,\n                hideOnMobile: column.hideOnMobile,\n                sortable: column.sortable,\n            })),\n        [renderDataColumns]\n    );\n\n    const draggableColumnsEnabled =\n        viewType === 'TABLE' && baseRenderColumnDefinitions.filter(column => column.draggable === true).length > 1;\n    const { draggableColumnKeys, handleColumnDragEnd, orderedColumns } = useDraggableColumns({\n        columns: baseRenderColumnDefinitions,\n        columnOrder,\n        enabled: draggableColumnsEnabled,\n        onColumnOrderChange,\n    });\n\n    const resizeColumnsEnabled = viewType === 'TABLE' && orderedColumns.some(column => column.resizeable === true);\n    const {\n        handleColumnResizeReset,\n        handleColumnResizeStart,\n        lastResizableColumnKey,\n        resettableColumnKeys,\n        resizedColumns,\n    } = useResizableColumns({\n        columns: orderedColumns,\n        enabled: resizeColumnsEnabled,\n        onColumnResize,\n    });\n\n    // Merge reordered/resized column behavior back into the registered data\n    // columns so the rest of the table can render from one normalized shape.\n    const resolvedRenderColumns = useMemo(() => {\n        const renderColumnsByKey = new Map(renderDataColumns.map(column => [column.columnKey, column] as const));\n\n        return resizedColumns.flatMap(column => {\n            const renderColumn = renderColumnsByKey.get(column.key);\n\n            return renderColumn\n                ? [\n                      {\n                          ...renderColumn,\n                          width: column.width,\n                          minResizeWidth: column.minResizeWidth,\n                          maxResizeWidth: column.maxResizeWidth,\n                          draggable: column.draggable,\n                          resizeable: column.resizeable,\n                          horizontalAlign: column.horizontalAlign,\n                          headerClassName: column.headerClassName,\n                          hideOnMobile: column.hideOnMobile,\n                          sortable: column.sortable,\n                      },\n                  ]\n                : [];\n        });\n    }, [renderDataColumns, resizedColumns]);\n\n    // Body and footer cells resolve their column metadata by `columnKey`, so keep\n    // an efficient lookup map next to the ordered column array.\n    const columnDefinitionsByKey = useMemo(\n        () =>\n            new Map<string, TableColumnDefinition<RowType>>(\n                resolvedRenderColumns.map(column => [\n                    column.columnKey,\n                    {\n                        key: column.columnKey,\n                        label: column.label,\n                        mobileLabel: column.mobileLabel,\n                        icon: column.icon,\n                        filter: column.filter,\n                        hideLabel: column.hideLabel,\n                        width: column.width,\n                        minResizeWidth: column.minResizeWidth,\n                        maxResizeWidth: column.maxResizeWidth,\n                        draggable: column.draggable,\n                        resizeable: column.resizeable,\n                        horizontalAlign: column.horizontalAlign,\n                        className: undefined,\n                        headerClassName: column.headerClassName,\n                        hideOnMobile: column.hideOnMobile,\n                        sortable: column.sortable,\n                    },\n                ])\n            ),\n        [resolvedRenderColumns]\n    );\n    const columnIndexByKey = useMemo(\n        () => new Map(resolvedRenderColumns.map((column, index) => [column.columnKey, index] as const)),\n        [resolvedRenderColumns]\n    );\n\n    return {\n        columnDefinitionsByKey,\n        columnIndexByKey,\n        draggableColumnKeys,\n        draggableColumnsEnabled,\n        handleColumnDragEnd,\n        handleColumnResizeReset,\n        handleColumnResizeStart,\n        lastResizableColumnKey,\n        resettableColumnKeys,\n        renderDataColumns,\n        resizeColumnsEnabled,\n        resolvedRenderColumns,\n        resizedColumns,\n    };\n};\n\nexport default useResolvedRenderColumns;\n"],"mappings":";;;;AA8CA,IAAM,KACF,MAC0C;CAC1C,IAAM,EAAE,gBAAa,wBAAqB,mBAAgB,wBAAqB,gBAAa,GAKtF,IAAoB,QAElB,EAAoB,SAAQ,MACxB,EAAO,aAAa,EAAO,YAAY,IACjC,CACI;EACI,GAAG;EACH,WAAW,EAAO;CACtB,CACJ,IACA,CAAC,CACX,GACJ,CAAC,CAAmB,CACxB,GAEM,IAA8B,QAE5B,EAAkB,KAAI,OAAW;EAC7B,KAAK,EAAO;EACZ,OAAO,EAAO;EACd,aAAa,EAAO;EACpB,OAAO,EAAO;EACd,gBAAgB,EAAO;EACvB,gBAAgB,EAAO;EACvB,WAAW,EAAO;EAClB,YAAY,EAAO;EACnB,iBAAiB,EAAO;EACxB,iBAAiB,EAAO;EACxB,cAAc,EAAO;EACrB,UAAU,EAAO;CACrB,EAAE,GACN,CAAC,CAAiB,CACtB,GAEM,IACF,MAAa,WAAW,EAA4B,QAAO,MAAU,EAAO,cAAc,EAAI,CAAC,CAAC,SAAS,GACvG,EAAE,wBAAqB,wBAAqB,sBAAmB,EAAoB;EACrF,SAAS;EACT;EACA,SAAS;EACT;CACJ,CAAC,GAEK,IAAuB,MAAa,WAAW,EAAe,MAAK,MAAU,EAAO,eAAe,EAAI,GACvG,EACF,4BACA,4BACA,2BACA,yBACA,sBACA,EAAoB;EACpB,SAAS;EACT,SAAS;EACT;CACJ,CAAC,GAIK,IAAwB,QAAc;EACxC,IAAM,IAAqB,IAAI,IAAI,EAAkB,KAAI,MAAU,CAAC,EAAO,WAAW,CAAM,CAAU,CAAC;EAEvG,OAAO,EAAe,SAAQ,MAAU;GACpC,IAAM,IAAe,EAAmB,IAAI,EAAO,GAAG;GAEtD,OAAO,IACD,CACI;IACI,GAAG;IACH,OAAO,EAAO;IACd,gBAAgB,EAAO;IACvB,gBAAgB,EAAO;IACvB,WAAW,EAAO;IAClB,YAAY,EAAO;IACnB,iBAAiB,EAAO;IACxB,iBAAiB,EAAO;IACxB,cAAc,EAAO;IACrB,UAAU,EAAO;GACrB,CACJ,IACA,CAAC;EACX,CAAC;CACL,GAAG,CAAC,GAAmB,CAAc,CAAC;CAoCtC,OAAO;EACH,wBAjC2B,QAEvB,IAAI,IACA,EAAsB,KAAI,MAAU,CAChC,EAAO,WACP;GACI,KAAK,EAAO;GACZ,OAAO,EAAO;GACd,aAAa,EAAO;GACpB,MAAM,EAAO;GACb,QAAQ,EAAO;GACf,WAAW,EAAO;GAClB,OAAO,EAAO;GACd,gBAAgB,EAAO;GACvB,gBAAgB,EAAO;GACvB,WAAW,EAAO;GAClB,YAAY,EAAO;GACnB,iBAAiB,EAAO;GACxB,WAAW,KAAA;GACX,iBAAiB,EAAO;GACxB,cAAc,EAAO;GACrB,UAAU,EAAO;EACrB,CACJ,CAAC,CACL,GACJ,CAAC,CAAqB,CAQtB;EACA,kBAPqB,QACf,IAAI,IAAI,EAAsB,KAAK,GAAQ,MAAU,CAAC,EAAO,WAAW,CAAK,CAAU,CAAC,GAC9F,CAAC,CAAqB,CAKtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ;AACJ"}

package/components/table/runtime/useResolvedRenderHeader.js

@@ -1,67 +1,64 @@
-import { useMemo as f } from "react";
-const z = (g) => {
-  const { renderHeaderColumns: i, resolvedRenderColumns: a, sortBy: l, sortDirection: h } = g;
-  return f(() => {
-    if (i.length === 0 || a.length === 0)
-      return;
-    const y = new Set(Array.isArray(l) ? l : l ? [l] : []), b = Math.max(...i.map((e) => e.row + e.rowSpan - 1), 1), d = Array.from({ length: b }, () => Array(a.length).fill(!1)), c = new Map(
-      a.map((e) => [e.columnKey, e])
-    ), m = new Map(
-      a.map((e, r) => [e.columnKey, r + 1])
-    ), w = (e, r) => {
-      for (let o = 1; o <= a.length - r + 1; o += 1)
-        if (d[e - 1]?.slice(o - 1, o - 1 + r).every((t) => !t))
-          return o;
-      return 1;
-    }, p = i.map((e) => {
-      const r = e.columnKey ? c.get(e.columnKey) : void 0, o = r?.columnKey ? {
-        key: r.columnKey,
-        label: r.label,
-        width: r.width,
-        mobileLabel: r.mobileLabel,
-        horizontalAlign: r.horizontalAlign,
-        headerClassName: r.headerClassName,
-        hideOnMobile: r.hideOnMobile,
-        sortable: r.sortable,
-        draggable: r.draggable,
-        resizeable: r.resizeable,
-        minResizeWidth: r.minResizeWidth,
-        maxResizeWidth: r.maxResizeWidth
-      } : void 0, n = r ? m.get(r.columnKey) ?? 1 : w(e.row, e.colSpan);
-      for (let t = e.row - 1; t < e.row - 1 + e.rowSpan; t += 1)
-        for (let s = n - 1; s < n - 1 + e.colSpan; s += 1)
-          d[t]?.[s] !== void 0 && (d[t][s] = !0);
-      return {
-        key: e.id,
-        columnKey: e.columnKey,
-        label: e.label,
-        icon: e.icon,
-        filter: e.filter,
-        hideLabel: e.hideLabel,
-        horizontalAlign: r?.horizontalAlign ?? e.horizontalAlign,
-        verticalAlign: r?.verticalAlign ?? e.verticalAlign,
-        className: void 0,
-        headerClassName: r?.headerClassName ?? e.headerClassName,
-        hideOnMobile: r?.hideOnMobile ?? e.hideOnMobile,
-        draggable: r?.draggable ?? e.draggable,
-        resizeable: r?.resizeable ?? e.resizeable,
-        sortable: r?.sortable ?? e.sortable,
-        sortDirection: e.columnKey && y.has(e.columnKey) ? h : void 0,
-        rowStart: e.row,
-        rowSpan: e.rowSpan,
-        columnStart: n,
-        colSpan: e.colSpan,
-        source: o
-      };
-    });
-    return {
-      rowCount: b,
-      totalColumnCount: a.length,
-      columns: p
-    };
-  }, [i, a, l, h]);
+import { useMemo as e } from "react";
+//#region src/components/table/runtime/useResolvedRenderHeader.ts
+var t = (t) => {
+	let { renderHeaderColumns: n, resolvedRenderColumns: r, sortBy: i, sortDirection: a } = t;
+	return e(() => {
+		if (n.length === 0 || r.length === 0) return;
+		let e = new Set(Array.isArray(i) ? i : i ? [i] : []), t = Math.max(...n.map((e) => e.row + e.rowSpan - 1), 1), o = Array.from({ length: t }, () => Array(r.length).fill(!1)), s = new Map(r.map((e) => [e.columnKey, e])), c = new Map(r.map((e, t) => [e.columnKey, t + 1])), l = (e, t) => {
+			for (let n = 1; n <= r.length - t + 1; n += 1) if (o[e - 1]?.slice(n - 1, n - 1 + t).every((e) => !e)) return n;
+			return 1;
+		}, u = n.map((t) => {
+			let n = t.columnKey ? s.get(t.columnKey) : void 0, r = n?.columnKey ? {
+				key: n.columnKey,
+				label: n.label,
+				width: n.width,
+				mobileLabel: n.mobileLabel,
+				horizontalAlign: n.horizontalAlign,
+				headerClassName: n.headerClassName,
+				hideOnMobile: n.hideOnMobile,
+				sortable: n.sortable,
+				draggable: n.draggable,
+				resizeable: n.resizeable,
+				minResizeWidth: n.minResizeWidth,
+				maxResizeWidth: n.maxResizeWidth
+			} : void 0, i = n ? c.get(n.columnKey) ?? 1 : l(t.row, t.colSpan);
+			for (let e = t.row - 1; e < t.row - 1 + t.rowSpan; e += 1) for (let n = i - 1; n < i - 1 + t.colSpan; n += 1) o[e]?.[n] !== void 0 && (o[e][n] = !0);
+			return {
+				key: t.id,
+				columnKey: t.columnKey,
+				label: t.label,
+				icon: t.icon,
+				filter: t.filter,
+				hideLabel: t.hideLabel,
+				horizontalAlign: n?.horizontalAlign ?? t.horizontalAlign,
+				verticalAlign: n?.verticalAlign ?? t.verticalAlign,
+				className: void 0,
+				headerClassName: n?.headerClassName ?? t.headerClassName,
+				hideOnMobile: n?.hideOnMobile ?? t.hideOnMobile,
+				draggable: n?.draggable ?? t.draggable,
+				resizeable: n?.resizeable ?? t.resizeable,
+				sortable: n?.sortable ?? t.sortable,
+				sortDirection: t.columnKey && e.has(t.columnKey) ? a : void 0,
+				rowStart: t.row,
+				rowSpan: t.rowSpan,
+				columnStart: i,
+				colSpan: t.colSpan,
+				source: r
+			};
+		});
+		return {
+			rowCount: t,
+			totalColumnCount: r.length,
+			columns: u
+		};
+	}, [
+		n,
+		r,
+		i,
+		a
+	]);
 };
-export {
-  z as default
-};
-//# sourceMappingURL=useResolvedRenderHeader.js.map
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=useResolvedRenderHeader.js.map

package/components/table/runtime/useResolvedRenderHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResolvedRenderHeader.js","sources":["../../../../src/components/table/runtime/useResolvedRenderHeader.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { RenderHeaderColumn } from '../context/TableRenderContext';\nimport type { TableViewHeader } from '../model/tableView.types';\nimport type { TableColumnDefinition, TableRowData, TableSortDirection } from '../Table.types';\n\ntype UseResolvedRenderHeaderProps<RowType extends TableRowData> = {\n    renderHeaderColumns: RenderHeaderColumn<RowType>[];\n    resolvedRenderColumns: RenderHeaderColumn<RowType>[];\n    sortBy?: string | string[];\n    sortDirection?: TableSortDirection;\n};\n\n/**\n * Builds the normalized header layout from registered header cells and the\n * already-resolved data columns.\n *\n * `useResolvedRenderColumns(...)` decides which columns actually exist after\n * reorder/resize behavior. This hook takes that flat column model plus the\n * registered header cells and computes the final header grid:\n * - row count\n * - column start positions\n * - row/column spans\n * - sortable state for the active sort key\n * - `source` metadata for downstream header/cell consumers\n *\n * The result is a stable header view model that `TableHeader` can render\n * without repeating placement logic.\n */\nconst useResolvedRenderHeader = <RowType extends TableRowData>(\n    props: UseResolvedRenderHeaderProps<RowType>\n): TableViewHeader<RowType> | undefined => {\n    const { renderHeaderColumns, resolvedRenderColumns, sortBy, sortDirection } = props;\n\n    return useMemo<TableViewHeader<RowType> | undefined>(() => {\n        if (renderHeaderColumns.length === 0 || resolvedRenderColumns.length === 0) {\n            return;\n        }\n\n        const sortedColumnKeys = new Set(Array.isArray(sortBy) ? sortBy : sortBy ? [sortBy] : []);\n        const rowCount = Math.max(...renderHeaderColumns.map(column => column.row + column.rowSpan - 1), 1);\n        const occupied = Array.from({ length: rowCount }, () => Array(resolvedRenderColumns.length).fill(false));\n        const resolvedRenderColumnsByKey = new Map(\n            resolvedRenderColumns.map(column => [column.columnKey, column] as const)\n        );\n        const columnStartByKey = new Map(\n            resolvedRenderColumns.map((column, index) => [column.columnKey, index + 1] as const)\n        );\n\n        // Group headers without a direct `columnKey` still need a column start.\n        // Find the next free slot by walking the occupied grid from left to right.\n        const findColumnStart = (rowStart: number, colSpan: number) => {\n            for (let candidate = 1; candidate <= resolvedRenderColumns.length - colSpan + 1; candidate += 1) {\n                const hasFreeSlot = occupied[rowStart - 1]\n                    ?.slice(candidate - 1, candidate - 1 + colSpan)\n                    .every(isUsed => !isUsed);\n\n                if (hasFreeSlot) {\n                    return candidate;\n                }\n            }\n\n            return 1;\n        };\n\n        const columns = renderHeaderColumns.map(column => {\n            const resolvedRenderColumn = column.columnKey\n                ? resolvedRenderColumnsByKey.get(column.columnKey)\n                : undefined;\n            const sourceColumnDefinition: TableColumnDefinition<RowType> | undefined = resolvedRenderColumn?.columnKey\n                ? {\n                      key: resolvedRenderColumn.columnKey,\n                      label: resolvedRenderColumn.label,\n                      width: resolvedRenderColumn.width,\n                      mobileLabel: resolvedRenderColumn.mobileLabel,\n                      horizontalAlign: resolvedRenderColumn.horizontalAlign,\n                      headerClassName: resolvedRenderColumn.headerClassName,\n                      hideOnMobile: resolvedRenderColumn.hideOnMobile,\n                      sortable: resolvedRenderColumn.sortable,\n                      draggable: resolvedRenderColumn.draggable,\n                      resizeable: resolvedRenderColumn.resizeable,\n                      minResizeWidth: resolvedRenderColumn.minResizeWidth,\n                      maxResizeWidth: resolvedRenderColumn.maxResizeWidth,\n                  }\n                : undefined;\n            const columnStart = resolvedRenderColumn\n                ? (columnStartByKey.get(resolvedRenderColumn.columnKey) ?? 1)\n                : findColumnStart(column.row, column.colSpan);\n\n            // Mark the occupied grid so following grouped header cells can find\n            // the next free placement slot in multi-row header layouts.\n            for (let rowIndex = column.row - 1; rowIndex < column.row - 1 + column.rowSpan; rowIndex += 1) {\n                for (\n                    let columnIndex = columnStart - 1;\n                    columnIndex < columnStart - 1 + column.colSpan;\n                    columnIndex += 1\n                ) {\n                    if (occupied[rowIndex]?.[columnIndex] !== undefined) {\n                        occupied[rowIndex][columnIndex] = true;\n                    }\n                }\n            }\n\n            return {\n                key: column.id,\n                columnKey: column.columnKey,\n                label: column.label,\n                icon: column.icon,\n                filter: column.filter,\n                hideLabel: column.hideLabel,\n                horizontalAlign: resolvedRenderColumn?.horizontalAlign ?? column.horizontalAlign,\n                verticalAlign: resolvedRenderColumn?.verticalAlign ?? column.verticalAlign,\n                className: undefined,\n                headerClassName: resolvedRenderColumn?.headerClassName ?? column.headerClassName,\n                hideOnMobile: resolvedRenderColumn?.hideOnMobile ?? column.hideOnMobile,\n                draggable: resolvedRenderColumn?.draggable ?? column.draggable,\n                resizeable: resolvedRenderColumn?.resizeable ?? column.resizeable,\n                sortable: resolvedRenderColumn?.sortable ?? column.sortable,\n                sortDirection: column.columnKey && sortedColumnKeys.has(column.columnKey) ? sortDirection : undefined,\n                rowStart: column.row,\n                rowSpan: column.rowSpan,\n                columnStart,\n                colSpan: column.colSpan,\n                source: sourceColumnDefinition,\n            };\n        });\n\n        return {\n            rowCount,\n            totalColumnCount: resolvedRenderColumns.length,\n            columns,\n        };\n    }, [renderHeaderColumns, resolvedRenderColumns, sortBy, sortDirection]);\n};\n\nexport default useResolvedRenderHeader;\n"],"names":["useResolvedRenderHeader","props","renderHeaderColumns","resolvedRenderColumns","sortBy","sortDirection","useMemo","sortedColumnKeys","rowCount","column","occupied","resolvedRenderColumnsByKey","columnStartByKey","index","findColumnStart","rowStart","colSpan","candidate","isUsed","columns","resolvedRenderColumn","sourceColumnDefinition","columnStart","rowIndex","columnIndex"],"mappings":"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"}
+{"version":3,"file":"useResolvedRenderHeader.js","names":[],"sources":["../../../../src/components/table/runtime/useResolvedRenderHeader.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { RenderHeaderColumn } from '../context/TableRenderContext';\nimport type { TableViewHeader } from '../model/tableView.types';\nimport type { TableColumnDefinition, TableRowData, TableSortDirection } from '../Table.types';\n\ntype UseResolvedRenderHeaderProps<RowType extends TableRowData> = {\n    renderHeaderColumns: RenderHeaderColumn<RowType>[];\n    resolvedRenderColumns: RenderHeaderColumn<RowType>[];\n    sortBy?: string | string[];\n    sortDirection?: TableSortDirection;\n};\n\n/**\n * Builds the normalized header layout from registered header cells and the\n * already-resolved data columns.\n *\n * `useResolvedRenderColumns(...)` decides which columns actually exist after\n * reorder/resize behavior. This hook takes that flat column model plus the\n * registered header cells and computes the final header grid:\n * - row count\n * - column start positions\n * - row/column spans\n * - sortable state for the active sort key\n * - `source` metadata for downstream header/cell consumers\n *\n * The result is a stable header view model that `TableHeader` can render\n * without repeating placement logic.\n */\nconst useResolvedRenderHeader = <RowType extends TableRowData>(\n    props: UseResolvedRenderHeaderProps<RowType>\n): TableViewHeader<RowType> | undefined => {\n    const { renderHeaderColumns, resolvedRenderColumns, sortBy, sortDirection } = props;\n\n    return useMemo<TableViewHeader<RowType> | undefined>(() => {\n        if (renderHeaderColumns.length === 0 || resolvedRenderColumns.length === 0) {\n            return;\n        }\n\n        const sortedColumnKeys = new Set(Array.isArray(sortBy) ? sortBy : sortBy ? [sortBy] : []);\n        const rowCount = Math.max(...renderHeaderColumns.map(column => column.row + column.rowSpan - 1), 1);\n        const occupied = Array.from({ length: rowCount }, () => Array(resolvedRenderColumns.length).fill(false));\n        const resolvedRenderColumnsByKey = new Map(\n            resolvedRenderColumns.map(column => [column.columnKey, column] as const)\n        );\n        const columnStartByKey = new Map(\n            resolvedRenderColumns.map((column, index) => [column.columnKey, index + 1] as const)\n        );\n\n        // Group headers without a direct `columnKey` still need a column start.\n        // Find the next free slot by walking the occupied grid from left to right.\n        const findColumnStart = (rowStart: number, colSpan: number) => {\n            for (let candidate = 1; candidate <= resolvedRenderColumns.length - colSpan + 1; candidate += 1) {\n                const hasFreeSlot = occupied[rowStart - 1]\n                    ?.slice(candidate - 1, candidate - 1 + colSpan)\n                    .every(isUsed => !isUsed);\n\n                if (hasFreeSlot) {\n                    return candidate;\n                }\n            }\n\n            return 1;\n        };\n\n        const columns = renderHeaderColumns.map(column => {\n            const resolvedRenderColumn = column.columnKey\n                ? resolvedRenderColumnsByKey.get(column.columnKey)\n                : undefined;\n            const sourceColumnDefinition: TableColumnDefinition<RowType> | undefined = resolvedRenderColumn?.columnKey\n                ? {\n                      key: resolvedRenderColumn.columnKey,\n                      label: resolvedRenderColumn.label,\n                      width: resolvedRenderColumn.width,\n                      mobileLabel: resolvedRenderColumn.mobileLabel,\n                      horizontalAlign: resolvedRenderColumn.horizontalAlign,\n                      headerClassName: resolvedRenderColumn.headerClassName,\n                      hideOnMobile: resolvedRenderColumn.hideOnMobile,\n                      sortable: resolvedRenderColumn.sortable,\n                      draggable: resolvedRenderColumn.draggable,\n                      resizeable: resolvedRenderColumn.resizeable,\n                      minResizeWidth: resolvedRenderColumn.minResizeWidth,\n                      maxResizeWidth: resolvedRenderColumn.maxResizeWidth,\n                  }\n                : undefined;\n            const columnStart = resolvedRenderColumn\n                ? (columnStartByKey.get(resolvedRenderColumn.columnKey) ?? 1)\n                : findColumnStart(column.row, column.colSpan);\n\n            // Mark the occupied grid so following grouped header cells can find\n            // the next free placement slot in multi-row header layouts.\n            for (let rowIndex = column.row - 1; rowIndex < column.row - 1 + column.rowSpan; rowIndex += 1) {\n                for (\n                    let columnIndex = columnStart - 1;\n                    columnIndex < columnStart - 1 + column.colSpan;\n                    columnIndex += 1\n                ) {\n                    if (occupied[rowIndex]?.[columnIndex] !== undefined) {\n                        occupied[rowIndex][columnIndex] = true;\n                    }\n                }\n            }\n\n            return {\n                key: column.id,\n                columnKey: column.columnKey,\n                label: column.label,\n                icon: column.icon,\n                filter: column.filter,\n                hideLabel: column.hideLabel,\n                horizontalAlign: resolvedRenderColumn?.horizontalAlign ?? column.horizontalAlign,\n                verticalAlign: resolvedRenderColumn?.verticalAlign ?? column.verticalAlign,\n                className: undefined,\n                headerClassName: resolvedRenderColumn?.headerClassName ?? column.headerClassName,\n                hideOnMobile: resolvedRenderColumn?.hideOnMobile ?? column.hideOnMobile,\n                draggable: resolvedRenderColumn?.draggable ?? column.draggable,\n                resizeable: resolvedRenderColumn?.resizeable ?? column.resizeable,\n                sortable: resolvedRenderColumn?.sortable ?? column.sortable,\n                sortDirection: column.columnKey && sortedColumnKeys.has(column.columnKey) ? sortDirection : undefined,\n                rowStart: column.row,\n                rowSpan: column.rowSpan,\n                columnStart,\n                colSpan: column.colSpan,\n                source: sourceColumnDefinition,\n            };\n        });\n\n        return {\n            rowCount,\n            totalColumnCount: resolvedRenderColumns.length,\n            columns,\n        };\n    }, [renderHeaderColumns, resolvedRenderColumns, sortBy, sortDirection]);\n};\n\nexport default useResolvedRenderHeader;\n"],"mappings":";;AA6BA,IAAM,KACF,MACuC;CACvC,IAAM,EAAE,wBAAqB,0BAAuB,WAAQ,qBAAkB;CAE9E,OAAO,QAAoD;EACvD,IAAI,EAAoB,WAAW,KAAK,EAAsB,WAAW,GACrE;EAGJ,IAAM,IAAmB,IAAI,IAAI,MAAM,QAAQ,CAAM,IAAI,IAAS,IAAS,CAAC,CAAM,IAAI,CAAC,CAAC,GAClF,IAAW,KAAK,IAAI,GAAG,EAAoB,KAAI,MAAU,EAAO,MAAM,EAAO,UAAU,CAAC,GAAG,CAAC,GAC5F,IAAW,MAAM,KAAK,EAAE,QAAQ,EAAS,SAAS,MAAM,EAAsB,MAAM,CAAC,CAAC,KAAK,EAAK,CAAC,GACjG,IAA6B,IAAI,IACnC,EAAsB,KAAI,MAAU,CAAC,EAAO,WAAW,CAAM,CAAU,CAC3E,GACM,IAAmB,IAAI,IACzB,EAAsB,KAAK,GAAQ,MAAU,CAAC,EAAO,WAAW,IAAQ,CAAC,CAAU,CACvF,GAIM,KAAmB,GAAkB,MAAoB;GAC3D,KAAK,IAAI,IAAY,GAAG,KAAa,EAAsB,SAAS,IAAU,GAAG,KAAa,GAK1F,IAJoB,EAAS,IAAW,EAAE,EACpC,MAAM,IAAY,GAAG,IAAY,IAAI,CAAO,CAAC,CAC9C,OAAM,MAAU,CAAC,CAAM,GAGxB,OAAO;GAIf,OAAO;EACX,GAEM,IAAU,EAAoB,KAAI,MAAU;GAC9C,IAAM,IAAuB,EAAO,YAC9B,EAA2B,IAAI,EAAO,SAAS,IAC/C,KAAA,GACA,IAAqE,GAAsB,YAC3F;IACI,KAAK,EAAqB;IAC1B,OAAO,EAAqB;IAC5B,OAAO,EAAqB;IAC5B,aAAa,EAAqB;IAClC,iBAAiB,EAAqB;IACtC,iBAAiB,EAAqB;IACtC,cAAc,EAAqB;IACnC,UAAU,EAAqB;IAC/B,WAAW,EAAqB;IAChC,YAAY,EAAqB;IACjC,gBAAgB,EAAqB;IACrC,gBAAgB,EAAqB;GACzC,IACA,KAAA,GACA,IAAc,IACb,EAAiB,IAAI,EAAqB,SAAS,KAAK,IACzD,EAAgB,EAAO,KAAK,EAAO,OAAO;GAIhD,KAAK,IAAI,IAAW,EAAO,MAAM,GAAG,IAAW,EAAO,MAAM,IAAI,EAAO,SAAS,KAAY,GACxF,KACI,IAAI,IAAc,IAAc,GAChC,IAAc,IAAc,IAAI,EAAO,SACvC,KAAe,GAEf,AAAI,EAAS,EAAS,GAAG,OAAiB,KAAA,MACtC,EAAS,EAAS,CAAC,KAAe;GAK9C,OAAO;IACH,KAAK,EAAO;IACZ,WAAW,EAAO;IAClB,OAAO,EAAO;IACd,MAAM,EAAO;IACb,QAAQ,EAAO;IACf,WAAW,EAAO;IAClB,iBAAiB,GAAsB,mBAAmB,EAAO;IACjE,eAAe,GAAsB,iBAAiB,EAAO;IAC7D,WAAW,KAAA;IACX,iBAAiB,GAAsB,mBAAmB,EAAO;IACjE,cAAc,GAAsB,gBAAgB,EAAO;IAC3D,WAAW,GAAsB,aAAa,EAAO;IACrD,YAAY,GAAsB,cAAc,EAAO;IACvD,UAAU,GAAsB,YAAY,EAAO;IACnD,eAAe,EAAO,aAAa,EAAiB,IAAI,EAAO,SAAS,IAAI,IAAgB,KAAA;IAC5F,UAAU,EAAO;IACjB,SAAS,EAAO;IAChB;IACA,SAAS,EAAO;IAChB,QAAQ;GACZ;EACJ,CAAC;EAED,OAAO;GACH;GACA,kBAAkB,EAAsB;GACxC;EACJ;CACJ,GAAG;EAAC;EAAqB;EAAuB;EAAQ;CAAa,CAAC;AAC1E"}

package/components/table/runtime/useResponsiveResolvedViewType.js

@@ -1,22 +1,25 @@
-import { useRef as v, useEffect as c } from "react";
-import { resolveResponsiveViewType as w } from "../model/resolveResponsiveViewType.js";
-import y from "../shared/parsePixelSize.js";
-const h = (u) => {
-  const { onViewTypeChange: n, responsiveBreakpoint: p, viewType: r, wrapperTableWidth: a, wrapperWidth: d } = u, t = v(r), i = v(
-    void 0
-  ), e = p !== void 0, f = e ? y(a) ?? d : void 0, T = e && r !== t.current, o = e ? w("TABLE", f, p) : r;
-  e ? T && (i.current = {
-    responsiveViewType: o,
-    viewType: r
-  }) : i.current = void 0, e && i.current?.responsiveViewType !== o && (i.current = void 0);
-  const s = e ? i.current?.viewType ?? o : r;
-  return c(() => {
-    e && n?.(s);
-  }, [e, n, s]), c(() => {
-    t.current = r;
-  }, [r]), s;
+import e from "../shared/parsePixelSize.js";
+import { resolveResponsiveViewType as t } from "../model/resolveResponsiveViewType.js";
+import { useEffect as n, useRef as r } from "react";
+//#region src/components/table/runtime/useResponsiveResolvedViewType.ts
+var i = (i) => {
+	let { onViewTypeChange: a, responsiveBreakpoint: o, viewType: s, wrapperTableWidth: c, wrapperWidth: l } = i, u = r(s), d = r(void 0), f = o !== void 0, p = f ? e(c) ?? l : void 0, m = f && s !== u.current, h = f ? t("TABLE", p, o) : s;
+	f ? m && (d.current = {
+		responsiveViewType: h,
+		viewType: s
+	}) : d.current = void 0, f && d.current?.responsiveViewType !== h && (d.current = void 0);
+	let g = f ? d.current?.viewType ?? h : s;
+	return n(() => {
+		f && a?.(g);
+	}, [
+		f,
+		a,
+		g
+	]), n(() => {
+		u.current = s;
+	}, [s]), g;
 };
-export {
-  h as default
-};
-//# sourceMappingURL=useResponsiveResolvedViewType.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=useResponsiveResolvedViewType.js.map

package/components/table/runtime/useResponsiveResolvedViewType.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsiveResolvedViewType.js","sources":["../../../../src/components/table/runtime/useResponsiveResolvedViewType.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { resolveResponsiveViewType } from '../model/resolveResponsiveViewType';\nimport parsePixelSize from '../shared/parsePixelSize';\nimport type { TableResponsiveBreakpoint, TableViewType } from '../Table.types';\n\ntype UseResponsiveResolvedViewTypeProps = {\n    onViewTypeChange?: (viewType: TableViewType) => void;\n    responsiveBreakpoint?: TableResponsiveBreakpoint;\n    viewType: TableViewType;\n    wrapperTableWidth?: string | number;\n    wrapperWidth?: number;\n};\n\n/**\n * Resolves the effective table view when responsive breakpoints and manual view changes are both active.\n *\n * With `responsiveBreakpoint`, the table derives a responsive view bucket from the current rendered width:\n * `TABLE`, `MULTI_CARDS`, or `SINGLE_CARD`.\n *\n * Manual view changes are intentionally sticky within the current responsive bucket. Example:\n * when the width currently resolves to `MULTI_CARDS`, the user can still switch to `TABLE` manually.\n * That manual choice stays active until resizing crosses into a different responsive bucket, at which point\n * the hook clears the override and resolves the view from the current breakpoints again.\n *\n * Without `responsiveBreakpoint`, the hook simply returns the requested `viewType`.\n */\nconst useResponsiveResolvedViewType = (props: UseResponsiveResolvedViewTypeProps): TableViewType => {\n    const { onViewTypeChange, responsiveBreakpoint, viewType, wrapperTableWidth, wrapperWidth } = props;\n\n    const previousPropViewTypeRef = useRef<TableViewType>(viewType);\n    const manualOverrideRef = useRef<{ responsiveViewType: TableViewType; viewType: TableViewType } | undefined>(\n        undefined\n    );\n\n    const hasResponsiveBreakpoint = responsiveBreakpoint !== undefined;\n    const responsiveTableWidth = hasResponsiveBreakpoint\n        ? (parsePixelSize(wrapperTableWidth) ?? wrapperWidth)\n        : undefined;\n    const hasRequestedViewTypeChange = hasResponsiveBreakpoint && viewType !== previousPropViewTypeRef.current;\n\n    const responsiveViewType = hasResponsiveBreakpoint\n        ? resolveResponsiveViewType('TABLE', responsiveTableWidth, responsiveBreakpoint)\n        : viewType;\n\n    if (!hasResponsiveBreakpoint) {\n        manualOverrideRef.current = undefined;\n    } else if (hasRequestedViewTypeChange) {\n        manualOverrideRef.current = {\n            responsiveViewType,\n            viewType,\n        };\n    }\n\n    if (hasResponsiveBreakpoint && manualOverrideRef.current?.responsiveViewType !== responsiveViewType) {\n        manualOverrideRef.current = undefined;\n    }\n\n    const resolvedViewType = hasResponsiveBreakpoint\n        ? (manualOverrideRef.current?.viewType ?? responsiveViewType)\n        : viewType;\n\n    useEffect(() => {\n        if (!hasResponsiveBreakpoint) {\n            return;\n        }\n\n        onViewTypeChange?.(resolvedViewType);\n    }, [hasResponsiveBreakpoint, onViewTypeChange, resolvedViewType]);\n\n    useEffect(() => {\n        previousPropViewTypeRef.current = viewType;\n    }, [viewType]);\n\n    return resolvedViewType;\n};\n\nexport default useResponsiveResolvedViewType;\n"],"names":["useResponsiveResolvedViewType","props","onViewTypeChange","responsiveBreakpoint","viewType","wrapperTableWidth","wrapperWidth","previousPropViewTypeRef","useRef","manualOverrideRef","hasResponsiveBreakpoint","responsiveTableWidth","parsePixelSize","hasRequestedViewTypeChange","responsiveViewType","resolveResponsiveViewType","resolvedViewType","useEffect"],"mappings":";;;AA2BA,MAAMA,IAAgC,CAACC,MAA6D;AAChG,QAAM,EAAE,kBAAAC,GAAkB,sBAAAC,GAAsB,UAAAC,GAAU,mBAAAC,GAAmB,cAAAC,MAAiBL,GAExFM,IAA0BC,EAAsBJ,CAAQ,GACxDK,IAAoBD;AAAA,IACtB;AAAA,EAAA,GAGEE,IAA0BP,MAAyB,QACnDQ,IAAuBD,IACtBE,EAAeP,CAAiB,KAAKC,IACtC,QACAO,IAA6BH,KAA2BN,MAAaG,EAAwB,SAE7FO,IAAqBJ,IACrBK,EAA0B,SAASJ,GAAsBR,CAAoB,IAC7EC;AAEN,EAAKM,IAEMG,MACPJ,EAAkB,UAAU;AAAA,IACxB,oBAAAK;AAAA,IACA,UAAAV;AAAA,EAAA,KAJJK,EAAkB,UAAU,QAQ5BC,KAA2BD,EAAkB,SAAS,uBAAuBK,MAC7EL,EAAkB,UAAU;AAGhC,QAAMO,IAAmBN,IAClBD,EAAkB,SAAS,YAAYK,IACxCV;AAEN,SAAAa,EAAU,MAAM;AACZ,IAAKP,KAILR,IAAmBc,CAAgB;AAAA,EACvC,GAAG,CAACN,GAAyBR,GAAkBc,CAAgB,CAAC,GAEhEC,EAAU,MAAM;AACZ,IAAAV,EAAwB,UAAUH;AAAA,EACtC,GAAG,CAACA,CAAQ,CAAC,GAENY;AACX;"}
+{"version":3,"file":"useResponsiveResolvedViewType.js","names":[],"sources":["../../../../src/components/table/runtime/useResponsiveResolvedViewType.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { resolveResponsiveViewType } from '../model/resolveResponsiveViewType';\nimport parsePixelSize from '../shared/parsePixelSize';\nimport type { TableResponsiveBreakpoint, TableViewType } from '../Table.types';\n\ntype UseResponsiveResolvedViewTypeProps = {\n    onViewTypeChange?: (viewType: TableViewType) => void;\n    responsiveBreakpoint?: TableResponsiveBreakpoint;\n    viewType: TableViewType;\n    wrapperTableWidth?: string | number;\n    wrapperWidth?: number;\n};\n\n/**\n * Resolves the effective table view when responsive breakpoints and manual view changes are both active.\n *\n * With `responsiveBreakpoint`, the table derives a responsive view bucket from the current rendered width:\n * `TABLE`, `MULTI_CARDS`, or `SINGLE_CARD`.\n *\n * Manual view changes are intentionally sticky within the current responsive bucket. Example:\n * when the width currently resolves to `MULTI_CARDS`, the user can still switch to `TABLE` manually.\n * That manual choice stays active until resizing crosses into a different responsive bucket, at which point\n * the hook clears the override and resolves the view from the current breakpoints again.\n *\n * Without `responsiveBreakpoint`, the hook simply returns the requested `viewType`.\n */\nconst useResponsiveResolvedViewType = (props: UseResponsiveResolvedViewTypeProps): TableViewType => {\n    const { onViewTypeChange, responsiveBreakpoint, viewType, wrapperTableWidth, wrapperWidth } = props;\n\n    const previousPropViewTypeRef = useRef<TableViewType>(viewType);\n    const manualOverrideRef = useRef<{ responsiveViewType: TableViewType; viewType: TableViewType } | undefined>(\n        undefined\n    );\n\n    const hasResponsiveBreakpoint = responsiveBreakpoint !== undefined;\n    const responsiveTableWidth = hasResponsiveBreakpoint\n        ? (parsePixelSize(wrapperTableWidth) ?? wrapperWidth)\n        : undefined;\n    const hasRequestedViewTypeChange = hasResponsiveBreakpoint && viewType !== previousPropViewTypeRef.current;\n\n    const responsiveViewType = hasResponsiveBreakpoint\n        ? resolveResponsiveViewType('TABLE', responsiveTableWidth, responsiveBreakpoint)\n        : viewType;\n\n    if (!hasResponsiveBreakpoint) {\n        manualOverrideRef.current = undefined;\n    } else if (hasRequestedViewTypeChange) {\n        manualOverrideRef.current = {\n            responsiveViewType,\n            viewType,\n        };\n    }\n\n    if (hasResponsiveBreakpoint && manualOverrideRef.current?.responsiveViewType !== responsiveViewType) {\n        manualOverrideRef.current = undefined;\n    }\n\n    const resolvedViewType = hasResponsiveBreakpoint\n        ? (manualOverrideRef.current?.viewType ?? responsiveViewType)\n        : viewType;\n\n    useEffect(() => {\n        if (!hasResponsiveBreakpoint) {\n            return;\n        }\n\n        onViewTypeChange?.(resolvedViewType);\n    }, [hasResponsiveBreakpoint, onViewTypeChange, resolvedViewType]);\n\n    useEffect(() => {\n        previousPropViewTypeRef.current = viewType;\n    }, [viewType]);\n\n    return resolvedViewType;\n};\n\nexport default useResponsiveResolvedViewType;\n"],"mappings":";;;;AA2BA,IAAM,KAAiC,MAA6D;CAChG,IAAM,EAAE,qBAAkB,yBAAsB,aAAU,sBAAmB,oBAAiB,GAExF,IAA0B,EAAsB,CAAQ,GACxD,IAAoB,EACtB,KAAA,CACJ,GAEM,IAA0B,MAAyB,KAAA,GACnD,IAAuB,IACtB,EAAe,CAAiB,KAAK,IACtC,KAAA,GACA,IAA6B,KAA2B,MAAa,EAAwB,SAE7F,IAAqB,IACrB,EAA0B,SAAS,GAAsB,CAAoB,IAC7E;CAWN,AATK,IAEM,MACP,EAAkB,UAAU;EACxB;EACA;CACJ,KALA,EAAkB,UAAU,KAAA,GAQ5B,KAA2B,EAAkB,SAAS,uBAAuB,MAC7E,EAAkB,UAAU,KAAA;CAGhC,IAAM,IAAmB,IAClB,EAAkB,SAAS,YAAY,IACxC;CAcN,OAZA,QAAgB;EACP,KAIL,IAAmB,CAAgB;CACvC,GAAG;EAAC;EAAyB;EAAkB;CAAgB,CAAC,GAEhE,QAAgB;EACZ,EAAwB,UAAU;CACtC,GAAG,CAAC,CAAQ,CAAC,GAEN;AACX"}

package/components/table/selection/useInternalTableSelectionState.js

@@ -1,40 +1,23 @@
-import { useMemo as s } from "react";
-const k = (b) => {
-  const { bodyRows: n, selectedRowIds: g, onSelectionChange: o } = b, d = s(
-    () => n.filter(
-      (e) => (e.kind === "data" || e.kind === "expanded" || e.kind === "group") && !e.disabled && e.selectable !== !1
-    ).map((e) => e.rowId),
-    [n]
-  ), a = s(() => new Set(d), [d]), t = s(
-    () => n.filter(
-      (e) => (e.kind === "data" || e.kind === "group") && !e.disabled && e.selectable !== !1
-    ).map((e) => e.rowId),
-    [n]
-  ), l = g ?? [], i = s(() => new Set(l), [l]), S = s(
-    () => l.filter((e) => t.includes(e)),
-    [l, t]
-  ), R = s(
-    () => new Set(S),
-    [S]
-  ), c = t.length > 0 && t.every((e) => R.has(e)), u = R.size > 0 && !c, h = t.length > 0;
-  return {
-    currentSelectedRowIds: l,
-    selectedRowIdSet: i,
-    selectableRowIdSet: a,
-    isAllRowsSelected: c,
-    isSomeRowsSelected: u,
-    hasSelectableRows: h,
-    handleToggleAllSelection: () => {
-      o?.(c ? [] : t);
-    },
-    handleToggleRowSelection: (e) => {
-      !o || !a.has(e) || o(
-        i.has(e) ? l.filter((r) => r !== e) : [...l, e]
-      );
-    }
-  };
+import { useMemo as e } from "react";
+//#region src/components/table/selection/useInternalTableSelectionState.ts
+var t = (t) => {
+	let { bodyRows: n, selectedRowIds: r, onSelectionChange: i } = t, a = e(() => n.filter((e) => (e.kind === "data" || e.kind === "expanded" || e.kind === "group") && !e.disabled && e.selectable !== !1).map((e) => e.rowId), [n]), o = e(() => new Set(a), [a]), s = e(() => n.filter((e) => (e.kind === "data" || e.kind === "group") && !e.disabled && e.selectable !== !1).map((e) => e.rowId), [n]), c = r ?? [], l = e(() => new Set(c), [c]), u = e(() => c.filter((e) => s.includes(e)), [c, s]), d = e(() => new Set(u), [u]), f = s.length > 0 && s.every((e) => d.has(e));
+	return {
+		currentSelectedRowIds: c,
+		selectedRowIdSet: l,
+		selectableRowIdSet: o,
+		isAllRowsSelected: f,
+		isSomeRowsSelected: d.size > 0 && !f,
+		hasSelectableRows: s.length > 0,
+		handleToggleAllSelection: () => {
+			i?.(f ? [] : s);
+		},
+		handleToggleRowSelection: (e) => {
+			!i || !o.has(e) || i(l.has(e) ? c.filter((t) => t !== e) : [...c, e]);
+		}
+	};
 };
-export {
-  k as default
-};
-//# sourceMappingURL=useInternalTableSelectionState.js.map
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=useInternalTableSelectionState.js.map

package/components/table/selection/useInternalTableSelectionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInternalTableSelectionState.js","sources":["../../../../src/components/table/selection/useInternalTableSelectionState.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { RenderBodyRow } from '../context/TableRenderContext';\nimport type { TableRowData, TableRowId } from '../Table.types';\n\ntype UseInternalTableSelectionStateOptions<RowType extends TableRowData> = {\n    bodyRows: RenderBodyRow<RowType>[];\n    selectedRowIds?: TableRowId[];\n    onSelectionChange?: (rowIds: TableRowId[]) => void;\n};\n\ntype UseInternalTableSelectionStateReturn = {\n    currentSelectedRowIds: TableRowId[];\n    selectedRowIdSet: Set<TableRowId>;\n    selectableRowIdSet: Set<TableRowId>;\n    isAllRowsSelected: boolean;\n    isSomeRowsSelected: boolean;\n    hasSelectableRows: boolean;\n    handleToggleAllSelection: () => void;\n    handleToggleRowSelection: (rowId: TableRowId) => void;\n};\n\nconst useInternalTableSelectionState = <RowType extends TableRowData>(\n    props: UseInternalTableSelectionStateOptions<RowType>\n): UseInternalTableSelectionStateReturn => {\n    const { bodyRows, selectedRowIds, onSelectionChange } = props;\n\n    const selectableRowIds = useMemo(\n        () =>\n            bodyRows\n                .filter(\n                    row =>\n                        (row.kind === 'data' || row.kind === 'expanded' || row.kind === 'group') &&\n                        !row.disabled &&\n                        row.selectable !== false\n                )\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n\n    const bulkSelectableRowIds = useMemo(\n        () =>\n            bodyRows\n                .filter(\n                    row => (row.kind === 'data' || row.kind === 'group') && !row.disabled && row.selectable !== false\n                )\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n\n    const currentSelectedRowIds = selectedRowIds ?? [];\n    const currentSelectedRowIdSet = useMemo(() => new Set(currentSelectedRowIds), [currentSelectedRowIds]);\n\n    const selectedBulkSelectableRowIds = useMemo(\n        () => currentSelectedRowIds.filter(rowId => bulkSelectableRowIds.includes(rowId)),\n        [currentSelectedRowIds, bulkSelectableRowIds]\n    );\n\n    const selectedBulkSelectableRowIdSet = useMemo(\n        () => new Set(selectedBulkSelectableRowIds),\n        [selectedBulkSelectableRowIds]\n    );\n\n    const isAllRowsSelected =\n        bulkSelectableRowIds.length > 0 &&\n        bulkSelectableRowIds.every(rowId => selectedBulkSelectableRowIdSet.has(rowId));\n\n    const isSomeRowsSelected = selectedBulkSelectableRowIdSet.size > 0 && !isAllRowsSelected;\n    const hasSelectableRows = bulkSelectableRowIds.length > 0;\n\n    const handleToggleAllSelection = () => {\n        onSelectionChange?.(isAllRowsSelected ? [] : bulkSelectableRowIds);\n    };\n\n    const handleToggleRowSelection = (rowId: TableRowId) => {\n        if (!onSelectionChange || !selectableRowIdSet.has(rowId)) {\n            return;\n        }\n\n        onSelectionChange(\n            currentSelectedRowIdSet.has(rowId)\n                ? currentSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...currentSelectedRowIds, rowId]\n        );\n    };\n\n    return {\n        currentSelectedRowIds,\n        selectedRowIdSet: currentSelectedRowIdSet,\n        selectableRowIdSet,\n        isAllRowsSelected,\n        isSomeRowsSelected,\n        hasSelectableRows,\n        handleToggleAllSelection,\n        handleToggleRowSelection,\n    };\n};\n\nexport default useInternalTableSelectionState;\n"],"names":["useInternalTableSelectionState","props","bodyRows","selectedRowIds","onSelectionChange","selectableRowIds","useMemo","row","selectableRowIdSet","bulkSelectableRowIds","currentSelectedRowIds","currentSelectedRowIdSet","selectedBulkSelectableRowIds","rowId","selectedBulkSelectableRowIdSet","isAllRowsSelected","isSomeRowsSelected","hasSelectableRows","selectedRowId"],"mappings":";AAsBA,MAAMA,IAAiC,CACnCC,MACuC;AACvC,QAAM,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBH,GAElDI,IAAmBC;AAAA,IACrB,MACIJ,EACK;AAAA,MACG,CAAAK,OACKA,EAAI,SAAS,UAAUA,EAAI,SAAS,cAAcA,EAAI,SAAS,YAChE,CAACA,EAAI,YACLA,EAAI,eAAe;AAAA,IAAA,EAE1B,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IAC7B,CAACL,CAAQ;AAAA,EAAA,GAGPM,IAAqBF,EAAQ,MAAM,IAAI,IAAID,CAAgB,GAAG,CAACA,CAAgB,CAAC,GAEhFI,IAAuBH;AAAA,IACzB,MACIJ,EACK;AAAA,MACG,CAAAK,OAAQA,EAAI,SAAS,UAAUA,EAAI,SAAS,YAAY,CAACA,EAAI,YAAYA,EAAI,eAAe;AAAA,IAAA,EAE/F,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IAC7B,CAACL,CAAQ;AAAA,EAAA,GAGPQ,IAAwBP,KAAkB,CAAA,GAC1CQ,IAA0BL,EAAQ,MAAM,IAAI,IAAII,CAAqB,GAAG,CAACA,CAAqB,CAAC,GAE/FE,IAA+BN;AAAA,IACjC,MAAMI,EAAsB,OAAO,OAASD,EAAqB,SAASI,CAAK,CAAC;AAAA,IAChF,CAACH,GAAuBD,CAAoB;AAAA,EAAA,GAG1CK,IAAiCR;AAAA,IACnC,MAAM,IAAI,IAAIM,CAA4B;AAAA,IAC1C,CAACA,CAA4B;AAAA,EAAA,GAG3BG,IACFN,EAAqB,SAAS,KAC9BA,EAAqB,MAAM,CAAAI,MAASC,EAA+B,IAAID,CAAK,CAAC,GAE3EG,IAAqBF,EAA+B,OAAO,KAAK,CAACC,GACjEE,IAAoBR,EAAqB,SAAS;AAkBxD,SAAO;AAAA,IACH,uBAAAC;AAAA,IACA,kBAAkBC;AAAA,IAClB,oBAAAH;AAAA,IACA,mBAAAO;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,0BAvB6B,MAAM;AACnC,MAAAb,IAAoBW,IAAoB,CAAA,IAAKN,CAAoB;AAAA,IACrE;AAAA,IAsBI,0BApB6B,CAACI,MAAsB;AACpD,MAAI,CAACT,KAAqB,CAACI,EAAmB,IAAIK,CAAK,KAIvDT;AAAA,QACIO,EAAwB,IAAIE,CAAK,IAC3BH,EAAsB,OAAO,CAAAQ,MAAiBA,MAAkBL,CAAK,IACrE,CAAC,GAAGH,GAAuBG,CAAK;AAAA,MAAA;AAAA,IAE9C;AAAA,EAUI;AAER;"}
+{"version":3,"file":"useInternalTableSelectionState.js","names":[],"sources":["../../../../src/components/table/selection/useInternalTableSelectionState.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { RenderBodyRow } from '../context/TableRenderContext';\nimport type { TableRowData, TableRowId } from '../Table.types';\n\ntype UseInternalTableSelectionStateOptions<RowType extends TableRowData> = {\n    bodyRows: RenderBodyRow<RowType>[];\n    selectedRowIds?: TableRowId[];\n    onSelectionChange?: (rowIds: TableRowId[]) => void;\n};\n\ntype UseInternalTableSelectionStateReturn = {\n    currentSelectedRowIds: TableRowId[];\n    selectedRowIdSet: Set<TableRowId>;\n    selectableRowIdSet: Set<TableRowId>;\n    isAllRowsSelected: boolean;\n    isSomeRowsSelected: boolean;\n    hasSelectableRows: boolean;\n    handleToggleAllSelection: () => void;\n    handleToggleRowSelection: (rowId: TableRowId) => void;\n};\n\nconst useInternalTableSelectionState = <RowType extends TableRowData>(\n    props: UseInternalTableSelectionStateOptions<RowType>\n): UseInternalTableSelectionStateReturn => {\n    const { bodyRows, selectedRowIds, onSelectionChange } = props;\n\n    const selectableRowIds = useMemo(\n        () =>\n            bodyRows\n                .filter(\n                    row =>\n                        (row.kind === 'data' || row.kind === 'expanded' || row.kind === 'group') &&\n                        !row.disabled &&\n                        row.selectable !== false\n                )\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n\n    const bulkSelectableRowIds = useMemo(\n        () =>\n            bodyRows\n                .filter(\n                    row => (row.kind === 'data' || row.kind === 'group') && !row.disabled && row.selectable !== false\n                )\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n\n    const currentSelectedRowIds = selectedRowIds ?? [];\n    const currentSelectedRowIdSet = useMemo(() => new Set(currentSelectedRowIds), [currentSelectedRowIds]);\n\n    const selectedBulkSelectableRowIds = useMemo(\n        () => currentSelectedRowIds.filter(rowId => bulkSelectableRowIds.includes(rowId)),\n        [currentSelectedRowIds, bulkSelectableRowIds]\n    );\n\n    const selectedBulkSelectableRowIdSet = useMemo(\n        () => new Set(selectedBulkSelectableRowIds),\n        [selectedBulkSelectableRowIds]\n    );\n\n    const isAllRowsSelected =\n        bulkSelectableRowIds.length > 0 &&\n        bulkSelectableRowIds.every(rowId => selectedBulkSelectableRowIdSet.has(rowId));\n\n    const isSomeRowsSelected = selectedBulkSelectableRowIdSet.size > 0 && !isAllRowsSelected;\n    const hasSelectableRows = bulkSelectableRowIds.length > 0;\n\n    const handleToggleAllSelection = () => {\n        onSelectionChange?.(isAllRowsSelected ? [] : bulkSelectableRowIds);\n    };\n\n    const handleToggleRowSelection = (rowId: TableRowId) => {\n        if (!onSelectionChange || !selectableRowIdSet.has(rowId)) {\n            return;\n        }\n\n        onSelectionChange(\n            currentSelectedRowIdSet.has(rowId)\n                ? currentSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...currentSelectedRowIds, rowId]\n        );\n    };\n\n    return {\n        currentSelectedRowIds,\n        selectedRowIdSet: currentSelectedRowIdSet,\n        selectableRowIdSet,\n        isAllRowsSelected,\n        isSomeRowsSelected,\n        hasSelectableRows,\n        handleToggleAllSelection,\n        handleToggleRowSelection,\n    };\n};\n\nexport default useInternalTableSelectionState;\n"],"mappings":";;AAsBA,IAAM,KACF,MACuC;CACvC,IAAM,EAAE,aAAU,mBAAgB,yBAAsB,GAElD,IAAmB,QAEjB,EACK,QACG,OACK,EAAI,SAAS,UAAU,EAAI,SAAS,cAAc,EAAI,SAAS,YAChE,CAAC,EAAI,YACL,EAAI,eAAe,EAC3B,CAAC,CACA,KAAI,MAAO,EAAI,KAAK,GAC7B,CAAC,CAAQ,CACb,GAEM,IAAqB,QAAc,IAAI,IAAI,CAAgB,GAAG,CAAC,CAAgB,CAAC,GAEhF,IAAuB,QAErB,EACK,QACG,OAAQ,EAAI,SAAS,UAAU,EAAI,SAAS,YAAY,CAAC,EAAI,YAAY,EAAI,eAAe,EAChG,CAAC,CACA,KAAI,MAAO,EAAI,KAAK,GAC7B,CAAC,CAAQ,CACb,GAEM,IAAwB,KAAkB,CAAC,GAC3C,IAA0B,QAAc,IAAI,IAAI,CAAqB,GAAG,CAAC,CAAqB,CAAC,GAE/F,IAA+B,QAC3B,EAAsB,QAAO,MAAS,EAAqB,SAAS,CAAK,CAAC,GAChF,CAAC,GAAuB,CAAoB,CAChD,GAEM,IAAiC,QAC7B,IAAI,IAAI,CAA4B,GAC1C,CAAC,CAA4B,CACjC,GAEM,IACF,EAAqB,SAAS,KAC9B,EAAqB,OAAM,MAAS,EAA+B,IAAI,CAAK,CAAC;CAqBjF,OAAO;EACH;EACA,kBAAkB;EAClB;EACA;EACA,oBAxBuB,EAA+B,OAAO,KAAK,CAAC;EAyBnE,mBAxBsB,EAAqB,SAAS;EAyBpD,gCAvBmC;GACnC,IAAoB,IAAoB,CAAC,IAAI,CAAoB;EACrE;EAsBI,2BApB8B,MAAsB;GAChD,CAAC,KAAqB,CAAC,EAAmB,IAAI,CAAK,KAIvD,EACI,EAAwB,IAAI,CAAK,IAC3B,EAAsB,QAAO,MAAiB,MAAkB,CAAK,IACrE,CAAC,GAAG,GAAuB,CAAK,CAC1C;EACJ;CAWA;AACJ"}

package/components/table/selection/useTableSelection.js

@@ -1,46 +1,40 @@
-import { useMemo as r, useState as d, useEffect as x } from "react";
-import { resolveRowKey as m } from "../model/resolveRowMeta.js";
-const j = (u) => {
-  const { rows: o, rowKey: a, initialActiveRowId: w, initialSelectedRowIds: R = [], isRowSelectable: f } = u, h = r(() => o.map((e, t) => m(e, t, a)), [o, a]), S = r(() => new Set(h), [h]), n = r(
-    () => o.flatMap((e, t) => {
-      const l = m(e, t, a);
-      return f?.(e, t) === !1 ? [] : [l];
-    }),
-    [f, a, o]
-  ), i = r(() => new Set(n), [n]), [y, g] = d(w), [s, c] = d(R);
-  x(() => {
-    c((e) => {
-      const t = e.filter(
-        (l) => S.has(l) && i.has(l)
-      );
-      return t.length === e.length && t.every((l, M) => l === e[M]) ? e : t;
-    }), g(
-      (e) => e !== void 0 && S.has(e) ? e : void 0
-    );
-  }, [S, i]);
-  const b = (e) => {
-    i.has(e) && c(
-      (t) => t.includes(e) ? t.filter((l) => l !== e) : [...t, e]
-    );
-  }, A = (e = !n.every((t) => s.includes(t))) => {
-    c(e ? n : []);
-  }, K = () => {
-    c([]);
-  };
-  return {
-    activeRowId: y,
-    selectedRowIds: s,
-    hasSelection: s.length > 0,
-    isAllSelected: n.length > 0 && n.every((e) => s.includes(e)),
-    isRowSelected: (e) => i.has(e) && s.includes(e),
-    setActiveRowId: g,
-    setSelectedRowIds: c,
-    toggleRowSelection: b,
-    toggleAllSelection: A,
-    clearSelection: K
-  };
+import { resolveRowKey as e } from "../model/resolveRowMeta.js";
+import { useEffect as t, useMemo as n, useState as r } from "react";
+//#region src/components/table/selection/useTableSelection.ts
+var i = (i) => {
+	let { rows: a, rowKey: o, initialActiveRowId: s, initialSelectedRowIds: c = [], isRowSelectable: l } = i, u = n(() => a.map((t, n) => e(t, n, o)), [a, o]), d = n(() => new Set(u), [u]), f = n(() => a.flatMap((t, n) => {
+		let r = e(t, n, o);
+		return l?.(t, n) === !1 ? [] : [r];
+	}), [
+		l,
+		o,
+		a
+	]), p = n(() => new Set(f), [f]), [m, h] = r(s), [g, _] = r(c);
+	return t(() => {
+		_((e) => {
+			let t = e.filter((e) => d.has(e) && p.has(e));
+			return t.length === e.length && t.every((t, n) => t === e[n]) ? e : t;
+		}), h((e) => e !== void 0 && d.has(e) ? e : void 0);
+	}, [d, p]), {
+		activeRowId: m,
+		selectedRowIds: g,
+		hasSelection: g.length > 0,
+		isAllSelected: f.length > 0 && f.every((e) => g.includes(e)),
+		isRowSelected: (e) => p.has(e) && g.includes(e),
+		setActiveRowId: h,
+		setSelectedRowIds: _,
+		toggleRowSelection: (e) => {
+			p.has(e) && _((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		},
+		toggleAllSelection: (e = !f.every((e) => g.includes(e))) => {
+			_(e ? f : []);
+		},
+		clearSelection: () => {
+			_([]);
+		}
+	};
 };
-export {
-  j as default
-};
-//# sourceMappingURL=useTableSelection.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=useTableSelection.js.map

package/components/table/selection/useTableSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSelection.js","sources":["../../../../src/components/table/selection/useTableSelection.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { resolveRowKey } from '../model/resolveRowMeta';\nimport type { TableRowData, TableRowId, TableRowSelectable } from '../Table.types';\n\n/**\n * Configuration for `useTableSelection`.\n */\nexport type UseTableSelectionOptions<RowType extends TableRowData> = {\n    /**\n     * Data rows that participate in active-row and selection state.\n     */\n    rows: RowType[];\n\n    /**\n     * Optional key accessor used to derive stable row ids.\n     *\n     * If omitted, the row index is used as a fallback.\n     */\n    rowKey?: keyof RowType | ((row: RowType, rowIndex: number) => TableRowId);\n\n    /**\n     * Optional initially active row id.\n     */\n    initialActiveRowId?: TableRowId;\n\n    /**\n     * Optional predicate to exclude rows from selection.\n     */\n    isRowSelectable?: TableRowSelectable<RowType>;\n\n    /**\n     * Optional initially selected row ids.\n     */\n    initialSelectedRowIds?: TableRowId[];\n};\n\n/**\n * Selection and active-row state returned by `useTableSelection`.\n */\nexport type UseTableSelectionReturn = {\n    /**\n     * Currently active row id.\n     */\n    activeRowId?: TableRowId;\n\n    /**\n     * Currently selected row ids.\n     */\n    selectedRowIds: TableRowId[];\n\n    /**\n     * Whether at least one row is currently selected.\n     */\n    hasSelection: boolean;\n\n    /**\n     * Whether all current rows are selected.\n     */\n    isAllSelected: boolean;\n\n    /**\n     * Checks whether a given row id is currently selected.\n     */\n    isRowSelected: (rowId: TableRowId) => boolean;\n\n    /**\n     * Sets the current active row id.\n     */\n    setActiveRowId: (rowId: TableRowId | undefined) => void;\n\n    /**\n     * Replaces the current selection with the provided row ids.\n     */\n    setSelectedRowIds: (rowIds: TableRowId[]) => void;\n\n    /**\n     * Toggles selection state for a single row id.\n     */\n    toggleRowSelection: (rowId: TableRowId) => void;\n\n    /**\n     * Selects or deselects all current rows.\n     *\n     * If `shouldSelect` is omitted, the hook toggles based on the current\n     * all-selected state.\n     */\n    toggleAllSelection: (shouldSelect?: boolean) => void;\n\n    /**\n     * Clears the current selection.\n     */\n    clearSelection: () => void;\n};\n\n/**\n * Small helper hook for controlled table demos and simple table integrations\n * that need active-row state plus checkbox selection state.\n *\n * The hook derives stable row ids from `rows` and `rowKey`, keeps the active\n * row and selection in sync when rows change, and provides convenience helpers\n * for single-row and all-row toggling.\n */\nconst useTableSelection = <RowType extends TableRowData>(\n    props: UseTableSelectionOptions<RowType>\n): UseTableSelectionReturn => {\n    const { rows, rowKey, initialActiveRowId, initialSelectedRowIds = [], isRowSelectable } = props;\n\n    const rowIds = useMemo(() => rows.map((row, rowIndex) => resolveRowKey(row, rowIndex, rowKey)), [rows, rowKey]);\n    const rowIdSet = useMemo(() => new Set(rowIds), [rowIds]);\n    const selectableRowIds = useMemo(\n        () =>\n            rows.flatMap((row, rowIndex) => {\n                const rowId = resolveRowKey(row, rowIndex, rowKey);\n                return isRowSelectable?.(row, rowIndex) === false ? [] : [rowId];\n            }),\n        [isRowSelectable, rowKey, rows]\n    );\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n\n    const [activeRowId, setActiveRowId] = useState<TableRowId | undefined>(initialActiveRowId);\n    const [selectedRowIds, setSelectedRowIds] = useState<TableRowId[]>(initialSelectedRowIds);\n\n    useEffect(() => {\n        setSelectedRowIds(previousSelectedRowIds => {\n            const nextSelectedRowIds = previousSelectedRowIds.filter(\n                rowId => rowIdSet.has(rowId) && selectableRowIdSet.has(rowId)\n            );\n\n            return nextSelectedRowIds.length === previousSelectedRowIds.length &&\n                nextSelectedRowIds.every((rowId, index) => rowId === previousSelectedRowIds[index])\n                ? previousSelectedRowIds\n                : nextSelectedRowIds;\n        });\n        setActiveRowId(previousActiveRowId =>\n            previousActiveRowId !== undefined && rowIdSet.has(previousActiveRowId) ? previousActiveRowId : undefined\n        );\n    }, [rowIdSet, selectableRowIdSet]);\n\n    const toggleRowSelection = (rowId: TableRowId) => {\n        if (!selectableRowIdSet.has(rowId)) {\n            return;\n        }\n\n        setSelectedRowIds(previousSelectedRowIds =>\n            previousSelectedRowIds.includes(rowId)\n                ? previousSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...previousSelectedRowIds, rowId]\n        );\n    };\n\n    const toggleAllSelection = (shouldSelect = !selectableRowIds.every(rowId => selectedRowIds.includes(rowId))) => {\n        setSelectedRowIds(shouldSelect ? selectableRowIds : []);\n    };\n\n    const clearSelection = () => {\n        setSelectedRowIds([]);\n    };\n\n    return {\n        activeRowId,\n        selectedRowIds,\n        hasSelection: selectedRowIds.length > 0,\n        isAllSelected: selectableRowIds.length > 0 && selectableRowIds.every(rowId => selectedRowIds.includes(rowId)),\n        isRowSelected: rowId => selectableRowIdSet.has(rowId) && selectedRowIds.includes(rowId),\n        setActiveRowId,\n        setSelectedRowIds,\n        toggleRowSelection,\n        toggleAllSelection,\n        clearSelection,\n    };\n};\n\nexport default useTableSelection;\n"],"names":["useTableSelection","props","rows","rowKey","initialActiveRowId","initialSelectedRowIds","isRowSelectable","rowIds","useMemo","row","rowIndex","resolveRowKey","rowIdSet","selectableRowIds","rowId","selectableRowIdSet","activeRowId","setActiveRowId","useState","selectedRowIds","setSelectedRowIds","useEffect","previousSelectedRowIds","nextSelectedRowIds","index","previousActiveRowId","toggleRowSelection","selectedRowId","toggleAllSelection","shouldSelect","clearSelection"],"mappings":";;AAuGA,MAAMA,IAAoB,CACtBC,MAC0B;AAC1B,QAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,oBAAAC,GAAoB,uBAAAC,IAAwB,CAAA,GAAI,iBAAAC,MAAoBL,GAEpFM,IAASC,EAAQ,MAAMN,EAAK,IAAI,CAACO,GAAKC,MAAaC,EAAcF,GAAKC,GAAUP,CAAM,CAAC,GAAG,CAACD,GAAMC,CAAM,CAAC,GACxGS,IAAWJ,EAAQ,MAAM,IAAI,IAAID,CAAM,GAAG,CAACA,CAAM,CAAC,GAClDM,IAAmBL;AAAA,IACrB,MACIN,EAAK,QAAQ,CAACO,GAAKC,MAAa;AAC5B,YAAMI,IAAQH,EAAcF,GAAKC,GAAUP,CAAM;AACjD,aAAOG,IAAkBG,GAAKC,CAAQ,MAAM,KAAQ,CAAA,IAAK,CAACI,CAAK;AAAA,IACnE,CAAC;AAAA,IACL,CAACR,GAAiBH,GAAQD,CAAI;AAAA,EAAA,GAE5Ba,IAAqBP,EAAQ,MAAM,IAAI,IAAIK,CAAgB,GAAG,CAACA,CAAgB,CAAC,GAEhF,CAACG,GAAaC,CAAc,IAAIC,EAAiCd,CAAkB,GACnF,CAACe,GAAgBC,CAAiB,IAAIF,EAAuBb,CAAqB;AAExF,EAAAgB,EAAU,MAAM;AACZ,IAAAD,EAAkB,CAAAE,MAA0B;AACxC,YAAMC,IAAqBD,EAAuB;AAAA,QAC9C,OAASV,EAAS,IAAIE,CAAK,KAAKC,EAAmB,IAAID,CAAK;AAAA,MAAA;AAGhE,aAAOS,EAAmB,WAAWD,EAAuB,UACxDC,EAAmB,MAAM,CAACT,GAAOU,MAAUV,MAAUQ,EAAuBE,CAAK,CAAC,IAChFF,IACAC;AAAA,IACV,CAAC,GACDN;AAAA,MAAe,OACXQ,MAAwB,UAAab,EAAS,IAAIa,CAAmB,IAAIA,IAAsB;AAAA,IAAA;AAAA,EAEvG,GAAG,CAACb,GAAUG,CAAkB,CAAC;AAEjC,QAAMW,IAAqB,CAACZ,MAAsB;AAC9C,IAAKC,EAAmB,IAAID,CAAK,KAIjCM;AAAA,MAAkB,CAAAE,MACdA,EAAuB,SAASR,CAAK,IAC/BQ,EAAuB,OAAO,CAAAK,MAAiBA,MAAkBb,CAAK,IACtE,CAAC,GAAGQ,GAAwBR,CAAK;AAAA,IAAA;AAAA,EAE/C,GAEMc,IAAqB,CAACC,IAAe,CAAChB,EAAiB,MAAM,CAAAC,MAASK,EAAe,SAASL,CAAK,CAAC,MAAM;AAC5G,IAAAM,EAAkBS,IAAehB,IAAmB,EAAE;AAAA,EAC1D,GAEMiB,IAAiB,MAAM;AACzB,IAAAV,EAAkB,CAAA,CAAE;AAAA,EACxB;AAEA,SAAO;AAAA,IACH,aAAAJ;AAAA,IACA,gBAAAG;AAAA,IACA,cAAcA,EAAe,SAAS;AAAA,IACtC,eAAeN,EAAiB,SAAS,KAAKA,EAAiB,MAAM,CAAAC,MAASK,EAAe,SAASL,CAAK,CAAC;AAAA,IAC5G,eAAe,OAASC,EAAmB,IAAID,CAAK,KAAKK,EAAe,SAASL,CAAK;AAAA,IACtF,gBAAAG;AAAA,IACA,mBAAAG;AAAA,IACA,oBAAAM;AAAA,IACA,oBAAAE;AAAA,IACA,gBAAAE;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useTableSelection.js","names":[],"sources":["../../../../src/components/table/selection/useTableSelection.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { resolveRowKey } from '../model/resolveRowMeta';\nimport type { TableRowData, TableRowId, TableRowSelectable } from '../Table.types';\n\n/**\n * Configuration for `useTableSelection`.\n */\nexport type UseTableSelectionOptions<RowType extends TableRowData> = {\n    /**\n     * Data rows that participate in active-row and selection state.\n     */\n    rows: RowType[];\n\n    /**\n     * Optional key accessor used to derive stable row ids.\n     *\n     * If omitted, the row index is used as a fallback.\n     */\n    rowKey?: keyof RowType | ((row: RowType, rowIndex: number) => TableRowId);\n\n    /**\n     * Optional initially active row id.\n     */\n    initialActiveRowId?: TableRowId;\n\n    /**\n     * Optional predicate to exclude rows from selection.\n     */\n    isRowSelectable?: TableRowSelectable<RowType>;\n\n    /**\n     * Optional initially selected row ids.\n     */\n    initialSelectedRowIds?: TableRowId[];\n};\n\n/**\n * Selection and active-row state returned by `useTableSelection`.\n */\nexport type UseTableSelectionReturn = {\n    /**\n     * Currently active row id.\n     */\n    activeRowId?: TableRowId;\n\n    /**\n     * Currently selected row ids.\n     */\n    selectedRowIds: TableRowId[];\n\n    /**\n     * Whether at least one row is currently selected.\n     */\n    hasSelection: boolean;\n\n    /**\n     * Whether all current rows are selected.\n     */\n    isAllSelected: boolean;\n\n    /**\n     * Checks whether a given row id is currently selected.\n     */\n    isRowSelected: (rowId: TableRowId) => boolean;\n\n    /**\n     * Sets the current active row id.\n     */\n    setActiveRowId: (rowId: TableRowId | undefined) => void;\n\n    /**\n     * Replaces the current selection with the provided row ids.\n     */\n    setSelectedRowIds: (rowIds: TableRowId[]) => void;\n\n    /**\n     * Toggles selection state for a single row id.\n     */\n    toggleRowSelection: (rowId: TableRowId) => void;\n\n    /**\n     * Selects or deselects all current rows.\n     *\n     * If `shouldSelect` is omitted, the hook toggles based on the current\n     * all-selected state.\n     */\n    toggleAllSelection: (shouldSelect?: boolean) => void;\n\n    /**\n     * Clears the current selection.\n     */\n    clearSelection: () => void;\n};\n\n/**\n * Small helper hook for controlled table demos and simple table integrations\n * that need active-row state plus checkbox selection state.\n *\n * The hook derives stable row ids from `rows` and `rowKey`, keeps the active\n * row and selection in sync when rows change, and provides convenience helpers\n * for single-row and all-row toggling.\n */\nconst useTableSelection = <RowType extends TableRowData>(\n    props: UseTableSelectionOptions<RowType>\n): UseTableSelectionReturn => {\n    const { rows, rowKey, initialActiveRowId, initialSelectedRowIds = [], isRowSelectable } = props;\n\n    const rowIds = useMemo(() => rows.map((row, rowIndex) => resolveRowKey(row, rowIndex, rowKey)), [rows, rowKey]);\n    const rowIdSet = useMemo(() => new Set(rowIds), [rowIds]);\n    const selectableRowIds = useMemo(\n        () =>\n            rows.flatMap((row, rowIndex) => {\n                const rowId = resolveRowKey(row, rowIndex, rowKey);\n                return isRowSelectable?.(row, rowIndex) === false ? [] : [rowId];\n            }),\n        [isRowSelectable, rowKey, rows]\n    );\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n\n    const [activeRowId, setActiveRowId] = useState<TableRowId | undefined>(initialActiveRowId);\n    const [selectedRowIds, setSelectedRowIds] = useState<TableRowId[]>(initialSelectedRowIds);\n\n    useEffect(() => {\n        setSelectedRowIds(previousSelectedRowIds => {\n            const nextSelectedRowIds = previousSelectedRowIds.filter(\n                rowId => rowIdSet.has(rowId) && selectableRowIdSet.has(rowId)\n            );\n\n            return nextSelectedRowIds.length === previousSelectedRowIds.length &&\n                nextSelectedRowIds.every((rowId, index) => rowId === previousSelectedRowIds[index])\n                ? previousSelectedRowIds\n                : nextSelectedRowIds;\n        });\n        setActiveRowId(previousActiveRowId =>\n            previousActiveRowId !== undefined && rowIdSet.has(previousActiveRowId) ? previousActiveRowId : undefined\n        );\n    }, [rowIdSet, selectableRowIdSet]);\n\n    const toggleRowSelection = (rowId: TableRowId) => {\n        if (!selectableRowIdSet.has(rowId)) {\n            return;\n        }\n\n        setSelectedRowIds(previousSelectedRowIds =>\n            previousSelectedRowIds.includes(rowId)\n                ? previousSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...previousSelectedRowIds, rowId]\n        );\n    };\n\n    const toggleAllSelection = (shouldSelect = !selectableRowIds.every(rowId => selectedRowIds.includes(rowId))) => {\n        setSelectedRowIds(shouldSelect ? selectableRowIds : []);\n    };\n\n    const clearSelection = () => {\n        setSelectedRowIds([]);\n    };\n\n    return {\n        activeRowId,\n        selectedRowIds,\n        hasSelection: selectedRowIds.length > 0,\n        isAllSelected: selectableRowIds.length > 0 && selectableRowIds.every(rowId => selectedRowIds.includes(rowId)),\n        isRowSelected: rowId => selectableRowIdSet.has(rowId) && selectedRowIds.includes(rowId),\n        setActiveRowId,\n        setSelectedRowIds,\n        toggleRowSelection,\n        toggleAllSelection,\n        clearSelection,\n    };\n};\n\nexport default useTableSelection;\n"],"mappings":";;;AAuGA,IAAM,KACF,MAC0B;CAC1B,IAAM,EAAE,SAAM,WAAQ,uBAAoB,2BAAwB,CAAC,GAAG,uBAAoB,GAEpF,IAAS,QAAc,EAAK,KAAK,GAAK,MAAa,EAAc,GAAK,GAAU,CAAM,CAAC,GAAG,CAAC,GAAM,CAAM,CAAC,GACxG,IAAW,QAAc,IAAI,IAAI,CAAM,GAAG,CAAC,CAAM,CAAC,GAClD,IAAmB,QAEjB,EAAK,SAAS,GAAK,MAAa;EAC5B,IAAM,IAAQ,EAAc,GAAK,GAAU,CAAM;EACjD,OAAO,IAAkB,GAAK,CAAQ,MAAM,KAAQ,CAAC,IAAI,CAAC,CAAK;CACnE,CAAC,GACL;EAAC;EAAiB;EAAQ;CAAI,CAClC,GACM,IAAqB,QAAc,IAAI,IAAI,CAAgB,GAAG,CAAC,CAAgB,CAAC,GAEhF,CAAC,GAAa,KAAkB,EAAiC,CAAkB,GACnF,CAAC,GAAgB,KAAqB,EAAuB,CAAqB;CAsCxF,OApCA,QAAgB;EAWZ,AAVA,GAAkB,MAA0B;GACxC,IAAM,IAAqB,EAAuB,QAC9C,MAAS,EAAS,IAAI,CAAK,KAAK,EAAmB,IAAI,CAAK,CAChE;GAEA,OAAO,EAAmB,WAAW,EAAuB,UACxD,EAAmB,OAAO,GAAO,MAAU,MAAU,EAAuB,EAAM,IAChF,IACA;EACV,CAAC,GACD,GAAe,MACX,MAAwB,KAAA,KAAa,EAAS,IAAI,CAAmB,IAAI,IAAsB,KAAA,CACnG;CACJ,GAAG,CAAC,GAAU,CAAkB,CAAC,GAsB1B;EACH;EACA;EACA,cAAc,EAAe,SAAS;EACtC,eAAe,EAAiB,SAAS,KAAK,EAAiB,OAAM,MAAS,EAAe,SAAS,CAAK,CAAC;EAC5G,gBAAe,MAAS,EAAmB,IAAI,CAAK,KAAK,EAAe,SAAS,CAAK;EACtF;EACA;EACA,qBA5BwB,MAAsB;GACzC,EAAmB,IAAI,CAAK,KAIjC,GAAkB,MACd,EAAuB,SAAS,CAAK,IAC/B,EAAuB,QAAO,MAAiB,MAAkB,CAAK,IACtE,CAAC,GAAG,GAAwB,CAAK,CAC3C;EACJ;EAmBI,qBAjBwB,IAAe,CAAC,EAAiB,OAAM,MAAS,EAAe,SAAS,CAAK,CAAC,MAAM;GAC5G,EAAkB,IAAe,IAAmB,CAAC,CAAC;EAC1D;EAgBI,sBAdyB;GACzB,EAAkB,CAAC,CAAC;EACxB;CAaA;AACJ"}