@addsign/moje-agenda-shared-lib 2.0.66 → 2.0.68

package/dist/components/datatable/DataTableServer.js

@@ -21923,12 +21923,34 @@ function DataTableServer({
             const response = await federationContext.apiClient.get(
               column.filterSource
             );
-            const options = response.data.map((item) => {
+            const options = [];
+            response.data.forEach((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()
-              };
+              const categoryId = (_a2 = item[column.filterValueKey]) == null ? void 0 : _a2.toString();
+              const categoryLabel = (_b2 = item[column.filterLabelKey]) == null ? void 0 : _b2.toString();
+              const subcategories = item.subcategories;
+              if (Array.isArray(subcategories) && subcategories.length > 0 && column.filterParam2) {
+                options.push({
+                  value: categoryId,
+                  label: categoryLabel
+                });
+                subcategories.forEach((subcategory) => {
+                  var _a3, _b3;
+                  const subcategoryId = (_a3 = subcategory.id) == null ? void 0 : _a3.toString();
+                  const subcategoryLabel = (_b3 = subcategory.name) == null ? void 0 : _b3.toString();
+                  if (subcategoryId && subcategoryLabel) {
+                    options.push({
+                      value: `${categoryId}-${subcategoryId}`,
+                      label: `${categoryLabel} - ${subcategoryLabel}`
+                    });
+                  }
+                });
+              } else {
+                options.push({
+                  value: categoryId,
+                  label: categoryLabel
+                });
+              }
             });
             return options;
           } catch (error) {
@@ -22026,8 +22048,55 @@ function DataTableServer({
     setCurrentPage(0);
   };
   const paginationDisplay = `Strana ${(currentPage || 0) + 1} z ${(data == null ? void 0 : data.totalPages) || 1}`;
-  const filterHandler = (filterParam, value) => {
-    setColumnFilters((prev) => ({ ...prev, [filterParam]: value }));
+  const filterHandler = (filterParam, value, filterParam2, clearFilterParam2) => {
+    setColumnFilters((prev) => {
+      const newFilters = { ...prev };
+      if (value === "" || value === "__clear__" || Array.isArray(value) && value.length === 0) {
+        delete newFilters[String(filterParam)];
+        if (filterParam2) {
+          delete newFilters[filterParam2];
+        }
+        return newFilters;
+      }
+      if (filterParam2) {
+        if (clearFilterParam2) {
+          newFilters[String(filterParam)] = value;
+          delete newFilters[filterParam2];
+          return newFilters;
+        }
+        if (typeof value === "string" && value.includes("-")) {
+          const parts = value.split("-");
+          if (parts.length === 2) {
+            newFilters[String(filterParam)] = parts[0];
+            newFilters[filterParam2] = parts[1];
+            return newFilters;
+          }
+        }
+        if (Array.isArray(value)) {
+          const subcategoryIds = [];
+          value.forEach((val) => {
+            if (val.includes("-")) {
+              const parts = val.split("-");
+              if (parts.length === 2) {
+                subcategoryIds.push(parts[1]);
+              }
+            }
+          });
+          newFilters[String(filterParam)] = value.length > 0 ? value : void 0;
+          if (subcategoryIds.length > 0) {
+            newFilters[filterParam2] = subcategoryIds;
+          } else {
+            delete newFilters[filterParam2];
+          }
+          return newFilters;
+        }
+        newFilters[String(filterParam)] = value;
+        delete newFilters[filterParam2];
+        return newFilters;
+      }
+      newFilters[String(filterParam)] = value;
+      return newFilters;
+    });
     setCurrentPage(0);
   };
   const handleToggleShowColFilters = () => {
@@ -22260,270 +22329,298 @@ function DataTableServer({
           ) })
         ] }),
         setMinWidth && /* @__PURE__ */ jsx("div", { ref: topScrollbarRef, className: "overflow-x-auto h-4 mb-1 mmmmm", children: /* @__PURE__ */ jsx("div", { ref: syncWidthRef, className: "h-full" }) }),
-        /* @__PURE__ */ jsx("div", { ref: bottomScrollbarRef, className: "overflow-auto min-h-[500px]", children: /* @__PURE__ */ jsxs(
-          "table",
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            ref: tableRef,
-            className: "w-full leading-normal",
-            "data-cy": "datatable-table-" + id,
+            ref: bottomScrollbarRef,
+            className: "overflow-auto min-h-[500px] relative",
             children: [
-              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                data && bulkAction && /* @__PURE__ */ jsx("th", { className: "w-[20px] h-10 hover:bg-gray-200 bg-gray-50 font-medium text-xs text-center text-gray-600 cursor-pointer border-t border-b border-gray-200", children: /* @__PURE__ */ jsx("label", { className: "w-full h-full flex items-center justify-center cursor-pointer px-2", children: /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    id: "selectAll",
-                    type: "checkbox",
-                    className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded !focus:ring-indigo-200 focus:ring-4",
-                    onChange: handleSelectAll,
-                    checked: data && selectedItems.length === data.content.length && data.content.length > 0
-                  }
-                ) }) }),
-                columns.map(
-                  ({
-                    key,
-                    header,
-                    actions,
-                    sortParam,
-                    width,
-                    filterType,
-                    filterParam,
-                    filterParam2
-                  }, index) => /* @__PURE__ */ jsx(
-                    Resizable,
-                    {
-                      tableId: id,
-                      colKey: String(key),
-                      defaultWidth: width || "auto",
-                      setMinWidth,
-                      children: ({ ref }) => {
-                        var _a2, _b2, _c;
-                        return /* @__PURE__ */ jsxs(
-                          "th",
-                          {
-                            className: `tableHeader relative  font-medium  text-xs !leading-9 text-left px-3 text-gray-600 
-                             bg-gray-50 border-t border-b border-gray-200  content-start ${!title && !subtitle ? "border-t-0" : ""} ${sortParam ? " cursor-pointer " : ""}`,
-                            onClick: () => sortParam ? requestSort(sortParam) : void 0,
-                            "data-cy": "datatable-header-" + id + "-" + String(key),
-                            children: [
-                              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 group select-none w-full", children: [
-                                header,
-                                " ",
-                                !actions && sortParam ? getSortIcon(sortParam) : ""
-                              ] }),
-                              /* @__PURE__ */ jsx(
-                                "div",
-                                {
-                                  className: `resizer absolute top-0 right-0 h-full w-2  bg-transparent  ${index < columns.length - 1 ? "cursor-col-resize hover:border-x border-gray-300 border-r w-1" : "w-0"}`,
-                                  ref,
-                                  onClick: (e) => e.stopPropagation()
-                                }
-                              ),
-                              showColFilters && /* @__PURE__ */ jsx(
-                                "div",
-                                {
-                                  className: "p-0 m-0 pb-2",
-                                  onClick: (e) => e.stopPropagation(),
-                                  "data-cy": "datatable-filter-container-" + id + "-" + String(key),
-                                  children: filterType === "select" ? /* @__PURE__ */ jsxs(
-                                    Select,
-                                    {
-                                      onValueChange: (value) => {
-                                        if (value === "__clear__") {
-                                          filterHandler(filterParam, "");
-                                        } else {
-                                          filterHandler(
-                                            filterParam,
-                                            value
-                                          );
-                                        }
-                                      },
-                                      value: ((_a2 = mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) == null ? void 0 : _a2.toString()) || "__clear__",
-                                      disabled: Object.keys(
-                                        filters || {}
-                                      ).includes(String(filterParam)),
-                                      children: [
-                                        /* @__PURE__ */ jsx(SelectTrigger, { className: "flex-1 w-full px-2 font-normal placeholder-muted-foreground", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Zadejte filtr" }) }),
-                                        /* @__PURE__ */ jsx(SelectContent, { children: (_c = (_b2 = filterOptions[String(filterParam)]) == null ? void 0 : _b2.filter(
-                                          (option) => option.value !== null && option.value !== void 0 && option.value !== ""
-                                        )) == null ? void 0 : _c.map((option) => {
-                                          var _a3;
-                                          return /* @__PURE__ */ jsx(
-                                            SelectItem,
-                                            {
-                                              value: ((_a3 = option.value) == null ? void 0 : _a3.toString()) || "unknown",
-                                              children: option.label
-                                            },
-                                            option.value
-                                          );
-                                        }) })
-                                      ]
-                                    }
-                                  ) : 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",
-                                      maxCount: 0
-                                    }
-                                  ) : filterType === "dateRange" ? /* @__PURE__ */ jsx(
-                                    DateRangeField,
-                                    {
-                                      name: String(filterParam),
-                                      nameEnd: String(filterParam2),
-                                      onInputChange: (e) => filterHandler(
-                                        e.target.name,
-                                        e.target.value
-                                      ),
-                                      type: filterType,
-                                      value: {
-                                        startDate: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
-                                        endDate: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam2)]) || ""
-                                      },
-                                      clearable: true,
-                                      className: " px-0 py-0 ",
-                                      placeholder: "Zadejte filtr",
-                                      rounded: true,
-                                      disabled: Object.keys(
-                                        filters || {}
-                                      ).includes(String(filterParam))
-                                    }
-                                  ) : filterType === "date" ? /* @__PURE__ */ jsx(
-                                    DateField,
-                                    {
-                                      name: String(filterParam),
-                                      onInputChange: (e) => filterHandler(
-                                        e.target.name,
-                                        e.target.value
-                                      ),
-                                      type: filterType,
-                                      value: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
-                                      clearable: true,
-                                      className: " px-0 py-0 ",
-                                      placeholder: "Zadejte filtr",
-                                      rounded: true,
-                                      disabled: Object.keys(
-                                        filters || {}
-                                      ).includes(String(filterParam))
-                                    }
-                                  ) : filterType === "text" ? /* @__PURE__ */ jsx(
-                                    Input,
-                                    {
-                                      onChange: (e) => filterHandler(
-                                        filterParam,
-                                        e.target.value
-                                      ),
-                                      value: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
-                                      disabled: Object.keys(
-                                        filters || {}
-                                      ).includes(String(filterParam)),
-                                      clearable: true,
-                                      className: "min-w-[100px] px-2 font-normal                 placeholder-muted-foreground\r\n",
-                                      placeholder: "Zadejte filtr",
-                                      debounceTimeout: 1e3
-                                    }
-                                  ) : null
-                                }
-                              )
-                            ]
-                          }
-                        );
-                      }
-                    },
-                    String(key)
-                  )
-                )
-              ] }) }),
-              !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",
-                  {
-                    className: `${item._isHighlighted || isSelected(item) ? "bg-gray-50" : ""} hover:bg-gray-100 border-gray-200 border-b text-sm`,
-                    children: [
-                      bulkAction && /* @__PURE__ */ jsx("td", { className: "w-[20px] h-[52px] hover:bg-gray-200 font-medium text-xs text-center text-gray-600 cursor-pointer", children: /* @__PURE__ */ jsx("label", { className: "w-full h-full flex items-center justify-center cursor-pointer px-2", children: /* @__PURE__ */ jsx(
+              isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center h-[500px] py-2 z-10", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+              !isLoading && (!data || ((_a = data == null ? void 0 : data.content) == null ? void 0 : _a.length) === 0) && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center  py-2 text-gray-600 font-medium text-xs top-[90px]", children: "Žádná data" }),
+              /* @__PURE__ */ jsxs(
+                "table",
+                {
+                  ref: tableRef,
+                  className: "w-full leading-normal",
+                  "data-cy": "datatable-table-" + id,
+                  children: [
+                    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                      data && bulkAction && /* @__PURE__ */ jsx("th", { className: "w-[20px] h-10 hover:bg-gray-200 bg-gray-50 font-medium text-xs text-center text-gray-600 cursor-pointer border-t border-b border-gray-200", children: /* @__PURE__ */ jsx("label", { className: "w-full h-full flex items-center justify-center cursor-pointer px-2", children: /* @__PURE__ */ jsx(
                         "input",
                         {
+                          id: "selectAll",
                           type: "checkbox",
                           className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded !focus:ring-indigo-200 focus:ring-4",
-                          checked: isSelected(item) || false,
-                          onChange: () => handleSelectItem(item)
+                          onChange: handleSelectAll,
+                          checked: data && selectedItems.length === data.content.length && data.content.length > 0
                         }
                       ) }) }),
-                      columns.map(({ render, actions, classes }, colIndex) => /* @__PURE__ */ jsxs(
-                        "td",
+                      columns.map(
+                        ({
+                          key,
+                          header,
+                          actions,
+                          sortParam,
+                          width,
+                          filterType,
+                          filterParam,
+                          filterParam2
+                        }, index) => /* @__PURE__ */ jsx(
+                          Resizable,
+                          {
+                            tableId: id,
+                            colKey: String(key),
+                            defaultWidth: width || "auto",
+                            setMinWidth,
+                            children: ({ ref }) => {
+                              var _a2, _b2, _c;
+                              return /* @__PURE__ */ jsxs(
+                                "th",
+                                {
+                                  className: `tableHeader relative  font-medium  text-xs !leading-9 text-left px-3 text-gray-600 
+                             bg-gray-50 border-t border-b border-gray-200  content-start ${!title && !subtitle ? "border-t-0" : ""} ${sortParam ? " cursor-pointer " : ""}`,
+                                  onClick: () => sortParam ? requestSort(sortParam) : void 0,
+                                  "data-cy": "datatable-header-" + id + "-" + String(key),
+                                  children: [
+                                    /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 group select-none w-full", children: [
+                                      header,
+                                      " ",
+                                      !actions && sortParam ? getSortIcon(sortParam) : ""
+                                    ] }),
+                                    /* @__PURE__ */ jsx(
+                                      "div",
+                                      {
+                                        className: `resizer absolute top-0 right-0 h-full w-2  bg-transparent  ${index < columns.length - 1 ? "cursor-col-resize hover:border-x border-gray-300 border-r w-1" : "w-0"}`,
+                                        ref,
+                                        onClick: (e) => e.stopPropagation()
+                                      }
+                                    ),
+                                    showColFilters && /* @__PURE__ */ jsx(
+                                      "div",
+                                      {
+                                        className: "p-0 m-0 pb-2",
+                                        onClick: (e) => e.stopPropagation(),
+                                        "data-cy": "datatable-filter-container-" + id + "-" + String(key),
+                                        children: filterType === "select" ? /* @__PURE__ */ jsxs(
+                                          Select,
+                                          {
+                                            onValueChange: (value) => {
+                                              if (value === "__clear__") {
+                                                filterHandler(
+                                                  filterParam,
+                                                  "",
+                                                  filterParam2
+                                                );
+                                              } else {
+                                                if (value.includes("-") && filterParam2) {
+                                                  filterHandler(
+                                                    filterParam,
+                                                    value,
+                                                    filterParam2
+                                                  );
+                                                } else {
+                                                  filterHandler(
+                                                    filterParam,
+                                                    value,
+                                                    filterParam2,
+                                                    true
+                                                  );
+                                                }
+                                              }
+                                            },
+                                            value: filterParam2 && (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) && (mergedFilters == null ? void 0 : mergedFilters[String(filterParam2)]) ? `${mergedFilters[String(filterParam)]}-${mergedFilters[String(filterParam2)]}` : ((_a2 = mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) == null ? void 0 : _a2.toString()) || "__clear__",
+                                            disabled: Object.keys(
+                                              filters || {}
+                                            ).includes(String(filterParam)),
+                                            children: [
+                                              /* @__PURE__ */ jsx(SelectTrigger, { className: "flex-1 w-full px-2 font-normal placeholder-muted-foreground", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Zadejte filtr" }) }),
+                                              /* @__PURE__ */ jsx(SelectContent, { children: (_c = (_b2 = filterOptions[String(filterParam)]) == null ? void 0 : _b2.filter(
+                                                (option) => option.value !== null && option.value !== void 0 && option.value !== ""
+                                              )) == null ? void 0 : _c.map((option) => {
+                                                var _a3;
+                                                return /* @__PURE__ */ jsx(
+                                                  SelectItem,
+                                                  {
+                                                    value: ((_a3 = option.value) == null ? void 0 : _a3.toString()) || "unknown",
+                                                    children: option.label
+                                                  },
+                                                  option.value
+                                                );
+                                              }) })
+                                            ]
+                                          }
+                                        ) : filterType === "multi-select" ? /* @__PURE__ */ jsx(
+                                          MultiSelect,
+                                          {
+                                            options: filterOptions[String(filterParam)] || [],
+                                            onChange: (values) => {
+                                              filterHandler(
+                                                filterParam,
+                                                values,
+                                                filterParam2
+                                              );
+                                            },
+                                            value: Array.isArray(
+                                              mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]
+                                            ) ? mergedFilters[String(filterParam)] : (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) ? [mergedFilters[String(filterParam)]] : [],
+                                            placeholder: "Zadejte filtr",
+                                            className: "px-0",
+                                            disabled: Object.keys(
+                                              filters || {}
+                                            ).includes(String(filterParam)),
+                                            variant: "secondary",
+                                            maxCount: 0
+                                          }
+                                        ) : filterType === "dateRange" ? /* @__PURE__ */ jsx(
+                                          DateRangeField,
+                                          {
+                                            name: String(filterParam),
+                                            nameEnd: String(filterParam2),
+                                            onInputChange: (e) => filterHandler(
+                                              e.target.name,
+                                              e.target.value
+                                            ),
+                                            type: filterType,
+                                            value: {
+                                              startDate: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
+                                              endDate: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam2)]) || ""
+                                            },
+                                            clearable: true,
+                                            className: " px-0 py-0 ",
+                                            placeholder: "Zadejte filtr",
+                                            rounded: true,
+                                            disabled: Object.keys(
+                                              filters || {}
+                                            ).includes(String(filterParam))
+                                          }
+                                        ) : filterType === "date" ? /* @__PURE__ */ jsx(
+                                          DateField,
+                                          {
+                                            name: String(filterParam),
+                                            onInputChange: (e) => filterHandler(
+                                              e.target.name,
+                                              e.target.value
+                                            ),
+                                            type: filterType,
+                                            value: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
+                                            clearable: true,
+                                            className: " px-0 py-0 ",
+                                            placeholder: "Zadejte filtr",
+                                            rounded: true,
+                                            disabled: Object.keys(
+                                              filters || {}
+                                            ).includes(String(filterParam))
+                                          }
+                                        ) : filterType === "text" ? /* @__PURE__ */ jsx(
+                                          Input,
+                                          {
+                                            onChange: (e) => filterHandler(
+                                              filterParam,
+                                              e.target.value
+                                            ),
+                                            value: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
+                                            disabled: Object.keys(
+                                              filters || {}
+                                            ).includes(String(filterParam)),
+                                            clearable: true,
+                                            className: "min-w-[100px] px-2 font-normal                 placeholder-muted-foreground\r\n",
+                                            placeholder: "Zadejte filtr",
+                                            debounceTimeout: 1e3
+                                          }
+                                        ) : null
+                                      }
+                                    )
+                                  ]
+                                }
+                              );
+                            }
+                          },
+                          String(key)
+                        )
+                      )
+                    ] }) }),
+                    !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",
                         {
-                          onClick: rowAction ? () => rowAction(item) : void 0,
-                          className: `px-3 py-2 text-gray-800  ${rowAction ? "cursor-pointer" : ""}  ${colIndex === 0 ? "font-bold " : ""} ${classes || ""}`,
+                          className: `${item._isHighlighted || isSelected(item) ? "bg-gray-50" : ""} hover:bg-gray-100 border-gray-200 border-b text-sm`,
                           children: [
-                            render ? render(item) : "",
-                            actions && actions.filter((it) => {
-                              if (it.rowAction)
-                                return false;
-                              if (it.visible) {
-                                return it.visible(item);
-                              } else
-                                return true;
-                            }).map((action, actionIndex) => /* @__PURE__ */ jsxs(
-                              "div",
+                            bulkAction && /* @__PURE__ */ jsx("td", { className: "w-[20px] h-[52px] hover:bg-gray-200 font-medium text-xs text-center text-gray-600 cursor-pointer", children: /* @__PURE__ */ jsx("label", { className: "w-full h-full flex items-center justify-center cursor-pointer px-2", children: /* @__PURE__ */ jsx(
+                              "input",
+                              {
+                                type: "checkbox",
+                                className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded !focus:ring-indigo-200 focus:ring-4",
+                                checked: isSelected(item) || false,
+                                onChange: () => handleSelectItem(item)
+                              }
+                            ) }) }),
+                            columns.map(({ render, actions, classes }, colIndex) => /* @__PURE__ */ jsxs(
+                              "td",
                               {
-                                className: "inline-flex align-middle",
+                                onClick: rowAction ? () => rowAction(item) : void 0,
+                                className: `px-3 py-2 text-gray-800  ${rowAction ? "cursor-pointer" : ""}  ${colIndex === 0 ? "font-bold " : ""} ${classes || ""}`,
                                 children: [
-                                  action.icon && /* @__PURE__ */ jsx(
-                                    Button,
+                                  render ? render(item) : "",
+                                  actions && actions.filter((it) => {
+                                    if (it.rowAction)
+                                      return false;
+                                    if (it.visible) {
+                                      return it.visible(item);
+                                    } else
+                                      return true;
+                                  }).map((action, actionIndex) => /* @__PURE__ */ jsxs(
+                                    "div",
                                     {
-                                      variant: "icon",
-                                      onClick: () => action.onClick(item),
-                                      children: action.icon
-                                    }
-                                  ),
-                                  !action.icon && /* @__PURE__ */ jsx(
-                                    Button,
-                                    {
-                                      variant: "primary",
-                                      onClick: (e) => {
-                                        e.stopPropagation();
-                                        action.onClick(item);
-                                      },
-                                      children: action.label
-                                    }
-                                  )
+                                      className: "inline-flex align-middle",
+                                      children: [
+                                        action.icon && /* @__PURE__ */ jsx(
+                                          Button,
+                                          {
+                                            variant: "icon",
+                                            onClick: () => action.onClick(item),
+                                            children: action.icon
+                                          }
+                                        ),
+                                        !action.icon && /* @__PURE__ */ jsx(
+                                          Button,
+                                          {
+                                            variant: "primary",
+                                            onClick: (e) => {
+                                              e.stopPropagation();
+                                              action.onClick(item);
+                                            },
+                                            children: action.label
+                                          }
+                                        )
+                                      ]
+                                    },
+                                    `${rowIndex}-${colIndex}-${actionIndex}`
+                                  ))
                                 ]
                               },
-                              `${rowIndex}-${colIndex}-${actionIndex}`
+                              `${rowIndex}-${colIndex}`
                             ))
                           ]
                         },
-                        `${rowIndex}-${colIndex}`
-                      ))
-                    ]
-                  },
-                  rowIndex
-                )),
-                ((_a = data == null ? void 0 : data.content) == null ? void 0 : _a.length) === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-                  "td",
-                  {
-                    className: "px-5 py-3 border-b border-gray-200 bg-white text-sm items-center justify-center align-middle",
-                    colSpan: columns.length,
-                    children: "No data"
-                  },
-                  "td-nodata"
-                ) }, "tr-nodata")
-              ] }),
-              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" }) }) }) })
+                        rowIndex
+                      )),
+                      ((_b = data == null ? void 0 : data.content) == null ? void 0 : _b.length) === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+                        "td",
+                        {
+                          className: "px-5 py-3 border-b border-gray-200 bg-white text-sm items-center justify-center align-middle",
+                          colSpan: columns.length,
+                          children: "No data"
+                        },
+                        "td-nodata"
+                      ) }, "tr-nodata")
+                    ] })
+                  ]
+                },
+                tableKey
+              )
             ]
-          },
-          tableKey
-        ) }),
+          }
+        ),
         (data == null ? void 0 : data.isPageable) && /* @__PURE__ */ jsxs(
           "div",
           {