@hortiview/shared-components 0.0.8519 → 0.0.8611

package/dist/assets/contextMenu.css

@@ -1 +1 @@
-._menu_1jlla_1{width:15.875rem}._icon_1jlla_5{color:var(--lmnt-theme-on-secondary-inactive)}
+._menu_ol91v_1{width:15.875rem}._icon_ol91v_5{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_ol91v_9 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_ol91v_9 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -6,15 +6,18 @@ type ContextMenuProps = {
     triggerOpen?: boolean | null;
     /**
      * List of actions to display in the context menu as ListItems
-     * @see ListItemProps
+     * @see ActionProps
      */
-    actions: ListItemProps[];
+    actions: ActionProps[];
     /**
      * Determines if menu icon should be vertical or horizontal three dots
      * Default is 'vertical'
      */
     iconOrientation?: 'vertical' | 'horizontal';
 };
+export type ActionProps = ListItemProps & {
+    closeOnClick?: boolean;
+};
 /**
  *
  * @param {boolean} triggerOpen indicates if the menu should be open

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,50 +1,51 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Menu as u, IconButton as d, List as f, ListItem as p } from "@element/react-components";
-import { useState as y, useCallback as l, useEffect as C } from "react";
-import { uniqueId as k } from "lodash";
-import { s as r } from "../../contextMenu.module-DNQ8d9Aj.js";
+import { jsx as n } from "react/jsx-runtime";
+import { Menu as u, IconButton as f, List as d, ListItem as p } from "@element/react-components";
+import { useState as C, useCallback as r, useEffect as k } from "react";
+import { uniqueId as y } from "lodash";
+import { s } from "../../contextMenu.module-vNQHb48g.js";
 const M = ({
-  triggerOpen: n = null,
+  triggerOpen: l = null,
   actions: a,
   iconOrientation: c = "vertical"
 }) => {
-  const [e, t] = y(!1), m = l(() => {
+  const [e, t] = C(!1), m = r(() => {
     t(!e);
-  }, [e]), s = l(() => {
+  }, [e]), i = r(() => {
     t(!1);
   }, []);
-  return C(() => {
-    t(n !== null ? n : !1);
-  }, [n]), /* @__PURE__ */ o(
+  return k(() => {
+    t(l !== null ? l : !1);
+  }, [l]), /* @__PURE__ */ n(
     u,
     {
-      className: r.menu,
+      className: s.menu,
       "data-testid": "selectionmenu",
       open: e,
       surfaceOnly: !0,
       hoistToBody: !0,
-      onClose: s,
-      trigger: /* @__PURE__ */ o(
-        d,
+      onClose: i,
+      trigger: /* @__PURE__ */ n(
+        f,
         {
-          className: r.icon,
+          className: s.icon,
           variant: e ? "filled-primary" : void 0,
           "data-testid": "openButton",
           icon: c === "vertical" ? "more_vert" : "more_horiz",
           onClick: m
         }
       ),
-      children: /* @__PURE__ */ o(f, { children: a.map((i) => /* @__PURE__ */ o(
+      children: /* @__PURE__ */ n(d, { children: a.map((o) => /* @__PURE__ */ n(
         p,
         {
-          ...i,
+          className: s.listItem,
+          ...o,
           leadingBlockType: "icon",
           "data-testid": "listItemButton",
           onClick: () => {
-            i?.onClick?.(), s();
+            o?.onClick?.(), o.closeOnClick !== !1 && i();
           }
         },
-        k(`LI_${i.primaryText?.toString()}_`)
+        y(`LI_${o.primaryText?.toString()}_`)
       )) })
     },
     "selectionmenu"

package/dist/components/Filter/Filter.js

@@ -19,7 +19,7 @@ import "../../baseView.module-uWbm_a5f.js";
 import "../../BlockView.module-BPlNT5uh.js";
 import "../../chipCard.module-BjpKuf1b.js";
 import "lodash";
-import "../../contextMenu.module-DNQ8d9Aj.js";
+import "../../contextMenu.module-vNQHb48g.js";
 import { Modal as K } from "../Modal/Modal.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";

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

@@ -1,90 +1,93 @@
-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 { 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 G = ({
+const $ = (t) => {
+  const a = new Date(t), u = a.getUTCDate(), f = a.getUTCMonth(), d = a.getUTCFullYear();
+  return new Date(d, f, u);
+}, G = ({
   propertyName: t,
-  label: k,
-  closeLabel: p,
-  className: P,
-  minRangeYear: m,
-  maxRangeYear: f,
-  locale: D,
-  rules: o,
-  ...S
+  label: a,
+  closeLabel: u,
+  className: f,
+  minRangeYear: d,
+  maxRangeYear: g,
+  locale: h,
+  rules: i,
+  ...k
 }) => {
   const {
-    control: h,
-    formState: { errors: r, isValidating: u }
-  } = w(), g = s(
-    () => o?.required?.value,
-    [o]
-  ), x = s(
-    () => o?.required?.message,
-    [o]
-  ), C = s(
-    () => (/* @__PURE__ */ new Date()).getFullYear() - (m ?? 95),
-    [m]
-  ), v = s(
-    () => (/* @__PURE__ */ new Date()).getFullYear() + (f ?? 15),
-    [f]
-  ), c = s(
-    () => !u && Q(r, t) !== void 0,
-    [r, t, u]
-  ), T = s(() => ({
-    valid: !c,
-    helperTextPersistent: c || g,
+    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,
     helperText: (() => {
       if (r && r[t]) {
-        const i = r[t]?.message;
-        return i || "Invalid input";
+        const n = r[t]?.message;
+        return n || "Invalid input";
       }
-      return x;
+      return S;
     })(),
-    className: `${l.fromPickerText} ${c ? l.invalid : ""}`
-  }), [r, x, t, g, c]), [q, d] = $(!1);
-  return /* @__PURE__ */ n(
-    B,
+    className: `${l.fromPickerText} ${m ? l.invalid : ""}`
+  }), [r, S, t, C, m]), [F, D] = H(!1);
+  return /* @__PURE__ */ o(
+    Q,
     {
       name: t,
-      rules: o,
-      control: h,
-      render: ({ field: { ref: F, onChange: i, value: a, ...O } }) => /* @__PURE__ */ n("div", { className: l.datePickerContainer, children: /* @__PURE__ */ n(
-        b,
+      rules: i,
+      control: p,
+      render: ({ field: { ref: q, onChange: n, value: c, ...O } }) => /* @__PURE__ */ o("div", { className: l.datePickerContainer, children: /* @__PURE__ */ o(
+        w,
         {
-          ...S,
+          ...k,
           ...O,
-          className: P ?? "",
-          value: a,
+          className: f ?? "",
+          value: c,
           variant: "outlined",
-          label: k,
-          format: (e) => e ? e.toLocaleDateString(D ?? "en") : "",
+          label: a,
+          format: (e) => e ? $(e.toISOString()).toLocaleDateString(h ?? "en") : "",
           disableClearing: !0,
           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) }) })
+            /* @__PURE__ */ o(M, {}),
+            /* @__PURE__ */ o(U, { variant: "dense", children: /* @__PURE__ */ o(b, { label: u, variant: "text", onClick: () => D(!1) }) })
           ] }),
           onClick: () => {
-            d(!0);
+            D(!0);
           },
           onSelect: (e) => {
-            i(e), d(!1);
+            n(e), D(!1);
           },
           onSelectMonth: (e) => {
-            a && (e.setDate(a.getDate()), i(e));
+            c && (e.setDate(c.getDate()), n(e));
           },
           onSelectYear: (e) => {
-            a && (e.setDate(a.getDate()), i(e));
+            c && (e.setDate(c.getDate()), n(e));
           },
           hoisted: !0,
           calendarProps: { hoisted: !0, className: l.datePickerCalendar },
-          minQuickSelectYear: C,
-          maxQuickSelectYear: v,
+          minQuickSelectYear: P,
+          maxQuickSelectYear: T,
           readOnly: !0,
-          textfieldProps: T,
-          alwaysOpen: q
+          textfieldProps: v,
+          alwaysOpen: F
         }
       ) })
     }

package/dist/components/GenericTable/GenericTable.js

@@ -18,7 +18,7 @@ import "../../baseView.module-uWbm_a5f.js";
 import "../../BlockView.module-BPlNT5uh.js";
 import "../../chipCard.module-BjpKuf1b.js";
 import "lodash";
-import "../../contextMenu.module-DNQ8d9Aj.js";
+import "../../contextMenu.module-vNQHb48g.js";
 import "../../modal.module-BlDp1Wiq.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";

package/dist/contextMenu.module-vNQHb48g.js

@@ -0,0 +1,9 @@
+import "./assets/contextMenu.css";
+const t = "_menu_ol91v_1", o = "_icon_ol91v_5", s = "_listItem_ol91v_9", _ = {
+  menu: t,
+  icon: o,
+  listItem: s
+};
+export {
+  _ as s
+};

package/dist/main.d.ts

@@ -30,6 +30,7 @@ export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
 export { ThemeColor } from './enums/ThemeColor';
 export { useBreakpoints } from './hooks/useBreakpoints';
 export { capitalizeFirstLetters } from './services/UtilService';
+export type { ActionProps } from './components/ContextMenu/ContextMenu';
 export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';
 export type { FormTextProps } from './components/FormComponents/FormText/FormText';
 export type { FieldItem } from './components/InfoGroup/InfoGroup';

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

package/dist/contextMenu.module-DNQ8d9Aj.js

@@ -1,8 +0,0 @@
-import "./assets/contextMenu.css";
-const n = "_menu_1jlla_1", o = "_icon_1jlla_5", c = {
-  menu: n,
-  icon: o
-};
-export {
-  c as s
-};