@hortiview/shared-components 1.3.5 → 1.4.0

package/dist/components/Filter/Filter.js

@@ -1,162 +1,179 @@
-import { jsx as t, jsxs as y, Fragment as D } from "react/jsx-runtime";
-import { N } from "../../index.es-d5xhUpJZ.js";
+import { jsx as e, jsxs as b, Fragment as D } from "react/jsx-runtime";
+import { N as F } from "../../index.es-d5xhUpJZ.js";
 import { B as h } from "../../index.es-CiqbARoC.js";
 import { G as _ } from "../../index.es-DntoATwO.js";
-import { I } from "../../index.es-0lQcz8m1.js";
-import { S as T } from "../../index.es-8GOVkuo-.js";
+import { I as W } from "../../index.es-0lQcz8m1.js";
+import { S as j } from "../../index.es-8GOVkuo-.js";
 import { useState as v } from "react";
 import '../../assets/main.css';import '../../assets/Filter.css';/* empty css                  */
-import { u as b } from "../../useBreakpoints-MzTZ0tCT.js";
-import { Iconify as W } from "../Iconify/Iconify.js";
+import { u as k } from "../../useBreakpoints-MzTZ0tCT.js";
+import { Iconify as z } from "../Iconify/Iconify.js";
 import "../../react-tooltip.min-DSY6KDqS.js";
 import "../../orderBy-Bd48bw88.js";
-import { SearchBar as j } from "../SearchBar/SearchBar.js";
+import { SearchBar as G } from "../SearchBar/SearchBar.js";
 import "../../uniqueId-NU3-C36A.js";
-import { Modal as z } from "../Modal/Modal.js";
-import { Select as G } from "../Select/Select.js";
+import { Modal as H } from "../Modal/Modal.js";
+import { Select as I } from "../Select/Select.js";
 import "react-hook-form";
 import "../../get-DFv1gXfq.js";
 import "../../isArray-Dub1wGJM.js";
 import "../../isString-BW9UHONv.js";
