@hortiview/shared-components 0.0.8648 → 0.0.8913

package/dist/components/Filter/Filter.d.ts

@@ -10,6 +10,7 @@ type FilterProps = {
     filterModalTitle: string;
     filters: FilterData[];
     useModal?: boolean;
+    selectAllLabel?: string;
 };
 /**
  * Filter component that allows the user to filter the data provided
@@ -26,5 +27,5 @@ type FilterProps = {
  *                   if false the filters will be displayed directly in the page, be aware that the filters will be displayed in a row and there needs to be enough space for them
  * @returns
  */
-export declare const Filter: ({ clearFilterText, closeCallback, currentFilter, filterButtonAsIcon, filterButtonText, filterModalTitle, filters, modalCancelButtonText, modalConfirmButtonText, useModal, }: FilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Filter: ({ clearFilterText, closeCallback, currentFilter, filterButtonAsIcon, filterButtonText, filterModalTitle, filters, modalCancelButtonText, modalConfirmButtonText, useModal, selectAllLabel, }: FilterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Filter/Filter.js

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as B, Fragment as I } from "react/jsx-runtime";
-import { Group as y, Button as h, Select as T, Switch as W, IconButton as j, NotificationBadge as b } from "@element/react-components";
-import { useState as v } from "react";
+import { jsx as t, jsxs as C, Fragment as T } from "react/jsx-runtime";
+import { Group as B, Button as h, Select as W, Switch as j, IconButton as z, NotificationBadge as N } from "@element/react-components";
+import { useState as y } from "react";
 import { s as c } from "../../genericTable.module-Dk3yy2S3.js";
 import { u as A } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../alertBanner.module-BPiKN0gh.js";
-import { I as z } from "../../Iconify-CY9lZjFd.js";
+import { I as H } from "../../Iconify-CY9lZjFd.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
 import "../../overflowTooltip.module-YyRN2MGc.js";
 import "../../basicHeading.module-BYb8xvuk.js";
@@ -12,7 +12,7 @@ import "../../isArray-Ca4KR8TK.js";
 import "../../_baseToString-BNXOi2Mf.js";
 import "../../_equalByTag-DJhSpgVG.js";
 import "../../iconify.module-C89oaw5b.js";
-import { SearchBar as H } from "../SearchBar/SearchBar.js";
+import { SearchBar as K } from "../SearchBar/SearchBar.js";
 import "../../listArea.module-BhO_OJ1S.js";
 import "../../verticalDivider.module-C3_GL-fH.js";
 import "../../baseView.module-uWbm_a5f.js";
@@ -20,7 +20,7 @@ import "../../BlockView.module-BPlNT5uh.js";
 import "../../chipCard.module-BjpKuf1b.js";
 import "lodash";
 import "../../contextMenu.module-vNQHb48g.js";
-import { Modal as K } from "../Modal/Modal.js";
+import { Modal as G } from "../Modal/Modal.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
 import "../../genericCard.module-DrQu86jX.js";
@@ -34,121 +34,123 @@ import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
 import "../../formSelect.module-DMHh1bp8.js";
 import "../../formText.module-C0by6_DK.js";
-const St = ({
-  clearFilterText: m,
-  closeCallback: a,
-  currentFilter: i,
-  filterButtonAsIcon: n = !1,
-  filterButtonText: r,
-  filterModalTitle: p,
-  filters: d,
-  modalCancelButtonText: u,
-  modalConfirmButtonText: s,
-  useModal: e = !0
+const Ft = ({
+  clearFilterText: f,
+  closeCallback: s,
+  currentFilter: e,
+  filterButtonAsIcon: m = !1,
+  filterButtonText: n,
+  filterModalTitle: i,
+  filters: p,
+  modalCancelButtonText: g,
+  modalConfirmButtonText: u,
+  useModal: l = !0,
+  selectAllLabel: r
 }) => {
-  const { isDesktop: N } = A(), [w, g] = v(!1), [f, C] = v(i), [O, x] = v(0), S = () => {
-    g(!1), a(f), x(
-      f.reduce((l, { filterValue: o }) => o === void 0 ? l : typeof o == "boolean" ? o ? l + 1 : l : Array.isArray(o) ? l + o.length : typeof o == "string" && o.length ? l + 1 : l, 0)
+  const { isDesktop: w } = A(), [O, v] = y(!1), [d, x] = y(e), [_, S] = y(0), F = () => {
+    v(!1), s(d), S(
+      d.reduce((a, { filterValue: o }) => o === void 0 ? a : typeof o == "boolean" ? o ? a + 1 : a : Array.isArray(o) ? a + o.length : typeof o == "string" && o.length ? a + 1 : a, 0)
     );
-  }, _ = () => {
-    C([]), x(0);
-  }, F = (l) => {
+  }, D = () => {
+    x([]), S(0);
+  }, k = (a) => {
     const o = [
-      ...f.filter((D) => D.id !== l.id),
-      l
+      ...d.filter((I) => I.id !== a.id),
+      a
     ];
-    C(o), e || a(o);
+    x(o), l || s(o);
   };
-  return e ? /* @__PURE__ */ B(I, { children: [
+  return l ? /* @__PURE__ */ C(T, { children: [
     /* @__PURE__ */ t(
-      G,
+      P,
       {
-        filterButtonText: r,
-        filterButtonAsIcon: n,
-        count: O,
-        onClick: () => g(!0)
+        filterButtonText: n,
+        filterButtonAsIcon: m,
+        count: _,
+        onClick: () => v(!0)
       }
     ),
     /* @__PURE__ */ t(
-      K,
+      G,
       {
-        open: w,
-        onClose: S,
-        title: p,
-        modalSize: N ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: _, children: m }),
-        dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => g(!1), children: u }),
-        primaryButton: /* @__PURE__ */ t(h, { variant: "filled", onClick: S, children: s }),
-        children: /* @__PURE__ */ t(y, { direction: "vertical", children: k(d, f, F) })
+        open: O,
+        onClose: F,
+        title: i,
+        modalSize: w ? "small" : "fullscreen",
+        headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: D, children: f }),
+        dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => v(!1), children: g }),
+        primaryButton: /* @__PURE__ */ t(h, { variant: "filled", onClick: F, children: u }),
+        children: /* @__PURE__ */ t(B, { direction: "vertical", children: b(p, d, k, r) })
       }
     )
-  ] }) : /* @__PURE__ */ t(y, { secondaryAlign: "center", fullWidth: !0, children: k(d, f, F, !1) });
-}, k = (m, a, i, n = !0) => m.map(({ id: r, title: p, availableOptions: d, icon: u, type: s }) => /* @__PURE__ */ B(y, { fullWidth: !0, secondaryAlign: "center", children: [
-  u ? /* @__PURE__ */ t(z, { icon: u, iconSize: "medium" }) : null,
-  s === "select" && /* @__PURE__ */ t(
-    T,
+  ] }) : /* @__PURE__ */ t(B, { secondaryAlign: "center", fullWidth: !0, children: b(p, d, k, r, !1) });
+}, b = (f, s, e, m, n = !0) => f.map(({ id: i, title: p, availableOptions: g, icon: u, type: l }) => /* @__PURE__ */ C(B, { fullWidth: !0, secondaryAlign: "center", children: [
+  u ? /* @__PURE__ */ t(H, { icon: u, iconSize: "medium" }) : null,
+  l === "select" && /* @__PURE__ */ t(
+    W,
     {
+      selectAllLabel: m,
       className: n ? void 0 : c.dense,
       variant: "outlined",
-      options: d,
+      options: g,
       label: p,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
-      value: a.find((e) => e.id === r)?.filterValue ?? [],
-      onChange: (e) => i({ id: r, type: s, filterValue: e }),
+      value: s.find((r) => r.id === i)?.filterValue ?? [],
+      onChange: (r) => e({ id: i, type: l, filterValue: r }),
       hoisted: !0,
       menuMaxHeight: "300px",
-      disabled: r === "location",
+      disabled: i === "location",
       showOptionFilter: !1,
       dense: !n,
       fixedHeightInput: !n,
       multiDisplayType: n ? "pills" : "text"
     }
   ),
-  s === "toggle" && /* @__PURE__ */ t(
-    W,
+  l === "toggle" && /* @__PURE__ */ t(
+    j,
     {
       label: p,
-      onChange: (e) => i({ id: r, type: s, filterValue: e }),
-      checked: !!a.find((e) => e.id === r)?.filterValue
+      onChange: (r) => e({ id: i, type: l, filterValue: r }),
+      checked: !!s.find((r) => r.id === i)?.filterValue
     }
   ),
-  s === "search" && /* @__PURE__ */ t(
-    H,
+  l === "search" && /* @__PURE__ */ t(
+    K,
     {
       placeholder: p,
-      searchTerm: a.find((e) => e.id === r)?.filterValue,
-      setSearchTerm: (e) => i({ id: r, type: s, filterValue: e })
+      searchTerm: s.find((r) => r.id === i)?.filterValue,
+      setSearchTerm: (r) => e({ id: i, type: l, filterValue: r })
     }
   )
-] }, r)), G = ({
-  filterButtonText: m,
-  filterButtonAsIcon: a,
-  count: i,
-  onClick: n
+] }, i)), P = ({
+  filterButtonText: f,
+  filterButtonAsIcon: s,
+  count: e,
+  onClick: m
 }) => {
-  const { isDesktop: r } = A();
-  return a ? /* @__PURE__ */ t(
-    j,
+  const { isDesktop: n } = A();
+  return s ? /* @__PURE__ */ t(
+    z,
     {
       icon: "filter_list_alt",
-      onClick: n,
-      badge: i !== 0 && /* @__PURE__ */ t(
-        b,
+      onClick: m,
+      badge: e !== 0 && /* @__PURE__ */ t(
+        N,
         {
-          counter: i,
+          counter: e,
           className: c.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
       )
     }
-  ) : /* @__PURE__ */ B(
+  ) : /* @__PURE__ */ C(
     "div",
     {
       className: c.relativeParent,
-      style: { height: "100%", width: r ? void 0 : "100%" },
+      style: { height: "100%", width: n ? void 0 : "100%" },
       children: [
         /* @__PURE__ */ t(
           h,
@@ -156,16 +158,16 @@ const St = ({
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
-            onClick: n,
+            onClick: m,
             className: c.filterButton,
-            fullWidth: !r,
-            children: m
+            fullWidth: !n,
+            children: f
           }
         ),
-        i !== 0 && /* @__PURE__ */ t(
-          b,
+        e !== 0 && /* @__PURE__ */ t(
+          N,
           {
-            counter: i,
+            counter: e,
             className: c.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
@@ -176,5 +178,5 @@ const St = ({
   );
 };
 export {
-  St as Filter
+  Ft as Filter
 };

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js

@@ -1,92 +1,97 @@
-import { jsx as o, jsxs as Y } from "react/jsx-runtime";
-import { Datepicker as w, Divider as M, Padding as U, Button as b } from "@element/react-components";
-import { g as j } from "../../../get-UxX31Aph.js";
-import { useMemo as s, useState as H } from "react";
-import { useFormContext as I, Controller as Q } from "react-hook-form";
-import { s as l } from "../../../formDatePicker.module-BV3ma_7y.js";
-const $ = (t) => {
-  const a = new Date(t), u = a.getUTCDate(), f = a.getUTCMonth(), d = a.getUTCFullYear();
-  return new Date(d, f, u);
+import { jsx as s, jsxs as Y } from "react/jsx-runtime";
+import { Datepicker as M, Divider as U, Padding as b, Button as j } from "@element/react-components";
+import { g as H } from "../../../get-UxX31Aph.js";
+import { useMemo as a, useState as Q } from "react";
+import { useFormContext as $, Controller as B } from "react-hook-form";
+import { s as d } from "../../../formDatePicker.module-BV3ma_7y.js";
+const f = (e) => {
+  const i = new Date(e), D = i.getUTCDate(), g = i.getUTCMonth(), m = i.getUTCFullYear();
+  return new Date(m, g, D);
 }, G = ({
-  propertyName: t,
-  label: a,
-  closeLabel: u,
-  className: f,
-  minRangeYear: d,
-  maxRangeYear: g,
-  locale: h,
-  rules: i,
-  ...k
+  propertyName: e,
+  label: i,
+  closeLabel: D,
+  className: g,
+  minRangeYear: m,
+  maxRangeYear: S,
+  locale: p,
+  rules: c,
+  ...P
 }) => {
   const {
-    control: p,
-    formState: { errors: r, isValidating: x }
-  } = I(), C = s(
-    () => i?.required?.value,
-    [i]
-  ), S = s(
-    () => i?.required?.message,
-    [i]
-  ), P = s(
-    () => (/* @__PURE__ */ new Date()).getFullYear() - (d ?? 95),
-    [d]
-  ), T = s(
-    () => (/* @__PURE__ */ new Date()).getFullYear() + (g ?? 15),
-    [g]
-  ), m = s(
-    () => !x && j(r, t) !== void 0,
-    [r, t, x]
-  ), v = s(() => ({
-    valid: !m,
-    helperTextPersistent: m || C,
+    control: T,
+    formState: { errors: n, isValidating: C }
+  } = $(), h = a(
+    () => c?.required?.value,
+    [c]
+  ), k = a(
+    () => c?.required?.message,
+    [c]
+  ), O = a(
+    () => (/* @__PURE__ */ new Date()).getFullYear() - (m ?? 95),
+    [m]
+  ), v = a(
+    () => (/* @__PURE__ */ new Date()).getFullYear() + (S ?? 15),
+    [S]
+  ), u = a(
+    () => !C && H(n, e) !== void 0,
+    [n, e, C]
+  ), w = a(() => ({
+    valid: !u,
+    helperTextPersistent: u || h,
     helperText: (() => {
-      if (r && r[t]) {
-        const n = r[t]?.message;
-        return n || "Invalid input";
+      if (n && n[e]) {
+        const o = n[e]?.message;
+        return o || "Invalid input";
       }
-      return S;
+      return k;
     })(),
-    className: `${l.fromPickerText} ${m ? l.invalid : ""}`
-  }), [r, S, t, C, m]), [F, D] = H(!1);
-  return /* @__PURE__ */ o(
-    Q,
+    className: `${d.fromPickerText} ${u ? d.invalid : ""}`
+  }), [n, k, e, h, u]), [F, x] = Q(!1);
+  return /* @__PURE__ */ s(
+    B,
     {
-      name: t,
-      rules: i,
-      control: p,
-      render: ({ field: { ref: q, onChange: n, value: c, ...O } }) => /* @__PURE__ */ o("div", { className: l.datePickerContainer, children: /* @__PURE__ */ o(
-        w,
+      name: e,
+      rules: c,
+      control: T,
+      render: ({ field: { ref: I, onChange: o, value: l, ...q } }) => /* @__PURE__ */ s("div", { className: d.datePickerContainer, children: /* @__PURE__ */ s(
+        M,
         {
-          ...k,
-          ...O,
-          className: f ?? "",
-          value: c,
+          ...P,
+          ...q,
+          className: g ?? "",
+          value: l,
           variant: "outlined",
-          label: a,
-          format: (e) => e ? $(e.toISOString()).toLocaleDateString(h ?? "en") : "",
+          label: i,
+          format: (t) => t ? f(t.toISOString()).toLocaleDateString(p ?? "en") : "",
           disableClearing: !0,
-          trailingContent: /* @__PURE__ */ Y("div", { className: l.trailingContent, children: [
-            /* @__PURE__ */ o(M, {}),
-            /* @__PURE__ */ o(U, { variant: "dense", children: /* @__PURE__ */ o(b, { label: u, variant: "text", onClick: () => D(!1) }) })
+          trailingContent: /* @__PURE__ */ Y("div", { className: d.trailingContent, children: [
+            /* @__PURE__ */ s(U, {}),
+            /* @__PURE__ */ s(b, { variant: "dense", children: /* @__PURE__ */ s(j, { label: D, variant: "text", onClick: () => x(!1) }) })
           ] }),
           onClick: () => {
-            D(!0);
+            x(!0);
           },
-          onSelect: (e) => {
-            n(e), D(!1);
+          onSelect: (t) => {
+            const r = f(t.toISOString());
+            o(r), x(!1);
           },
-          onSelectMonth: (e) => {
-            c && (e.setDate(c.getDate()), n(e));
+          onSelectMonth: (t) => {
+            const r = f(t.toISOString());
+            l && (r.setDate(l.getDate()), o(r));
           },
-          onSelectYear: (e) => {
-            c && (e.setDate(c.getDate()), n(e));
+          onSelectYear: (t) => {
+            if (l) {
+              const r = f(t.toISOString());
+              r.setDate(l.getDate()), o(r);
+            }
           },
           hoisted: !0,
-          calendarProps: { hoisted: !0, className: l.datePickerCalendar },
-          minQuickSelectYear: P,
-          maxQuickSelectYear: T,
+          calendarProps: { hoisted: !0, className: d.datePickerCalendar },
+          minQuickSelectYear: O,
+          maxQuickSelectYear: v,
           readOnly: !0,
-          textfieldProps: v,
+          textfieldProps: w,
           alwaysOpen: F
         }
       ) })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.8648",
+  "version": "0.0.8913",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",