@monolith-forensics/monolith-ui 1.3.20 → 1.3.22

package/dist/Table/TableMenu/TableMenu.js

@@ -63,7 +63,7 @@ const TableMenu = () => {
         });
     };
     const renderCustomMenuItems = (args) => {
-        return customMenuItems === null || customMenuItems === void 0 ? void 0 : customMenuItems.filter((item) => (item.postition || "left") === args.position).map((item, index) => {
+        return customMenuItems === null || customMenuItems === void 0 ? void 0 : customMenuItems.filter((item) => (item.position || "left") === args.position).map((item, index) => {
             if (item.type === "button") {
                 return _jsx(Button, Object.assign({ size: "xxs" }, item.options), index);
             }

package/dist/Table/TableProvider.js

@@ -332,45 +332,99 @@ const TableProvider = (_a) => {
         var _a;
         return (((_a = columnState.find((col) => col.dataField === dataField)) === null || _a === void 0 ? void 0 : _a.visible) || true);
     };
+    const saveSelectionState = (selectionState) => {
+        if (stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.enabled) {
+            if ((stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.type) === "localStorage") {
+                StateStorage.setSelectionState(stateStorage.key, selectionState);
+            }
+        }
+    };
     const selectRow = (row) => {
+        var _a;
         const key = !!props.keyField ? row[props.keyField] : row.__key;
         const keyField = !!props.keyField ? props.keyField : "__key";
+        const newSelectionState = {
+            selectedRowKeys,
+            excludedRowKeys,
+            selectionStatus,
+        };
         if (props.data.length === selectedRowKeys.length + 1) {
-            setSelectionStatus(SelectionStatus.All);
+            newSelectionState.selectionStatus = SelectionStatus.All;
         }
         else {
-            setSelectionStatus(SelectionStatus.SomeIncluded);
+            newSelectionState.selectionStatus = SelectionStatus.SomeIncluded;
         }
-        setSelectedRowKeys((prevSelectedRowKeys) => {
-            return [...prevSelectedRowKeys, key];
-        });
-        setExcludedRowKeys((prev) => prev.filter((k) => k !== key));
+        newSelectionState.selectedRowKeys = [
+            ...newSelectionState.selectedRowKeys,
+            key,
+        ];
+        newSelectionState.excludedRowKeys =
+            newSelectionState.excludedRowKeys.filter((k) => k !== key);
+        setSelectionStatus(newSelectionState.selectionStatus);
+        setSelectedRowKeys(newSelectionState.selectedRowKeys);
+        setExcludedRowKeys(newSelectionState.excludedRowKeys);
+        (_a = props.onSelectionChange) === null || _a === void 0 ? void 0 : _a.call(props, newSelectionState);
+        saveSelectionState(newSelectionState);
     };
     const deselectRow = (row) => {
+        var _a;
         const key = !!props.keyField ? props.keyField : "__key";
+        const newSelectionState = {
+            selectedRowKeys,
+            excludedRowKeys,
+            selectionStatus,
+        };
         if (selectionStatus === SelectionStatus.All ||
             selectionStatus === SelectionStatus.SomeExcluded) {
-            setSelectionStatus(SelectionStatus.SomeExcluded);
-            setExcludedRowKeys((prev) => [...prev, row[key]]);
+            newSelectionState.selectionStatus = SelectionStatus.SomeExcluded;
+            newSelectionState.excludedRowKeys = [
+                ...newSelectionState.excludedRowKeys,
+                row[key],
+            ];
         }
         if (selectedRowKeys.length === 1) {
-            setSelectionStatus(SelectionStatus.None);
+            newSelectionState.selectionStatus = SelectionStatus.None;
         }
-        setSelectedRowKeys((prevSelectedRowKeys) => {
-            return prevSelectedRowKeys.filter((k) => k !== row[key]);
-        });
+        newSelectionState.selectedRowKeys =
+            newSelectionState.selectedRowKeys.filter((k) => k !== row[key]);
+        setSelectionStatus(newSelectionState.selectionStatus);
+        setSelectedRowKeys(newSelectionState.selectedRowKeys);
+        setExcludedRowKeys(newSelectionState.excludedRowKeys);
+        (_a = props.onSelectionChange) === null || _a === void 0 ? void 0 : _a.call(props, newSelectionState);
+        saveSelectionState(newSelectionState);
     };
     const selectAllRows = () => {
-        var _a;
+        var _a, _b;
         const keys = ((_a = props.data) === null || _a === void 0 ? void 0 : _a.map((row) => !!props.keyField ? row[props.keyField] : row.__key)) || [];
-        setSelectedRowKeys(keys);
-        setSelectionStatus(SelectionStatus.All);
-        setExcludedRowKeys([]);
+        const newSelectionState = {
+            selectedRowKeys,
+            excludedRowKeys,
+            selectionStatus,
+        };
+        newSelectionState.selectedRowKeys = keys;
+        newSelectionState.excludedRowKeys = [];
+        newSelectionState.selectionStatus = SelectionStatus.All;
+        setSelectionStatus(newSelectionState.selectionStatus);
+        setSelectedRowKeys(newSelectionState.selectedRowKeys);
+        setExcludedRowKeys(newSelectionState.excludedRowKeys);
+        (_b = props.onSelectionChange) === null || _b === void 0 ? void 0 : _b.call(props, newSelectionState);
+        saveSelectionState(newSelectionState);
     };
     const clearSelections = () => {
-        setSelectedRowKeys([]);
-        setSelectionStatus(SelectionStatus.None);
-        setExcludedRowKeys([]);
+        var _a;
+        const newSelectionState = {
+            selectedRowKeys,
+            excludedRowKeys,
+            selectionStatus,
+        };
+        newSelectionState.selectedRowKeys = [];
+        newSelectionState.excludedRowKeys = [];
+        newSelectionState.selectionStatus = SelectionStatus.None;
+        setSelectionStatus(newSelectionState.selectionStatus);
+        setSelectedRowKeys(newSelectionState.selectedRowKeys);
+        setExcludedRowKeys(newSelectionState.excludedRowKeys);
+        (_a = props.onSelectionChange) === null || _a === void 0 ? void 0 : _a.call(props, newSelectionState);
+        saveSelectionState(newSelectionState);
     };
     const getSelectedRows = () => {
         return props.data.filter((row) => {
@@ -436,31 +490,6 @@ const TableProvider = (_a) => {
             };
         }
     }, [columnState]);
-    useEffect(() => {
-        var _a;
-        (_a = props === null || props === void 0 ? void 0 : props.onSelectionChange) === null || _a === void 0 ? void 0 : _a.call(props, {
-            selectedRowKeys,
-            excludedRowKeys,
-            selectionStatus,
-        });
-        if (stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.enabled) {
-            if ((stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.type) === "localStorage") {
-                StateStorage.setSelectionState(stateStorage.key, {
-                    selectedRowKeys,
-                    excludedRowKeys,
-                    selectionStatus,
-                });
-            }
-        }
-    }, [
-        selectedRowKeys,
-        selectionStatus,
-        excludedRowKeys,
-        props === null || props === void 0 ? void 0 : props.onSelectionChange,
-        stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.enabled,
-        stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.type,
-        stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.key,
-    ]);
     useEffect(() => {
         var _a, _b;
         if (stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.enabled) {

package/dist/Table/types.d.ts

@@ -213,15 +213,15 @@ export type TableFilterOptions = {
 };
 export type CustomTableMenuItem = {
     type: "button";
-    postition?: "left" | "right";
+    position?: "left" | "right";
     options: ButtonProps;
 } | {
     type: "menu";
-    postition?: "left" | "right";
+    position?: "left" | "right";
     options: DropDownMenuProps;
 } | {
     type: "switch";
-    postition?: "left" | "right";
+    position?: "left" | "right";
     options: SwitchProps;
 };
 export type TableMenuOptions = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.3.20",
+  "version": "1.3.22",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",