-const H = "_filterButton_qtl7a_1", K = "_relativeParent_qtl7a_6", V = "_filterBadge_qtl7a_10", E = "_dense_qtl7a_17", u = {
-  filterButton: H,
-  relativeParent: K,
+const K = "_filterButton_qtl7a_1", T = "_relativeParent_qtl7a_6", V = "_filterBadge_qtl7a_10", E = "_dense_qtl7a_17", u = {
+  filterButton: K,
+  relativeParent: T,
   filterBadge: V,
   dense: E
-}, dt = ({
-  clearFilterText: d,
+}, ct = ({
+  clearFilterText: m,
   closeCallback: s,
-  currentFilter: r,
-  filterButtonAsIcon: f = !1,
-  filterButtonText: n,
-  filterModalTitle: i,
-  filters: m,
+  currentFilter: i,
+  filterButtonAsIcon: d = !1,
+  filterButtonText: a,
+  filterModalTitle: t,
+  filters: f,
   modalCancelButtonText: g,
   modalConfirmButtonText: p,
-  useModal: l = !0,
-  selectAllLabel: e
+  useModal: o = !0,
+  selectAllLabel: r,
+  "data-testid": w
 }) => {
-  const { isDesktop: A } = b(), [q, B] = v(!1), [c, C] = v(r), [w, x] = v(0), S = () => {
-    B(!1), s(c), x(
-      c.reduce((a, { filterValue: o }) => o === void 0 ? a : typeof o == "boolean" ? o ? a + 1 : a : Array.isArray(o) ? a + o.length : typeof o == "string" && o.length ? a + 1 : a, 0)
+  const { isDesktop: A } = k(), [$, B] = v(!1), [c, y] = v(i), [q, C] = v(0), x = () => {
+    B(!1), s(c), C(
+      c.reduce((l, { filterValue: n }) => n === void 0 ? l : typeof n == "boolean" ? n ? l + 1 : l : Array.isArray(n) ? l + n.length : typeof n == "string" && n.length ? l + 1 : l, 0)
     );
   }, O = () => {
-    C([]), x(0);
-  }, F = (a) => {
-    const o = [
-      ...c.filter((P) => P.id !== a.id),
-      a
+    y([]), C(0);
+  }, S = (l) => {
+    const n = [
+      ...c.filter((P) => P.id !== l.id),
+      l
     ];
-    C(o), l || s(o);
+    y(n), o || s(n);
   };
-  return l ? /* @__PURE__ */ y(D, { children: [
-    /* @__PURE__ */ t(
+  return o ? /* @__PURE__ */ b(D, { children: [
+    /* @__PURE__ */ e(
       J,
       {
-        filterButtonText: n,
-        filterButtonAsIcon: f,
-        count: w,
-        onClick: () => B(!0)
+        filterButtonText: a,
+        filterButtonAsIcon: d,
+        count: q,
+        onClick: () => B(!0),
+        "data-testid": w
       }
     ),
-    /* @__PURE__ */ t(
-      z,
+    /* @__PURE__ */ e(
+      H,
       {
-        open: q,
-        onClose: S,
-        title: i,
+        open: $,
+        onClose: x,
+        title: t,
         modalSize: A ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: O, children: d }),
-        dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => B(!1), children: g }),
-        primaryButton: /* @__PURE__ */ t(h, { variant: "filled", onClick: S, children: p }),
-        children: /* @__PURE__ */ t(_, { direction: "vertical", children: k(m, c, F, e) })
+        headerActions: /* @__PURE__ */ e(h, { "data-testid": "filter-clear-button", variant: "text", onClick: O, children: m }),
+        dismissiveButton: /* @__PURE__ */ e(
+          h,
+          {
+            "data-testid": "filter-cancel-button",
+            variant: "outlined",
+            onClick: () => B(!1),
+            children: g
+          }
+        ),
+        primaryButton: /* @__PURE__ */ e(h, { "data-testid": "filter-confirm-button", variant: "filled", onClick: x, children: p }),
+        children: /* @__PURE__ */ e(_, { direction: "vertical", "data-testid": "filter-map-filters", children: N(f, c, S, r) })
       }
     )
-  ] }) : /* @__PURE__ */ t(_, { secondaryAlign: "center", fullWidth: !0, children: k(m, c, F, e, !1) });
-}, k = (d, s, r, f, n = !0) => d.map(({ id: i, title: m, availableOptions: g, icon: p, type: l }) => /* @__PURE__ */ y(_, { fullWidth: !0, secondaryAlign: "center", children: [
-  p ? /* @__PURE__ */ t(W, { icon: p, iconSize: "medium" }) : null,
-  l === "select" && /* @__PURE__ */ t(
-    G,
+  ] }) : /* @__PURE__ */ e(_, { secondaryAlign: "center", fullWidth: !0, children: N(f, c, S, r, !1) });
+}, N = (m, s, i, d, a = !0) => m.map(({ id: t, title: f, availableOptions: g, icon: p, type: o }) => /* @__PURE__ */ b(_, { fullWidth: !0, secondaryAlign: "center", "data-testid": `filter-${o}-group-${t}`, children: [
+  p ? /* @__PURE__ */ e(z, { icon: p, iconSize: "medium" }) : null,
+  o === "select" && /* @__PURE__ */ e(
+    I,
     {
-      selectAllLabel: f,
-      className: n ? void 0 : u.dense,
+      "data-testid": `filter-select-${t}`,
+      selectAllLabel: d,
+      className: a ? void 0 : u.dense,
       variant: "outlined",
       options: g,
-      label: m,
+      label: f,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
-      value: s.find((e) => e.id === i)?.filterValue ?? [],
-      onChange: (e) => r({ id: i, type: l, filterValue: e }),
+      value: s.find((r) => r.id === t)?.filterValue ?? [],
+      onChange: (r) => i({ id: t, type: o, filterValue: r }),
       hoisted: !0,
       menuMaxHeight: "300px",
-      disabled: i === "location",
+      disabled: t === "location",
       showOptionFilter: !1,
-      dense: !n,
-      fixedHeightInput: !n,
-      multiDisplayType: n ? "pills" : "text"
+      dense: !a,
+      fixedHeightInput: !a,
+      multiDisplayType: a ? "pills" : "text"
     }
   ),
-  l === "toggle" && /* @__PURE__ */ t(
-    T,
+  o === "toggle" && /* @__PURE__ */ e(
+    j,
     {
-      label: m,
-      onChange: (e) => r({ id: i, type: l, filterValue: e }),
-      checked: !!s.find((e) => e.id === i)?.filterValue
+      "data-testid": `filter-switch-${t}`,
+      label: f,
+      onChange: (r) => i({ id: t, type: o, filterValue: r }),
+      checked: !!s.find((r) => r.id === t)?.filterValue
     }
   ),
-  l === "search" && /* @__PURE__ */ t(
-    j,
+  o === "search" && /* @__PURE__ */ e(
+    G,
     {
-      placeholder: m,
-      searchTerm: s.find((e) => e.id === i)?.filterValue,
-      setSearchTerm: (e) => r({ id: i, type: l, filterValue: e })
+      "data-testid": `filter-search-${t}`,
+      placeholder: f,
+      searchTerm: s.find((r) => r.id === t)?.filterValue,
+      setSearchTerm: (r) => i({ id: t, type: o, filterValue: r })
     }
   )
-] }, i)), J = ({
-  filterButtonText: d,
+] }, t)), J = ({
+  filterButtonText: m,
   filterButtonAsIcon: s,
-  count: r,
-  onClick: f
+  count: i,
+  "data-testid": d,
+  onClick: a
 }) => {
-  const { isDesktop: n } = b();
-  return s ? /* @__PURE__ */ t(
-    I,
+  const { isDesktop: t } = k();
+  return s ? /* @__PURE__ */ e(
+    W,
     {
+      "data-testid": d ?? "filter-icon-button",
       icon: "filter_list_alt",
-      onClick: f,
-      badge: r !== 0 && /* @__PURE__ */ t(
-        N,
+      onClick: a,
+      badge: i !== 0 && /* @__PURE__ */ e(
+        F,
         {
-          counter: r,
+          counter: i,
           className: u.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
       )
     }
-  ) : /* @__PURE__ */ y(
+  ) : /* @__PURE__ */ b(
     "div",
     {
+      "data-testid": d ?? "filter-button-container",
       className: u.relativeParent,
-      style: { height: "100%", width: n ? void 0 : "100%" },
+      style: { height: "100%", width: t ? void 0 : "100%" },
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           h,
           {
+            "data-testid": "filter-button",
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
-            onClick: f,
+            onClick: a,
             className: u.filterButton,
-            fullWidth: !n,
-            children: d
+            fullWidth: !t,
+            children: m
           }
         ),
-        r !== 0 && /* @__PURE__ */ t(
-          N,
+        i !== 0 && /* @__PURE__ */ e(
+          F,
           {
-            counter: r,
+            counter: i,
             className: u.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
@@ -167,5 +184,5 @@ const H = "_filterButton_qtl7a_1", K = "_relativeParent_qtl7a_6", V = "_filterBa
   );
 };
 export {
-  dt as Filter
+  ct as Filter
 };

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.