asma-ui-table 1.2.0 → 1.2.1

package/dist/asma-ui-table.es.js

@@ -8026,13 +8026,14 @@ const useStyledTable = (props) => {
   } = props;
   const columnOrder = usePersistedColumnOrder(persistColumnOrderKey);
   const persistedPageSize = usePersistedPageSize(uniqueKey);
+  const resolvedPageSize = persistedPageSize ?? pageSize ?? 50;
   const table = useReactTable({
     _features: [ExpandedRowsFeature, FocusedRowsFeature, OrderColumnsFeature],
     columns,
     data,
     meta: { locale: locale ?? "en" },
     initialState: {
-      pagination: { pageIndex: 0, pageSize: persistedPageSize ?? pageSize ?? 50 },
+      pagination: { pageIndex: 0, pageSize: resolvedPageSize },
       columnVisibility: {
         ...initialState == null ? void 0 : initialState.columnVisibility,
         [SELECT_COLUMN_ID]: false
@@ -8057,17 +8058,32 @@ const useStyledTable = (props) => {
     tableInstanceRef.current = table;
   }
   usePersistColumnOrder(table, persistColumnOrderKey);
+  const storageKey = getPersistedPageSizeKey(uniqueKey);
   const pageSizeState = (_a = table.getState().pagination) == null ? void 0 : _a.pageSize;
+  const hydratedStorageKeyRef = useRef(void 0);
   useEffect(() => {
-    const storageKey = getPersistedPageSizeKey(uniqueKey);
-    if (!storageKey || !pageSizeState)
+    var _a2;
+    hydratedStorageKeyRef.current = void 0;
+    const currentPageSize = (_a2 = table.getState().pagination) == null ? void 0 : _a2.pageSize;
+    if (currentPageSize === resolvedPageSize)
+      return;
+    table.setPageIndex(0);
+    table.setPageSize(resolvedPageSize);
+  }, [resolvedPageSize, storageKey, table]);
+  useEffect(() => {
+    if (!storageKey || pageSizeState == null)
       return;
+    if (hydratedStorageKeyRef.current !== storageKey) {
+      if (pageSizeState !== resolvedPageSize)
+        return;
+      hydratedStorageKeyRef.current = storageKey;
+    }
     try {
       localStorage.setItem(storageKey, JSON.stringify(pageSizeState));
     } catch (e) {
       console.error(e);
     }
-  }, [pageSizeState, uniqueKey]);
+  }, [pageSizeState, resolvedPageSize, storageKey]);
   return { table };
 };
 const CheckboxWrapper = "_CheckboxWrapper_1b4zf_1";

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "1.2.0",
+    "version": "1.2.1",
     "type": "module",
     "files": [
         "dist/**/*",