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

package/dist/assets/tailwind.css

@@ -668,6 +668,9 @@ video {
 .float-left {
   float: left;
 }
+.m-0 {
+  margin: 0px;
+}
 .m-1 {
   margin: 0.25rem;
 }
@@ -931,8 +934,8 @@ video {
 .min-w-\[100px\] {
   min-width: 100px;
 }
-.max-w-\[300px\] {
-  max-width: 300px;
+.min-w-\[180px\] {
+  min-width: 180px;
 }
 .max-w-full {
   max-width: 100%;
@@ -1014,6 +1017,12 @@ video {
 .flex-wrap {
   flex-wrap: wrap;
 }
+.content-center {
+  align-content: center;
+}
+.content-start {
+  align-content: flex-start;
+}
 .items-start {
   align-items: flex-start;
 }
@@ -1113,9 +1122,6 @@ video {
 .overflow-y-auto {
   overflow-y: auto;
 }
-.overflow-ellipsis {
-  text-overflow: ellipsis;
-}
 .text-ellipsis {
   text-overflow: ellipsis;
 }
@@ -1125,6 +1131,9 @@ video {
 .\!rounded-full {
   border-radius: 9999px !important;
 }
+.\!rounded-none {
+  border-radius: 0px !important;
+}
 .rounded {
   border-radius: 0.25rem;
 }
@@ -1137,6 +1146,9 @@ video {
 .rounded-md {
   border-radius: 0.375rem;
 }
+.rounded-none {
+  border-radius: 0px;
+}
 .rounded-xl {
   border-radius: 0.75rem;
 }
@@ -1655,6 +1667,12 @@ video {
   padding-top: 1px;
   padding-bottom: 1px;
 }
+.\!pl-\[8px\] {
+  padding-left: 8px !important;
+}
+.\!pr-8 {
+  padding-right: 2rem !important;
+}
 .pb-0 {
   padding-bottom: 0px;
 }
@@ -2452,6 +2470,13 @@ video {
 
 
 
+.focus\:\!border-indigo-300:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(165 180 252 / var(--tw-border-opacity)) !important;
+}
+
+
+
 .focus\:border-amber-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(245 158 11 / var(--tw-border-opacity));
@@ -2712,6 +2737,13 @@ video {
 
 
 
+.focus\:\!ring-indigo-200:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)) !important;
+}
+
+
+
 .focus\:ring-amber-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity));

package/dist/components/datatable/DataTableServer.js

@@ -7,6 +7,7 @@ import FormField from "../form/FormField.js";
 import InputField from "../form/InputField.js";
 import SelectField from "../form/SelectField.js";
 import Spinner from "../Spinner.js";
+import DateRangeField from "../form/DateRangeField.js";
 import "../../index.esm-DjnEVdAW.js";
 import "../../contexts/FederationContext.js";
 import { useFederationContext } from "../../contexts/useFederationContext.js";
@@ -21976,8 +21977,8 @@ function DataTableServer({
       className: "shadow-lg border border-gray-200 rounded-xl",
       style: { overflowY: "visible" },
       children: [
-        showHeader && /* @__PURE__ */ jsxs("div", { className: "p-5 leading-9 flex", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex-grow", children: [
+        showHeader && /* @__PURE__ */ jsxs("div", { className: "p-4 leading-9 flex ", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-grow content-center", 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 }),
             " ",
@@ -22003,7 +22004,7 @@ function DataTableServer({
               ]
             }
           ),
-          allowSearch && /* @__PURE__ */ jsx("div", { className: "ml-5", children: /* @__PURE__ */ jsxs(
+          allowSearch && /* @__PURE__ */ jsx("div", { className: "ml-5", children: /* @__PURE__ */ jsx(
             FormField,
             {
               placeholder: "Vyhledávání",
@@ -22011,111 +22012,129 @@ function DataTableServer({
               onInputChange: handleSearchChanged,
               type: "text",
               value: fulltextSearch,
-              children: [
-                " ",
-                /* @__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("") })
-                ] })
-              ]
+              children: /* @__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__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs("table", { className: "w-full leading-normal ", children: [
-          /* @__PURE__ */ jsxs("thead", { children: [
-            showColFilters && columns.findIndex((it) => it.filterType) > -1 && /* @__PURE__ */ jsxs("tr", { children: [
-              data && bulkAction && /* @__PURE__ */ jsx("td", { children: " " }),
-              columns.map(
-                ({ key, header, filterType, filterParam, width }) => /* @__PURE__ */ jsxs(
-                  "th",
-                  {
-                    id: String(key) + "_filter",
-                    className: `font-medium leading-9 text-xs text-left p-0 pb-1 text-gray-600 overflow-ellipsis whitespace-nowrap   ${!title && !subtitle ? "border-t-0" : ""}`,
-                    style: { width },
-                    children: [
-                      filterType && filterType === "select" && /* @__PURE__ */ jsx(
-                        SelectField,
-                        {
-                          label: header,
-                          name: String(key) + "_filter",
-                          onInputChange: (e) => filterHandler(
-                            filterParam,
-                            e.target.value
-                          ),
-                          type: filterType,
-                          options: filterOptions[String(filterParam)] || [],
-                          value: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
-                          clearable: true,
-                          className: "px-1"
-                        }
-                      ),
-                      filterType && filterType !== "select" && /* @__PURE__ */ jsx(
-                        InputField,
-                        {
-                          label: header,
-                          name: String(key) + "_filter",
-                          onInputChange: (e) => filterHandler(
-                            filterParam,
-                            e.target.value
-                          ),
-                          type: filterType,
-                          value: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
-                          clearable: true,
-                          className: "max-w-[300px] min-w-[100px] px-1"
-                        }
-                      )
-                    ]
-                  },
-                  String(key) + "_filter"
-                )
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("tr", { children: [
-              data && bulkAction && /* @__PURE__ */ jsx("th", { className: "w-[20px] h-10 hover:bg-gray-200 bg-gray-50 font-medium text-xs text-center text-gray-600 cursor-pointer border-t border-b border-gray-200", children: /* @__PURE__ */ jsx("label", { className: "w-full h-full flex items-center justify-center cursor-pointer px-2", children: /* @__PURE__ */ jsx(
-                "input",
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            data && bulkAction && /* @__PURE__ */ jsx("th", { className: "w-[20px] h-10 hover:bg-gray-200 bg-gray-50 font-medium text-xs text-center text-gray-600 cursor-pointer border-t border-b border-gray-200", children: /* @__PURE__ */ jsx("label", { className: "w-full h-full flex items-center justify-center cursor-pointer px-2", children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "selectAll",
+                type: "checkbox",
+                className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded !focus:ring-indigo-200 focus:ring-4",
+                onChange: handleSelectAll,
+                checked: data && selectedItems.length === data.content.length && data.content.length > 0
+              }
+            ) }) }),
+            columns.map(
+              ({
+                key,
+                header,
+                actions,
+                sortParam,
+                width,
+                filterType,
+                filterParam,
+                filterParam2
+              }, index) => /* @__PURE__ */ jsx(
+                Resizable,
                 {
-                  id: "selectAll",
-                  type: "checkbox",
-                  className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-indigo-200 focus:ring-4",
-                  onChange: handleSelectAll,
-                  checked: data && selectedItems.length === data.content.length && data.content.length > 0
-                }
-              ) }) }),
-              columns.map(
-                ({ key, header, actions, sortParam, width }, index) => /* @__PURE__ */ jsx(
-                  Resizable,
-                  {
-                    tableId: id,
-                    colKey: String(key),
-                    defaultWidth: width || "auto",
-                    children: ({ ref }) => /* @__PURE__ */ jsxs(
-                      "th",
-                      {
-                        className: `tableHeader relative  font-medium leading-9 text-xs text-left px-3 text-gray-600 bg-gray-50 border-t border-b border-gray-200 ${!title && !subtitle ? "border-t-0" : ""} ${sortParam ? " cursor-pointer " : ""}`,
-                        onClick: () => sortParam ? requestSort(sortParam) : void 0,
-                        children: [
-                          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 group select-none w-full", children: [
-                            header,
-                            " ",
-                            !actions && sortParam ? getSortIcon(sortParam) : ""
-                          ] }),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `resizer absolute top-0 right-0 h-full w-2  bg-transparent  ${index < columns.length - 1 ? "cursor-col-resize hover:border-x border-gray-300 border-r w-1" : "w-0"}`,
-                              ref,
-                              onClick: (e) => e.stopPropagation()
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  },
-                  String(key) + currentPage
-                )
+                  tableId: id,
+                  colKey: String(key),
+                  defaultWidth: width || "auto",
+                  children: ({ ref }) => /* @__PURE__ */ jsxs(
+                    "th",
+                    {
+                      className: `tableHeader relative  font-medium leading-9 text-xs text-left px-3 text-gray-600 
+                             bg-gray-50 border-t border-b border-gray-200  content-start ${!title && !subtitle ? "border-t-0" : ""} ${sortParam ? " cursor-pointer " : ""}`,
+                      onClick: () => sortParam ? requestSort(sortParam) : void 0,
+                      children: [
+                        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 group select-none w-full", children: [
+                          header,
+                          " ",
+                          !actions && sortParam ? getSortIcon(sortParam) : ""
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: `resizer absolute top-0 right-0 h-full w-2  bg-transparent  ${index < columns.length - 1 ? "cursor-col-resize hover:border-x border-gray-300 border-r w-1" : "w-0"}`,
+                            ref,
+                            onClick: (e) => e.stopPropagation()
+                          }
+                        ),
+                        showColFilters && /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: "p-0 m-0 pb-2",
+                            onClick: (e) => e.stopPropagation(),
+                            children: filterType === "select" ? /* @__PURE__ */ jsx(
+                              SelectField,
+                              {
+                                name: String(key) + "_filter",
+                                onInputChange: (e) => filterHandler(
+                                  filterParam,
+                                  e.target.value
+                                ),
+                                type: filterType,
+                                options: filterOptions[String(filterParam)] || [],
+                                value: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
+                                clearable: true,
+                                className: " px-0",
+                                placeholder: "Filtr",
+                                rounded: true
+                              }
+                            ) : filterType === "dateRange" ? /* @__PURE__ */ jsx(
+                              DateRangeField,
+                              {
+                                name: String(filterParam),
+                                nameEnd: String(filterParam2),
+                                onInputChange: (e) => filterHandler(
+                                  e.target.name,
+                                  e.target.value
+                                ),
+                                type: filterType,
+                                options: filterOptions[String(filterParam)] || [],
+                                value: {
+                                  startDate: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
+                                  endDate: (columnFilters == null ? void 0 : columnFilters[String(filterParam2)]) || ""
+                                },
+                                clearable: true,
+                                className: " px-0 py-0 ",
+                                placeholder: "Filtr",
+                                rounded: true
+                              }
+                            ) : /* @__PURE__ */ jsx(
+                              InputField,
+                              {
+                                name: String(key) + "_filter",
+                                onInputChange: (e) => filterHandler(
+                                  filterParam,
+                                  e.target.value
+                                ),
+                                type: filterType,
+                                value: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
+                                clearable: true,
+                                className: " min-w-[100px] px-0 ",
+                                rounded: true,
+                                placeholder: "Filtr",
+                                debounceTimeout: 1e3
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  )
+                },
+                String(key) + currentPage
               )
-            ] })
-          ] }),
+            )
+          ] }) }),
           data && (data == null ? void 0 : data.content) && (data == null ? void 0 : data.content.length) > 0 && /* @__PURE__ */ jsxs("tbody", { className: "relative", children: [
             isLoading && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gray-300 opacity-50 z-50", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx(Spinner, {}) }) }) }) }),
             data.content.map((item, rowIndex) => /* @__PURE__ */ jsxs(
@@ -22127,7 +22146,7 @@ function DataTableServer({
                     "input",
                     {
                       type: "checkbox",
-                      className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-indigo-200 focus:ring-4",
+                      className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded !focus:ring-indigo-200 focus:ring-4",
                       checked: isSelected(item) || false,
                       onChange: () => handleSelectItem(item)
                     }