@hortiview/shared-components 0.0.8286 → 0.0.8519

package/dist/assets/formSelect.css

@@ -1 +1 @@
-._invalid_9uqqc_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelectContainer_9uqqc_6{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_9uqqc_6 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_9uqqc_6 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_9uqqc_6+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelect_9uqqc_6 *[class*=lmnt-select-menu]{z-index:2001}._multiText_9uqqc_32 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_9uqqc_41{z-index:42}
+._invalid_1iwpu_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelectContainer_1iwpu_6{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_1iwpu_6 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_1iwpu_6 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_1iwpu_6+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelect_1iwpu_6 *[class*=lmnt-select-menu]{z-index:2001}._multiText_1iwpu_32 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_1iwpu_41{z-index:42}._disabled_1iwpu_46+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}

package/dist/components/Filter/Filter.js

@@ -32,7 +32,7 @@ import "../../loadingSpinner.module-CLtqSMWA.js";
 import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
-import "../../formSelect.module-C18N-SsT.js";
+import "../../formSelect.module-DMHh1bp8.js";
 import "../../formText.module-C0by6_DK.js";
 const St = ({
   clearFilterText: m,

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/FormComponents/FormSelect/FormSelect.js

@@ -1,4 +1,4 @@
-import { jsx as e, Fragment as M, jsxs as b } from "react/jsx-runtime";
+import { jsx as e, Fragment as $, jsxs as b } from "react/jsx-runtime";
 import { Select as k } from "@element/react-components";
 import { g as h } from "../../../get-UxX31Aph.js";
 import { i as z } from "../../../isArray-Ca4KR8TK.js";
@@ -6,72 +6,72 @@ import { useMemo as S } from "react";
 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 a } from "../../../formSelect.module-C18N-SsT.js";
+import { s as n } from "../../../formSelect.module-DMHh1bp8.js";
 const N = ({
   propertyName: r,
   label: d,
-  options: n,
+  options: o,
   multi: m = !1,
-  disabled: F = !1,
-  hoisted: I = !1,
-  hidden: $ = !1,
+  disabled: T = !1,
+  hoisted: F = !1,
+  hidden: I = !1,
   valueKey: i = "value",
-  textKey: T = "text",
+  textKey: p = "text",
   clearable: j = !1,
   searchable: v = !0,
   noOptionsMessage: w = "",
-  rules: o,
-  ...l
+  rules: l,
+  ...s
 }) => {
   const {
-    control: p,
-    formState: { errors: s, isValidating: H }
+    control: H,
+    formState: { errors: a, isValidating: q }
   } = B(), c = S(
-    () => !H && h(s, r) !== void 0,
-    [s, r, H]
+    () => !q && h(a, r) !== void 0,
+    [a, r, q]
   ), A = S(
-    () => o?.required?.value,
-    [o]
+    () => l?.required?.value,
+    [l]
   ), D = S(
-    () => o?.required?.message,
-    [o]
+    () => l?.required?.message,
+    [l]
   ), E = () => {
-    if (s && s[r]) {
-      const u = s[r]?.message;
+    if (a && a[r]) {
+      const u = a[r]?.message;
       return u || "Invalid input";
     }
     return D;
   };
-  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(
+  return I ? /* @__PURE__ */ e(C, { name: r, control: H, render: () => /* @__PURE__ */ e($, {}) }) : /* @__PURE__ */ e("div", { className: n.formSelectContainer, "data-tooltip-id": d, children: /* @__PURE__ */ e(
     C,
     {
       name: r,
-      rules: o,
-      control: p,
-      render: ({ field: { ref: u, onChange: x, value: q, ...O } }) => {
-        let g = n;
-        z(n) && h(n[0], "options") !== void 0 && (g = n.flatMap((t) => h(t, "options") ?? []));
+      rules: l,
+      control: H,
+      render: ({ field: { ref: u, onChange: x, value: M, ...O } }) => {
+        let g = o;
+        z(o) && h(o[0], "options") !== void 0 && (g = o.flatMap((t) => h(t, "options") ?? []));
         const f = m ? g?.filter(
-          (t) => q?.includes(t[i])
-        ) : g?.find((t) => t[i] === q), P = m && l.multiDisplayType === "text" && l.fixedHeightInput;
-        return /* @__PURE__ */ b(M, { children: [
+          (t) => M?.includes(t[i])
+        ) : g?.find((t) => t[i] === M), P = m && s.multiDisplayType === "text" && s.fixedHeightInput;
+        return /* @__PURE__ */ b($, { children: [
           /* @__PURE__ */ e(
             k,
             {
               ...O,
-              ...l,
+              ...s,
               value: f ?? [],
               label: d,
               variant: "outlined",
               helperText: E(),
               helperTextPersistent: A || c,
-              options: n,
+              options: o,
               valid: !c,
               multiSelect: m,
-              className: `${a.formSelect} ${c ? a.invalid : ""} ${P ? a.multiText : ""}`,
-              disabled: F,
+              className: `${n.formSelect} ${c ? n.invalid : ""} ${P ? n.multiText : ""} ${T ? n.disabled : ""}`,
+              disabled: T,
               valueKey: i,
-              textKey: T,
+              textKey: p,
               onChange: (t) => {
                 if (t == null) {
                   x(t);
@@ -81,9 +81,9 @@ const N = ({
                   x(t.map((V) => V[i]));
                   return;
                 }
-                x(t[i]), l?.onChange?.(t);
+                x(t[i]), s?.onChange?.(t);
               },
-              hoisted: I,
+              hoisted: F,
               noOptionsMessage: w,
               searchable: v,
               clearable: j,
@@ -97,9 +97,9 @@ const N = ({
               noArrow: !0,
               place: "bottom",
               delayShow: 420,
-              className: a.tooltip,
-              hidden: !f || f.length === 0 || !l.fixedHeightInput,
-              children: /* @__PURE__ */ e(J, { value: f, textKey: T, valueKey: i })
+              className: n.tooltip,
+              hidden: !f || f.length === 0 || !s.fixedHeightInput,
+              children: /* @__PURE__ */ e(J, { value: f, textKey: p, valueKey: i })
             }
           )
         ] });

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";
@@ -30,18 +30,18 @@ import "../../loadingSpinner.module-CLtqSMWA.js";
 import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
-import "../../formSelect.module-C18N-SsT.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/dist/formSelect.module-DMHh1bp8.js

@@ -0,0 +1,12 @@
+import "./assets/formSelect.css";
+const t = "_invalid_1iwpu_1", i = "_formSelectContainer_1iwpu_6", o = "_formSelect_1iwpu_6", e = "_multiText_1iwpu_32", l = "_tooltip_1iwpu_41", _ = "_disabled_1iwpu_46", s = {
+  invalid: t,
+  formSelectContainer: i,
+  formSelect: o,
+  multiText: e,
+  tooltip: l,
+  disabled: _
+};
+export {
+  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.8286",
+  "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>",

package/dist/formSelect.module-C18N-SsT.js

@@ -1,11 +0,0 @@
-import "./assets/formSelect.css";
-const t = "_invalid_9uqqc_1", o = "_formSelectContainer_9uqqc_6", e = "_formSelect_9uqqc_6", c = "_multiText_9uqqc_32", i = "_tooltip_9uqqc_41", n = {
-  invalid: t,
-  formSelectContainer: o,
-  formSelect: e,
-  multiText: c,
-  tooltip: i
-};
-export {
-  n as s
-};