@rio-cloud/rio-uikit 2.3.0-beta.2 → 2.3.0

package/components/table/runtime/useResolvedRenderColumns.js

@@ -1,6 +1,6 @@
 import { useMemo as l } from "react";
-import { useDraggableColumns as x } from "../layout/useDraggableColumns.js";
-import { useResizableColumns as A } from "../layout/useResizableColumns.js";
+import { useDraggableColumns as A } from "../layout/useDraggableColumns.js";
+import { useResizableColumns as L } from "../layout/useResizableColumns.js";
 const B = (m) => {
   const { columnOrder: g, onColumnOrderChange: C, onColumnResize: y, renderHeaderColumns: t, viewType: d } = m, i = l(
     () => t.flatMap(
@@ -28,18 +28,18 @@ const B = (m) => {
       sortable: e.sortable
     })),
     [i]
-  ), o = d === "TABLE" && n.filter((e) => e.draggable === !0).length > 1, { draggableColumnKeys: R, handleColumnDragEnd: p, orderedColumns: b } = x({
+  ), o = d === "TABLE" && n.filter((e) => e.draggable === !0).length > 1, { draggableColumnKeys: R, handleColumnDragEnd: p, orderedColumns: b } = A({
     columns: n,
     columnOrder: g,
     enabled: o,
     onColumnOrderChange: C
   }), h = d === "TABLE" && b.some((e) => e.resizeable === !0), {
     handleColumnResizeReset: K,
-    handleColumnResizeStart: f,
-    lastResizableColumnKey: M,
-    resettableColumnKeys: W,
+    handleColumnResizeStart: M,
+    lastResizableColumnKey: W,
+    resettableColumnKeys: f,
     resizedColumns: r
-  } = A({
+  } = L({
     columns: b,
     enabled: h,
     onColumnResize: y
@@ -87,21 +87,21 @@ const B = (m) => {
       ])
     ),
     [s]
-  ), L = l(
+  ), x = l(
     () => new Map(s.map((e, a) => [e.columnKey, a])),
     [s]
   );
   return {
     columnDefinitionsByKey: w,
-    columnIndexByKey: L,
+    columnIndexByKey: x,
     draggableColumnKeys: R,
     draggableColumnsEnabled: o,
     handleColumnDragEnd: p,
     handleColumnResizeReset: K,
-    handleColumnResizeStart: f,
-    lastResizableColumnKey: M,
-    resettableColumnKeys: W,
-    renderLeafColumns: i,
+    handleColumnResizeStart: M,
+    lastResizableColumnKey: W,
+    resettableColumnKeys: f,
+    renderDataColumns: i,
     resizeColumnsEnabled: h,
     resolvedRenderColumns: s,
     resizedColumns: r

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    renderLeafColumns: RenderHeaderColumn<RowType>[];\n    resizeColumnsEnabled: boolean;\n    resolvedRenderColumns: RenderHeaderColumn<RowType>[];\n    resizedColumns: ReturnType<typeof useResizableColumns<RowType>>['resizedColumns'];\n};\n\n/**\n * Resolves the leaf-level table 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 leaf columns.\n *\n * This hook therefore:\n * - narrows registered header cells down to leaf columns 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 leaf 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 renderLeafColumns = 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            renderLeafColumns.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        [renderLeafColumns]\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 leaf\n    // columns so the rest of the table can render from one normalized shape.\n    const resolvedRenderColumns = useMemo(() => {\n        const renderColumnsByKey = new Map(renderLeafColumns.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    }, [renderLeafColumns, 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        renderLeafColumns,\n        resizeColumnsEnabled,\n        resolvedRenderColumns,\n        resizedColumns,\n    };\n};\n\nexport default useResolvedRenderColumns;\n"],"names":["useResolvedRenderColumns","props","columnOrder","onColumnOrderChange","onColumnResize","renderHeaderColumns","viewType","renderLeafColumns","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","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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"}

package/components/table/runtime/useResolvedRenderHeader.d.ts

@@ -9,7 +9,7 @@ type UseResolvedRenderHeaderProps<RowType extends TableRowData> = {
 };
 /**
  * Builds the normalized header layout from registered header cells and the
- * already-resolved leaf columns.
+ * already-resolved data columns.
  *
  * `useResolvedRenderColumns(...)` decides which columns actually exist after
  * reorder/resize behavior. This hook takes that flat column model plus the

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 leaf 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","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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"}

package/components/table/runtime/useResponsiveResolvedViewType.d.ts

@@ -0,0 +1,23 @@
+import { TableResponsiveBreakpoint, TableViewType } from '../Table.types';
+type UseResponsiveResolvedViewTypeProps = {
+    onViewTypeChange?: (viewType: TableViewType) => void;
+    responsiveBreakpoint?: TableResponsiveBreakpoint;
+    viewType: TableViewType;
+    wrapperTableWidth?: string | number;
+    wrapperWidth?: number;
+};
+/**
+ * Resolves the effective table view when responsive breakpoints and manual view changes are both active.
+ *
+ * With `responsiveBreakpoint`, the table derives a responsive view bucket from the current rendered width:
+ * `TABLE`, `MULTI_CARDS`, or `SINGLE_CARD`.
+ *
+ * Manual view changes are intentionally sticky within the current responsive bucket. Example:
+ * when the width currently resolves to `MULTI_CARDS`, the user can still switch to `TABLE` manually.
+ * That manual choice stays active until resizing crosses into a different responsive bucket, at which point
+ * the hook clears the override and resolves the view from the current breakpoints again.
+ *
+ * Without `responsiveBreakpoint`, the hook simply returns the requested `viewType`.
+ */
+declare const useResponsiveResolvedViewType: (props: UseResponsiveResolvedViewTypeProps) => TableViewType;
+export default useResponsiveResolvedViewType;

package/components/table/runtime/useResponsiveResolvedViewType.js

@@ -0,0 +1,22 @@
+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;
+};
+export {
+  h as default
+};
+//# sourceMappingURL=useResponsiveResolvedViewType.js.map

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

