@addsign/moje-agenda-shared-lib 1.0.0 → 1.0.2

package/dist/assets/tailwind.css

@@ -861,6 +861,9 @@ video {
 .min-h-\[32px\] {
   min-height: 32px;
 }
+.\!w-\[100px\] {
+  width: 100px !important;
+}
 .w-0 {
   width: 0px;
 }
@@ -921,6 +924,9 @@ video {
 .w-\[calc\(100\%-40px\)\] {
   width: calc(100% - 40px);
 }
+.w-auto {
+  width: auto;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -928,8 +934,8 @@ video {
 .w-full {
   width: 100%;
 }
-.min-w-32 {
-  min-width: 8rem;
+.min-w-20 {
+  min-width: 5rem;
 }
 .min-w-\[100px\] {
   min-width: 100px;
@@ -977,7 +983,7 @@ video {
   }
 }
 .animate-spin {
-  animation: spin 1s linear infinite;
+  animation: spin 2s linear infinite;
 }
 .cursor-col-resize {
   cursor: col-resize;
@@ -1011,6 +1017,9 @@ video {
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
+.flex-row {
+  flex-direction: row;
+}
 .flex-col {
   flex-direction: column;
 }
@@ -1306,6 +1315,10 @@ video {
 .\!bg-danger {
   background-color: var(--color-danger) !important;
 }
+.\!bg-gray-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
+}
 .\!bg-primary {
   background-color: var(--color-primary) !important;
 }

package/dist/components/Calendar.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useCallback } from "react";
-import { a as FaChevronLeft, b as FaChevronRight } from "../index-DaPOQQEd.js";
+import { a as FaChevronLeft, b as FaChevronRight } from "../index-DH-TC1O6.js";
 const Calendar = ({
   items,
   startingDate,

package/dist/components/ConfirmationModalDialog.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { F as FaRegTrashAlt } from "../index-DaPOQQEd.js";
+import { F as FaRegTrashAlt } from "../index-DH-TC1O6.js";
 import { G as GenIcon } from "../iconBase-B8_TsgYI.js";
 import Button from "./Button.js";
 function IoCloseOutline(props) {

package/dist/components/Modal.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { F as FaRegTrashAlt } from "../index-DaPOQQEd.js";
+import { F as FaRegTrashAlt } from "../index-DH-TC1O6.js";
 import Button from "./Button.js";
 function Modal({
   title,

package/dist/components/SpinnerIcon.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type SpinnerIconProps = {
+    icon: React.ReactNode;
+};
+declare const SpinnerIcon: React.FC<SpinnerIconProps>;
+export default SpinnerIcon;

package/dist/components/SpinnerIcon.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { c as FaSpinner } from "../index-DH-TC1O6.js";
+const SpinnerIcon = ({ icon = /* @__PURE__ */ jsx(FaSpinner, {}) }) => {
+  return /* @__PURE__ */ jsx("div", { className: "animate-spin", children: icon });
+};
+export {
+  SpinnerIcon as default
+};
+//# sourceMappingURL=SpinnerIcon.js.map

package/dist/components/SpinnerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerIcon.js","sources":["../../lib/components/SpinnerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { FaSpinner } from \"react-icons/fa\";\n\ntype SpinnerIconProps = {\n  icon: React.ReactNode;\n};\n\nconst SpinnerIcon: React.FC<SpinnerIconProps> = ({ icon = <FaSpinner /> }) => {\n  return <div className=\"animate-spin\">{icon}</div>;\n};\n\nexport default SpinnerIcon;\n"],"names":[],"mappings":";;AAOA,MAAM,cAA0C,CAAC,EAAE,OAAQ,oBAAA,WAAA,CAAU,CAAA,QAAS;AAC5E,SAAQ,oBAAA,OAAA,EAAI,WAAU,gBAAgB,UAAK,KAAA,CAAA;AAC7C;"}

package/dist/components/datatable/DataTableServer.d.ts

@@ -9,7 +9,6 @@ interface DataTableServerProps<T> {
     id: string;
     url: string;
     columns: DataTableColumn<T | "actions">[];
-    itemsPerPage?: number;
     title?: string;
     subtitle?: string;
     allowSearch?: boolean;
@@ -23,5 +22,5 @@ type DataTableInternalItems = {
     _isHighlighted?: boolean;
     id: string;
 };
-declare function DataTableServer<T extends DataTableInternalItems>({ id, url, columns, itemsPerPage, title, subtitle, allowSearch, showHeader, rowAction, bulkAction, filters, }: DataTableServerProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableServer<T extends DataTableInternalItems>({ id, url, columns, title, subtitle, allowSearch, showHeader, rowAction, bulkAction, filters, }: DataTableServerProps<T>): import("react/jsx-runtime").JSX.Element;
 export default DataTableServer;

package/dist/components/datatable/DataTableServer.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
+import { useState, useMemo, useEffect, useCallback } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
 import Button from "../Button.js";
 import { e as MdOutlineFilterAlt, f as MdOutlineFilterAltOff, g as MdSearch, d as MdClose, h as MdArrowBack, i as MdArrowForward, j as MdArrowUpward, k as MdArrowDownward } from "../../index-BMFehNPK.js";
@@ -21685,7 +21685,6 @@ function DataTableServer({
   id,
   url,
   columns,
-  itemsPerPage = 10,
   title,
   subtitle,
   allowSearch = false,
@@ -21695,6 +21694,7 @@ function DataTableServer({
   filters
 }) {
   var _a, _b;
+  const [itemsPerPageLocal, setItemsPerPageLocal] = useState();
   const federationContext = useFederationContext();
   const [data, setData] = useState();
   const [isLoading, setIsLoading] = useState(false);
@@ -21703,10 +21703,12 @@ function DataTableServer({
   const [selectedItems, setSelectedItems] = useState([]);
   const [fulltextSearch, setFulltextSearch] = useState("");
   const [filterOptions, setFilterOptions] = useState({});
-  const [columnFilters, setColumnFilters] = useState();
+  const [columnFilters, setColumnFilters] = useState(
+    {}
+  );
   const [showColFilters, setShowColFilters] = useState();
   const [sortConfig, setSortConfig] = useState(null);
-  const createDataPageable = (response, itemsPerPage2) => {
+  const createDataPageable = (response, itemsPerPage) => {
     var _a2, _b2, _c, _d, _e, _f, _g;
     return {
       content: response.data.content || response.data,
@@ -21715,12 +21717,15 @@ function DataTableServer({
       last: ((_c = response.data) == null ? void 0 : _c.content) ? response.data.last : true,
       number: ((_d = response.data) == null ? void 0 : _d.content) ? response.data.number : 0,
       numberOfElements: response.data.numberOfElements || response.data.length,
-      size: ((_e = response.data) == null ? void 0 : _e.size) || itemsPerPage2,
+      size: ((_e = response.data) == null ? void 0 : _e.size) || itemsPerPage,
       totalElements: ((_f = response.data) == null ? void 0 : _f.totalElements) || response.data.length,
       totalPages: ((_g = response.data) == null ? void 0 : _g.totalPages) || 1
     };
   };
   const [reloadData, setReloadData] = useState(false);
+  const mergedFilters = useMemo(() => {
+    return { ...columnFilters, ...filters };
+  }, [columnFilters, filters]);
   useEffect(() => {
     setReloadData(true);
   }, [
@@ -21728,7 +21733,7 @@ function DataTableServer({
     showColFilters,
     // id,
     columnFilters,
-    itemsPerPage,
+    itemsPerPageLocal,
     currentPage,
     sortConfig,
     federationContext.apiClient,
@@ -21743,9 +21748,8 @@ function DataTableServer({
       setIsLoading(true);
       federationContext.apiClient.get(url, {
         params: {
-          ...filters,
-          ...showColFilters ? columnFilters : {},
-          pageSize: itemsPerPage,
+          ...mergedFilters,
+          pageSize: itemsPerPageLocal,
           page: currentPage,
           sortBy: sortConfig == null ? void 0 : sortConfig.sortParam,
           sortDirection: sortConfig == null ? void 0 : sortConfig.direction
@@ -21753,7 +21757,7 @@ function DataTableServer({
       }).then((response) => {
         const dataPageable = createDataPageable(
           response,
-          itemsPerPage
+          itemsPerPageLocal || 10
         );
         setData(dataPageable);
         setIsLoading(false);
@@ -21767,7 +21771,7 @@ function DataTableServer({
           last: true,
           number: 0,
           numberOfElements: 0,
-          size: itemsPerPage,
+          size: itemsPerPageLocal || 10,
           totalElements: 0,
           totalPages: 1
         });
@@ -21798,6 +21802,7 @@ function DataTableServer({
         setShowColFilters(storageObject.showColFilters);
         setCurrentPage(storageObject.currentPage || 0);
         setSortConfig(null);
+        setItemsPerPageLocal(storageObject.itemsPerPage || 10);
       }
     }
   }, [id]);
@@ -21895,7 +21900,7 @@ function DataTableServer({
     setFulltextSearch((_a2 = e.target) == null ? void 0 : _a2.value);
     setCurrentPage(0);
   };
-  const paginationDisplay = `Strana ${(currentPage || 0) + 1} z ${data == null ? void 0 : data.totalPages} (${itemsPerPage} řádků na stranu)`;
+  const paginationDisplay = `Strana ${(currentPage || 0) + 1} z ${data == null ? void 0 : data.totalPages}`;
   const filterHandler = (filterParam, value) => {
     setColumnFilters((prev) => ({ ...prev, [filterParam]: value }));
     setCurrentPage(0);
@@ -21917,9 +21922,10 @@ function DataTableServer({
       storageObject.columnFilters = columnFilters || {};
       storageObject.showColFilters = showColFilters || false;
       storageObject.currentPage = currentPage !== void 0 ? currentPage : storageObject.currentPage || 0;
+      storageObject.itemsPerPage = itemsPerPageLocal || storageObject.itemsPerPage;
       localStorage.setItem(storageKey, JSON.stringify(storageObject));
     }
-  }, [columnFilters, showColFilters, currentPage, id]);
+  }, [columnFilters, showColFilters, currentPage, id, itemsPerPageLocal]);
   const rerenderTable = () => {
     setTableKey((previous) => previous + 1);
   };
@@ -21971,6 +21977,11 @@ function DataTableServer({
     handleErrors,
     columns
   ]);
+  const handleItemsPerPageChange = (event) => {
+    const selectedItemsPerPage = Number(event.target.value);
+    setItemsPerPageLocal(selectedItemsPerPage);
+    setCurrentPage(0);
+  };
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -22082,12 +22093,13 @@ function DataTableServer({
                                 ),
                                 type: filterType,
                                 options: filterOptions[String(filterParam)] || [],
-                                value: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
+                                value: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
                                 clearable: true,
                                 className: " px-0",
                                 placeholder: "Filtr",
                                 rounded: true
-                              }
+                              },
+                              JSON.stringify(mergedFilters)
                             ) : filterType === "dateRange" ? /* @__PURE__ */ jsx(
                               DateRangeField,
                               {
@@ -22100,14 +22112,15 @@ function DataTableServer({
                                 type: filterType,
                                 options: filterOptions[String(filterParam)] || [],
                                 value: {
-                                  startDate: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
-                                  endDate: (columnFilters == null ? void 0 : columnFilters[String(filterParam2)]) || ""
+                                  startDate: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
+                                  endDate: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam2)]) || ""
                                 },
                                 clearable: true,
                                 className: " px-0 py-0 ",
                                 placeholder: "Filtr",
                                 rounded: true
-                              }
+                              },
+                              JSON.stringify(mergedFilters)
                             ) : /* @__PURE__ */ jsx(
                               InputField,
                               {
@@ -22117,13 +22130,15 @@ function DataTableServer({
                                   e.target.value
                                 ),
                                 type: filterType,
-                                value: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
+                                value: (mergedFilters == null ? void 0 : mergedFilters[String(filterParam)]) || "",
+                                disabled: !!(filters == null ? void 0 : filters[String(filterParam)]),
                                 clearable: true,
                                 className: " min-w-[100px] px-0 ",
                                 rounded: true,
                                 placeholder: "Filtr",
                                 debounceTimeout: 1e3
-                              }
+                              },
+                              JSON.stringify(mergedFilters)
                             )
                           }
                         )
@@ -22213,35 +22228,55 @@ function DataTableServer({
           ] }),
           isLoading && (!data || ((_b = data == null ? void 0 : data.content) == null ? void 0 : _b.length) === 0) && /* @__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-full py-2", children: /* @__PURE__ */ jsx(Spinner, {}) }) }) }) })
         ] }, tableKey) }),
-        /* @__PURE__ */ jsx("div", { className: "w-full p-5 flex gap-5 justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-5", children: [
-          data && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "secondary",
-              onClick: prevPage,
-              className: "flex items-center",
-              disabled: data.first || isLoading,
-              children: [
-                /* @__PURE__ */ jsx(MdArrowBack, { className: "mr-1.5" }),
-                " Předchozí"
-              ]
-            }
-          ),
-          data && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "secondary",
-              onClick: nextPage,
-              className: "flex items-center",
-              disabled: data.last || isLoading,
-              children: [
-                "Následující ",
-                /* @__PURE__ */ jsx(MdArrowForward, { className: "ml-2", size: 20 })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end text-xs text-gray-800", children: paginationDisplay })
-        ] }) })
+        /* @__PURE__ */ jsxs("div", { className: "w-full p-5 flex gap-5 justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-5  ", children: [
+            data && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "secondary",
+                onClick: prevPage,
+                className: "flex items-center",
+                disabled: data.first || isLoading,
+                children: [
+                  /* @__PURE__ */ jsx(MdArrowBack, { className: "mr-1.5" }),
+                  " Předchozí"
+                ]
+              }
+            ),
+            data && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "secondary",
+                onClick: nextPage,
+                className: "flex items-center",
+                disabled: data.last || isLoading,
+                children: [
+                  "Následující ",
+                  /* @__PURE__ */ jsx(MdArrowForward, { className: "ml-2", size: 20 })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end text-sm text-gray-800", children: paginationDisplay })
+          ] }),
+          " ",
+          /* @__PURE__ */ jsxs("div", { className: "content-center w-auto items-center justify-end flex-row gap-5 flex", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm  whitespace-nowrap flex-grow", children: "Počet řádků na stránku:" }),
+            /* @__PURE__ */ jsx(
+              SelectField,
+              {
+                name: "itemsPerPage",
+                onInputChange: handleItemsPerPageChange,
+                className: "!w-[100px]",
+                options: [
+                  { value: 10, label: "10" },
+                  { value: 50, label: "50" },
+                  { value: 100, label: "100" }
+                ],
+                value: itemsPerPageLocal
+              }
+            )
+          ] })
+        ] })
       ]
     }
   ) });