@hortiview/shared-components 0.0.8373 → 0.0.8519

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js

@@ -1,42 +1,43 @@
-import { jsx as o, jsxs as p, Fragment as x } from "react/jsx-runtime";
-import { Checkbox as l, TypoCaption as u } from "@element/react-components";
-import { useFormContext as g, Controller as i } from "react-hook-form";
-const b = ({
-  propertyName: n,
-  label: t,
-  validate: m,
-  required: c,
+import { jsx as e, jsxs as C, Fragment as p } from "react/jsx-runtime";
+import { Checkbox as d, TypoCaption as g } from "@element/react-components";
+import { useFormContext as i, Controller as k } from "react-hook-form";
+const F = ({
+  propertyName: t,
+  label: n,
+  validate: c,
+  required: m,
   onChange: s,
-  disabled: h
+  disabled: a
 }) => {
-  const { control: C } = g();
-  return /* @__PURE__ */ o(
-    i,
+  const { control: h } = i();
+  return /* @__PURE__ */ e(
+    k,
     {
-      name: n,
-      control: C,
+      name: t,
+      control: h,
       rules: {
-        required: c,
-        validate: m
+        required: m,
+        validate: c
       },
-      render: ({ field: r, fieldState: e }) => /* @__PURE__ */ p(x, { children: [
-        /* @__PURE__ */ o(
-          l,
+      render: ({ field: r, fieldState: o }) => /* @__PURE__ */ C(p, { children: [
+        /* @__PURE__ */ e(
+          d,
           {
+            "data-testid": "checkbox",
             ...r,
-            label: t,
-            onChange: (...a) => {
-              r.onChange(...a), s?.();
+            label: n,
+            onChange: (...x) => {
+              r.onChange(...x), s?.();
             },
             checked: r.value,
-            disabled: h
+            disabled: a
           }
         ),
-        e.error && /* @__PURE__ */ o(u, { themeColor: "error", children: e.error.message })
+        o.error && /* @__PURE__ */ e(g, { "data-testid": "checkbox-error-message", themeColor: "error", children: o.error.message })
       ] })
     }
   );
 };
 export {
-  b as FormCheckBox
+  F as FormCheckBox
 };

package/dist/components/FormComponents/FormRadio/FormRadio.js

@@ -1,22 +1,23 @@
-import { jsx as a, Fragment as m } from "react/jsx-runtime";
-import { Radio as c } from "@element/react-components";
-import { useFormContext as v, Controller as d } from "react-hook-form";
-const h = ({ propertyName: l, options: n }) => {
-  const { control: o, setValue: t } = v(), u = (r) => {
-    const e = r.target.value;
-    t(l, e);
+import { jsx as r, Fragment as m } from "react/jsx-runtime";
+import { Radio as d } from "@element/react-components";
+import { useFormContext as c, Controller as s } from "react-hook-form";
+const g = ({ propertyName: l, options: t }) => {
+  const { control: n, setValue: o } = c(), u = (a) => {
+    const e = a.target.value;
+    o(l, e);
   };
-  return /* @__PURE__ */ a(
-    d,
+  return /* @__PURE__ */ r(
+    s,
     {
       name: l,
-      control: o,
-      render: (r) => /* @__PURE__ */ a(m, { children: n.map((e) => /* @__PURE__ */ a(
-        c,
+      control: n,
+      render: (a) => /* @__PURE__ */ r(m, { children: t.map((e) => /* @__PURE__ */ r(
+        d,
         {
+          "data-testid": "radio",
           name: e.value,
           value: e.value,
-          checked: r.field.value === e.value,
+          checked: a.field.value === e.value,
           label: e.label,
           onChange: u
         },
@@ -26,5 +27,5 @@ const h = ({ propertyName: l, options: n }) => {
   );
 };
 export {
-  h as FormRadio
+  g as FormRadio
 };

package/dist/components/GenericTable/GenericTable.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as B } from "react/jsx-runtime";
-import { Elevation as D, Table as G, TableTopBar as u, Group as m, Padding as W, TypoDisplay as k, TypoSubtitle as C } from "@element/react-components";
-import { Fragment as j } from "react";
+import { Elevation as D, Table as G, TableTopBar as u, Group as m, Padding as W, TypoDisplay as $, TypoSubtitle as k } from "@element/react-components";
+import { Fragment as C } from "react";
 import { a as t } from "../../genericTable.module-Dk3yy2S3.js";
-import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
+import { u as j } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../alertBanner.module-BPiKN0gh.js";
 import "../../iconify.module-C89oaw5b.js";
 import "../../isArray-Ca4KR8TK.js";
@@ -32,16 +32,16 @@ import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
 import "../../formSelect.module-DMHh1bp8.js";
 import "../../formText.module-C0by6_DK.js";
-import { useGenerateColumns as _, useGenerateTableData as $ } from "./GenericTableService.js";
+import { useGenerateColumns as x, useGenerateTableData as _ } from "./GenericTableService.js";
 import { GenericCardList as A } from "./Mobile/GenericCardList.js";
-const hr = ({
-  data: p = [],
-  hiddenColumns: l = [],
+const gr = ({
+  data: l = [],
+  hiddenColumns: n = [],
   order: f = [],
-  cellTemplates: h = void 0,
+  cellTemplates: g = void 0,
   tableActions: i = [],
-  noContentText: n = "No data available",
-  headerTranslation: g = (o) => o,
+  noContentText: p = "No data available",
+  headerTranslation: h = (a) => a,
   pagination: y = !1,
   getRowActions: s = void 0,
   customColumnWidth: b,
@@ -49,35 +49,36 @@ const hr = ({
   cardTitleColumn: v,
   cardSubTitleColumn: T
 }) => {
-  const { isDesktop: o } = x(), a = _({
-    data: p,
+  const { isDesktop: a } = j(), o = x({
+    data: l,
     order: f,
-    cellTemplates: h,
-    headerTranslation: g,
+    cellTemplates: g,
+    headerTranslation: h,
     getRowActions: s,
     customColumnWidth: b,
     cardTitleColumn: v,
     cardSubTitleColumn: T
-  }), c = $({
-    data: p,
+  }), d = _({
+    data: l,
     getRowActions: s
   });
-  return o ? /* @__PURE__ */ r(D, { elevation: 1, className: t.elevation, children: /* @__PURE__ */ r(
+  return a ? /* @__PURE__ */ r(D, { elevation: 1, className: t.elevation, "data-testid": "generic-table-elevation", children: /* @__PURE__ */ r(
     G,
     {
+      "data-testid": `generic-table${e ? "-" + e : ""}`,
       className: t.table,
       fullWidth: !0,
       alwaysUseDivTags: !0,
       layout: "standard",
-      hiddenColumns: l,
-      data: c,
-      columns: a,
+      hiddenColumns: n,
+      data: d,
+      columns: o,
       leadingContent: e && i?.length === 0 ? /* @__PURE__ */ r(u, { title: e }) : i?.length > 0 && /* @__PURE__ */ r(
         u,
         {
           className: t.topBar,
           filterBar: /* @__PURE__ */ B(m, { fullWidth: !0, direction: "vertical", gap: "none", children: [
-            e && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(k, { level: 6, children: e }) }),
+            e && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r($, { level: 6, children: e }) }),
             /* @__PURE__ */ r(
               m,
               {
@@ -85,7 +86,7 @@ const hr = ({
                 fullWidth: !0,
                 primaryAlign: "end",
                 secondaryAlign: "center",
-                children: i.map((d, N) => /* @__PURE__ */ r(j, { children: d }, `action_${N}_${d.key}`))
+                children: i.map((c, N) => /* @__PURE__ */ r(C, { children: c }, `action_${N}_${c.key}`))
               }
             )
           ] })
@@ -93,7 +94,7 @@ const hr = ({
       ),
       paginated: y,
       sortable: !0,
-      noContentIncludeTable: !!a,
+      noContentIncludeTable: !!o,
       noContentMessage: /* @__PURE__ */ r(
         m,
         {
@@ -101,20 +102,20 @@ const hr = ({
           primaryAlign: "center",
           secondaryAlign: "center",
           className: t.emptyTable,
-          children: /* @__PURE__ */ r(C, { children: n })
+          children: /* @__PURE__ */ r(k, { children: p })
         }
       )
     }
-  ) }) : /* @__PURE__ */ r(
+  ) }) : /* @__PURE__ */ r("div", { "data-testid": `generic-card-list${e ? "-" + e : ""}`, children: /* @__PURE__ */ r(
     A,
     {
-      data: c,
-      columns: a,
-      hiddenColumns: l,
-      noContentText: n
+      data: d,
+      columns: o,
+      hiddenColumns: n,
+      noContentText: p
     }
-  );
+  ) });
 };
 export {
-  hr as GenericTable
+  gr as GenericTable
 };

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

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

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js

@@ -1,11 +1,11 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { TypoBody as a } from "@element/react-components";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { TypoBody as e } from "@element/react-components";
 import { s as r } from "../../../bigLoadingSpinner.module-GgbFol8k.js";
 import { I as n } from "../../../Iconify-CY9lZjFd.js";
-const s = ({ text: i }) => /* @__PURE__ */ e("div", { className: r.bigLoadSpinnerCard, role: "progressbar", children: [
-  /* @__PURE__ */ o(n, { icon: "hortiview", className: r.logo, "data-testid": "logo-icon" }),
-  /* @__PURE__ */ o(a, { tag: "p", bold: !0, level: 1, className: r.bigLoadSpinnerCardText, children: i })
-] }), g = (i) => /* @__PURE__ */ o("div", { className: r.loadingBigOverlay, children: /* @__PURE__ */ o(s, { ...i }) });
+const s = ({ text: o }) => /* @__PURE__ */ a("div", { className: r.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
+  /* @__PURE__ */ i(n, { icon: "hortiview", className: r.logo, "data-testid": "logo-icon" }),
+  /* @__PURE__ */ i(e, { tag: "p", bold: !0, level: 1, className: r.bigLoadSpinnerCardText, children: o })
+] }), p = (o) => /* @__PURE__ */ i("div", { className: r.loadingBigOverlay, children: /* @__PURE__ */ i(s, { ...o }) });
 export {
-  g as BigLoadingSpinner
+  p as BigLoadingSpinner
 };

package/dist/components/LoadingSpinner/Default/LoadingSpinner.js

@@ -1,30 +1,30 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { CircularProgress as o, Padding as g, Group as m, TypoBody as s } from "@element/react-components";
-import { BigLoadingSpinner as c } from "../Big/BigLoadingSpinner.js";
-import { s as p } from "../../../loadingSpinner.module-CLtqSMWA.js";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { CircularProgress as t, Padding as l, Group as g, TypoBody as m } from "@element/react-components";
+import { BigLoadingSpinner as p } from "../Big/BigLoadingSpinner.js";
+import { s as c } from "../../../loadingSpinner.module-CLtqSMWA.js";
 const C = ({
   size: i,
-  center: t = !1,
+  center: o = !1,
   text: e = "Loading",
   textPosition: a = "bottom",
   color: n = "primary",
   spinnerOnly: d = !1
-}) => i === "big" ? /* @__PURE__ */ r(c, { text: e }) : d ? /* @__PURE__ */ r(o, { themeColor: n, indicatorSize: i ?? "md" }) : /* @__PURE__ */ r(
-  g,
+}) => i === "big" ? /* @__PURE__ */ r(p, { text: e }) : d ? /* @__PURE__ */ r(t, { "data-testid": "loading-spinner", themeColor: n, indicatorSize: i ?? "md" }) : /* @__PURE__ */ r(
+  l,
   {
     variant: "standard",
     style: { textAlign: "center" },
-    className: t ? p.loadingSpinnerContainer : "",
-    children: /* @__PURE__ */ l(
-      m,
+    className: o ? c.loadingSpinnerContainer : "",
+    children: /* @__PURE__ */ s(
+      g,
       {
         direction: a === "right" ? "horizontal" : "vertical",
         gap: "dense",
         primaryAlign: "center",
         secondaryAlign: "center",
         children: [
-          /* @__PURE__ */ r(o, { themeColor: n, indicatorSize: i ?? "lg" }),
-          /* @__PURE__ */ r(s, { themeColor: `text-${n}-on-background`, tag: "div", children: e })
+          /* @__PURE__ */ r(t, { "data-testid": "loading-spinner", themeColor: n, indicatorSize: i ?? "lg" }),
+          /* @__PURE__ */ r(m, { themeColor: `text-${n}-on-background`, tag: "div", children: e })
         ]
       }
     )

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