@commonsku/styles 1.17.7 → 1.17.8

package/dist/index.cjs

@@ -6800,50 +6800,51 @@ var VirtualTableStyles = styled__default.default.div(templateObject_1$a || (temp
 var templateObject_1$a;
 
 var SelectionTable = function (props) {
-    var columns = props.columns, onSelectRow = props.onSelectRow;
-    var _a = React.useState(props.data.map(function (row) { return (__assign({ selected: false }, row)); })), data = _a[0], setData = _a[1];
+    var columns = props.columns, data = props.data, selectedRows = props.selectedRows, onSelectionChange = props.onSelectionChange;
     var selectionState = React.useMemo(function () {
-        return !data.some(function (row) { return row.selected === false; })
-            ? 'all'
-            : data.some(function (row) { return row.selected === true; })
-                ? 'indeterminate'
-                : 'none';
-    }, [data]);
+        if (selectedRows == null)
+            return "none";
+        switch (selectedRows.length) {
+            case 0:
+                return 'none';
+            case data.length:
+                return 'all';
+            default:
+                return 'some';
+        }
+    }, [data.length, selectedRows]);
+    var handleSelectRows = React.useCallback(function (rows) {
+        if (onSelectionChange == null)
+            return;
+        if (selectedRows == null) {
+            onSelectionChange(rows);
+            return;
+        }
+        var newSelection = selectedRows.filter(function (row) { return !rows.includes(row); });
+        newSelection.push.apply(newSelection, rows.filter(function (row) { return !selectedRows.includes(row); }));
+        onSelectionChange(newSelection);
+    }, [selectedRows, onSelectionChange]);
     var handleSelectHeader = React.useCallback(function () {
+        if (onSelectionChange == null)
+            return;
         switch (selectionState) {
             case 'none':
-                setData(data.map(function (row) { return (__assign(__assign({}, row), { selected: true })); }));
+                onSelectionChange(__spreadArray([], data, true));
                 break;
             case 'all':
-            case 'indeterminate':
-                setData(data.map(function (row) { return (__assign(__assign({}, row), { selected: false })); }));
+            case 'some':
+                onSelectionChange([]);
                 break;
         }
-    }, [data, selectionState]);
-    var handleSelectRow = React.useCallback(function (rowIndex) {
-        setData(function (prev) { return prev.map(function (row, index) {
-            if (rowIndex !== index)
-                return row;
-            if (onSelectRow != null) {
-                onSelectRow(row, rowIndex);
-            }
-            return __assign(__assign({}, row), { selected: rowIndex === index
-                    ? !row.selected
-                    : row.selected });
-        }); });
-    }, [onSelectRow]);
-    var selectionHeader = React.useMemo(function () { return (React__default.default.createElement(LabeledCheckbox, { label: "", checked: selectionState === 'all', indeterminate: selectionState === 'indeterminate', onChange: handleSelectHeader })); }, [selectionState, handleSelectHeader]);
+    }, [selectionState, data, onSelectionChange]);
+    var selectionHeader = React.useMemo(function () { return (React__default.default.createElement(LabeledCheckbox, { label: "", checked: selectionState === 'all', indeterminate: selectionState === 'some', onChange: handleSelectHeader })); }, [selectionState, handleSelectHeader]);
     var selectionColumn = React.useMemo(function () { return ({
         Header: selectionHeader,
         accessor: 'selected',
-        Cell: function (cellObj) {
-            return (React__default.default.createElement(LabeledCheckbox, { label: "", checked: cellObj.row.original.selected, onChange: function () { return handleSelectRow(cellObj.row.index); } }));
-        },
-        sticky: 'left',
-        noDrag: true,
+        Cell: function (cell) { return (React__default.default.createElement(LabeledCheckbox, { label: "", checked: selectedRows != null && selectedRows.includes(cell.row.original), onChange: function () { return handleSelectRows([cell.row.original]); } })); },
         width: 40,
         disableSortBy: true,
-    }); }, [handleSelectRow, selectionHeader]);
+    }); }, [selectedRows, selectionHeader, handleSelectRows]);
     return (React__default.default.createElement(VirtualTable, __assign({}, props, { columns: __spreadArray([selectionColumn], columns, true), data: data, minWidth: 40 })));
 };