@hortiview/shared-components 0.0.7544 → 0.0.7576

package/dist/assets/genericCard.css

@@ -1 +1 @@
-._cardTitle_a6o2v_1{padding:.5rem!important}._cardBody_a6o2v_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_a6o2v_10{border-radius:.5rem}._row_a6o2v_14{padding:.25rem 0}._font_a6o2v_18{max-width:125px;font-weight:400;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._title_a6o2v_26{display:inline-block;width:65vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._emptyContainer_a6o2v_34{width:inherit;height:inherit}._empty_a6o2v_34{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}
+._cardTitle_ecoot_1{padding:.5rem!important}._cardBody_ecoot_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_ecoot_10{border-radius:.5rem}._row_ecoot_14{padding:.25rem 0}._font_ecoot_18{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;align-self:end}._fontHeader_ecoot_28{text-align:right}._title_ecoot_32{display:inline-block;width:65vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._emptyContainer_ecoot_40{width:inherit;height:inherit}._empty_ecoot_40{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}

package/dist/components/Filter/Filter.js

@@ -20,7 +20,7 @@ import "lodash";
 import "../../contextMenu.module-DNQ8d9Aj.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
-import "../../genericCard.module-CnQn6tMH.js";
+import "../../genericCard.module-k0bicNfi.js";
 import "../../HashTabView.module-DUekkiTC.js";
 import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";

package/dist/components/FormComponents/FormText/FormText.js

@@ -1,8 +1,8 @@
-import { jsx as t, Fragment as S, jsxs as G } from "react/jsx-runtime";
-import { Textfield as J, TypoCaption as K } from "@element/react-components";
-import { g as O } from "../../../get-UxX31Aph.js";
-import { useState as B, useCallback as Q, useMemo as c, useEffect as U } from "react";
-import { useFormContext as X, Controller as A } from "react-hook-form";
+import { jsx as t, Fragment as S, jsxs as J } from "react/jsx-runtime";
+import { Textfield as K, TypoCaption as O } from "@element/react-components";
+import { g as B } from "../../../get-UxX31Aph.js";
+import { useState as A, useCallback as Q, useMemo as c, useEffect as U } from "react";
+import { useFormContext as X, Controller as j } from "react-hook-form";
 import { s as i } from "../../../formText.module-C0by6_DK.js";
 const Y = ({
   count: e,
@@ -13,61 +13,62 @@ const Y = ({
   "div",
   {
     className: `${i.formTextAreaHelperText} ${m ? i.invalid : ""} ${r ? i.required : ""}`,
-    children: /* @__PURE__ */ t(K, { children: `${e}/${d}` })
+    children: /* @__PURE__ */ t(O, { children: `${e}/${d}` })
   }
-), re = (e) => e.textarea ? /* @__PURE__ */ t(Z, { ...e }) : /* @__PURE__ */ t(_, { ...e }), Z = (e) => /* @__PURE__ */ t("div", { className: i.formTextArea, children: /* @__PURE__ */ t(j, { ...e }) }), _ = (e) => /* @__PURE__ */ t(
+), re = (e) => e.textarea ? /* @__PURE__ */ t(Z, { ...e }) : /* @__PURE__ */ t(_, { ...e }), Z = (e) => /* @__PURE__ */ t("div", { className: i.formTextArea, children: /* @__PURE__ */ t(k, { ...e }) }), _ = (e) => /* @__PURE__ */ t(
   "div",
   {
     className: `${e.hasCharacterCount ? i.characterCount : i.withoutCharacterCount}`,
-    children: /* @__PURE__ */ t(j, { ...e })
+    children: /* @__PURE__ */ t(k, { ...e })
   }
-), j = ({
+), k = ({
   propertyName: e,
   label: d,
   disabled: m = !1,
   textarea: r = !1,
-  hasCharacterCount: s = !1,
-  hidden: k = !1,
-  placeholder: H,
-  type: R,
-  prefixText: b,
-  inputMode: w,
-  trailingIcon: z,
-  trigger: x = "likeForm",
+  hasCharacterCount: u = !1,
+  hidden: H = !1,
+  placeholder: R,
+  type: b,
+  prefixText: w,
+  inputMode: z,
+  trailingIcon: E,
+  trigger: v = "likeForm",
   rules: n,
-  ...T
+  ...x
 }) => {
   const {
-    control: C,
+    control: T,
     getFieldState: f,
-    formState: { errors: u },
+    formState: { errors: C },
     trigger: F
-  } = X(), [E, g] = B(0), [o, I] = B(), h = Q(
-    (a) => {
+  } = X(), [I, g] = A(0), [o, M] = A(), h = Q(
+    (l) => {
       if (o != null) {
         g(o.length);
         return;
       }
-      if (a) {
-        g(a.length);
+      if (l) {
+        g(l.length);
         return;
       }
       g(0);
     },
     [o]
-  ), M = () => {
-    if (u && u[e]) {
-      const a = u[e]?.message;
-      return a || "Invalid input";
+  ), P = () => {
+    const l = B(C, e);
+    if (l) {
+      const s = l.message;
+      return s || "Invalid input";
     }
     return $;
-  }, l = c(
+  }, a = c(
     () => n?.maxLength?.value,
     [n]
-  ), P = c(
+  ), V = c(
     () => n?.minLength?.value,
     [n]
-  ), V = c(
+  ), W = c(
     () => n?.required?.value,
     [n]
   ), $ = c(
@@ -75,54 +76,54 @@ const Y = ({
     [n]
   );
   return U(() => {
-    (r || s) && l !== void 0 && o != null && h();
-  }, [o, r, s, l, h]), k ? /* @__PURE__ */ t(A, { name: e, control: C, render: () => /* @__PURE__ */ t(S, {}) }) : /* @__PURE__ */ t(
-    A,
+    (r || u) && a !== void 0 && o != null && h();
+  }, [o, r, u, a, h]), H ? /* @__PURE__ */ t(j, { name: e, control: T, render: () => /* @__PURE__ */ t(S, {}) }) : /* @__PURE__ */ t(
+    j,
     {
       name: e,
       rules: n,
-      control: C,
-      render: ({ field: { ref: a, ...v }, formState: { defaultValues: W } }) => {
-        const q = O(W, e);
-        return !o && q && (s || r) && h(q), /* @__PURE__ */ G(S, { children: [
+      control: T,
+      render: ({ field: { ref: l, ...s }, formState: { defaultValues: D } }) => {
+        const q = B(D, e);
+        return !o && q && (u || r) && h(q), /* @__PURE__ */ J(S, { children: [
           /* @__PURE__ */ t(
-            J,
+            K,
             {
-              ...T,
-              ...v,
-              value: v.value ?? "",
-              type: R,
+              ...x,
+              ...s,
+              value: s.value ?? "",
+              type: b,
               fullWidth: !0,
-              inputMode: w,
-              placeholder: H,
-              prefixText: b,
+              inputMode: z,
+              placeholder: R,
+              prefixText: w,
               disabled: m,
-              helperText: M(),
-              helperTextPersistent: u !== void 0 || V || l !== void 0 && (r || s),
+              helperText: P(),
+              helperTextPersistent: C !== void 0 || W || a !== void 0 && (r || u),
               label: d,
               variant: "outlined",
-              maxlength: l,
-              minLength: P,
+              maxlength: a,
+              minLength: V,
               textarea: r,
               noResize: !1,
               onBlur: () => {
-                x === "onBlur" && F(e), T.onBlur?.();
+                v === "onBlur" && F(e), x.onBlur?.();
               },
               onChange: (L) => {
-                v.onChange(L);
-                const D = L?.target?.value;
-                I(D), x === "onChange" && F(e);
+                s.onChange(L);
+                const G = L?.target?.value;
+                M(G), v === "onChange" && F(e);
               },
               valid: !f(e).invalid,
               className: `${i.formText} ${f(e).invalid ? i.invalid : ""}`,
-              trailingIcon: z
+              trailingIcon: E
             }
           ),
-          l !== void 0 && (s || r) && /* @__PURE__ */ t(
+          a !== void 0 && (u || r) && /* @__PURE__ */ t(
             Y,
             {
-              count: E,
-              maxCount: l,
+              count: I,
+              maxCount: a,
               invalid: f(e).invalid,
               hasRequiredText: !!$
             }

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

@@ -1,66 +1,67 @@
 import { jsx as e, jsxs as s, Fragment as T } from "react/jsx-runtime";
-import { Card as g, CardContent as y, CardBody as x, Grid as v, GridRow as u, GridCol as n, TypoSubtitle as f, CardTitle as N, CardDivider as b } from "@element/react-components";
-import { useMemo as k } from "react";
+import { Card as g, CardContent as y, CardBody as v, Grid as x, GridRow as u, GridCol as n, TypoSubtitle as f, CardTitle as N, CardDivider as b } from "@element/react-components";
+import { useMemo as $ } from "react";
 import { OverflowTooltip as c } from "../../OverflowTooltip/OverflowTooltip.js";
-import { s as d } from "../../../genericCard.module-CnQn6tMH.js";
+import { s as i } from "../../../genericCard.module-k0bicNfi.js";
 const h = {
   desktopCol: 6,
   phoneCol: 2,
   tabletCol: 4
-}, j = ({ item: t, columns: r, hiddenColumns: a }) => {
-  const l = r.find((i) => i.asCardTitle), p = r.find((i) => i.asCardSubtitle), C = k(
+}, j = ({ item: t, columns: r, hiddenColumns: d }) => {
+  const l = r.find((a) => a.asCardTitle), p = r.find((a) => a.asCardSubtitle), C = $(
     () => r.filter(
-      (i) => !i.asCardTitle && !i.asCardSubtitle && i.id !== "actions"
+      (a) => !a.asCardTitle && !a.asCardSubtitle && a.id !== "actions"
     ),
     [r]
   );
-  return /* @__PURE__ */ e(g, { variant: "raised", children: /* @__PURE__ */ s(y, { className: d.cardContent, children: [
-    /* @__PURE__ */ e(w, { item: t, titleColumn: l, subTitleColumn: p }),
-    /* @__PURE__ */ e(x, { className: d.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ e(v, { fullHeight: !0, fullWidth: !0, variant: "none", children: C.map((i) => a?.includes(i.id) ? null : /* @__PURE__ */ s(u, { className: d.row, "data-testid": "row", children: [
+  return /* @__PURE__ */ e(g, { variant: "raised", children: /* @__PURE__ */ s(y, { className: i.cardContent, children: [
+    /* @__PURE__ */ e(k, { item: t, titleColumn: l, subTitleColumn: p }),
+    /* @__PURE__ */ e(v, { className: i.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ e(x, { fullHeight: !0, fullWidth: !0, variant: "none", children: C.map((a) => d?.includes(a.id) ? null : /* @__PURE__ */ s(u, { className: i.row, "data-testid": "row", children: [
       /* @__PURE__ */ e(n, { horizontalAlign: "right", ...h, children: /* @__PURE__ */ s(
         f,
         {
           level: 2,
           themeColor: "text-secondary-on-background",
-          className: d.font,
+          className: `${i.font} ${i.fontHeader}`,
+          tag: "div",
           children: [
-            i.header,
+            a.header,
             ":"
           ]
         }
       ) }),
-      /* @__PURE__ */ e(n, { horizontalAlign: "left", ...h, children: /* @__PURE__ */ e(o, { column: i, item: t }) })
-    ] }, i.id)) }) })
+      /* @__PURE__ */ e(n, { horizontalAlign: "left", ...h, children: /* @__PURE__ */ e(o, { column: a, item: t }) })
+    ] }, a.id)) }) })
   ] }) });
-}, w = ({ item: t, titleColumn: r, subTitleColumn: a }) => {
+}, k = ({ item: t, titleColumn: r, subTitleColumn: d }) => {
   const l = t.actions;
-  return !r && !a && !l ? null : /* @__PURE__ */ s(T, { children: [
+  return !r && !d && !l ? null : /* @__PURE__ */ s(T, { children: [
     /* @__PURE__ */ e(
       N,
       {
         "data-testid": "card-title",
-        className: d.cardTitle,
+        className: i.cardTitle,
         primaryText: r !== void 0 && /* @__PURE__ */ e(o, { column: r, item: t, isTitle: !0 }),
-        secondaryText: a !== void 0 && /* @__PURE__ */ e(o, { column: a, item: t, isTitle: !0 }),
+        secondaryText: d !== void 0 && /* @__PURE__ */ e(o, { column: d, item: t, isTitle: !0 }),
         trailingBlock: l,
         trailingBlockType: "title-actions"
       }
     ),
     /* @__PURE__ */ e(b, {})
   ] });
-}, o = ({ item: t, column: r, isTitle: a = !1 }) => r.cellTemplate ? r.cellTemplate({ row: { original: t } }) : a ? /* @__PURE__ */ e(
+}, o = ({ item: t, column: r, isTitle: d = !1 }) => r.cellTemplate ? r.cellTemplate({ row: { original: t } }) : d ? /* @__PURE__ */ e(
   c,
   {
     id: `tip_${r.id}_${t[r.accessor]}`,
     text: t[r.accessor],
-    children: /* @__PURE__ */ e("span", { className: d.title, children: t[r.accessor] })
+    children: /* @__PURE__ */ e("span", { className: i.title, children: t[r.accessor] })
   }
 ) : /* @__PURE__ */ e(
   c,
   {
     id: `tip_${r.id}_${t[r.accessor]}`,
     text: t[r.accessor],
-    children: /* @__PURE__ */ e(f, { level: 2, themeColor: "text-primary-on-background", className: d.font, children: t[r.accessor] })
+    children: /* @__PURE__ */ e(f, { level: 2, themeColor: "text-primary-on-background", className: i.font, children: t[r.accessor] })
   }
 );
 export {

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Padding as c, TypoCaption as o, Group as s } from "@element/react-components";
 import { GenericCard as m } from "./GenericCard.js";
-import { s as t } from "../../../genericCard.module-CnQn6tMH.js";
+import { s as t } from "../../../genericCard.module-k0bicNfi.js";
 const u = ({
   columns: n,
   data: e,

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

@@ -32,7 +32,6 @@ g("GenericCardList", () => {
           columns: d,
           data: [],
           hiddenColumns: [],
-          order: [],
           noContentText: "No data available"
         }
       )
@@ -47,7 +46,6 @@ g("GenericCardList", () => {
           columns: d,
           data: c,
           hiddenColumns: [],
-          order: [],
           noContentText: "No data available"
         }
       )
@@ -64,7 +62,6 @@ g("GenericCardList", () => {
           columns: d,
           data: [c[1]],
           hiddenColumns: [],
-          order: ["gender", "age"],
           noContentText: "No data available"
         }
       )

package/dist/genericCard.module-k0bicNfi.js

@@ -0,0 +1,15 @@
+import "./assets/genericCard.css";
+const t = "_cardTitle_ecoot_1", o = "_cardBody_ecoot_5", e = "_cardContent_ecoot_10", c = "_row_ecoot_14", n = "_font_ecoot_18", _ = "_fontHeader_ecoot_28", r = "_title_ecoot_32", a = "_emptyContainer_ecoot_40", d = "_empty_ecoot_40", i = {
+  cardTitle: t,
+  cardBody: o,
+  cardContent: e,
+  row: c,
+  font: n,
+  fontHeader: _,
+  title: r,
+  emptyContainer: a,
+  empty: d
+};
+export {
+  i as s
+};

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

package/dist/genericCard.module-CnQn6tMH.js

@@ -1,14 +0,0 @@
-import "./assets/genericCard.css";
-const t = "_cardTitle_a6o2v_1", o = "_cardBody_a6o2v_5", n = "_cardContent_a6o2v_10", _ = "_row_a6o2v_14", a = "_font_a6o2v_18", e = "_title_a6o2v_26", c = "_emptyContainer_a6o2v_34", r = "_empty_a6o2v_34", d = {
-  cardTitle: t,
-  cardBody: o,
-  cardContent: n,
-  row: _,
-  font: a,
-  title: e,
-  emptyContainer: c,
-  empty: r
-};
-export {
-  d as s
-};