@addsign/moje-agenda-shared-lib 2.0.9 → 2.0.11-sonner

package/dist/assets/style.css

@@ -629,6 +629,9 @@ video {
 .top-1\/2 {
   top: 50%;
 }
+.top-2 {
+  top: 0.5rem;
+}
 .top-4 {
   top: 1rem;
 }
@@ -680,6 +683,9 @@ video {
 .z-\[100000\] {
   z-index: 100000;
 }
+.z-\[100\] {
+  z-index: 100;
+}
 .col-span-1 {
   grid-column: span 1 / span 1;
 }
@@ -928,6 +934,9 @@ video {
 .max-h-full {
   max-height: 100%;
 }
+.max-h-screen {
+  max-height: 100vh;
+}
 .min-h-5 {
   min-height: 1.25rem;
 }
@@ -1261,6 +1270,11 @@ video {
   margin-right: calc(0.75rem * var(--tw-space-x-reverse));
   margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .space-x-5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1.25rem * var(--tw-space-x-reverse));
@@ -1406,6 +1420,9 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(6 182 212 / var(--tw-border-opacity));
 }
+.border-destructive {
+  border-color: var(--destructive);
+}
 .border-emerald-500 {
   --tw-border-opacity: 1;
   border-color: rgb(16 185 129 / var(--tw-border-opacity));
@@ -2385,6 +2402,9 @@ video {
 .opacity-80 {
   opacity: 0.8;
 }
+.opacity-90 {
+  opacity: 0.9;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2718,6 +2738,12 @@ video {
 
 
 
+.hover\:bg-secondary:hover {
+  background-color: var(--color-secondary);
+}
+
+
+
 .hover\:bg-sky-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(2 132 199 / var(--tw-bg-opacity));
@@ -2793,6 +2819,12 @@ video {
 
 
 
+.hover\:text-foreground:hover {
+  color: var(--foreground);
+}
+
+
+
 .hover\:text-fuchsia-700:hover {
   --tw-text-opacity: 1;
   color: rgb(162 28 175 / var(--tw-text-opacity));
@@ -3166,6 +3198,12 @@ video {
 
 
 
+.focus\:opacity-100:focus {
+  opacity: 1;
+}
+
+
+
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -3630,6 +3668,107 @@ video {
 
 
 
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
+
+
+
+.group.toaster .group-\[\.toaster\]\:border-border {
+  border-color: var(--border);
+}
+
+
+
+.group.toast .group-\[\.toast\]\:bg-muted {
+  background-color: var(--muted);
+}
+
+
+
+.group.toast .group-\[\.toast\]\:bg-primary {
+  background-color: var(--color-primary);
+}
+
+
+
+.group.toaster .group-\[\.toaster\]\:bg-background {
+  background-color: var(--background);
+}
+
+
+
+.group.destructive .group-\[\.destructive\]\:text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity));
+}
+
+
+
+.group.toast .group-\[\.toast\]\:text-muted-foreground {
+  color: var(--muted-foreground);
+}
+
+
+
+.group.toast .group-\[\.toast\]\:text-primary-foreground {
+  color: var(--color-primary-text);
+}
+
+
+
+.group.toaster .group-\[\.toaster\]\:text-foreground {
+  color: var(--foreground);
+}
+
+
+
+.group.toaster .group-\[\.toaster\]\:shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+
+
+.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
+  background-color: var(--destructive);
+}
+
+
+
+.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
+  color: var(--destructive-foreground);
+}
+
+
+
+.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 242 242 / var(--tw-text-opacity));
+}
+
+
+
+.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
+  --tw-ring-color: var(--destructive);
+}
+
+
+
+.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
+}
+
+
+
+.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
+  --tw-ring-offset-color: #dc2626;
+}
+
+
+
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -3706,6 +3845,27 @@ video {
 
 
 
+.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+
+
+.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
+  --tw-translate-x: var(--radix-toast-swipe-end-x);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+
+
+.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
+  --tw-translate-x: var(--radix-toast-swipe-move-x);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+
+
 .data-\[selected\=\'true\'\]\:bg-accent[data-selected='true'] {
   background-color: var(--accent);
 }
@@ -3754,6 +3914,12 @@ video {
 
 
 
+.data-\[swipe\=move\]\:transition-none[data-swipe=move] {
+  transition-property: none;
+}
+
+
+
 .dark\:border-gray-700:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
@@ -4072,10 +4238,26 @@ video {
 
 @media (min-width: 640px) {
 
+  .sm\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .sm\:right-0 {
+    right: 0px;
+  }
+
+  .sm\:top-auto {
+    top: auto;
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
 
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+
   .sm\:justify-end {
     justify-content: flex-end;
   }
@@ -4136,6 +4318,10 @@ video {
     min-width: 296px;
   }
 
+  .md\:max-w-\[420px\] {
+    max-width: 420px;
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }

package/dist/components/Button.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "../tailwind-l0sNRNKZ.js";
 import Spinner from "./Spinner.js";
-const commonStyles = " py-1 px-4 leading-[32px]   min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 flex items-center gap-2";
+const commonStyles = " py-1 px-4 leading-[32px]   min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 flex items-center gap-2 ";
 const buttonStyles = {
   primary: "!bg-primary hover:!bg-primary-hover text-primary-text   ",
   secondary: "!bg-secondary hover:!bg-secondary-hover  text-secondary-text border border-secondary-border  ",
@@ -19,7 +19,7 @@ const Button = ({
   className,
   ...props
 }) => {
-  const classNames = commonStyles + buttonStyles[variant];
+  const classNames = commonStyles + " " + buttonStyles[variant];
   return /* @__PURE__ */ jsxs(
     "button",
     {

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../lib/components/Button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport \"../css/tailwind.css\";\r\nimport Spinner from \"./Spinner\";\r\n\r\ntype ButtonVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"transparent\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"icon\";\r\n\r\ninterface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: ButtonVariant;\r\n  isLoading?: boolean;\r\n}\r\nconst commonStyles =\r\n  \" py-1 px-4 leading-[32px]   min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 flex items-center gap-2\";\r\nconst buttonStyles: { [key in ButtonVariant]: string } = {\r\n  primary: \"!bg-primary hover:!bg-primary-hover text-primary-text   \",\r\n  secondary:\r\n    \"!bg-secondary hover:!bg-secondary-hover  text-secondary-text border border-secondary-border  \",\r\n  transparent:\r\n    \"!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 \",\r\n  success: \"!bg-success hover:!bg-success-hover  text-success-text    \",\r\n  danger: \"!bg-danger hover:!bg-danger-hover  text-danger-text \",\r\n  warning:\r\n    \"!bg-warning hover:!bg-warning-hover  text-warning-text  border border-warning-border\",\r\n  icon: \" !rounded-full text-center inline-flex items-center \",\r\n};\r\nconst Button: React.FC<IButtonProps> = ({\r\n  variant = \"primary\",\r\n  isLoading = false,\r\n  children,\r\n  onClick,\r\n  className,\r\n  ...props\r\n}) => {\r\n  const classNames = commonStyles + buttonStyles[variant];\r\n  return (\r\n    <button\r\n      className={classNames + \" \" + (className || \" sharedLibraryource \")}\r\n      onClick={onClick}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {isLoading && (\r\n        <span className=\"ml-2 inline-flex \">\r\n          <Spinner />{\" \"}\r\n        </span>\r\n      )}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":";;;AAiBA,MAAM,eACJ;AACF,MAAM,eAAmD;AAAA,EACvD,SAAS;AAAA,EACT,WACE;AAAA,EACF,aACE;AAAA,EACF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SACE;AAAA,EACF,MAAM;AACR;AACA,MAAM,SAAiC,CAAC;AAAA,EACtC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,aAAa,eAAe,aAAa,OAAO;AAEpD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAa,OAAO,aAAa;AAAA,MAC5C;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,aACC,qBAAC,QAAK,EAAA,WAAU,qBACd,UAAA;AAAA,UAAA,oBAAC,SAAQ,EAAA;AAAA,UAAG;AAAA,QAAA,GACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Button.js","sources":["../../lib/components/Button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport \"../css/tailwind.css\";\r\nimport Spinner from \"./Spinner\";\r\n\r\ntype ButtonVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"transparent\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"warning\"\r\n  | \"icon\";\r\n\r\ninterface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: ButtonVariant;\r\n  isLoading?: boolean;\r\n}\r\nconst commonStyles =\r\n  \" py-1 px-4 leading-[32px]   min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 flex items-center gap-2 \";\r\nconst buttonStyles: { [key in ButtonVariant]: string } = {\r\n  primary: \"!bg-primary hover:!bg-primary-hover text-primary-text   \",\r\n  secondary:\r\n    \"!bg-secondary hover:!bg-secondary-hover  text-secondary-text border border-secondary-border  \",\r\n  transparent:\r\n    \"!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 \",\r\n  success: \"!bg-success hover:!bg-success-hover  text-success-text    \",\r\n  danger: \"!bg-danger hover:!bg-danger-hover  text-danger-text \",\r\n  warning:\r\n    \"!bg-warning hover:!bg-warning-hover  text-warning-text  border border-warning-border\",\r\n  icon: \" !rounded-full text-center inline-flex items-center \",\r\n};\r\nconst Button: React.FC<IButtonProps> = ({\r\n  variant = \"primary\",\r\n  isLoading = false,\r\n  children,\r\n  onClick,\r\n  className,\r\n  ...props\r\n}) => {\r\n  const classNames = commonStyles + \" \" + buttonStyles[variant];\r\n  return (\r\n    <button\r\n      className={classNames + \" \" + (className || \" sharedLibraryource \")}\r\n      onClick={onClick}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {isLoading && (\r\n        <span className=\"ml-2 inline-flex \">\r\n          <Spinner />{\" \"}\r\n        </span>\r\n      )}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":";;;AAiBA,MAAM,eACJ;AACF,MAAM,eAAmD;AAAA,EACvD,SAAS;AAAA,EACT,WACE;AAAA,EACF,aACE;AAAA,EACF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SACE;AAAA,EACF,MAAM;AACR;AACA,MAAM,SAAiC,CAAC;AAAA,EACtC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,eAAe,MAAM,aAAa,OAAO;AAE1D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAa,OAAO,aAAa;AAAA,MAC5C;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,aACC,qBAAC,QAAK,EAAA,WAAU,qBACd,UAAA;AAAA,UAAA,oBAAC,SAAQ,EAAA;AAAA,UAAG;AAAA,QAAA,GACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/datatable/DataTable.js

@@ -8,7 +8,7 @@ import Spinner from "../Spinner.js";
 import "../../index.esm-ifS8v9eQ.js";
 import "../../jspdf.plugin.autotable-7hp3hM-a.js";
 import "../../contexts/FederationContext.js";
-import "../../Dialog-BtXGfOmv.js";
+import "../../Dialog-D9rsAQnn.js";
 import "../ui/ScrollArea.js";
 import "../ui/input.js";
 import "../ui/form.js";
@@ -20,6 +20,7 @@ import "../ui/tooltip.js";
 import "../ui/separator.js";
 import "../ui/textarea.js";
 import "../ui/checkbox.js";
+import "../../index-CmEWEow1.js";
 import "../ui/button.js";
 import "../../Calendar-DWT4e7Th.js";
 import "../ui/DateTimePicker.js";

package/dist/components/datatable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../lib/components/datatable/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                    <span className=\"inline-flex items-center gap-2\">\r\n                      {header} {!actions ? getSortIcon(key) : \"\"}\r\n                    </span>\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=\"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 items-start justify-start\">\r\n            {currentPage !== 0 && (\r\n              <Button\r\n                variant=\"secondary\"\r\n                onClick={prevPage}\r\n                className=\"flex items-center float-left\"\r\n              >\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 items-end justify-end\">\r\n            {indexOfLastItem < filteredItems.length && (\r\n              <Button\r\n                variant=\"secondary\"\r\n                onClick={nextPage}\r\n                className=\"flex items-center float-right\"\r\n              >\r\n                Následující <MdArrowForward className=\"ml-2\" size={20} />\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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"}
+{"version":3,"file":"DataTable.js","sources":["../../../lib/components/datatable/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                    <span className=\"inline-flex items-center gap-2\">\r\n                      {header} {!actions ? getSortIcon(key) : \"\"}\r\n                    </span>\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=\"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 items-start justify-start\">\r\n            {currentPage !== 0 && (\r\n              <Button\r\n                variant=\"secondary\"\r\n                onClick={prevPage}\r\n                className=\"flex items-center float-left\"\r\n              >\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 items-end justify-end\">\r\n            {indexOfLastItem < filteredItems.length && (\r\n              <Button\r\n                variant=\"secondary\"\r\n                onClick={nextPage}\r\n                className=\"flex items-center float-right\"\r\n              >\r\n                Následující <MdArrowForward className=\"ml-2\" size={20} />\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/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-BtXGfOmv.js";
+import "../../Dialog-D9rsAQnn.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 "../../index-CmEWEow1.js";
 import "../ui/button.js";
 import "../../Calendar-DWT4e7Th.js";
 import "../ui/DateTimePicker.js";