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

package/dist/components/datatable/DataTableServer.js

@@ -21701,6 +21701,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 +21804,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 +21916,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 +21935,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 +21945,8 @@ function DataTableServer({
     currentPage,
     id,
     itemsPerPageLocal,
-    isLocalStorageLoaded
+    isLocalStorageLoaded,
+    sortConfig
   ]);
   const rerenderTable = () => {
     setTableKey((previous) => previous + 1);
@@ -22268,7 +22277,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 +22304,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,
               {