@addsign/moje-agenda-shared-lib 2.0.40 → 2.0.42

package/dist/components/datatable/DataTableServer.js

@@ -13,7 +13,7 @@ import "../../jspdf.plugin.autotable-7hp3hM-a.js";
 import "../../contexts/FederationContext.js";
 import { useFederationContext } from "../../contexts/useFederationContext.js";
 import { handleErrors } from "../../utils/handleErrors.js";
-import "../../Dialog-BmQoVu5C.js";
+import "../../Dialog-CCrUyF91.js";
 import "../ui/ScrollArea.js";
 import "../ui/input.js";
 import "../ui/form.js";
@@ -25,6 +25,7 @@ import "../ui/tooltip.js";
 import "../ui/separator.js";
 import "../ui/textarea.js";
 import "../ui/checkbox.js";
+import { MultiSelect } from "../ui/multi-select.js";
 import "../ui/button.js";
 import "../../Calendar-DWT4e7Th.js";
 import "../ui/DateTimePicker.js";
@@ -21746,17 +21747,19 @@ function DataTableServer({
   const [showColFilters, setShowColFilters] = useState();
   const [sortConfig, setSortConfig] = useState(null);
   const createDataPageable = (response, itemsPerPage) => {
-    var _a2, _b2, _c, _d, _e, _f, _g;
+    var _a2, _b2, _c, _d;
+    const isPageable = !!((_a2 = response.data) == null ? void 0 : _a2.content);
     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: ((_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,
+      empty: isPageable ? response.data.empty : true,
+      first: isPageable ? response.data.first : true,
+      last: isPageable ? response.data.last : true,
+      number: isPageable ? response.data.number : 0,
       numberOfElements: response.data.numberOfElements || response.data.length,
-      size: ((_e = response.data) == null ? void 0 : _e.size) || itemsPerPage,
-      totalElements: ((_f = response.data) == null ? void 0 : _f.totalElements) || response.data.length,
-      totalPages: ((_g = response.data) == null ? void 0 : _g.totalPages) || 1
+      size: ((_b2 = response.data) == null ? void 0 : _b2.size) || itemsPerPage,
+      totalElements: ((_c = response.data) == null ? void 0 : _c.totalElements) || response.data.length,
+      totalPages: ((_d = response.data) == null ? void 0 : _d.totalPages) || 1,
+      isPageable
     };
   };
   const [reloadData, setReloadData] = useState(false);
@@ -21790,16 +21793,22 @@ function DataTableServer({
       setIsLoading(true);
       const filteredMergedFilters = Object.entries(mergedFilters).reduce(
         (acc, [key, value]) => {
-          if (value !== null && value !== "") {
-            acc[key] = value;
+          if (value === null || value === "") {
+            return acc;
           }
+          if (Array.isArray(value)) {
+            if (value.length > 0) {
+              acc[key] = value.join(",");
+            }
+            return acc;
+          }
+          acc[key] = value;
           return acc;
         },
         {}
       );
       federationContext.apiClient.get(url, {
         signal: currentAbortController.signal,
-        // Pass the AbortController signal to the request
         params: {
           ...filteredMergedFilters,
           pageSize: itemsPerPageLocal,
@@ -21889,13 +21898,15 @@ function DataTableServer({
     const updateFilterOptions = async () => {
       const newFilterOptions = {};
       for (const column of columns) {
-        if (column.filterType === "select" && (column.filterSource || column.filterOptions) && column.filterValueKey && column.filterLabelKey && column.filterParam) {
+        if ((column.filterType === "select" || column.filterType === "multi-select") && (column.filterSource || column.filterOptions) && column.filterValueKey && column.filterLabelKey && column.filterParam) {
           const options = await fetchFilterOptions(column);
-          if (options) {
+          if (options && column.filterType === "select") {
             newFilterOptions[column.filterParam] = [
               { value: "", label: "" },
               ...options
             ];
+          } else if (options && column.filterType === "multi-select") {
+            newFilterOptions[column.filterParam] = options;
           }
         }
       }
@@ -22219,7 +22230,7 @@ function DataTableServer({
                                 options: filterOptions[String(filterParam)] || [],
                                 value: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) ?? "",
                                 clearable: true,
-                                className: " px-0",
+                                className: "px-0",
                                 placeholder: "Zadejte filtr",
                                 rounded: true,
                                 disabled: Object.keys(
@@ -22227,6 +22238,23 @@ function DataTableServer({
                                 ).includes(String(filterParam))
                               },
                               JSON.stringify(mergedFilters)
+                            ) : filterType === "multi-select" ? /* @__PURE__ */ jsx(
+                              MultiSelect,
+                              {
+                                options: filterOptions[String(filterParam)] || [],
+                                onChange: (values) => filterHandler(
+                                  filterParam,
+                                  values
+                                ),
+                                value: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || [],
+                                placeholder: "Zadejte filtr",
+                                className: "px-0",
+                                disabled: Object.keys(
+                                  filters || {}
+                                ).includes(String(filterParam)),
+                                variant: "secondary"
+                              },
+                              JSON.stringify(mergedFilters)
                             ) : filterType === "dateRange" ? /* @__PURE__ */ jsx(
                               DateRangeField,
                               {
@@ -22319,7 +22347,7 @@ function DataTableServer({
                     "td",
                     {
                       onClick: rowAction ? () => rowAction(item) : void 0,
-                      className: `px-3 py-2 ${rowAction ? "cursor-pointer" : ""}  ${colIndex === 0 ? "font-medium text-gray-900" : "text-gray-700"} ${classes || ""}`,
+                      className: `px-3 py-2 ${rowAction ? "cursor-pointer" : ""}  ${colIndex === 0 ? "font-medium text-muted-foreground" : "text-gray-700"} ${classes || ""}`,
                       children: [
                         render ? render(item) : "",
                         actions && actions.filter((it) => {
@@ -22332,7 +22360,7 @@ function DataTableServer({
                         }).map((action, actionIndex) => /* @__PURE__ */ jsxs(
                           "div",
                           {
-                            className: "flex inline-flex align-middle",
+                            className: "inline-flex align-middle",
                             children: [
                               action.icon && /* @__PURE__ */ jsx(
                                 Button,
@@ -22378,50 +22406,57 @@ function DataTableServer({
           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 md:flex-row flex-col", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-5  text-sm ", children: [
-            data && /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "secondary",
-                onClick: prevPage,
-                className: "flex items-center",
-                disabled: data.first || isLoading,
-                children: [
-                  /* @__PURE__ */ jsx(MdArrowBack, { className: "mr-1.5" }),
-                  " Předchozí"
-                ]
-              }
-            ),
-            data && /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "secondary",
-                onClick: nextPage,
-                className: "flex items-center",
-                disabled: data.last || isLoading,
-                children: [
-                  "Následující ",
-                  /* @__PURE__ */ jsx(MdArrowForward, { className: "ml-2", size: 20 })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center  text-gray-800", children: paginationDisplay }),
-          /* @__PURE__ */ jsxs("div", { className: "content-center w-auto items-center justify-end flex-row gap-5 flex md:mt-0 mt-5", children: [
-            /* @__PURE__ */ jsx("span", { className: " whitespace-nowrap flex-grow", children: "Počet řádků na stránku:" }),
-            /* @__PURE__ */ jsx(
-              SelectField,
-              {
-                name: "itemsPerPage",
-                onInputChange: handleItemsPerPageChange,
-                className: "!w-[100px]",
-                options: itemsPerPageOptions || defaultItemsPerPageOptions,
-                value: itemsPerPageLocal
-              }
-            )
-          ] })
-        ] })
+        (data == null ? void 0 : data.isPageable) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-cy": "pagination",
+            className: "w-full p-5 flex gap-5 justify-between md:flex-row flex-col",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-5  text-sm ", children: [
+                data && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "secondary",
+                    onClick: prevPage,
+                    className: "flex items-center",
+                    disabled: data.first || isLoading,
+                    children: [
+                      /* @__PURE__ */ jsx(MdArrowBack, { className: "mr-1.5" }),
+                      " Předchozí"
+                    ]
+                  }
+                ),
+                data && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "secondary",
+                    onClick: nextPage,
+                    className: "flex items-center",
+                    disabled: data.last || isLoading,
+                    children: [
+                      "Následující ",
+                      /* @__PURE__ */ jsx(MdArrowForward, { className: "ml-2", size: 20 })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center  text-gray-800", children: paginationDisplay }),
+              /* @__PURE__ */ jsxs("div", { className: "content-center w-auto items-center justify-end flex-row gap-5 flex md:mt-0 mt-5", children: [
+                /* @__PURE__ */ jsx("span", { className: " whitespace-nowrap flex-grow", children: "Počet řádků na stránku:" }),
+                /* @__PURE__ */ jsx(
+                  SelectField,
+                  {
+                    name: "itemsPerPage",
+                    onInputChange: handleItemsPerPageChange,
+                    className: "!w-[100px]",
+                    options: itemsPerPageOptions || defaultItemsPerPageOptions,
+                    value: itemsPerPageLocal
+                  }
+                )
+              ] })
+            ]
+          }
+        )
       ]
     }
   ) });