@hortiview/shared-components 0.0.7857 → 0.0.7897

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,13 +1,14 @@
 import { jsx as r, jsxs as p, Fragment as s } from "react/jsx-runtime";
-import { Modal as D, Button as u, Group as c, Icon as N, TypoBody as t } from "@element/react-components";
-import { uniqueId as S } from "lodash";
-import { AvailableCustomIcons as x } from "../../enums/AvailableCustomIcons.js";
-import { u as M } from "../../useBreakpoints-BNeVhjjZ.js";
-import { I as j } from "../../Iconify-CY9lZjFd.js";
+import { Button as u, Group as c, Icon as D, TypoBody as t } from "@element/react-components";
+import { uniqueId as N } from "lodash";
+import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
+import { u as x } from "../../useBreakpoints-BNeVhjjZ.js";
+import { I as M } from "../../Iconify-CY9lZjFd.js";
+import { Modal as j } from "../Modal/Modal.js";
 import { s as n } from "../../deleteModal.module-Ds3MDzdl.js";
-const K = ({
-  title: e,
-  confirmButtonLabel: o,
+const L = ({
+  title: o,
+  confirmButtonLabel: e,
   cancelButtonLabel: l,
   deleteHeader: a,
   deleteBody: i,
@@ -20,22 +21,22 @@ const K = ({
   onDelete: b,
   isDeletePossible: d = !0
 }) => {
-  const { isDesktop: C } = M(), k = (I) => {
+  const { isDesktop: C } = x(), k = (I) => {
     I.detail.action === "close" && m(!1);
   };
   return /* @__PURE__ */ r(
-    D,
+    j,
     {
       className: n.modal,
       modalSize: C ? "small" : "fullscreen",
       open: y,
       onClose: k,
-      title: e,
+      title: o,
       primaryButton: /* @__PURE__ */ r(
         u,
         {
           variant: "danger",
-          label: o,
+          label: e,
           onClick: b,
           disabled: !d
         }
@@ -55,24 +56,24 @@ const K = ({
     }
   );
 }, z = ({
-  element: e,
-  isCrossedOut: o = !1
-}) => o ? /* @__PURE__ */ r("span", { className: n.crossedOut, children: e }) : e, B = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(x).includes(e) ? /* @__PURE__ */ r(
-  j,
+  element: o,
+  isCrossedOut: e = !1
+}) => e ? /* @__PURE__ */ r("span", { className: n.crossedOut, children: o }) : o, B = ({ icon: o }) => o ? typeof o != "string" ? o : Object.values(S).includes(o) ? /* @__PURE__ */ r(
+  M,
   {
-    icon: e,
+    icon: o,
     iconSize: "xlarge",
     className: n.colorDanger
   }
-) : /* @__PURE__ */ r(N, { icon: e, iconSize: "xlarge", className: n.colorDanger }) : /* @__PURE__ */ r(s, {}), O = ({
-  deleteHeader: e,
-  deleteText: o,
+) : /* @__PURE__ */ r(D, { icon: o, iconSize: "xlarge", className: n.colorDanger }) : /* @__PURE__ */ r(s, {}), O = ({
+  deleteHeader: o,
+  deleteText: e,
   deleteBody: l
 }) => /* @__PURE__ */ p(s, { children: [
-  /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: e }),
-  o && typeof o == "string" && /* @__PURE__ */ r(t, { level: 2, themeColor: "text-secondary-on-background", children: o }),
-  o && typeof o != "string" && /* @__PURE__ */ r(s, { children: o }),
-  l && o === void 0 && /* @__PURE__ */ r(c, { direction: "vertical", gap: "none", children: l.map((a, i) => /* @__PURE__ */ r(
+  /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: o }),
+  e && typeof e == "string" && /* @__PURE__ */ r(t, { level: 2, themeColor: "text-secondary-on-background", children: e }),
+  e && typeof e != "string" && /* @__PURE__ */ r(s, { children: e }),
+  l && e === void 0 && /* @__PURE__ */ r(c, { direction: "vertical", gap: "none", children: l.map((a, i) => /* @__PURE__ */ r(
     t,
     {
       level: 2,
@@ -80,11 +81,11 @@ const K = ({
       themeColor: "text-secondary-on-background",
       children: a
     },
-    S(i.toString())
+    N(i.toString())
   )) })
 ] }), A = ({
-  impossibleDeleteHeader: e
-}) => /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: e });
+  impossibleDeleteHeader: o
+}) => /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: o });
 export {
-  K as DeleteModal
+  L as DeleteModal
 };

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, Modal as T, Button as h, Select as W, Switch as j, IconButton as z, NotificationBadge as b } from "@element/react-components";
+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 { s as c } from "../../genericTable.module-Dk3yy2S3.js";
 import { u as A } from "../../useBreakpoints-BNeVhjjZ.js";
 import "../../alertBanner.module-BPiKN0gh.js";
-import { I as H } from "../../Iconify-CY9lZjFd.js";
+import { I as z } from "../../Iconify-CY9lZjFd.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
 import "../../overflowTooltip.module-BN3bp9Cj.js";
 import "../../basicHeading.module-BYb8xvuk.js";
@@ -12,13 +12,14 @@ import "../../isArray-Ca4KR8TK.js";
 import "../../_baseToString-BNXOi2Mf.js";
 import "../../_equalByTag-DJhSpgVG.js";
 import "../../iconify.module-C89oaw5b.js";
-import { SearchBar as K } from "../SearchBar/SearchBar.js";
+import { SearchBar as H } from "../SearchBar/SearchBar.js";
 import "../../listArea.module-CGpHPOji.js";
 import "../../verticalDivider.module-C3_GL-fH.js";
 import "../../baseView.module-uWbm_a5f.js";
 import "../../BlockView.module-BPlNT5uh.js";
 import "lodash";
 import "../../contextMenu.module-DNQ8d9Aj.js";
+import { Modal as K } from "../Modal/Modal.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
 import "../../genericCard.module-DrQu86jX.js";
@@ -27,7 +28,6 @@ import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";
 import "../../bigLoadingSpinner.module-GgbFol8k.js";
 import "../../loadingSpinner.module-CLtqSMWA.js";
-import "../../modal.module-BlDp1Wiq.js";
 import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
@@ -69,7 +69,7 @@ const xt = ({
       }
     ),
     /* @__PURE__ */ t(
-      T,
+      K,
       {
         open: w,
         onClose: S,
@@ -83,9 +83,9 @@ const xt = ({
     )
   ] }) : /* @__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(H, { icon: u, iconSize: "medium" }) : null,
+  u ? /* @__PURE__ */ t(z, { icon: u, iconSize: "medium" }) : null,
   s === "select" && /* @__PURE__ */ t(
-    W,
+    T,
     {
       className: n ? void 0 : c.dense,
       variant: "outlined",
@@ -106,7 +106,7 @@ const xt = ({
     }
   ),
   s === "toggle" && /* @__PURE__ */ t(
-    j,
+    W,
     {
       label: p,
       onChange: (e) => i({ id: r, type: s, filterValue: e }),
@@ -114,7 +114,7 @@ const xt = ({
     }
   ),
   s === "search" && /* @__PURE__ */ t(
-    K,
+    H,
     {
       placeholder: p,
       searchTerm: a.find((e) => e.id === r)?.filterValue,
@@ -129,7 +129,7 @@ const xt = ({
 }) => {
   const { isDesktop: r } = A();
   return a ? /* @__PURE__ */ t(
-    z,
+    j,
     {
       icon: "filter_list_alt",
       onClick: n,

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.d.ts

@@ -1,3 +1,4 @@
+import { DatepickerProps as ElementDatePickerProps } from '@element/react-components';
 import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
 type DatePickerProps<T extends FieldValues> = {
     /** Name of the property that this date picker represents. */
@@ -33,9 +34,10 @@ type DatePickerProps<T extends FieldValues> = {
  * @param minRangeYear - number of years to subtract from the current date as bottom of range
  * @param maxRangeYear - number of years to add to the current date as top of range
  * @param locale - locale to be used for the date picker.
+ * @param props - additional props to be passed to the date picker, which are the props of the element date picker {@link ElementDatePickerProps}.
  * @param rules - rules for the date picker. default _undefined_ example: _{ required: { value: true, message: 'This field is required' } }_
  *
  * @returns A JSX element that renders a date picker form input.
  */
-export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, closeLabel, className, minRangeYear, maxRangeYear, locale, rules, }: DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, closeLabel, className, minRangeYear, maxRangeYear, locale, rules, ...props }: ElementDatePickerProps & DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/dist/components/GenericTable/GenericTable.js

@@ -18,6 +18,7 @@ import "../../baseView.module-uWbm_a5f.js";
 import "../../BlockView.module-BPlNT5uh.js";
 import "lodash";
 import "../../contextMenu.module-DNQ8d9Aj.js";
+import "../../modal.module-BlDp1Wiq.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
 import "../../HashTabView.module-DUekkiTC.js";
@@ -25,7 +26,6 @@ import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";
 import "../../bigLoadingSpinner.module-GgbFol8k.js";
 import "../../loadingSpinner.module-CLtqSMWA.js";
-import "../../modal.module-BlDp1Wiq.js";
 import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";

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.7857",
+  "version": "0.0.7897",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",