@addsign/moje-agenda-shared-lib 1.0.20 → 1.0.22

package/dist/components/datatable/DataTableServer.d.ts

@@ -22,5 +22,6 @@ type DataTableInternalItems = {
     _isHighlighted?: boolean;
     id: string;
 };
+export declare const resetAllDataTablePaging: () => void;
 declare function DataTableServer<T extends DataTableInternalItems>({ id, url, columns, title, subtitle, allowSearch, showHeader, rowAction, bulkAction, filters, }: DataTableServerProps<T>): import("react/jsx-runtime").JSX.Element;
 export default DataTableServer;

package/dist/components/datatable/DataTableServer.js

@@ -21682,6 +21682,16 @@ var utils = {
     SHEET_VERY_HIDDEN: 2
   }
 };
+const resetAllDataTablePaging = () => {
+  Object.keys(localStorage).filter((key) => key.startsWith("datatable:")).forEach((key) => {
+    const storageObject = localStorage.getItem(key);
+    if (storageObject) {
+      const parsedObject = JSON.parse(storageObject);
+      parsedObject.currentPage = 0;
+      localStorage.setItem(key, JSON.stringify(parsedObject));
+    }
+  });
+};
 function DataTableServer({
   id,
   url,
@@ -21701,6 +21711,7 @@ function DataTableServer({
   const [isLoading, setIsLoading] = useState(false);
   const [isLocalStorageLoaded, setIsLocalStorageLoaded] = useState(false);
   const [tableKey, setTableKey] = useState(0);
+  const [hasMounted, setHasMounted] = useState(false);
   const [currentPage, setCurrentPage] = useState();
   const [selectedItems, setSelectedItems] = useState([]);
   const [fulltextSearch, setFulltextSearch] = useState("");
@@ -21803,7 +21814,7 @@ function DataTableServer({
         setColumnFilters(storageObject.columnFilters);
         setShowColFilters(storageObject.showColFilters);
         setCurrentPage(storageObject.currentPage || 0);
-        setSortConfig(null);
+        setSortConfig(storageObject.sortConfig || null);
         setItemsPerPageLocal(storageObject.itemsPerPage || 10);
       }
       setIsLocalStorageLoaded(true);
@@ -21915,7 +21926,13 @@ function DataTableServer({
     setShowColFilters(!showColFilters);
   };
   useEffect(() => {
-    setCurrentPage(0);
+    if (!hasMounted) {
+      console.log("useEffect ran on mount");
+      setHasMounted(true);
+    } else {
+      console.log("useEffect ran due to prop change");
+      setCurrentPage(0);
+    }
   }, [filters]);
   useEffect(() => {
     if (id && isLocalStorageLoaded) {
@@ -21928,6 +21945,7 @@ function DataTableServer({
       storageObject.columnFilters = columnFilters || {};
       storageObject.showColFilters = showColFilters || false;
       storageObject.currentPage = currentPage || 0;
+      storageObject.sortConfig = sortConfig || null;
       storageObject.itemsPerPage = itemsPerPageLocal || 10;
       localStorage.setItem(storageKey, JSON.stringify(storageObject));
     }
@@ -21937,7 +21955,8 @@ function DataTableServer({
     currentPage,
     id,
     itemsPerPageLocal,
-    isLocalStorageLoaded
+    isLocalStorageLoaded,
+    sortConfig
   ]);
   const rerenderTable = () => {
     setTableKey((previous) => previous + 1);
@@ -22268,7 +22287,7 @@ function DataTableServer({
           isLoading && (!data || ((_b = data == null ? void 0 : data.content) == null ? void 0 : _b.length) === 0) && /* @__PURE__ */ jsx("tbody", { className: "relative", children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 100, children: /* @__PURE__ */ jsx("div", { className: "w-full flex items-center justify-center h-full py-2", children: /* @__PURE__ */ jsx(Spinner, {}) }) }) }) })
         ] }, tableKey) }),
         /* @__PURE__ */ jsxs("div", { className: "w-full p-5 flex gap-5 justify-between", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-5  ", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-5  text-sm ", children: [
             data && /* @__PURE__ */ jsxs(
               Button,
               {
@@ -22295,11 +22314,11 @@ function DataTableServer({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end text-sm text-gray-800", children: paginationDisplay })
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end  text-gray-800", children: paginationDisplay })
           ] }),
           " ",
           /* @__PURE__ */ jsxs("div", { className: "content-center w-auto items-center justify-end flex-row gap-5 flex", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm  whitespace-nowrap flex-grow", children: "Počet řádků na stránku:" }),
+            /* @__PURE__ */ jsx("span", { className: " whitespace-nowrap flex-grow", children: "Počet řádků na stránku:" }),
             /* @__PURE__ */ jsx(
               SelectField,
               {
@@ -22321,6 +22340,7 @@ function DataTableServer({
   ) });
 }
 export {
-  DataTableServer as default
+  DataTableServer as default,
+  resetAllDataTablePaging
 };
 //# sourceMappingURL=DataTableServer.js.map