@underverse-ui/underverse 0.2.21 → 0.2.22

package/dist/index.cjs

@@ -10069,6 +10069,7 @@ function DataTable({
   // Mặc định bật màu nền sẽn kẽ cho các dòng
   columnDividers = false,
   className,
+  storageKey,
   labels
 }) {
   const t = (0, import_next_intl7.useTranslations)("Common");
@@ -10078,7 +10079,26 @@ function DataTable({
   const [sort, setSort] = import_react23.default.useState(null);
   const [density, setDensity] = import_react23.default.useState("normal");
   const [curPage, setCurPage] = import_react23.default.useState(page);
-  const [curPageSize, setCurPageSize] = import_react23.default.useState(pageSize);
+  const getInitialPageSize = import_react23.default.useCallback(() => {
+    if (typeof window === "undefined" || !storageKey) return pageSize;
+    try {
+      const saved = localStorage.getItem(`datatable_${storageKey}_pageSize`);
+      if (saved) {
+        const parsed = parseInt(saved, 10);
+        if (!isNaN(parsed) && parsed > 0) return parsed;
+      }
+    } catch {
+    }
+    return pageSize;
+  }, [storageKey, pageSize]);
+  const [curPageSize, setCurPageSize] = import_react23.default.useState(getInitialPageSize);
+  import_react23.default.useEffect(() => {
+    if (typeof window === "undefined" || !storageKey) return;
+    try {
+      localStorage.setItem(`datatable_${storageKey}_pageSize`, String(curPageSize));
+    } catch {
+    }
+  }, [curPageSize, storageKey]);
   import_react23.default.useEffect(() => {
     const newColKeys = columns.filter((c) => c.visible !== false).map((c) => c.key);
     setVisibleCols((prev) => {