@addsign/moje-agenda-shared-lib 2.0.41 → 2.0.43

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";
@@ -21792,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,
@@ -21875,10 +21882,13 @@ function DataTableServer({
           const response = await federationContext.apiClient.get(
             column.filterSource
           );
-          const options = response.data.map((item) => ({
-            value: item[column.filterValueKey],
-            label: item[column.filterLabelKey]
-          }));
+          const options = response.data.map((item) => {
+            var _a2, _b2;
+            return {
+              value: (_a2 = item[column.filterValueKey]) == null ? void 0 : _a2.toString(),
+              label: (_b2 = item[column.filterLabelKey]) == null ? void 0 : _b2.toString()
+            };
+          });
           return options;
         } catch (error) {
           console.error("Error fetching filter options:", error);
@@ -21891,13 +21901,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;
           }
         }
       }
@@ -22221,7 +22233,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(
@@ -22229,6 +22241,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,
                               {
@@ -22321,7 +22350,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) => {
@@ -22334,7 +22363,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,