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

package/dist/assets/tailwind.css

@@ -931,8 +931,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%;
@@ -1655,6 +1655,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;
 }

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";
@@ -22026,45 +22027,69 @@ function DataTableServer({
             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(
+                ({
+                  key,
+                  header,
+                  filterType,
+                  filterParam,
+                  filterParam2,
+                  width
+                }) => /* @__PURE__ */ jsx(
                   "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"
-                        }
-                      )
-                    ]
+                    children: 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 === "dateRange" ? /* @__PURE__ */ jsx(
+                      DateRangeField,
+                      {
+                        label: header,
+                        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-1",
+                        placeholder: "Zvolte období"
+                      }
+                    ) : /* @__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: " min-w-[100px] px-1"
+                      }
+                    )
                   },
                   String(key) + "_filter"
                 )