@hortiview/shared-components 1.3.5 → 1.4.1

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

@@ -5,7 +5,7 @@ import { ExtendedSelectProps } from '../../Select/Select';
 /**
  * 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' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & Pick<ExtendedSelectProps, 'portalClassName'> & {
+type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & Pick<ExtendedSelectProps, 'portalClassName' | 'data-testid'> & {
     /** the name of the property in the form */
     propertyName: Path<T>;
     /** the label of the select */

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

@@ -1,4 +1,4 @@
-import { jsx as l, Fragment as k, jsxs as z } from "react/jsx-runtime";
+import { jsx as o, Fragment as k, jsxs as z } from "react/jsx-runtime";
 import { g as _ } from "../../../get-DFv1gXfq.js";
 import { i as G } from "../../../isArray-Dub1wGJM.js";
 import { useMemo as C } from "react";
@@ -20,19 +20,19 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1",
 }, ft = ({
   propertyName: i,
   label: s,
-  options: o,
+  options: r,
   multi: d = !1,
   disabled: x = !1,
   hoisted: H = !1,
   hidden: I = !1,
-  valueKey: r = "value",
+  valueKey: n = "value",
   textKey: u = "text",
   clearable: w = !1,
   searchable: D = !0,
   noOptionsMessage: T = "",
   rules: f,
   menuPosition: P = "auto",
-  ...n
+  ...l
 }) => {
   const {
     control: v,
@@ -46,28 +46,28 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1",
     [f]
   ), { helperText: M, helperTextPersistent: j } = O({
     propertyName: i,
-    helperText: n.helperText,
+    helperText: l.helperText,
     requiredText: b,
     hasCharacterCount: !1
   });
-  return I ? /* @__PURE__ */ l($, { name: i, control: v, render: () => /* @__PURE__ */ l(k, {}) }) : /* @__PURE__ */ l(
+  return I ? /* @__PURE__ */ o($, { name: i, control: v, render: () => /* @__PURE__ */ o(k, {}) }) : /* @__PURE__ */ o(
     "div",
     {
       "data-testid": "form-select-container",
       className: e.formSelectContainer,
       "data-tooltip-id": s,
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ o(
         $,
         {
           name: i,
           rules: f,
           control: v,
           render: ({ field: { ref: et, onChange: m, value: g, ...q } }) => {
-            let h = o;
-            G(o) && _(o[0], "options") !== void 0 && (h = o.flatMap((t) => _(t, "options") ?? []));
+            let h = r;
+            G(r) && _(r[0], "options") !== void 0 && (h = r.flatMap((t) => _(t, "options") ?? []));
             const a = d ? h?.filter(
-              (t) => g?.includes(t[r])
-            ) : h?.find((t) => t[r] === g), A = d && n.multiDisplayType === "text" && n.fixedHeightInput, c = B(i).invalid, E = `
+              (t) => g?.includes(t[n])
+            ) : h?.find((t) => t[n] === g), A = d && l.multiDisplayType === "text" && l.fixedHeightInput, c = B(i).invalid, E = `
           ${e.formSelect} 
           ${c ? e.invalidHelperText : ""} 
           ${c ? e.invalidDropdownIcon : ""}  
@@ -76,23 +76,23 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1",
           ${A ? e.multiText : ""} 
           ${x ? e.disabled : ""}`;
             return /* @__PURE__ */ z(k, { children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ o(
                 Q,
                 {
                   ...q,
-                  ...n,
+                  ...l,
                   value: a ?? [],
                   label: s,
                   variant: "outlined",
                   helperText: M,
                   helperTextPersistent: j,
-                  options: o,
+                  options: r,
                   valid: !F,
-                  "data-testid": `select-${i}`,
-                  multiSelect: !o?.length && T ? !1 : d,
+                  "data-testid": l["data-testid"] ?? `select-${i}`,
+                  multiSelect: !r?.length && T ? !1 : d,
                   className: E,
                   disabled: x,
-                  valueKey: r,
+                  valueKey: n,
                   textKey: u,
                   onChange: (t) => {
                     if (t == null) {
@@ -100,10 +100,10 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1",
                       return;
                     }
                     if (d) {
-                      m(t.map((V) => V[r]));
+                      m(t.map((V) => V[n]));
                       return;
                     }
-                    m(t[r]), n?.onChange?.(t);
+                    m(t[n]), l?.onChange?.(t);
                   },
                   hoisted: H,
                   noOptionsMessage: T,
@@ -112,7 +112,7 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1",
                   menuPosition: P
                 }
               ),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ o(
                 L,
                 {
                   id: s,
@@ -120,8 +120,8 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1",
                   place: "bottom",
                   delayShow: 420,
                   className: e.tooltip,
-                  hidden: !a || a.length === 0 || !n.fixedHeightInput,
-                  children: /* @__PURE__ */ l(R, { value: a, textKey: u, valueKey: r })
+                  hidden: !a || a.length === 0 || !l.fixedHeightInput,
+                  children: /* @__PURE__ */ o(R, { value: a, textKey: u, valueKey: n })
                 }
               )
             ] });

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

@@ -1,10 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
-import { G as n } from "../../../index.es-DntoATwO.js";
-import { b as p } from "../../../index.es-CF_xy2ns.js";
-const s = ({ value: r, textKey: o, valueKey: e }) => {
+import { jsx as i } from "react/jsx-runtime";
+import { G as p } from "../../../index.es-DntoATwO.js";
+import { b as d } from "../../../index.es-CF_xy2ns.js";
+const m = ({ value: r, textKey: t, valueKey: e }) => {
   if (!(!r || r.length === 0))
-    return Array.isArray(r) ? /* @__PURE__ */ t(n, { direction: "vertical", gap: "dense", children: r?.map((i) => /* @__PURE__ */ t(p, { level: 2, children: i[o] }, i[e])) }) : r?.[o];
+    return Array.isArray(r) ? /* @__PURE__ */ i(p, { "data-testid": "select-tooltip", direction: "vertical", gap: "dense", children: r?.map((o) => /* @__PURE__ */ i(d, { level: 2, children: o[t] }, o[e])) }) : r?.[t];
 };
 export {
-  s as SelectTooltipText
+  m as SelectTooltipText
 };

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

@@ -14,6 +14,8 @@ type FormToggleProps<T extends FieldValues> = {
     onChange?: SwitchProps['onChange'];
     /** Determines if this input is disabled. */
     disabled?: SwitchProps['disabled'];
+    /** Unique identifier for targeting this element in automated tests. */
+    'data-testid'?: string;
 };
 /**
  * FormToggle is a custom form input component for selecting toggle.
@@ -28,5 +30,5 @@ type FormToggleProps<T extends FieldValues> = {
  *
  * @returns A JSX element that renders a toggle form input.
  */
-export declare const FormToggle: <T extends FieldValues>({ propertyName, label, validate, required, onChange, disabled, }: FormToggleProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormToggle: <T extends FieldValues>({ propertyName, label, validate, required, onChange, disabled, "data-testid": dataTestId, }: FormToggleProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FormComponents/FormToggle/FormToggle.js

@@ -1,41 +1,47 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { G as h } from "../../../index.es-DntoATwO.js";
-import { S as l } from "../../../index.es-8GOVkuo-.js";
-import { a as d } from "../../../index.es-CF_xy2ns.js";
-import { useFormContext as u, Controller as C } from "react-hook-form";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { G as d } from "../../../index.es-DntoATwO.js";
+import { S as f } from "../../../index.es-8GOVkuo-.js";
+import { a as h } from "../../../index.es-CF_xy2ns.js";
+import { u as C } from "../../../uniqueId-NU3-C36A.js";
+import { useEffect as x } from "react";
+import { useFormContext as T, Controller as y } from "react-hook-form";
 const F = ({
-  propertyName: t,
-  label: n,
-  validate: m,
-  required: s,
+  propertyName: n,
+  label: s,
+  validate: i,
+  required: c,
   onChange: a,
-  disabled: c
+  disabled: g,
+  "data-testid": m = "toggle"
 }) => {
-  const { control: i } = u();
-  return /* @__PURE__ */ o(
-    C,
+  const { control: l } = T(), e = C("formToggleTestId-");
+  return x(() => {
+    const r = document.querySelectorAll(`input#${e}[type="checkbox"]`);
+    r && r.forEach((o) => o.setAttribute("data-testid", m));
+  }, [m, e]), /* @__PURE__ */ t(
+    y,
     {
-      name: t,
-      control: i,
+      name: n,
+      control: l,
       rules: {
-        required: s,
-        validate: m
+        required: c,
+        validate: i
       },
-      render: ({ field: r, fieldState: e }) => /* @__PURE__ */ g(h, { direction: "vertical", children: [
-        /* @__PURE__ */ o(
-          l,
+      render: ({ field: r, fieldState: o }) => /* @__PURE__ */ p(d, { direction: "vertical", children: [
+        /* @__PURE__ */ t(
+          f,
           {
-            "data-testid": "checkbox",
+            id: e,
             ...r,
-            label: n,
-            onChange: (...p) => {
-              r.onChange(...p), a?.();
+            label: s,
+            onChange: (...u) => {
+              r.onChange(...u), a?.();
             },
             checked: r.value,
-            disabled: c
+            disabled: g
           }
         ),
-        e.error && /* @__PURE__ */ o(d, { "data-testid": "toggle-error-message", themeColor: "error", children: e.error.message })
+        o.error && /* @__PURE__ */ t(h, { "data-testid": "toggle-error-message", themeColor: "error", children: o.error.message })
       ] })
     }
   );

package/dist/components/FormComponents/FormToggle/FormToggle.test.js

@@ -1,15 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import { a as n, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
-import { FormToggle as l } from "./FormToggle.js";
-import { v as e, d as f, t as c, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
-const a = e.fn();
+import { jsx as a } from "react/jsx-runtime";
+import { a as s, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
+import { FormToggle as n } from "./FormToggle.js";
+import { v as e, d as u, t as l, g as o } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+const c = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),
   Controller: ({
-    render: o
-  }) => o({
+    render: r
+  }) => r({
     field: {
-      onChange: a
+      onChange: c
     },
     fieldState: { error: { message: "error" } }
   }),
@@ -39,12 +39,16 @@ e.mock("react-hook-form", () => ({
     watch: () => "2024-08-07"
   })
 }));
-f("FormToggle Test", () => {
-  c("render FormToggle", () => {
-    n(/* @__PURE__ */ s(l, { propertyName: "hasValue", label: "user.hasValue" })), r(t.getByText("user.hasValue")).toBeInTheDocument(), r(t.getByText("error")).toBeInTheDocument(), r(t.getByRole("switch")).toBeInTheDocument();
-  }), c("render FormToggle click", () => {
-    n(/* @__PURE__ */ s(l, { propertyName: "hasValue", label: "user.hasValue", onChange: a }));
-    const o = t.getByRole("switch");
-    m.click(o), r(a).toHaveBeenCalled();
+u("FormToggle Test", () => {
+  l("render FormToggle", () => {
+    s(/* @__PURE__ */ a(n, { propertyName: "hasValue", label: "user.hasValue" })), o(t.getByText("user.hasValue")).toBeInTheDocument(), o(t.getByText("error")).toBeInTheDocument(), o(t.getByRole("switch")).toBeInTheDocument();
+  }), l("render FormToggle click", () => {
+    s(/* @__PURE__ */ a(n, { propertyName: "hasValue", label: "user.hasValue", onChange: c }));
+    const r = t.getByRole("switch");
+    m.click(r), o(c).toHaveBeenCalled();
+  }), l("render FormToggle with custom data-testid", () => {
+    s(/* @__PURE__ */ a(n, { propertyName: "hasValue", label: "user.hasValue", "data-testid": "custom-test-id" })), o(t.getByTestId("custom-test-id")).toBeInTheDocument();
+    const r = t.queryByTestId("toggle");
+    o(r).not.toBeInTheDocument();
   });
 });

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

@@ -1,25 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
-import { G as d } from "../../../index.es-DntoATwO.js";
+import { G as c } from "../../../index.es-DntoATwO.js";
 import { P as l } from "../../../index.es-D-CKRzIB.js";
-import { a as c } from "../../../index.es-CF_xy2ns.js";
-import { s as t, G as m } from "../../../GenericCard-CelFEWlW.js";
-const g = ({
+import { a as o } from "../../../index.es-CF_xy2ns.js";
+import { s as i, G as m } from "../../../GenericCard-CelFEWlW.js";
+const u = ({
   columns: n,
   data: e,
   hiddenColumns: a = [],
-  noContentText: s
-}) => e?.length === 0 ? /* @__PURE__ */ r("div", { className: t.emptyContainer, children: /* @__PURE__ */ r(l, { variant: "standard", style: { textAlign: "center" }, className: t.empty, children: /* @__PURE__ */ r(c, { children: s }) }) }) : (
+  noContentText: d
+}) => e?.length === 0 ? /* @__PURE__ */ r("div", { "data-testid": "empty-generic-card-list", className: i.emptyContainer, children: /* @__PURE__ */ r(l, { variant: "standard", style: { textAlign: "center" }, className: i.empty, children: /* @__PURE__ */ r(o, { children: d }) }) }) : (
   // 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(d, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((i, o) => /* @__PURE__ */ r(
+  /* @__PURE__ */ r("div", { "data-testid": "generic-card-list", style: { width: "100%" }, children: /* @__PURE__ */ r(c, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((t, s) => /* @__PURE__ */ r(
     m,
     {
-      item: i,
+      item: t,
       columns: n,
       hiddenColumns: a
     },
-    i.id ?? o
+    t.id ?? s
   )) }) })
 );
 export {
-  g as GenericCardList
+  u as GenericCardList
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../index.es-CF_xy2ns.js";
 import "../../Iconify/Iconify.js";
-import { B as t } from "../../../BigLoadingSpinner-iegTbDcD.js";
+import { B as t } from "../../../BigLoadingSpinner-CqSGYzZA.js";
 export {
   t as BigLoadingSpinner
 };

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as r, B as n } from "../../../BigLoadingSpinner-iegTbDcD.js";
+import { s as r, B as n } from "../../../BigLoadingSpinner-CqSGYzZA.js";
 import { a as i, s as e } from "../../../react.esm-CX1WJ2Pp.js";
 import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 g("BigLoadingSpinner Test", () => {

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

@@ -7,7 +7,7 @@ import { M as G, a as K } from "../../../component-neHBNHRu.js";
 import { G as q } from "../../../index.es-DntoATwO.js";
 import { P as J } from "../../../index.es-D-CKRzIB.js";
 import { b as Q } from "../../../index.es-CF_xy2ns.js";
-import { B as X } from "../../../BigLoadingSpinner-iegTbDcD.js";
+import { B as X } from "../../../BigLoadingSpinner-CqSGYzZA.js";
 import '../../../assets/LoadingSpinner.css';/**
  * @license
  * Copyright 2020 Google Inc.

package/dist/components/OverflowTooltip/OverflowTooltip.js

@@ -1,27 +1,28 @@
-import { jsxs as a, Fragment as m, jsx as s } from "react/jsx-runtime";
+import { jsxs as c, Fragment as m, jsx as s } from "react/jsx-runtime";
 import { b as p } from "../../index.es-CF_xy2ns.js";
-import { useState as h, useMemo as d, cloneElement as f } from "react";
+import { useState as d, useMemo as h, cloneElement as f } from "react";
 import { M as w } from "../../react-tooltip.min-DSY6KDqS.js";
 import { hasChildWithGreaterWidth as W } from "./OverflowTooltipService.js";
-import '../../assets/OverflowTooltip.css';const u = "_truncate_wgwcv_1", b = {
+import '../../assets/OverflowTooltip.css';const u = "_truncate_wgwcv_1", v = {
   truncate: u
 }, E = ({ id: o, text: l, children: e }) => {
-  const [i, n] = h(!1), r = d(
+  const [i, r] = d(!1), n = h(
     () => f(e, {
       "data-tooltip-id": o,
       onMouseEnter: ({ currentTarget: t }) => {
-        const c = t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight || W(t, t.parentElement?.clientWidth);
-        n(c);
+        const a = t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight || W(t, t.parentElement?.clientWidth);
+        r(a);
       },
-      className: `${b.truncate} ${e.props.className}`
+      className: `${v.truncate} ${e.props.className}`
     }),
     [e, o]
   );
-  return /* @__PURE__ */ a(m, { children: [
-    r,
+  return /* @__PURE__ */ c(m, { children: [
+    n,
     /* @__PURE__ */ s(
       w,
       {
+        "data-testid": "overflow-tooltip",
         id: o,
         noArrow: !0,
         place: "bottom",

package/dist/components/SearchBar/SearchBar.js

@@ -3,7 +3,7 @@ import { I as c } from "../../index.es-0lQcz8m1.js";
 import { T as i } from "../../index.es-25EARqhH.js";
 import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
   searchbar: l
-}, b = ({
+}, f = ({
   className: o = "",
   dense: n = !1,
   searchTerm: a,
@@ -23,6 +23,7 @@ import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
     trailingIcon: /* @__PURE__ */ r(
       c,
       {
+        "data-testid": "search-bar-icon-button",
         icon: a ? "close" : "search",
         onClick: () => a ? t("") : void 0
       }
@@ -30,5 +31,5 @@ import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
   }
 );
 export {
-  b as SearchBar
+  f as SearchBar
 };

package/dist/components/Select/Select.d.ts

@@ -11,4 +11,4 @@ export type ExtendedSelectProps = SelectProps & {
  * @param portalClassName Custom class name for the portal. Only works if portalContainer is not set.
  * @param props Element Select props
  */
-export declare const Select: ({ menuMaxHeight, portalClassName, className, hoisted, ...props }: ExtendedSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ menuMaxHeight, portalClassName, "data-testid": dataTestId, className, hoisted, ...props }: ExtendedSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.js

@@ -1,34 +1,41 @@
-import { jsx as m, Fragment as u } from "react/jsx-runtime";
-import { S as d } from "../../index.es-UHKFl8Da.js";
-import { useEffect as a } from "react";
-import '../../assets/Select.css';const i = "_customPortal_8wq49_1", f = "_customSelect_8wq49_7", s = {
-  customPortal: i,
-  customSelect: f
-}, _ = ({
-  menuMaxHeight: n = "15rem",
-  portalClassName: e,
-  className: r,
-  hoisted: o,
-  ...l
+import { jsx as a } from "react/jsx-runtime";
+import { S as f } from "../../index.es-UHKFl8Da.js";
+import { useEffect as n } from "react";
+import { u as S } from "../../uniqueId-NU3-C36A.js";
+import '../../assets/Select.css';const p = "_customPortal_8wq49_1", $ = "_customSelect_8wq49_7", r = {
+  customPortal: p,
+  customSelect: $
+}, P = ({
+  menuMaxHeight: s = "15rem",
+  portalClassName: o,
+  "data-testid": l = "custom-select",
+  className: u,
+  hoisted: c,
+  ...d
 }) => {
-  const t = `custom-portal-${e ?? "default"}`;
-  return a(() => {
-    if (o && !document.getElementById(t)) {
-      const c = document.createElement("div");
-      c.id = t, c.className = `${s.customPortal} ${e ?? ""}`, document.body.appendChild(c);
+  const e = `custom-portal-${o ?? "default"}`, m = S("elementSelectForTestId-");
+  return n(() => {
+    if (c && !document.getElementById(e)) {
+      const t = document.createElement("div");
+      t.id = e, t.className = `${r.customPortal} ${o ?? ""}`, document.body.appendChild(t);
     }
-  }, [o, t, e]), /* @__PURE__ */ m(u, { children: /* @__PURE__ */ m(
-    d,
+  }, [c, e, o]), n(() => {
+    const t = document.querySelectorAll(`#${m} input[role="combobox"]`);
+    t && t.forEach((i) => {
+      i.setAttribute("data-testid", l);
+    });
+  }, [l, m]), /* @__PURE__ */ a(
+    f,
     {
-      "data-testid": "custom-select",
-      menuMaxHeight: n,
-      hoisted: o,
-      portalContainer: document.getElementById(t) ? `#${t}` : void 0,
-      className: `${s.customSelect} ${r ?? ""}`,
-      ...l
+      menuMaxHeight: s,
+      hoisted: c,
+      id: m,
+      portalContainer: document.getElementById(e) ? `#${e}` : void 0,
+      className: `${r.customSelect} ${u ?? ""}`,
+      ...d
     }
-  ) });
+  );
 };
 export {
-  _ as Select
+  P as Select
 };

package/dist/components/VerticalDivider/VerticalDivider.js

@@ -1,7 +1,14 @@
-import { jsx as r } from "react/jsx-runtime";
-import '../../assets/VerticalDivider.css';const d = "_divider_opvom_1", s = {
-  divider: d
-}, o = ({ height: i = "2rem", className: e = "" }) => /* @__PURE__ */ r("div", { className: `${s.divider} ${e}`, style: { height: i } });
+import { jsx as d } from "react/jsx-runtime";
+import '../../assets/VerticalDivider.css';const r = "_divider_opvom_1", t = {
+  divider: r
+}, v = ({ height: i = "2rem", className: e = "" }) => /* @__PURE__ */ d(
+  "div",
+  {
+    "data-testid": "vertical-divider",
+    className: `${t.divider} ${e}`,
+    style: { height: i }
+  }
+);
 export {
-  o as VerticalDivider
+  v as VerticalDivider
 };

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": "1.3.5",
+  "version": "1.4.1",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",
@@ -44,7 +44,7 @@
     "lodash": "^4.17.21",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.51.2",
+    "react-hook-form": "^7.55.0",
     "react-number-format": "^5.4.3"
   },
   "devDependencies": {
@@ -88,7 +88,7 @@
     "lodash": "^4.17.21",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.51.2",
+    "react-hook-form": "^7.55.0",
     "react-number-format": "^5.4.3",
     "react-tooltip": "^5.26.4",
     "semantic-release-ado": "^1.4.0",