@addsign/moje-agenda-shared-lib 0.0.28 → 0.0.30

package/dist/components/DataTable.js

@@ -1,247 +1,313 @@
-import { jsx as r, Fragment as G, jsxs as o } from "react/jsx-runtime";
-import { useState as g, useEffect as J } from "react";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import '../assets/tailwind.css';/* empty css                   */
-import v from "./Button.js";
-import { M as K, a as Q, b as R, c as W, d as X, e as Y, f as N, g as Z } from "../index-CO5g84CR.js";
-import k from "./form/FormField.js";
-import ee from "./Spinner.js";
+import Button from "./Button.js";
+import { M as MdOutlineFilterAlt, a as MdOutlineFilterAltOff, b as MdSearch, c as MdClose, d as MdArrowBack, e as MdArrowForward, f as MdArrowUpward, g as MdArrowDownward } from "../index-C0yNf1cc.js";
+import FormField from "./form/FormField.js";
+import Spinner from "./Spinner.js";
 import "../contexts/FederationContext.js";
-function ce({
-  items: f,
-  columns: c,
-  itemsPerPage: b = 10,
-  title: m,
-  subtitle: h,
-  allowSearch: F = !0,
-  isLoading: D
+function DataTable({
+  items,
+  columns,
+  itemsPerPage = 10,
+  title,
+  subtitle,
+  allowSearch = true,
+  isLoading
 }) {
-  const [p, x] = g(0), [u, O] = g(""), [T, A] = g({}), [M, z] = g(
+  const [currentPage, setCurrentPage] = useState(0);
+  const [fulltextSearch, setFulltextSearch] = useState("");
+  const [filterOptions, setFilterOptions] = useState({});
+  const [columnFilters, setColumnFilters] = useState(
     {}
-  ), [y, I] = g(!1), [s, L] = g(null);
-  J(() => {
-    const e = {};
-    c.forEach((n) => {
-      if (n.filterType && f.length > 0) {
-        const i = new Set(
-          f.map((a) => a[n.key])
+  );
+  const [showColFilters, setShowColFilters] = useState(false);
+  const [sortConfig, setSortConfig] = useState(null);
+  useEffect(() => {
+    const newFilterOptions = {};
+    columns.forEach((column) => {
+      if (column.filterType && items.length > 0) {
+        const uniqueOptions = new Set(
+          items.map((item) => item[column.key])
         );
-        let t = Array.from(i).map((a) => {
-          var l;
+        let sortedOptions = Array.from(uniqueOptions).map((option) => {
+          var _a;
           return {
-            value: a,
-            label: n.type === "date" ? (l = new Date(a)) == null ? void 0 : l.toLocaleDateString() : a
+            value: option,
+            label: column.type === "date" ? (_a = new Date(option)) == null ? void 0 : _a.toLocaleDateString() : option
           };
         });
-        n.type === "date" ? t = t.sort((a, l) => {
-          const d = new Date(a.value).getTime(), C = new Date(l.value).getTime();
-          return d - C;
-        }) : t = t.sort(
-          (a, l) => {
-            var d;
-            return (d = a.label) == null ? void 0 : d.localeCompare(l.label);
-          }
-        ), e[n.key] = [
+        if (column.type === "date") {
+          sortedOptions = sortedOptions.sort((a, b) => {
+            const timestampA = new Date(a.value).getTime();
+            const timestampB = new Date(b.value).getTime();
+            return timestampA - timestampB;
+          });
+        } else {
+          sortedOptions = sortedOptions.sort(
+            (a, b) => {
+              var _a;
+              return (_a = a.label) == null ? void 0 : _a.localeCompare(b.label);
+            }
+          );
+        }
+        newFilterOptions[column.key] = [
           { value: "", label: "" },
-          ...t
+          ...sortedOptions
         ];
       }
-    }), A(e);
-  }, [f, c]);
-  const V = (e) => {
-    (s == null ? void 0 : s.key) === e && s.direction !== null ? L({
-      key: e,
-      direction: s.direction === "ascending" ? "descending" : null
-    }) : L({ key: e, direction: "ascending" });
-  }, j = (e) => (s == null ? void 0 : s.key) === e ? s.direction === "ascending" ? /* @__PURE__ */ r(N, { fontSize: "small" }) : s.direction === "descending" ? /* @__PURE__ */ r(Z, { fontSize: "small" }) : /* @__PURE__ */ r(
-    N,
-    {
-      fontSize: "small",
-      className: "text-gray-300 invisible group-hover:visible "
+    });
+    setFilterOptions(newFilterOptions);
+  }, [items, columns]);
+  const requestSort = (key) => {
+    if ((sortConfig == null ? void 0 : sortConfig.key) === key && sortConfig.direction !== null) {
+      setSortConfig({
+        key,
+        direction: sortConfig.direction === "ascending" ? "descending" : null
+      });
+    } else {
+      setSortConfig({ key, direction: "ascending" });
+    }
+  };
+  const getSortIcon = (key) => {
+    if ((sortConfig == null ? void 0 : sortConfig.key) === key) {
+      return sortConfig.direction === "ascending" ? /* @__PURE__ */ jsx(MdArrowUpward, { fontSize: "small" }) : sortConfig.direction === "descending" ? /* @__PURE__ */ jsx(MdArrowDownward, { fontSize: "small" }) : /* @__PURE__ */ jsx(
+        MdArrowUpward,
+        {
+          fontSize: "small",
+          className: "text-gray-300 invisible group-hover:visible "
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      MdArrowUpward,
+      {
+        fontSize: "small",
+        className: "text-gray-300 invisible group-hover:visible "
+      }
+    );
+  };
+  const sortedItems = (sortConfig == null ? void 0 : sortConfig.direction) ? [...items].sort((a, b) => {
+    const aValue = a[sortConfig.key];
+    const bValue = b[sortConfig.key];
+    if (aValue instanceof Date && bValue instanceof Date) {
+      return sortConfig.direction === "ascending" ? aValue.getTime() - bValue.getTime() : bValue.getTime() - aValue.getTime();
     }
-  ) : /* @__PURE__ */ r(
-    N,
-    {
-      fontSize: "small",
-      className: "text-gray-300 invisible group-hover:visible "
+    if (typeof aValue === "number" && typeof bValue === "number") {
+      return sortConfig.direction === "ascending" ? aValue - bValue : bValue - aValue;
     }
-  ), w = (s != null && s.direction ? [...f].sort((e, n) => {
-    const i = e[s.key], t = n[s.key];
-    return i instanceof Date && t instanceof Date ? s.direction === "ascending" ? i.getTime() - t.getTime() : t.getTime() - i.getTime() : typeof i == "number" && typeof t == "number" ? s.direction === "ascending" ? i - t : t - i : s.direction === "ascending" ? String(i).localeCompare(String(t)) : String(t).localeCompare(String(i));
-  }) : f).filter((e) => {
-    const n = u ? c.some((t) => {
-      const a = e[t.key];
-      return (typeof a == "string" || typeof a == "number") && a.toString().toLowerCase().includes(u.toLowerCase());
-    }) : !0, i = c.every((t) => {
-      const a = M[t.key];
-      if (!a)
-        return !0;
-      const l = e[t.key];
-      return (t.type || typeof l) === "string" ? t.filterOperator == ">=" ? l.toLowerCase() >= a.toLowerCase() : t.filterOperator == "<=" ? l.toLowerCase() <= a.toLowerCase() : t.filterType == "text" ? l.toLowerCase().includes(a.toLowerCase()) : l.toLowerCase() == a.toLowerCase() : t.filterOperator == ">=" ? l >= a : t.filterOperator == "<=" ? l <= a : l == a;
+    return sortConfig.direction === "ascending" ? String(aValue).localeCompare(String(bValue)) : String(bValue).localeCompare(String(aValue));
+  }) : items;
+  const filteredItems = sortedItems.filter((item) => {
+    const textSearchMatch = fulltextSearch ? columns.some((column) => {
+      const value = item[column.key];
+      return (typeof value === "string" || typeof value === "number") && value.toString().toLowerCase().includes(fulltextSearch.toLowerCase());
+    }) : true;
+    const columnFiltersMatch = columns.every((column) => {
+      const filterValue = columnFilters[column.key];
+      if (!filterValue)
+        return true;
+      const itemValue = item[column.key];
+      if ((column.type || typeof itemValue) === "string") {
+        if (column.filterOperator == ">=") {
+          return itemValue.toLowerCase() >= filterValue.toLowerCase();
+        } else if (column.filterOperator == "<=") {
+          return itemValue.toLowerCase() <= filterValue.toLowerCase();
+        }
+        if (column.filterType == "text") {
+          return itemValue.toLowerCase().includes(filterValue.toLowerCase());
+        } else {
+          return itemValue.toLowerCase() == filterValue.toLowerCase();
+        }
+      } else {
+        if (column.filterOperator == ">=") {
+          return itemValue >= filterValue;
+        } else if (column.filterOperator == "<=") {
+          return itemValue <= filterValue;
+        } else {
+          return itemValue == filterValue;
+        }
+      }
     });
-    return n && i;
-  }), S = (p + 1) * b, B = S - b, $ = w.slice(B, S), _ = () => {
-    x(p + 1);
-  }, q = () => {
-    x(p - 1);
-  }, E = (e) => {
-    var n;
-    O((n = e.target) == null ? void 0 : n.value), x(0);
-  }, H = Math.max(
+    return textSearchMatch && columnFiltersMatch;
+  });
+  const indexOfLastItem = (currentPage + 1) * itemsPerPage;
+  const indexOfFirstItem = indexOfLastItem - itemsPerPage;
+  const currentItems = filteredItems.slice(indexOfFirstItem, indexOfLastItem);
+  const nextPage = () => {
+    setCurrentPage(currentPage + 1);
+  };
+  const prevPage = () => {
+    setCurrentPage(currentPage - 1);
+  };
+  const handleSearchChanged = (e) => {
+    var _a;
+    setFulltextSearch((_a = e.target) == null ? void 0 : _a.value);
+    setCurrentPage(0);
+  };
+  const totalPages = Math.max(
     1,
-    Math.ceil(w.length / b)
-  ), P = `Strana ${p + 1} z ${H}`, U = (e, n) => {
-    z((i) => ({ ...i, [e]: n })), x(0);
+    Math.ceil(filteredItems.length / itemsPerPage)
+  );
+  const paginationDisplay = `Strana ${currentPage + 1} z ${totalPages}`;
+  const filterHandler = (key, value) => {
+    setColumnFilters((prev) => ({ ...prev, [key]: value }));
+    setCurrentPage(0);
   };
-  return D ? /* @__PURE__ */ r(ee, {}) : /* @__PURE__ */ r(G, { children: /* @__PURE__ */ o("div", { className: "container  shadow-lg border border-gray-200 rounded-xl overflow-hidden ", children: [
-    (m || h || F) && /* @__PURE__ */ o("div", { className: "p-5 leading-9 flex ", children: [
-      /* @__PURE__ */ o("div", { className: "flex-grow", children: [
-        m && /* @__PURE__ */ r("h1", { className: "font-semibold text-xl leading-[42px] ", children: m }),
-        h && /* @__PURE__ */ r("p", { className: "font-normal text-gray-600", children: h })
+  if (isLoading)
+    return /* @__PURE__ */ jsx(Spinner, {});
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "container  shadow-lg border border-gray-200 rounded-xl overflow-hidden ", children: [
+    (title || subtitle || allowSearch) && /* @__PURE__ */ jsxs("div", { className: "p-5 leading-9 flex ", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-grow", children: [
+        title && /* @__PURE__ */ jsx("h1", { className: "font-semibold text-xl leading-[42px] ", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "font-normal text-gray-600", children: subtitle })
       ] }),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ jsxs(
         "div",
         {
           className: "flex items-center text-xl h-full p-3 mr-5 cursor-pointer text-gray-500 ",
-          onClick: () => I(!y),
+          onClick: () => setShowColFilters(!showColFilters),
           children: [
-            !y && /* @__PURE__ */ r(K, {}),
-            y && /* @__PURE__ */ r(Q, {})
+            !showColFilters && /* @__PURE__ */ jsx(MdOutlineFilterAlt, {}),
+            showColFilters && /* @__PURE__ */ jsx(MdOutlineFilterAltOff, {})
           ]
         }
       ),
-      F && /* @__PURE__ */ r("div", { className: "", children: /* @__PURE__ */ o(
-        k,
+      allowSearch && /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs(
+        FormField,
         {
           placeholder: "Vyhledávání",
           name: "search",
-          onInputChange: E,
+          onInputChange: handleSearchChanged,
           type: "text",
-          value: u,
+          value: fulltextSearch,
           children: [
             " ",
-            /* @__PURE__ */ o("div", { className: " text-gray-500 leading-5 flex items-center h-full", children: [
-              !u && /* @__PURE__ */ r(R, {}),
-              u && /* @__PURE__ */ r(W, { onClick: () => O("") })
+            /* @__PURE__ */ jsxs("div", { className: " text-gray-500 leading-5 flex items-center h-full", children: [
+              !fulltextSearch && /* @__PURE__ */ jsx(MdSearch, {}),
+              fulltextSearch && /* @__PURE__ */ jsx(MdClose, { onClick: () => setFulltextSearch("") })
             ] })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ r("div", { className: "overflow-x-auto", children: /* @__PURE__ */ o("table", { className: "w-full leading-normal", children: [
-      /* @__PURE__ */ o("thead", { children: [
-        y && c.findIndex((e) => e.filterType) > -1 && /* @__PURE__ */ r("tr", { children: c.map(({ key: e, header: n, filterType: i }) => /* @__PURE__ */ r(
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full leading-normal", children: [
+      /* @__PURE__ */ jsxs("thead", { children: [
+        showColFilters && columns.findIndex((it) => it.filterType) > -1 && /* @__PURE__ */ jsx("tr", { children: columns.map(({ key, header, filterType }) => /* @__PURE__ */ jsx(
           "th",
           {
-            className: ` font-medium cursor-pointer leading-9 text-xs text-left pl-5 pb-5 text-gray-600  ${!m && !h ? "border-t-0" : ""}`,
-            children: i && /* @__PURE__ */ r(
-              k,
+            className: ` font-medium cursor-pointer leading-9 text-xs text-left pl-5 pb-5 text-gray-600  ${!title && !subtitle ? "border-t-0" : ""}`,
+            children: filterType && /* @__PURE__ */ jsx(
+              FormField,
               {
-                label: n,
-                name: String(e) + "_filter",
-                onInputChange: (t) => U(e, t.target.value),
-                type: i,
-                options: T[String(e)] || [],
-                value: M[String(e)],
-                clearable: !0
+                label: header,
+                name: String(key) + "_filter",
+                onInputChange: (e) => filterHandler(key, e.target.value),
+                type: filterType,
+                options: filterOptions[String(key)] || [],
+                value: columnFilters[String(key)],
+                clearable: true
               }
             )
           },
-          String(e) + "_filter"
+          String(key) + "_filter"
         )) }),
-        /* @__PURE__ */ r("tr", { children: c.map(({ key: e, header: n, actions: i }) => /* @__PURE__ */ o(
+        /* @__PURE__ */ jsx("tr", { children: columns.map(({ key, header, actions }) => /* @__PURE__ */ jsxs(
           "th",
           {
-            className: `group font-medium cursor-pointer leading-9 text-xs text-left px-5 text-gray-600 bg bg-gray-50 border-t border-b border-gray-200 ${!m && !h ? "border-t-0" : ""}`,
-            onClick: () => V(e),
+            className: `group font-medium cursor-pointer leading-9 text-xs text-left px-5 text-gray-600 bg bg-gray-50 border-t border-b border-gray-200 ${!title && !subtitle ? "border-t-0" : ""}`,
+            onClick: () => requestSort(key),
             children: [
-              n,
+              header,
               " ",
-              i ? "" : j(e)
+              !actions ? getSortIcon(key) : ""
             ]
           },
-          String(e)
+          String(key)
         )) })
       ] }),
-      /* @__PURE__ */ o("tbody", { children: [
-        $.map((e, n) => /* @__PURE__ */ r(
+      /* @__PURE__ */ jsxs("tbody", { children: [
+        currentItems.map((item, rowIndex) => /* @__PURE__ */ jsx(
           "tr",
           {
-            className: `${e._isHighlighted ? " bg-gray-200  " : " "} hover:bg-gray-50  border-gray-200 border-b text-sm `,
-            children: c.map(({ render: i, actions: t, classes: a }, l) => /* @__PURE__ */ o(
+            className: `${item._isHighlighted ? " bg-gray-200  " : " "} hover:bg-gray-50  border-gray-200 border-b text-sm `,
+            children: columns.map(({ render, actions, classes }, colIndex) => /* @__PURE__ */ jsxs(
               "td",
               {
                 className: `px-5 py-2
-                   ${l == 0 ? " font-medium text-gray-900" : " text-gray-700"} ${a}`,
+                   ${colIndex == 0 ? " font-medium text-gray-900" : " text-gray-700"} ${classes}`,
                 children: [
-                  i ? i(e) : "",
-                  t && t.filter((d) => {
-                    if (d.visible)
-                      return d.visible(e);
-                  }).map((d, C) => /* @__PURE__ */ o(
+                  render ? render(item) : "",
+                  actions && actions.filter((it) => {
+                    if (it.visible) {
+                      return it.visible(item);
+                    }
+                  }).map((action, actionIndex) => /* @__PURE__ */ jsxs(
                     "div",
                     {
                       className: "flex inline-flex align-middle",
                       children: [
-                        d.icon && /* @__PURE__ */ o(
-                          v,
+                        action.icon && /* @__PURE__ */ jsxs(
+                          Button,
                           {
                             variant: "icon",
-                            onClick: () => d.onClick(e),
+                            onClick: () => action.onClick(item),
                             children: [
                               " ",
-                              d.icon
+                              action.icon
                             ]
                           }
                         ),
-                        !d.icon && /* @__PURE__ */ o(
-                          v,
+                        !action.icon && /* @__PURE__ */ jsxs(
+                          Button,
                           {
                             variant: "transparent",
-                            onClick: () => d.onClick(e),
+                            onClick: () => action.onClick(item),
                             children: [
                               " ",
-                              d.label
+                              action.label
                             ]
                           }
                         )
                       ]
                     },
-                    `${n}-${l}-${C}`
+                    `${rowIndex}-${colIndex}-${actionIndex}`
                   ))
                 ]
               },
-              `${n}-${l}`
+              `${rowIndex}-${colIndex}`
             ))
           },
-          n
+          rowIndex
         )),
-        $.length == 0 && /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
+        currentItems.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: c.length,
+            colSpan: columns.length,
             children: "Žádná data"
           },
           "td-nodata"
         ) }, "tr-nodata   ")
       ] })
     ] }) }),
-    /* @__PURE__ */ o("div", { className: "w-full p-5 grid grid-cols-3", children: [
-      /* @__PURE__ */ r("div", { className: "text-left", children: p !== 0 && /* @__PURE__ */ o(v, { variant: "secondary", onClick: q, children: [
-        /* @__PURE__ */ r(X, { className: "mr-1.5" }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full p-5 grid grid-cols-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-left", children: currentPage !== 0 && /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: prevPage, children: [
+        /* @__PURE__ */ jsx(MdArrowBack, { className: "mr-1.5" }),
         " Předchozí"
       ] }) }),
-      /* @__PURE__ */ o("div", { className: " text-center text-xs text-gray-800", children: [
-        P,
+      /* @__PURE__ */ jsxs("div", { className: " text-center text-xs text-gray-800", children: [
+        paginationDisplay,
         " "
       ] }),
-      /* @__PURE__ */ r("div", { className: "text-right", children: S < w.length && /* @__PURE__ */ o(v, { variant: "secondary", onClick: _, children: [
+      /* @__PURE__ */ jsx("div", { className: "text-right", children: indexOfLastItem < filteredItems.length && /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: nextPage, children: [
         "Následující ",
-        /* @__PURE__ */ r(Y, { className: "ml-1.5" })
+        /* @__PURE__ */ jsx(MdArrowForward, { className: "ml-1.5" })
       ] }) })
     ] })
   ] }) });
 }
 export {
-  ce as default
+  DataTable as default
 };
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":["../../lib/components/DataTable.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\n\r\nimport { Button, FormField, Spinner } from \"../main\";\r\nimport {\r\n  MdArrowBack,\r\n  MdArrowDownward,\r\n  MdArrowForward,\r\n  MdArrowUpward,\r\n  MdClose,\r\n  MdOutlineFilterAlt,\r\n  MdOutlineFilterAltOff,\r\n  MdSearch,\r\n} from \"react-icons/md\";\r\n\r\nexport interface DataTableColumn<T> {\r\n  key: keyof T | \"actions\";\r\n  header: string;\r\n  render?: (item: T) => React.ReactNode;\r\n  actions?: DataTableAction<T>[];\r\n  filterType?: string;\r\n  classes?: string;\r\n  type?: \"string\" | \"number\" | \"date\";\r\n  filterOperator?: \">=\" | \"<=\" | \"==\";\r\n}\r\nexport interface DataTableAction<T> {\r\n  label: string;\r\n  onClick: (item: T) => void;\r\n  visible?: (item: T) => boolean;\r\n  icon?: React.ReactNode;\r\n}\r\ninterface DataTableProps<T> {\r\n  items: T[];\r\n  columns: DataTableColumn<T | \"actions\">[];\r\n  itemsPerPage?: number;\r\n  title?: string;\r\n  subtitle?: string;\r\n  allowSearch?: boolean;\r\n  isLoading?: boolean;\r\n}\r\n\r\ntype DataTableInternalItems = {\r\n  _isHighlighted?: boolean;\r\n};\r\n\r\nfunction DataTable<T extends DataTableInternalItems>({\r\n  items,\r\n  columns,\r\n  itemsPerPage = 10,\r\n  title,\r\n  subtitle,\r\n  allowSearch = true,\r\n  isLoading,\r\n}: DataTableProps<T>) {\r\n  const [currentPage, setCurrentPage] = useState(0);\r\n  const [fulltextSearch, setFulltextSearch] = useState(\"\");\r\n  const [filterOptions, setFilterOptions] = useState<Record<string, any[]>>({});\r\n  const [columnFilters, setColumnFilters] = useState<Record<string, string>>(\r\n    {}\r\n  );\r\n\r\n  const [showColFilters, setShowColFilters] = useState(false);\r\n\r\n  const [sortConfig, setSortConfig] = useState<{\r\n    key: keyof T | \"actions\";\r\n    direction: \"ascending\" | \"descending\" | null;\r\n  } | null>(null);\r\n\r\n  useEffect(() => {\r\n    const newFilterOptions: Record<string, any[]> = {};\r\n\r\n    columns.forEach((column) => {\r\n      if (column.filterType && items.length > 0) {\r\n        const uniqueOptions = new Set(\r\n          items.map((item) => item[column.key as keyof T])\r\n        );\r\n        // Convert Set to an array of { value, label } objects\r\n        let sortedOptions = Array.from(uniqueOptions).map((option) => ({\r\n          value: option,\r\n          label:\r\n            column.type === \"date\"\r\n              ? new Date(option as string)?.toLocaleDateString()\r\n              : option,\r\n        }));\r\n\r\n        // Sort the options array by label in ascending alphabetical order\r\n        if (column.type === \"date\") {\r\n          // Convert labels to timestamps and sort accordingly\r\n          sortedOptions = sortedOptions.sort((a, b) => {\r\n            const timestampA = new Date(a.value as string).getTime();\r\n            const timestampB = new Date(b.value as string).getTime();\r\n            return timestampA - timestampB;\r\n          });\r\n        } else {\r\n          // Sort alphabetically by label for non-date columns\r\n          sortedOptions = sortedOptions.sort((a, b) =>\r\n            (a.label as string)?.localeCompare(b.label as string)\r\n          );\r\n        }\r\n\r\n        // Add a default option if needed\r\n        newFilterOptions[column.key as string] = [\r\n          { value: \"\", label: \"\" },\r\n          ...sortedOptions,\r\n        ];\r\n      }\r\n    });\r\n\r\n    setFilterOptions(newFilterOptions);\r\n  }, [items, columns]);\r\n\r\n  const requestSort = (key: keyof T | \"actions\") => {\r\n    if (sortConfig?.key === key && sortConfig.direction !== null) {\r\n      setSortConfig({\r\n        key,\r\n        direction: sortConfig.direction === \"ascending\" ? \"descending\" : null,\r\n      });\r\n    } else {\r\n      setSortConfig({ key, direction: \"ascending\" });\r\n    }\r\n  };\r\n\r\n  const getSortIcon = (key: keyof T | \"actions\") => {\r\n    if (sortConfig?.key === key) {\r\n      return sortConfig.direction === \"ascending\" ? (\r\n        <MdArrowUpward fontSize=\"small\" />\r\n      ) : sortConfig.direction === \"descending\" ? (\r\n        <MdArrowDownward fontSize=\"small\" />\r\n      ) : (\r\n        <MdArrowUpward\r\n          fontSize=\"small\"\r\n          className=\"text-gray-300 invisible group-hover:visible \"\r\n        />\r\n      );\r\n    }\r\n    return (\r\n      <MdArrowUpward\r\n        fontSize=\"small\"\r\n        className=\"text-gray-300 invisible group-hover:visible \"\r\n      />\r\n    );\r\n  };\r\n\r\n  const sortedItems = sortConfig?.direction\r\n    ? [...items].sort((a, b) => {\r\n        const aValue = a[sortConfig.key as keyof T];\r\n        const bValue = b[sortConfig.key as keyof T];\r\n\r\n        // Check if values are Date objects\r\n        if (aValue instanceof Date && bValue instanceof Date) {\r\n          return sortConfig.direction === \"ascending\"\r\n            ? aValue.getTime() - bValue.getTime()\r\n            : bValue.getTime() - aValue.getTime();\r\n        }\r\n        if (typeof aValue === \"number\" && typeof bValue === \"number\") {\r\n          return sortConfig.direction === \"ascending\"\r\n            ? aValue - bValue\r\n            : bValue - aValue;\r\n        }\r\n        return sortConfig.direction === \"ascending\"\r\n          ? String(aValue).localeCompare(String(bValue))\r\n          : String(bValue).localeCompare(String(aValue));\r\n      })\r\n    : items;\r\n\r\n  // const searchableKeys = new Set(\r\n  //   columns.filter((col) => !col.actions).map((col) => col.key)\r\n  // );\r\n\r\n  const filteredItems = sortedItems.filter((item: any) => {\r\n    const textSearchMatch = fulltextSearch\r\n      ? columns.some((column) => {\r\n          const value = item[column.key];\r\n          return (\r\n            (typeof value === \"string\" || typeof value === \"number\") &&\r\n            value\r\n              .toString()\r\n              .toLowerCase()\r\n              .includes(fulltextSearch.toLowerCase())\r\n          );\r\n        })\r\n      : true;\r\n\r\n    const columnFiltersMatch = columns.every((column) => {\r\n      //   debugger;\r\n      const filterValue = columnFilters[column.key as string];\r\n      if (!filterValue) return true; // Ignore filter if 'None' is selected\r\n\r\n      const itemValue = item[column.key];\r\n      if ((column.type || typeof itemValue) === \"string\") {\r\n        if (column.filterOperator == \">=\") {\r\n          return itemValue.toLowerCase() >= filterValue.toLowerCase();\r\n        } else if (column.filterOperator == \"<=\") {\r\n          return itemValue.toLowerCase() <= filterValue.toLowerCase();\r\n        }\r\n        if (column.filterType == \"text\") {\r\n          return itemValue.toLowerCase().includes(filterValue.toLowerCase());\r\n        } else {\r\n          return itemValue.toLowerCase() == filterValue.toLowerCase();\r\n        }\r\n      } else {\r\n        if (column.filterOperator == \">=\") {\r\n          return itemValue >= filterValue;\r\n        } else if (column.filterOperator == \"<=\") {\r\n          return itemValue <= filterValue;\r\n        } else {\r\n          return itemValue == filterValue;\r\n        }\r\n      }\r\n    });\r\n\r\n    return textSearchMatch && columnFiltersMatch;\r\n  });\r\n\r\n  // Pagination logic\r\n  const indexOfLastItem = (currentPage + 1) * itemsPerPage;\r\n  const indexOfFirstItem = indexOfLastItem - itemsPerPage;\r\n  const currentItems = filteredItems.slice(indexOfFirstItem, indexOfLastItem);\r\n\r\n  const nextPage = () => {\r\n    setCurrentPage(currentPage + 1);\r\n  };\r\n\r\n  const prevPage = () => {\r\n    setCurrentPage(currentPage - 1);\r\n  };\r\n  const handleSearchChanged = (\r\n    e: React.ChangeEvent<\r\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\r\n    >\r\n  ) => {\r\n    setFulltextSearch(e.target?.value);\r\n    setCurrentPage(0);\r\n  };\r\n\r\n  const totalPages = Math.max(\r\n    1,\r\n    Math.ceil(filteredItems.length / itemsPerPage)\r\n  );\r\n\r\n  // Pagination display logic\r\n  const paginationDisplay = `Strana ${currentPage + 1} z ${totalPages}`;\r\n\r\n  const filterHandler = (key: keyof T, value: string) => {\r\n    setColumnFilters((prev) => ({ ...prev, [key]: value }));\r\n    setCurrentPage(0);\r\n  };\r\n\r\n  if (isLoading) return <Spinner />;\r\n  return (\r\n    <>\r\n      <div className=\"container  shadow-lg border border-gray-200 rounded-xl overflow-hidden \">\r\n        {(title || subtitle || allowSearch) && (\r\n          <div className=\"p-5 leading-9 flex \">\r\n            <div className=\"flex-grow\">\r\n              {title && (\r\n                <h1 className=\"font-semibold text-xl leading-[42px] \">\r\n                  {title}\r\n                </h1>\r\n              )}\r\n              {subtitle && (\r\n                <p className=\"font-normal text-gray-600\">{subtitle}</p>\r\n              )}\r\n            </div>\r\n            <div\r\n              className=\"flex items-center text-xl h-full p-3 mr-5 cursor-pointer text-gray-500 \"\r\n              onClick={() => setShowColFilters(!showColFilters)}\r\n            >\r\n              {!showColFilters && <MdOutlineFilterAlt />}\r\n              {showColFilters && <MdOutlineFilterAltOff />}\r\n            </div>\r\n            {allowSearch && (\r\n              <div className=\"\">\r\n                <FormField\r\n                  placeholder=\"Vyhledávání\"\r\n                  name=\"search\"\r\n                  onInputChange={handleSearchChanged}\r\n                  type=\"text\"\r\n                  value={fulltextSearch}\r\n                >\r\n                  {\" \"}\r\n                  <div className=\" text-gray-500 leading-5 flex items-center h-full\">\r\n                    {!fulltextSearch && <MdSearch></MdSearch>}\r\n                    {fulltextSearch && (\r\n                      <MdClose onClick={() => setFulltextSearch(\"\")}></MdClose>\r\n                    )}\r\n                  </div>\r\n                </FormField>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n        <div className=\"overflow-x-auto\">\r\n          <table className=\"w-full leading-normal\">\r\n            <thead>\r\n              {showColFilters &&\r\n                columns.findIndex((it) => it.filterType) > -1 && (\r\n                  <tr>\r\n                    {columns.map(({ key, header, filterType }) => (\r\n                      <th\r\n                        key={String(key) + \"_filter\"}\r\n                        //  className=\"cursor-pointer px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-medium text-gray-600 uppercase tracking-wider\"\r\n                        className={` font-medium cursor-pointer leading-9 text-xs text-left pl-5 pb-5 text-gray-600  ${\r\n                          !title && !subtitle ? \"border-t-0\" : \"\"\r\n                        }`}\r\n                      >\r\n                        {filterType && (\r\n                          <FormField\r\n                            label={header}\r\n                            name={String(key) + \"_filter\"}\r\n                            onInputChange={(e) =>\r\n                              filterHandler(key as keyof T, e.target.value)\r\n                            }\r\n                            type={filterType}\r\n                            options={filterOptions[String(key)] || []}\r\n                            value={columnFilters[String(key)]}\r\n                            clearable\r\n                          ></FormField>\r\n                        )}\r\n                      </th>\r\n                    ))}\r\n                  </tr>\r\n                )}\r\n              <tr>\r\n                {columns.map(({ key, header, actions }) => (\r\n                  <th\r\n                    key={String(key)}\r\n                    //  className=\"cursor-pointer px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-medium text-gray-600 uppercase tracking-wider\"\r\n                    className={`group font-medium cursor-pointer leading-9 text-xs text-left px-5 text-gray-600 bg bg-gray-50 border-t border-b border-gray-200 ${\r\n                      !title && !subtitle ? \"border-t-0\" : \"\"\r\n                    }`}\r\n                    onClick={() => requestSort(key)}\r\n                  >\r\n                    {header} {!actions ? getSortIcon(key) : \"\"}\r\n                  </th>\r\n                ))}\r\n              </tr>\r\n            </thead>\r\n\r\n            <tbody>\r\n              {currentItems.map((item, rowIndex) => (\r\n                <tr\r\n                  key={rowIndex}\r\n                  className={`${\r\n                    item._isHighlighted ? \" bg-gray-200  \" : \" \"\r\n                  } hover:bg-gray-50  border-gray-200 border-b text-sm `}\r\n                >\r\n                  {columns.map(({ render, actions, classes }, colIndex) => (\r\n                    <td\r\n                      key={`${rowIndex}-${colIndex}`}\r\n                      className={`px-5 py-2\r\n                   ${\r\n                     colIndex == 0\r\n                       ? \" font-medium text-gray-900\"\r\n                       : \" text-gray-700\"\r\n                   } ${classes}`}\r\n                    >\r\n                      {render ? render(item) : \"\"}\r\n                      {actions &&\r\n                        actions\r\n                          .filter((it) => {\r\n                            if (it.visible) {\r\n                              return it.visible(item);\r\n                            } else true;\r\n                          })\r\n                          .map((action, actionIndex) => (\r\n                            <div\r\n                              key={`${rowIndex}-${colIndex}-${actionIndex}`}\r\n                              className=\"flex inline-flex align-middle\"\r\n                            >\r\n                              {action.icon && (\r\n                                <Button\r\n                                  variant=\"icon\"\r\n                                  onClick={() => action.onClick(item)}\r\n                                >\r\n                                  {\" \"}\r\n                                  {action.icon}\r\n                                </Button>\r\n                              )}\r\n                              {!action.icon && (\r\n                                <Button\r\n                                  variant=\"transparent\"\r\n                                  onClick={() => action.onClick(item)}\r\n                                >\r\n                                  {\" \"}\r\n                                  {action.label}\r\n                                </Button>\r\n                              )}\r\n                            </div>\r\n                          ))}\r\n                    </td>\r\n                  ))}\r\n                </tr>\r\n              ))}\r\n              {currentItems.length == 0 && (\r\n                <tr key=\"tr-nodata   \">\r\n                  <td\r\n                    key=\"td-nodata\"\r\n                    className=\"px-5 py-3 border-b border-gray-200 bg-white text-sm items-center justify-center align-middle\"\r\n                    colSpan={columns.length}\r\n                  >\r\n                    Žádná data\r\n                  </td>\r\n                </tr>\r\n              )}\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n        <div className=\"w-full p-5 grid grid-cols-3\">\r\n          <div className=\"text-left\">\r\n            {currentPage !== 0 && (\r\n              <Button variant=\"secondary\" onClick={prevPage}>\r\n                <MdArrowBack className=\"mr-1.5\" /> Předchozí\r\n              </Button>\r\n            )}\r\n          </div>\r\n          <div className=\" text-center text-xs text-gray-800\">\r\n            {paginationDisplay} {/* Updated to use dynamic page numbers */}\r\n          </div>\r\n          <div className=\"text-right\">\r\n            {indexOfLastItem < filteredItems.length && (\r\n              <Button variant=\"secondary\" onClick={nextPage}>\r\n                Následující <MdArrowForward className=\"ml-1.5\" />\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":[],"mappings":"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"}

package/dist/components/Spinner.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-function n() {
-  return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center align-middle h-full ", children: /* @__PURE__ */ l("div", { role: "status", children: [
-    /* @__PURE__ */ l(
+import { jsx, jsxs } from "react/jsx-runtime";
+function Spinner() {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center align-middle h-full ", children: /* @__PURE__ */ jsxs("div", { role: "status", children: [
+    /* @__PURE__ */ jsxs(
       "svg",
       {
         "aria-hidden": "true",
@@ -10,14 +10,14 @@ function n() {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ jsx(
             "path",
             {
               d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ jsx(
             "path",
             {
               d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
@@ -27,9 +27,10 @@ function n() {
         ]
       }
     ),
-    /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading..." })
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." })
   ] }) });
 }
 export {
-  n as default
+  Spinner as default
 };
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../lib/components/Spinner.tsx"],"sourcesContent":["export default function Spinner() {\n  return (\n    <div className=\"flex flex-col items-center justify-center align-middle h-full \">\n      <div role=\"status\">\n        <svg\n          aria-hidden=\"true\"\n          className=\"inline w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600\"\n          viewBox=\"0 0 100 101\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n            fill=\"currentFill\"\n          />\n        </svg>\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";AAAA,SAAwB,UAAU;AAChC,6BACG,OAAI,EAAA,WAAU,kEACb,UAAC,qBAAA,OAAA,EAAI,MAAK,UACR,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UACP;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UACP;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACC,oBAAA,QAAA,EAAK,WAAU,WAAU,UAAU,cAAA;AAAA,EAAA,EACtC,CAAA,EACF,CAAA;AAEJ;"}