@addsign/moje-agenda-shared-lib 0.0.88 → 0.0.89

package/dist/components/datatable/DataTableServer.js

@@ -21698,7 +21698,7 @@ function DataTableServer({
   const [data, setData] = useState();
   const [isLoading, setIsLoading] = useState(false);
   const [tableKey, setTableKey] = useState(0);
-  const [currentPage, setCurrentPage] = useState(0);
+  const [currentPage, setCurrentPage] = useState();
   const [selectedItems, setSelectedItems] = useState([]);
   const [fulltextSearch, setFulltextSearch] = useState("");
   const [filterOptions, setFilterOptions] = useState({});
@@ -21720,6 +21720,11 @@ function DataTableServer({
     };
   };
   useEffect(() => {
+    console.log(
+      "%clibcomponentsdatatableDataTableServer.tsx:103 currentPage",
+      "color: #007acc;",
+      currentPage
+    );
     setIsLoading(true);
     federationContext.apiClient.get(url, {
       params: {
@@ -21850,17 +21855,17 @@ function DataTableServer({
     return selectedItems.some((selectedItem) => selectedItem.id === item.id);
   };
   const nextPage = () => {
-    setCurrentPage(currentPage + 1);
+    setCurrentPage((currentPage || 0) + 1);
   };
   const prevPage = () => {
-    setCurrentPage(currentPage - 1);
+    setCurrentPage((currentPage || 0) - 1);
   };
   const handleSearchChanged = (e) => {
     var _a2;
     setFulltextSearch((_a2 = e.target) == null ? void 0 : _a2.value);
     setCurrentPage(0);
   };
-  const paginationDisplay = `Strana ${currentPage + 1} z ${data == null ? void 0 : data.totalPages}`;
+  const paginationDisplay = `Strana ${(currentPage || 0) + 1} z ${data == null ? void 0 : data.totalPages}`;
   const filterHandler = (filterParam, value) => {
     setColumnFilters((prev) => ({ ...prev, [filterParam]: value }));
     setCurrentPage(0);
@@ -21879,18 +21884,24 @@ function DataTableServer({
         const storageObject = JSON.parse(storedStorageObject);
         setColumnFilters(storageObject.columnFilters);
         setShowColFilters(storageObject.showColFilters);
+        setCurrentPage(storageObject.currentPage || 0);
       }
     }
   }, [id]);
   useEffect(() => {
-    if (id && columnFilters !== void 0 && showColFilters !== void 0) {
+    if (id) {
       const storageKey = `datatable:${id}`;
-      const storageObject = localStorage.getItem(storageKey) ? JSON.parse(localStorage.getItem(storageKey)) : {};
-      storageObject.columnFilters = columnFilters;
-      storageObject.showColFilters = showColFilters;
+      const storageObject = localStorage.getItem(
+        storageKey
+      ) ? JSON.parse(
+        localStorage.getItem(storageKey)
+      ) : {};
+      storageObject.columnFilters = columnFilters || {};
+      storageObject.showColFilters = showColFilters || false;
+      storageObject.currentPage = currentPage || storageObject.currentPage || 0;
       localStorage.setItem(storageKey, JSON.stringify(storageObject));
     }
-  }, [columnFilters, showColFilters, id]);
+  }, [columnFilters, showColFilters, currentPage, id]);
   const rerenderTable = () => {
     setTableKey((previous) => previous + 1);
   };