@hortiview/shared-components 0.0.7501 → 0.0.7520

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

@@ -4,7 +4,7 @@ import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
 /**
  * a generic FormSelector property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
  */
-type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperText' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'noOptionsMessage' | 'onChange' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
+type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperText' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'noOptionsMessage' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
     /** the name of the property in the form */
     propertyName: Path<T>;
     /** the label of the select */

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -3,25 +3,25 @@ import { Select as k } from "@element/react-components";
 import { g as h } from "../../../get-UxX31Aph.js";
 import { i as z } from "../../../isArray-Ca4KR8TK.js";
 import { useMemo as S } from "react";
-import { useFormContext as B, Controller as v } from "react-hook-form";
+import { useFormContext as B, Controller as C } from "react-hook-form";
 import { H as G } from "../../../react-tooltip.min-BzHiZW8k.js";
 import { SelectTooltipText as J } from "./SelectTooltipText.js";
-import { s as l } from "../../../formSelect.module-C18N-SsT.js";
+import { s as a } from "../../../formSelect.module-C18N-SsT.js";
 const N = ({
   propertyName: r,
   label: d,
-  options: o,
-  multi: a = !1,
+  options: n,
+  multi: m = !1,
   disabled: F = !1,
   hoisted: I = !1,
   hidden: $ = !1,
   valueKey: i = "value",
   textKey: T = "text",
   clearable: j = !1,
-  searchable: w = !0,
-  noOptionsMessage: A = "",
-  rules: n,
-  ...m
+  searchable: v = !0,
+  noOptionsMessage: w = "",
+  rules: o,
+  ...l
 }) => {
   const {
     control: p,
@@ -29,12 +29,12 @@ const N = ({
   } = B(), c = S(
     () => !H && h(s, r) !== void 0,
     [s, r, H]
-  ), C = S(
-    () => n?.required?.value,
-    [n]
+  ), A = S(
+    () => o?.required?.value,
+    [o]
   ), D = S(
-    () => n?.required?.message,
-    [n]
+    () => o?.required?.message,
+    [o]
   ), E = () => {
     if (s && s[r]) {
       const u = s[r]?.message;
@@ -42,33 +42,33 @@ const N = ({
     }
     return D;
   };
-  return $ ? /* @__PURE__ */ e(v, { name: r, control: p, render: () => /* @__PURE__ */ e(M, {}) }) : /* @__PURE__ */ e("div", { className: l.formSelectContainer, "data-tooltip-id": d, children: /* @__PURE__ */ e(
-    v,
+  return $ ? /* @__PURE__ */ e(C, { name: r, control: p, render: () => /* @__PURE__ */ e(M, {}) }) : /* @__PURE__ */ e("div", { className: a.formSelectContainer, "data-tooltip-id": d, children: /* @__PURE__ */ e(
+    C,
     {
       name: r,
-      rules: n,
+      rules: o,
       control: p,
       render: ({ field: { ref: u, onChange: x, value: q, ...O } }) => {
-        let g = o;
-        z(o) && h(o[0], "options") !== void 0 && (g = o.flatMap((t) => h(t, "options") ?? []));
-        const f = a ? g?.filter(
+        let g = n;
+        z(n) && h(n[0], "options") !== void 0 && (g = n.flatMap((t) => h(t, "options") ?? []));
+        const f = m ? g?.filter(
           (t) => q?.includes(t[i])
-        ) : g?.find((t) => t[i] === q), P = a && m.multiDisplayType === "text" && m.fixedHeightInput;
+        ) : g?.find((t) => t[i] === q), P = m && l.multiDisplayType === "text" && l.fixedHeightInput;
         return /* @__PURE__ */ b(M, { children: [
           /* @__PURE__ */ e(
             k,
             {
               ...O,
-              ...m,
-              value: f,
+              ...l,
+              value: f ?? [],
               label: d,
               variant: "outlined",
               helperText: E(),
-              helperTextPersistent: C || c,
-              options: o,
+              helperTextPersistent: A || c,
+              options: n,
               valid: !c,
-              multiSelect: a,
-              className: `${l.formSelect} ${c ? l.invalid : ""} ${P ? l.multiText : ""}`,
+              multiSelect: m,
+              className: `${a.formSelect} ${c ? a.invalid : ""} ${P ? a.multiText : ""}`,
               disabled: F,
               valueKey: i,
               textKey: T,
@@ -77,15 +77,15 @@ const N = ({
                   x(t);
                   return;
                 }
-                if (a) {
+                if (m) {
                   x(t.map((V) => V[i]));
                   return;
                 }
-                x(t[i]);
+                x(t[i]), l?.onChange?.(t);
               },
               hoisted: I,
-              noOptionsMessage: A,
-              searchable: w,
+              noOptionsMessage: w,
+              searchable: v,
               clearable: j,
               menuMaxHeight: "15rem"
             }
@@ -97,8 +97,8 @@ const N = ({
               noArrow: !0,
               place: "bottom",
               delayShow: 420,
-              className: l.tooltip,
-              hidden: !f || f.length === 0 || !m.fixedHeightInput,
+              className: a.tooltip,
+              hidden: !f || f.length === 0 || !l.fixedHeightInput,
               children: /* @__PURE__ */ e(J, { value: f, textKey: T, valueKey: i })
             }
           )

package/dist/components/GenericTable/Mobile/GenericCardList.js

@@ -1,21 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Padding as l, TypoCaption as d, Group as s } from "@element/react-components";
+import { Padding as c, TypoCaption as o, Group as s } from "@element/react-components";
 import { GenericCard as m } from "./GenericCard.js";
-import { s as i } from "../../../genericCard.module-CnQn6tMH.js";
+import { s as t } from "../../../genericCard.module-CnQn6tMH.js";
 const u = ({
   columns: n,
   data: e,
-  hiddenColumns: a = [],
-  noContentText: o
-}) => e?.length === 0 ? /* @__PURE__ */ r("div", { className: i.emptyContainer, children: /* @__PURE__ */ r(l, { variant: "standard", style: { textAlign: "center" }, className: i.empty, children: /* @__PURE__ */ r(d, { children: o }) }) }) : /* @__PURE__ */ r(s, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((t, c) => /* @__PURE__ */ r(
-  m,
-  {
-    item: t,
-    columns: n,
-    hiddenColumns: a
-  },
-  t.id ?? c
-)) });
+  hiddenColumns: d = [],
+  noContentText: l
+}) => e?.length === 0 ? /* @__PURE__ */ r("div", { className: t.emptyContainer, children: /* @__PURE__ */ r(c, { variant: "standard", style: { textAlign: "center" }, className: t.empty, children: /* @__PURE__ */ r(o, { children: l }) }) }) : (
+  // needs the div to surround the Group by an element with display: block to avoid visual errors
+  /* @__PURE__ */ r("div", { style: { width: "100%" }, children: /* @__PURE__ */ r(s, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((i, a) => /* @__PURE__ */ r(
+    m,
+    {
+      item: i,
+      columns: n,
+      hiddenColumns: d
+    },
+    i.id ?? a
+  )) }) })
+);
 export {
   u as GenericCardList
 };

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