@addsign/moje-agenda-shared-lib 1.0.46 → 1.0.48

package/dist/assets/tailwind.css

@@ -1447,10 +1447,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
-.bg-gray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
-}
 .bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -2112,9 +2108,6 @@ video {
 .opacity-25 {
   opacity: 0.25;
 }
-.opacity-50 {
-  opacity: 0.5;
-}
 .opacity-75 {
   opacity: 0.75;
 }

package/dist/components/datatable/DataTableServer.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useState, useMemo, useEffect, useCallback } from "react";
+import { useRef, useState, useMemo, useEffect, useCallback } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
 import Button from "../Button.js";
 import { g as MdOutlineFilterAlt, h as MdOutlineFilterAltOff, i as MdSearch, f as MdClose, j as MdArrowBack, k as MdArrowForward, l as MdArrowUpward, m as MdArrowDownward } from "../../index-B4OkVXmW.js";
@@ -21705,7 +21705,8 @@ function DataTableServer({
   filters,
   selectedItemKey = "id"
 }) {
-  var _a, _b, _c;
+  var _a, _b;
+  const abortControllerRef = useRef(null);
   const [itemsPerPageLocal, setItemsPerPageLocal] = useState();
   const federationContext = useFederationContext();
   const [data, setData] = useState();
@@ -21723,12 +21724,12 @@ function DataTableServer({
   const [showColFilters, setShowColFilters] = useState();
   const [sortConfig, setSortConfig] = useState(null);
   const createDataPageable = (response, itemsPerPage) => {
-    var _a2, _b2, _c2, _d, _e, _f, _g;
+    var _a2, _b2, _c, _d, _e, _f, _g;
     return {
       content: response.data.content || response.data,
       empty: ((_a2 = response.data) == null ? void 0 : _a2.content) ? response.data.empty : true,
       first: ((_b2 = response.data) == null ? void 0 : _b2.content) ? response.data.first : true,
-      last: ((_c2 = response.data) == null ? void 0 : _c2.content) ? response.data.last : true,
+      last: ((_c = response.data) == null ? void 0 : _c.content) ? response.data.last : true,
       number: ((_d = response.data) == null ? void 0 : _d.content) ? response.data.number : 0,
       numberOfElements: response.data.numberOfElements || response.data.length,
       size: ((_e = response.data) == null ? void 0 : _e.size) || itemsPerPage,
@@ -21757,6 +21758,11 @@ function DataTableServer({
   ]);
   useEffect(() => {
     if (reloadData) {
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+      abortControllerRef.current = new AbortController();
+      const currentAbortController = abortControllerRef.current;
       if (currentPage === void 0)
         return;
       setIsLoading(true);
@@ -21770,6 +21776,8 @@ function DataTableServer({
         {}
       );
       federationContext.apiClient.get(url, {
+        signal: currentAbortController.signal,
+        // Pass the AbortController signal to the request
         params: {
           ...filteredMergedFilters,
           pageSize: itemsPerPageLocal,
@@ -21785,20 +21793,24 @@ function DataTableServer({
         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: itemsPerPageLocal || 10,
-          totalElements: 0,
-          totalPages: 1
-        });
-        setIsLoading(false);
+        if (error.code === "ERR_CANCELED") {
+          console.log("Request was aborted");
+        } else {
+          console.error("Error fetching data:", error);
+          handleErrors(error, federationContext.emitter);
+          setData({
+            content: [],
+            empty: true,
+            first: true,
+            last: true,
+            number: 0,
+            numberOfElements: 0,
+            size: itemsPerPageLocal || 10,
+            totalElements: 0,
+            totalPages: 1
+          });
+          setIsLoading(false);
+        }
       });
       setReloadData(false);
     }
@@ -22230,8 +22242,7 @@ function DataTableServer({
               )
             )
           ] }) }),
-          data && (data == null ? void 0 : data.content) && (data == null ? void 0 : data.content.length) > 0 && /* @__PURE__ */ jsxs("tbody", { className: "relative", children: [
-            isLoading && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gray-300 opacity-50 z-50", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx(Spinner, {}) }) }) }) }),
+          !isLoading && data && (data == null ? void 0 : data.content) && (data == null ? void 0 : data.content.length) > 0 && /* @__PURE__ */ jsxs("tbody", { className: "relative", children: [
             data.content.map((item, rowIndex) => /* @__PURE__ */ jsxs(
               "tr",
               {
@@ -22306,8 +22317,8 @@ function DataTableServer({
               "td-nodata"
             ) }, "tr-nodata")
           ] }),
-          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-[500px] py-2", children: /* @__PURE__ */ jsx(Spinner, {}) }) }) }) }),
-          !isLoading && (!data || ((_c = data == null ? void 0 : data.content) == null ? void 0 : _c.length) === 0) && /* @__PURE__ */ jsx("tbody", { className: "relative h-[440px]", 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 text-gray-600 font-medium text-xs ", children: "Žádná data" }) }) }) })
+          isLoading && /* @__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-[500px] py-2", children: /* @__PURE__ */ jsx(Spinner, {}) }) }) }) }),
+          !isLoading && (!data || ((_b = data == null ? void 0 : data.content) == null ? void 0 : _b.length) === 0) && /* @__PURE__ */ jsx("tbody", { className: "relative h-[440px]", 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 text-gray-600 font-medium text-xs ", children: "Žádná data" }) }) }) })
         ] }, tableKey) }),
         /* @__PURE__ */ jsxs("div", { className: "w-full p-5 flex gap-5 justify-between", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex gap-5  text-sm ", children: [