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

package/dist/components/datatable/DataTableServer.js

@@ -21719,49 +21719,13 @@ function DataTableServer({
       totalPages: ((_g = response.data) == null ? void 0 : _g.totalPages) || 1
     };
   };
+  const [reloadData, setReloadData] = useState(false);
   useEffect(() => {
-    console.log(
-      "%clibcomponentsdatatableDataTableServer.tsx:103 currentPage",
-      "color: #007acc;",
-      currentPage
-    );
-    setIsLoading(true);
-    federationContext.apiClient.get(url, {
-      params: {
-        ...filters,
-        ...showColFilters ? columnFilters : {},
-        pageSize: itemsPerPage,
-        page: currentPage,
-        sortBy: sortConfig == null ? void 0 : sortConfig.sortParam,
-        sortDirection: sortConfig == null ? void 0 : sortConfig.direction
-      }
-    }).then((response) => {
-      const dataPageable = createDataPageable(
-        response,
-        itemsPerPage
-      );
-      setData(dataPageable);
-      setIsLoading(false);
-    }).catch((error) => {
-      console.error("Error fetching data:", error);
-      handleErrors(error, federationContext.emitter);
-      setData({
-        content: [],
-        empty: true,
-        first: true,
-        last: true,
-        number: 0,
-        numberOfElements: 0,
-        size: itemsPerPage,
-        totalElements: 0,
-        totalPages: 1
-      });
-      setIsLoading(false);
-    });
+    setReloadData(true);
   }, [
     url,
     showColFilters,
-    id,
+    // id,
     columnFilters,
     itemsPerPage,
     currentPage,
@@ -21771,6 +21735,70 @@ function DataTableServer({
     filters,
     tableKey
   ]);
+  useEffect(() => {
+    if (reloadData) {
+      if (currentPage === void 0)
+        return;
+      setIsLoading(true);
+      federationContext.apiClient.get(url, {
+        params: {
+          ...filters,
+          ...showColFilters ? columnFilters : {},
+          pageSize: itemsPerPage,
+          page: currentPage,
+          sortBy: sortConfig == null ? void 0 : sortConfig.sortParam,
+          sortDirection: sortConfig == null ? void 0 : sortConfig.direction
+        }
+      }).then((response) => {
+        const dataPageable = createDataPageable(
+          response,
+          itemsPerPage
+        );
+        setData(dataPageable);
+        setIsLoading(false);
+      }).catch((error) => {
+        console.error("Error fetching data:", error);
+        handleErrors(error, federationContext.emitter);
+        setData({
+          content: [],
+          empty: true,
+          first: true,
+          last: true,
+          number: 0,
+          numberOfElements: 0,
+          size: itemsPerPage,
+          totalElements: 0,
+          totalPages: 1
+        });
+        setIsLoading(false);
+      });
+      setReloadData(false);
+    }
+  }, [reloadData]);
+  useEffect(() => {
+    Object.keys(localStorage).filter(
+      (key) => key.startsWith("datatable:") && key !== `datatable:${id}`
+    ).forEach((key) => {
+      const storageObject = localStorage.getItem(key);
+      if (storageObject) {
+        const parsedObject = JSON.parse(storageObject);
+        parsedObject.currentPage = 0;
+        localStorage.setItem(key, JSON.stringify(parsedObject));
+      }
+    });
+  }, [id]);
+  useEffect(() => {
+    if (id) {
+      const storageKey = `datatable:${id}`;
+      const storedStorageObject = localStorage.getItem(storageKey);
+      if (storedStorageObject) {
+        const storageObject = JSON.parse(storedStorageObject);
+        setColumnFilters(storageObject.columnFilters);
+        setShowColFilters(storageObject.showColFilters);
+        setCurrentPage(storageObject.currentPage || 0);
+      }
+    }
+  }, [id]);
   useEffect(() => {
     const fetchFilterOptions = async (column) => {
       if (column.filterSource) {
@@ -21876,18 +21904,6 @@ function DataTableServer({
     }
     setShowColFilters(!showColFilters);
   };
-  useEffect(() => {
-    if (id) {
-      const storageKey = `datatable:${id}`;
-      const storedStorageObject = localStorage.getItem(storageKey);
-      if (storedStorageObject) {
-        const storageObject = JSON.parse(storedStorageObject);
-        setColumnFilters(storageObject.columnFilters);
-        setShowColFilters(storageObject.showColFilters);
-        setCurrentPage(storageObject.currentPage || 0);
-      }
-    }
-  }, [id]);
   useEffect(() => {
     if (id) {
       const storageKey = `datatable:${id}`;
@@ -21898,7 +21914,7 @@ function DataTableServer({
       ) : {};
       storageObject.columnFilters = columnFilters || {};
       storageObject.showColFilters = showColFilters || false;
-      storageObject.currentPage = currentPage || storageObject.currentPage || 0;
+      storageObject.currentPage = currentPage !== void 0 ? currentPage : storageObject.currentPage || 0;
       localStorage.setItem(storageKey, JSON.stringify(storageObject));
     }
   }, [columnFilters, showColFilters, currentPage, id]);
@@ -22199,7 +22215,7 @@ function DataTableServer({
               variant: "secondary",
               onClick: prevPage,
               className: "flex items-center",
-              disabled: data.first,
+              disabled: data.first || isLoading,
               children: [
                 /* @__PURE__ */ jsx(MdArrowBack, { className: "mr-1.5" }),
                 " Předchozí"
@@ -22212,7 +22228,7 @@ function DataTableServer({
               variant: "secondary",
               onClick: nextPage,
               className: "flex items-center",
-              disabled: data.last,
+              disabled: data.last || isLoading,
               children: [
                 "Následující ",
                 /* @__PURE__ */ jsx(MdArrowForward, { className: "ml-2", size: 20 })