@@ -0,0 +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;"}

package/components/table/selection/useInternalTableSelectionState.d.ts

@@ -8,8 +8,10 @@ type UseInternalTableSelectionStateOptions<RowType extends TableRowData> = {
 type UseInternalTableSelectionStateReturn = {
     currentSelectedRowIds: TableRowId[];
     selectedRowIdSet: Set<TableRowId>;
+    selectableRowIdSet: Set<TableRowId>;
     isAllRowsSelected: boolean;
     isSomeRowsSelected: boolean;
+    hasSelectableRows: boolean;
     handleToggleAllSelection: () => void;
     handleToggleRowSelection: (rowId: TableRowId) => void;
 };

package/components/table/selection/useInternalTableSelectionState.js

@@ -1,28 +1,38 @@
-import { useMemo as o } from "react";
-const f = (r) => {
-  const { bodyRows: c, selectedRowIds: w, onSelectionChange: n } = r, l = o(
-    () => c.filter((e) => e.kind === "data" && !e.disabled).map((e) => e.rowId),
-    [c]
-  ), d = o(() => new Set(l), [l]), t = w ?? [], a = o(() => new Set(t), [t]), S = o(
-    () => t.filter((e) => d.has(e)),
-    [t, d]
-  ), i = o(() => new Set(S), [S]), s = l.length > 0 && l.every((e) => i.has(e)), R = i.size > 0 && !s;
+import { useMemo as s } from "react";
+const k = (b) => {
+  const { bodyRows: n, selectedRowIds: w, onSelectionChange: o } = b, d = s(
+    () => n.filter(
+      (e) => (e.kind === "data" || e.kind === "expanded") && !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.disabled && e.selectable !== !1).map((e) => e.rowId),
+    [n]
+  ), l = w ?? [], S = s(() => new Set(l), [l]), i = s(
+    () => l.filter((e) => t.includes(e)),
+    [l, t]
+  ), R = s(
+    () => new Set(i),
+    [i]
+  ), c = t.length > 0 && t.every((e) => R.has(e)), g = R.size > 0 && !c, h = t.length > 0;
   return {
-    currentSelectedRowIds: t,
-    selectedRowIdSet: a,
-    isAllRowsSelected: s,
-    isSomeRowsSelected: R,
+    currentSelectedRowIds: l,
+    selectedRowIdSet: S,
+    selectableRowIdSet: a,
+    isAllRowsSelected: c,
+    isSomeRowsSelected: g,
+    hasSelectableRows: h,
     handleToggleAllSelection: () => {
-      n?.(s ? [] : l);
+      o?.(c ? [] : t);
     },
     handleToggleRowSelection: (e) => {
-      n && n(
-        a.has(e) ? t.filter((g) => g !== e) : [...t, e]
+      !o || !a.has(e) || o(
+        S.has(e) ? l.filter((r) => r !== e) : [...l, e]
       );
     }
   };
 };
 export {
-  f as default
+  k 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    isAllRowsSelected: boolean;\n    isSomeRowsSelected: 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        () => bodyRows.filter(row => row.kind === 'data' && !row.disabled).map(row => row.rowId),\n        [bodyRows]\n    );\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n    const currentSelectedRowIds = selectedRowIds ?? [];\n    const selectedRowIdSet = useMemo(() => new Set(currentSelectedRowIds), [currentSelectedRowIds]);\n    const normalizedSelectedRowIds = useMemo(\n        () => currentSelectedRowIds.filter(rowId => selectableRowIdSet.has(rowId)),\n        [currentSelectedRowIds, selectableRowIdSet]\n    );\n    const normalizedSelectedRowIdSet = useMemo(() => new Set(normalizedSelectedRowIds), [normalizedSelectedRowIds]);\n\n    const isAllRowsSelected =\n        selectableRowIds.length > 0 && selectableRowIds.every(rowId => normalizedSelectedRowIdSet.has(rowId));\n    const isSomeRowsSelected = normalizedSelectedRowIdSet.size > 0 && !isAllRowsSelected;\n\n    const handleToggleAllSelection = () => {\n        onSelectionChange?.(isAllRowsSelected ? [] : selectableRowIds);\n    };\n\n    const handleToggleRowSelection = (rowId: TableRowId) => {\n        if (!onSelectionChange) {\n            return;\n        }\n\n        onSelectionChange(\n            selectedRowIdSet.has(rowId)\n                ? currentSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...currentSelectedRowIds, rowId]\n        );\n    };\n\n    return {\n        currentSelectedRowIds,\n        selectedRowIdSet,\n        isAllRowsSelected,\n        isSomeRowsSelected,\n        handleToggleAllSelection,\n        handleToggleRowSelection,\n    };\n};\n\nexport default useInternalTableSelectionState;\n"],"names":["useInternalTableSelectionState","props","bodyRows","selectedRowIds","onSelectionChange","selectableRowIds","useMemo","row","selectableRowIdSet","currentSelectedRowIds","selectedRowIdSet","normalizedSelectedRowIds","rowId","normalizedSelectedRowIdSet","isAllRowsSelected","isSomeRowsSelected","selectedRowId"],"mappings":";AAoBA,MAAMA,IAAiC,CACnCC,MACuC;AACvC,QAAM,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBH,GAElDI,IAAmBC;AAAA,IACrB,MAAMJ,EAAS,OAAO,CAAAK,MAAOA,EAAI,SAAS,UAAU,CAACA,EAAI,QAAQ,EAAE,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IACvF,CAACL,CAAQ;AAAA,EAAA,GAEPM,IAAqBF,EAAQ,MAAM,IAAI,IAAID,CAAgB,GAAG,CAACA,CAAgB,CAAC,GAChFI,IAAwBN,KAAkB,CAAA,GAC1CO,IAAmBJ,EAAQ,MAAM,IAAI,IAAIG,CAAqB,GAAG,CAACA,CAAqB,CAAC,GACxFE,IAA2BL;AAAA,IAC7B,MAAMG,EAAsB,OAAO,OAASD,EAAmB,IAAII,CAAK,CAAC;AAAA,IACzE,CAACH,GAAuBD,CAAkB;AAAA,EAAA,GAExCK,IAA6BP,EAAQ,MAAM,IAAI,IAAIK,CAAwB,GAAG,CAACA,CAAwB,CAAC,GAExGG,IACFT,EAAiB,SAAS,KAAKA,EAAiB,MAAM,CAAAO,MAASC,EAA2B,IAAID,CAAK,CAAC,GAClGG,IAAqBF,EAA2B,OAAO,KAAK,CAACC;AAkBnE,SAAO;AAAA,IACH,uBAAAL;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAI;AAAA,IACA,oBAAAC;AAAA,IACA,0BArB6B,MAAM;AACnC,MAAAX,IAAoBU,IAAoB,CAAA,IAAKT,CAAgB;AAAA,IACjE;AAAA,IAoBI,0BAlB6B,CAACO,MAAsB;AACpD,MAAKR,KAILA;AAAA,QACIM,EAAiB,IAAIE,CAAK,IACpBH,EAAsB,OAAO,CAAAO,MAAiBA,MAAkBJ,CAAK,IACrE,CAAC,GAAGH,GAAuBG,CAAK;AAAA,MAAA;AAAA,IAE9C;AAAA,EAQI;AAER;"}
+{"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 => (row.kind === 'data' || row.kind === 'expanded') && !row.disabled && row.selectable !== false\n                )\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n    const bulkSelectableRowIds = useMemo(\n        () =>\n            bodyRows\n                .filter(row => row.kind === 'data' && !row.disabled && row.selectable !== false)\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n    const currentSelectedRowIds = selectedRowIds ?? [];\n    const currentSelectedRowIdSet = useMemo(() => new Set(currentSelectedRowIds), [currentSelectedRowIds]);\n    const selectedBulkSelectableRowIds = useMemo(\n        () => currentSelectedRowIds.filter(rowId => bulkSelectableRowIds.includes(rowId)),\n        [currentSelectedRowIds, bulkSelectableRowIds]\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    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,OAAQA,EAAI,SAAS,UAAUA,EAAI,SAAS,eAAe,CAACA,EAAI,YAAYA,EAAI,eAAe;AAAA,IAAA,EAElG,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IAC7B,CAACL,CAAQ;AAAA,EAAA,GAEPM,IAAqBF,EAAQ,MAAM,IAAI,IAAID,CAAgB,GAAG,CAACA,CAAgB,CAAC,GAChFI,IAAuBH;AAAA,IACzB,MACIJ,EACK,OAAO,CAAAK,MAAOA,EAAI,SAAS,UAAU,CAACA,EAAI,YAAYA,EAAI,eAAe,EAAK,EAC9E,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IAC7B,CAACL,CAAQ;AAAA,EAAA,GAEPQ,IAAwBP,KAAkB,CAAA,GAC1CQ,IAA0BL,EAAQ,MAAM,IAAI,IAAII,CAAqB,GAAG,CAACA,CAAqB,CAAC,GAC/FE,IAA+BN;AAAA,IACjC,MAAMI,EAAsB,OAAO,OAASD,EAAqB,SAASI,CAAK,CAAC;AAAA,IAChF,CAACH,GAAuBD,CAAoB;AAAA,EAAA,GAE1CK,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,GAC3EG,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;"}

package/components/table/selection/useTableSelection.d.ts

@@ -1,4 +1,4 @@
-import { TableRowData, TableRowId } from '../Table.types';
+import { TableRowData, TableRowId, TableRowSelectable } from '../Table.types';
 /**
  * Configuration for `useTableSelection`.
  */
@@ -17,6 +17,10 @@ export type UseTableSelectionOptions<RowType extends TableRowData> = {
      * Optional initially active row id.
      */
     initialActiveRowId?: TableRowId;
+    /**
+     * Optional predicate to exclude rows from selection.
+     */
+    isRowSelectable?: TableRowSelectable<RowType>;
     /**
      * Optional initially selected row ids.
      */

package/components/table/selection/useTableSelection.js

@@ -1,35 +1,46 @@
-import { useMemo as d, useState as r, useEffect as y } from "react";
-import { resolveRowKey as v } from "../model/resolveRowMeta.js";
-const K = (S) => {
-  const { rows: n, rowKey: i, initialActiveRowId: w, initialSelectedRowIds: f = [] } = S, l = d(() => n.map((e, t) => v(e, t, i)), [n, i]), c = d(() => new Set(l), [l]), [g, a] = r(w), [o, s] = r(f);
-  y(() => {
-    s((e) => e.filter((t) => c.has(t))), a(
-      (e) => e !== void 0 && c.has(e) ? e : void 0
+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
     );
-  }, [c]);
-  const m = (e) => {
-    s(
-      (t) => t.includes(e) ? t.filter((R) => R !== e) : [...t, e]
+  }, [S, i]);
+  const b = (e) => {
+    i.has(e) && c(
+      (t) => t.includes(e) ? t.filter((l) => l !== e) : [...t, e]
     );
-  }, u = (e = !l.every((t) => o.includes(t))) => {
-    s(e ? l : []);
-  }, h = () => {
-    s([]);
+  }, A = (e = !n.every((t) => s.includes(t))) => {
+    c(e ? n : []);
+  }, K = () => {
+    c([]);
   };
   return {
-    activeRowId: g,
-    selectedRowIds: o,
-    hasSelection: o.length > 0,
-    isAllSelected: l.length > 0 && l.every((e) => o.includes(e)),
-    isRowSelected: (e) => o.includes(e),
-    setActiveRowId: a,
-    setSelectedRowIds: s,
-    toggleRowSelection: m,
-    toggleAllSelection: u,
-    clearSelection: h
+    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
   };
 };
 export {
-  K as default
+  j 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 } 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 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 = [] } = 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\n    const [activeRowId, setActiveRowId] = useState<TableRowId | undefined>(initialActiveRowId);\n    const [selectedRowIds, setSelectedRowIds] = useState<TableRowId[]>(initialSelectedRowIds);\n\n    useEffect(() => {\n        setSelectedRowIds(previousSelectedRowIds => previousSelectedRowIds.filter(rowId => rowIdSet.has(rowId)));\n        setActiveRowId(previousActiveRowId =>\n            previousActiveRowId !== undefined && rowIdSet.has(previousActiveRowId) ? previousActiveRowId : undefined\n        );\n    }, [rowIdSet]);\n\n    const toggleRowSelection = (rowId: TableRowId) => {\n        setSelectedRowIds(previousSelectedRowIds =>\n            previousSelectedRowIds.includes(rowId)\n                ? previousSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...previousSelectedRowIds, rowId]\n        );\n    };\n\n    const toggleAllSelection = (shouldSelect = !rowIds.every(rowId => selectedRowIds.includes(rowId))) => {\n        setSelectedRowIds(shouldSelect ? rowIds : []);\n    };\n\n    const clearSelection = () => {\n        setSelectedRowIds([]);\n    };\n\n    return {\n        activeRowId,\n        selectedRowIds,\n        hasSelection: selectedRowIds.length > 0,\n        isAllSelected: rowIds.length > 0 && rowIds.every(rowId => selectedRowIds.includes(rowId)),\n        isRowSelected: 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","rowIds","useMemo","row","rowIndex","resolveRowKey","rowIdSet","activeRowId","setActiveRowId","useState","selectedRowIds","setSelectedRowIds","useEffect","previousSelectedRowIds","rowId","previousActiveRowId","toggleRowSelection","selectedRowId","toggleAllSelection","shouldSelect","clearSelection"],"mappings":";;AAkGA,MAAMA,IAAoB,CACtBC,MAC0B;AAC1B,QAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,oBAAAC,GAAoB,uBAAAC,IAAwB,CAAA,MAAOJ,GAEnEK,IAASC,EAAQ,MAAML,EAAK,IAAI,CAACM,GAAKC,MAAaC,EAAcF,GAAKC,GAAUN,CAAM,CAAC,GAAG,CAACD,GAAMC,CAAM,CAAC,GACxGQ,IAAWJ,EAAQ,MAAM,IAAI,IAAID,CAAM,GAAG,CAACA,CAAM,CAAC,GAElD,CAACM,GAAaC,CAAc,IAAIC,EAAiCV,CAAkB,GACnF,CAACW,GAAgBC,CAAiB,IAAIF,EAAuBT,CAAqB;AAExF,EAAAY,EAAU,MAAM;AACZ,IAAAD,EAAkB,CAAAE,MAA0BA,EAAuB,OAAO,CAAAC,MAASR,EAAS,IAAIQ,CAAK,CAAC,CAAC,GACvGN;AAAA,MAAe,OACXO,MAAwB,UAAaT,EAAS,IAAIS,CAAmB,IAAIA,IAAsB;AAAA,IAAA;AAAA,EAEvG,GAAG,CAACT,CAAQ,CAAC;AAEb,QAAMU,IAAqB,CAACF,MAAsB;AAC9C,IAAAH;AAAA,MAAkB,CAAAE,MACdA,EAAuB,SAASC,CAAK,IAC/BD,EAAuB,OAAO,CAAAI,MAAiBA,MAAkBH,CAAK,IACtE,CAAC,GAAGD,GAAwBC,CAAK;AAAA,IAAA;AAAA,EAE/C,GAEMI,IAAqB,CAACC,IAAe,CAAClB,EAAO,MAAM,CAAAa,MAASJ,EAAe,SAASI,CAAK,CAAC,MAAM;AAClG,IAAAH,EAAkBQ,IAAelB,IAAS,EAAE;AAAA,EAChD,GAEMmB,IAAiB,MAAM;AACzB,IAAAT,EAAkB,CAAA,CAAE;AAAA,EACxB;AAEA,SAAO;AAAA,IACH,aAAAJ;AAAA,IACA,gBAAAG;AAAA,IACA,cAAcA,EAAe,SAAS;AAAA,IACtC,eAAeT,EAAO,SAAS,KAAKA,EAAO,MAAM,CAAAa,MAASJ,EAAe,SAASI,CAAK,CAAC;AAAA,IACxF,eAAe,CAAAA,MAASJ,EAAe,SAASI,CAAK;AAAA,IACrD,gBAAAN;AAAA,IACA,mBAAAG;AAAA,IACA,oBAAAK;AAAA,IACA,oBAAAE;AAAA,IACA,gBAAAE;AAAA,EAAA;AAER;"}
+{"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;"}

package/components/table/shared/parsePixelSize.d.ts

@@ -0,0 +1,2 @@
+declare const parsePixelSize: (value?: string | number) => number | undefined;
+export default parsePixelSize;

package/components/table/shared/parsePixelSize.js

@@ -0,0 +1,13 @@
+const e = (r) => {
+  if (typeof r == "number")
+    return Number.isFinite(r) ? r : void 0;
+  if (!r)
+    return;
+  const t = r.trim().match(/^(-?\d+(?:\.\d+)?)px$/);
+  if (t)
+    return Number(t[1]);
+};
+export {
+  e as default
+};
+//# sourceMappingURL=parsePixelSize.js.map

package/components/table/shared/parsePixelSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsePixelSize.js","sources":["../../../../src/components/table/shared/parsePixelSize.ts"],"sourcesContent":["const parsePixelSize = (value?: string | number): number | undefined => {\n    if (typeof value === 'number') {\n        return Number.isFinite(value) ? value : undefined;\n    }\n\n    if (!value) {\n        return;\n    }\n\n    const match = value.trim().match(/^(-?\\d+(?:\\.\\d+)?)px$/);\n\n    if (!match) {\n        return;\n    }\n\n    return Number(match[1]);\n};\n\nexport default parsePixelSize;\n"],"names":["parsePixelSize","value","match"],"mappings":"AAAA,MAAMA,IAAiB,CAACC,MAAgD;AACpE,MAAI,OAAOA,KAAU;AACjB,WAAO,OAAO,SAASA,CAAK,IAAIA,IAAQ;AAG5C,MAAI,CAACA;AACD;AAGJ,QAAMC,IAAQD,EAAM,KAAA,EAAO,MAAM,uBAAuB;AAExD,MAAKC;AAIL,WAAO,OAAOA,EAAM,CAAC,CAAC;AAC1B;"}

package/hooks/useDraggableElement.d.ts

@@ -1,11 +1,11 @@
-import { MutableRefObject, PointerEvent as ReactPointerEvent } from 'react';
+import { MutableRefObject, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from 'react';
 export type DraggablePosition = {
     /**
-     * Top offset in pixels relative to the viewport.
+     * Top offset in pixels relative to the active positioning context.
      */
     top: number;
     /**
-     * Left offset in pixels relative to the viewport.
+     * Left offset in pixels relative to the active positioning context.
      */
     left: number;
     /**
@@ -29,7 +29,29 @@ export type UseDraggableResult<T extends HTMLElement> = {
     /**
      * Pointer down handler for the dedicated drag handle element.
      */
-    onDragHandlePointerDown: (event: ReactPointerEvent<HTMLElement>) => void;
+    onDragHandleDown: (event: ReactPointerEvent<HTMLElement>) => void;
+    /**
+     * Renders the provided element through the shared portal root in viewport mode.
+     * An optional custom target can be passed for specialized overlay hosts.
+     * In container mode, the element is returned unchanged and this helper is usually not needed.
+     */
+    renderElement: (element: ReactNode, target?: HTMLElement | null) => ReactNode;
+};
+export type UseDraggableElementOptions = {
+    /**
+     * Defines whether drag coordinates are resolved against the viewport or a collision container.
+     * Viewport mode also enables portal rendering via `renderElement`.
+     */
+    positioning?: 'viewport' | 'container';
+    /**
+     * Optional initial position for the draggable element.
+     * Use `center` to center the element inside the active positioning context on mount.
+     */
+    initialPosition?: 'center' | Pick<DraggablePosition, 'top' | 'left'>;
+    /**
+     * Optional container whose visible client rect is used as the drag boundary in container mode.
+     */
+    collisionContainerRef?: RefObject<HTMLElement | null>;
 };
-declare const useDraggableElement: <T extends HTMLElement = HTMLDivElement>() => UseDraggableResult<T>;
+declare const useDraggableElement: <T extends HTMLElement = HTMLDivElement>(options?: UseDraggableElementOptions) => UseDraggableResult<T>;
 export default useDraggableElement;