@trackunit/react-table 0.0.289 → 0.0.290
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs.js +10 -0
- package/index.esm.js +10 -0
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -721,6 +721,16 @@ const useTableSelection = ({ data, defaultSelectedIds, enableRowSelection = true
|
|
|
721
721
|
const selectedIds = React.useMemo(() => Object.entries(rowSelection)
|
|
722
722
|
.filter(([_, selected]) => selected)
|
|
723
723
|
.map(([id]) => id), [rowSelection]);
|
|
724
|
+
// Update row selection on data change
|
|
725
|
+
React.useEffect(() => {
|
|
726
|
+
const newSelection = {};
|
|
727
|
+
data.forEach(row => {
|
|
728
|
+
if (rowSelection[row.id]) {
|
|
729
|
+
newSelection[row.id] = true;
|
|
730
|
+
}
|
|
731
|
+
});
|
|
732
|
+
setRowSelection(newSelection);
|
|
733
|
+
}, [data]);
|
|
724
734
|
const columnHelper = React.useMemo(() => reactTable.createColumnHelper(), []);
|
|
725
735
|
const selectionColumn = React.useMemo(() => columnHelper.accessor(row => row.id, {
|
|
726
736
|
cell: ({ row }) => (jsxRuntime.jsx(reactFormComponents.Checkbox, { className: "ml-1",
|
package/index.esm.js
CHANGED
|
@@ -696,6 +696,16 @@ const useTableSelection = ({ data, defaultSelectedIds, enableRowSelection = true
|
|
|
696
696
|
const selectedIds = useMemo(() => Object.entries(rowSelection)
|
|
697
697
|
.filter(([_, selected]) => selected)
|
|
698
698
|
.map(([id]) => id), [rowSelection]);
|
|
699
|
+
// Update row selection on data change
|
|
700
|
+
useEffect(() => {
|
|
701
|
+
const newSelection = {};
|
|
702
|
+
data.forEach(row => {
|
|
703
|
+
if (rowSelection[row.id]) {
|
|
704
|
+
newSelection[row.id] = true;
|
|
705
|
+
}
|
|
706
|
+
});
|
|
707
|
+
setRowSelection(newSelection);
|
|
708
|
+
}, [data]);
|
|
699
709
|
const columnHelper = useMemo(() => createColumnHelper(), []);
|
|
700
710
|
const selectionColumn = useMemo(() => columnHelper.accessor(row => row.id, {
|
|
701
711
|
cell: ({ row }) => (jsx(Checkbox, { className: "ml-1",
|