@hortiview/shared-components 0.0.11114 → 0.0.11146

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

@@ -1,134 +1,133 @@
-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-BJn2Enx7.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 = ({
+import "../../../assets/FormText.css";
+import { jsx as t, Fragment as F, jsxs as D } from "react/jsx-runtime";
+import { Textfield as G, TypoCaption as I } from "@element/react-components";
+import { g as J } from "../../../get-BiqanC9_.js";
+import { useState as q, useCallback as K, useMemo as T, useEffect as O } from "react";
+import { useFormContext as Q, Controller as H } from "react-hook-form";
+import { useHelperText as U } from "../../../hooks/useHelperText.js";
+const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_required_168p8_11", N = "_formTextArea_168p8_1", y = "_characterCount_168p8_25", p = "_withoutCharacterCount_168p8_31", r = {
+  formTextAreaHelperText: X,
+  invalid: Y,
+  required: Z,
+  formTextArea: N,
+  characterCount: y,
+  withoutCharacterCount: p
+}, ee = ({
   count: e,
   maxCount: u,
-  invalid: f = !1,
-  hasRequiredText: r = !1
+  invalid: s = !1,
+  hasRequiredText: n = !1
 }) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": "character-counter-container",
-    className: `${i.formTextAreaHelperText} ${f ? i.invalid : ""} ${r ? i.required : ""}`,
-    children: /* @__PURE__ */ t(O, { children: `${e}/${u}` })
+    className: `${r.formTextAreaHelperText} ${s ? r.invalid : ""} ${n ? r.required : ""}`,
+    children: /* @__PURE__ */ t(I, { children: `${e}/${u}` })
   }
-), re = (e) => e.textarea ? /* @__PURE__ */ t(Z, { ...e }) : /* @__PURE__ */ t(_, { ...e }), Z = (e) => /* @__PURE__ */ t("div", { "data-testid": "form-text-area", className: i.formTextArea, children: /* @__PURE__ */ t(k, { ...e }) }), _ = (e) => /* @__PURE__ */ t(
+), se = (e) => e.textarea ? /* @__PURE__ */ t(te, { ...e }) : /* @__PURE__ */ t(ne, { ...e }), te = (e) => /* @__PURE__ */ t("div", { "data-testid": "form-text-area", className: r.formTextArea, children: /* @__PURE__ */ t(L, { ...e }) }), ne = (e) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": "form-text-field",
-    className: `${e.hasCharacterCount ? i.characterCount : i.withoutCharacterCount}`,
-    children: /* @__PURE__ */ t(k, { ...e })
+    className: `${e.hasCharacterCount ? r.characterCount : r.withoutCharacterCount}`,
+    children: /* @__PURE__ */ t(L, { ...e })
   }
-), k = ({
+), L = ({
   propertyName: e,
   label: u,
-  disabled: f = !1,
-  textarea: r = !1,
-  hasCharacterCount: d = !1,
-  hidden: H = !1,
-  placeholder: R,
-  type: b,
-  prefixText: w,
-  inputMode: z,
-  trailingIcon: E,
-  trigger: h = "likeForm",
-  rules: n,
-  ...v
+  disabled: s = !1,
+  textarea: n = !1,
+  hasCharacterCount: c = !1,
+  hidden: w = !1,
+  placeholder: B,
+  type: S,
+  prefixText: j,
+  inputMode: k,
+  trailingIcon: R,
+  trigger: C = "likeForm",
+  rules: a,
+  ...i
 }) => {
-  const {
-    control: T,
-    getFieldState: m,
-    formState: { errors: C },
-    trigger: $
-  } = X(), [I, x] = A(0), [o, M] = A(), g = Q(
-    (l) => {
+  const { control: g, getFieldState: d, trigger: v } = Q(), [b, f] = q(0), [o, z] = q(), m = K(
+    (h) => {
       if (o != null) {
-        x(o.length);
+        f(o.length);
         return;
       }
-      if (l) {
-        x(l.length);
+      if (h) {
+        f(h.length);
         return;
       }
-      x(0);
+      f(0);
     },
     [o]
-  ), P = () => {
-    const l = B(C, e);
-    if (l) {
-      const s = l.message;
-      return s || "Invalid input";
-    }
-    return F;
-  }, a = c(
-    () => n?.maxLength?.value,
-    [n]
-  ), V = c(
-    () => n?.minLength?.value,
-    [n]
-  ), W = c(
-    () => n?.required?.value,
-    [n]
-  ), F = c(
-    () => n?.required?.message,
-    [n]
-  );
-  return U(() => {
-    (r || d) && a !== void 0 && o != null && g();
-  }, [o, r, d, a, g]), H ? /* @__PURE__ */ t(j, { name: e, control: T, render: () => /* @__PURE__ */ t(S, {}) }) : /* @__PURE__ */ t(
-    j,
+  ), l = T(
+    () => i.maxlength ?? a?.maxLength?.value,
+    [a, i.maxlength]
+  ), E = T(
+    () => a?.minLength?.value,
+    [a]
+  ), _ = T(
+    () => a?.required?.message,
+    [a]
+  ), { helperText: M, helperTextPersistent: P } = U({
+    propertyName: e,
+    helperText: i.helperText,
+    requiredText: _,
+    maxLength: l,
+    hasCharacterCount: n || c
+  });
+  return O(() => {
+    (n || c) && l !== void 0 && o != null && m();
+  }, [o, n, c, l, m]), w ? /* @__PURE__ */ t(H, { name: e, control: g, render: () => /* @__PURE__ */ t(F, {}) }) : /* @__PURE__ */ t(
+    H,
     {
       name: e,
-      rules: n,
-      control: T,
-      render: ({ field: { ref: l, ...s }, formState: { defaultValues: D } }) => {
-        const q = B(D, e);
-        return !o && q && (d || r) && g(q), /* @__PURE__ */ J(S, { children: [
+      rules: a,
+      control: g,
+      render: ({ field: { ref: h, ...x }, formState: { defaultValues: V } }) => {
+        const A = J(V, e);
+        return !o && A && (c || n) && m(A), /* @__PURE__ */ D(F, { children: [
           /* @__PURE__ */ t(
-            K,
+            G,
             {
-              ...v,
-              ...s,
-              value: s.value ?? "",
-              type: b,
+              ...i,
+              ...x,
+              value: x.value ?? "",
+              type: S,
               fullWidth: !0,
               "data-testid": `textfield-${e}`,
-              inputMode: z,
-              placeholder: R,
-              prefixText: w,
-              disabled: f,
-              helperText: P(),
-              helperTextPersistent: C !== void 0 || W || a !== void 0 && (r || d),
+              inputMode: k,
+              placeholder: B,
+              prefixText: j,
+              disabled: s,
+              helperText: M,
+              helperTextPersistent: P,
               label: u,
               variant: "outlined",
-              maxlength: a,
-              minLength: V,
-              textarea: r,
+              maxlength: l,
+              minLength: E,
+              textarea: n,
               noResize: !1,
               onBlur: () => {
-                h === "onBlur" && $(e), v.onBlur?.();
+                C === "onBlur" && v(e), i.onBlur?.();
               },
-              onChange: (L) => {
-                s.onChange(L);
-                const G = L?.target?.value;
-                M(G), h === "onChange" && $(e);
+              onChange: ($) => {
+                x.onChange($);
+                const W = $?.target?.value;
+                z(W), C === "onChange" && v(e);
               },
-              valid: !m(e).invalid,
-              className: `${i.formText} ${m(e).invalid ? i.invalid : ""}`,
-              trailingIcon: E
+              valid: !d(e).invalid,
+              className: `${r.formText} ${d(e).invalid ? r.invalid : ""}`,
+              trailingIcon: R
             }
           ),
-          a !== void 0 && (d || r) && /* @__PURE__ */ t(
-            Y,
+          l !== void 0 && (c || n) && /* @__PURE__ */ t(
+            ee,
             {
-              count: I,
-              maxCount: a,
-              invalid: m(e).invalid,
-              hasRequiredText: !!F
+              count: b,
+              maxCount: l,
+              invalid: d(e).invalid,
+              hasRequiredText: !!i.helperText || !!_
             }
           )
         ] });
@@ -137,5 +136,5 @@ const Y = ({
   );
 };
 export {
-  re as FormText
+  se as FormText
 };

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as r, f as d } from "../../../react.esm-CHvVvf3L.js";
-import { FormText as o } from "./FormText.js";
-import { v as a, d as u, t as l, g as e } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { a as s, s as r, f as d } from "../../../react.esm-FR1-H8iU.js";
+import { FormText as l } from "./FormText.js";
+import { v as a, d as u, t as o, g as e } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 const m = a.fn();
 a.mock("react-hook-form", () => ({
   ...a.importActual("react-hook-form"),
@@ -43,10 +43,10 @@ a.mock("react-hook-form", () => ({
   })
 }));
 u("FormText Test", () => {
-  l("render FormText and return single line text field", () => {
+  o("render FormText and return single line text field", () => {
     s(
       /* @__PURE__ */ n(
-        o,
+        l,
         {
           rules: {
             maxLength: {
@@ -61,10 +61,10 @@ u("FormText Test", () => {
     );
     const t = r.getByRole("textbox");
     e(t).toBeInTheDocument(), e(t).toBeInstanceOf(HTMLInputElement), e(t).toHaveAttribute("maxlength", "100"), e(r.getByText("address.line2")).toBeInTheDocument();
-  }), l("change value of single line text field", () => {
+  }), o("change value of single line text field", () => {
     s(
       /* @__PURE__ */ n(
-        o,
+        l,
         {
           rules: {
             maxLength: {
@@ -79,10 +79,10 @@ u("FormText Test", () => {
     );
     const t = r.getByRole("textbox");
     e(t).toHaveValue("test"), d.change(t, { target: { value: "test-change" } }), e(m).toHaveBeenCalled();
-  }), l("render FormText and return text area", () => {
+  }), o("render FormText and return text area", () => {
     s(
       /* @__PURE__ */ n(
-        o,
+        l,
         {
           rules: {
             required: {
@@ -102,10 +102,10 @@ u("FormText Test", () => {
     );
     const t = r.getByRole("textbox");
     e(t).toBeInTheDocument(), e(t).toBeInstanceOf(HTMLTextAreaElement), e(t).toHaveAttribute("maxlength", "200"), e(r.getByText("address.line1")).toBeInTheDocument(), e(r.getByText("required")).toBeInTheDocument();
-  }), l("render FormText with maxLength indicator", () => {
+  }), o("render FormText with maxLength indicator", () => {
     s(
       /* @__PURE__ */ n(
-        o,
+        l,
         {
           rules: {
             maxLength: {
@@ -119,10 +119,10 @@ u("FormText Test", () => {
         }
       )
     ), e(r.getByText("address.line1")).toBeInTheDocument(), e(r.queryByText("required")).not.toBeInTheDocument(), e(r.getByText("0/200")).toBeInTheDocument();
-  }), l("change value of text area", () => {
+  }), o("change value of text area", () => {
     s(
       /* @__PURE__ */ n(
-        o,
+        l,
         {
           rules: {
             required: {

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

@@ -0,0 +1,31 @@
+import { SwitchProps } from '@element/react-components';
+import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+type FormToggleProps<T extends FieldValues> = {
+    /** The name of the property that this toggle represents. */
+    propertyName: Path<T>;
+    /** Label to be displayed with the toggle. */
+    label: SwitchProps['label'];
+    /** Validation rules for the toggle. */
+    validate?: RegisterOptions<T>['validate'];
+    /** Determines if this input is mandatory. */
+    required?: boolean;
+    /** Function to be called when the toggle value changes. */
+    onChange?: SwitchProps['onChange'];
+    /** Determines if this input is disabled. */
+    disabled?: SwitchProps['disabled'];
+};
+/**
+ * FormToggle is a custom form input component for selecting toggle.
+ * It is integrated with react-hook-form for form management.
+ *
+ * @param propertyName - the name of the property this toggle maps to in the form.
+ * @param label - label displayed along with the toggle.
+ * @param validate - validation rules for the toggle.
+ * @param required - determines if the toggle is required.
+ * @param onChange - function to be called when the toggle value changes.
+ * @param disabled - determines if the toggle is disabled.
+ *
+ * @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 {};

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,50 @@
+import { jsx as s } from "react/jsx-runtime";
+import { a as n, s as t, f as m } from "../../../react.esm-FR1-H8iU.js";
+import { FormToggle as l } from "./FormToggle.js";
+import { v as e, d as f, t as c, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+const a = e.fn();
+e.mock("react-hook-form", () => ({
+  ...e.importActual("react-hook-form"),
+  Controller: ({
+    render: o
+  }) => o({
+    field: {
+      onChange: a
+    },
+    fieldState: { error: { message: "error" } }
+  }),
+  useFormContext: () => ({
+    control: {
+      register: e.fn(),
+      unregister: e.fn(),
+      getFieldState: e.fn(),
+      _names: {
+        array: new Set("test"),
+        mount: new Set("test"),
+        unMount: new Set("test"),
+        watch: new Set("test"),
+        focus: "test",
+        watchAll: !1
+      },
+      _subjects: {
+        watch: e.fn(),
+        array: e.fn(),
+        state: e.fn()
+      },
+      _getWatch: e.fn(),
+      _formValues: ["test"],
+      _defaultValues: ["test"]
+    },
+    formState: { errors: {} },
+    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();
+  });
+});

package/dist/components/FormattedNumberDisplay/FormattedNumberDisplay.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { N as i } from "../../react-number-format.es-BeIT_PM7.js";
+import { N as i } from "../../react-number-format.es-BD3_OvMU.js";
 import { useDecimalSeparator as d, useThousandSeparator as n } from "../../services/NumberService.js";
 const y = ({
   typographyComponent: a,

package/dist/components/GenericTable/GenericTable.js

@@ -1,124 +1,107 @@
-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 $, 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 j } from "../../useBreakpoints-MzTZ0tCT.js";
-import "../../alertBanner.module-BPiKN0gh.js";
-import "../../iconify.module-Cru5NS2X.js";
-import "../../isArray-thIeLpc5.js";
-import "../../react-tooltip.min-BzHiZW8k.js";
-import "../../overflowTooltip.module-YyRN2MGc.js";
-import "../../basicHeading.module-BYb8xvuk.js";
-import "../../_baseToString-dkhmFwqS.js";
-import "../../_equalByTag-BZEJl6ST.js";
-import "../../searchBar.module-9gKyrZRT.js";
-import "../../listArea.module-BhO_OJ1S.js";
-import "../../verticalDivider.module-C3_GL-fH.js";
-import "../../baseView.module-uWbm_a5f.js";
-import "../../BlockView.module-BPlNT5uh.js";
-import "../../chipCard.module-BjpKuf1b.js";
+import "../../assets/GenericTable.css";
+import { jsx as e, jsxs as B } from "react/jsx-runtime";
+import { Elevation as N, Table as D, Group as l, TypoSubtitle as G, TableTopBar as u, Padding as W, TypoDisplay as $ } from "@element/react-components";
+import { Fragment as k } from "react";
+/* empty css                  */
+import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
+import "../../isEmpty-BimaZd5G.js";
+import "../../react-tooltip.min-c2wVkjF2.js";
+import "../../orderBy-BVQIswlJ.js";
 import "lodash";
-import "../../contextMenu.module-vNQHb48g.js";
-import "../../modal.module-BlDp1Wiq.js";
-import "../../deleteModal.module-Ds3MDzdl.js";
-import "../../disclaimer.module-BZydt-Q_.js";
-import "../../HashTabView.module-ZhwSfDeQ.js";
-import "../../HeaderFilter.module-DiBmulr5.js";
-import "../../healthCheckFailed.module-B5P1ogjs.js";
-import "../../infoGroup.module-Cxw88dfC.js";
-import "../../bigLoadingSpinner.module-GgbFol8k.js";
-import "../../loadingSpinner.module-CLtqSMWA.js";
-import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
-import "../../formDatePicker.module-BV3ma_7y.js";
-import "../../formNumber.module-BA05Gi6_.js";
-import "../../formSelect.module-PUiLDSD4.js";
-import "../../formText.module-C0by6_DK.js";
-import "../../isPlainObject-BlCDf1Kc.js";
-import { useGenerateColumns as x, useGenerateTableData as _ } from "./GenericTableService.js";
+import "../../get-BiqanC9_.js";
+import "../../isArray-C_5XvIlE.js";
+import "../../isString-BOHPtrlm.js";
+import { useGenerateColumns as j, useGenerateTableData as x } from "./GenericTableService.js";
 import { GenericCardList as A } from "./Mobile/GenericCardList.js";
-const br = ({
-  data: p = [],
-  hiddenColumns: l = [],
+const E = "_topBar_1msoo_1", F = "_filterBar_1msoo_5", I = "_emptyTable_1msoo_9", L = "_elevation_1msoo_17", M = "_table_1msoo_22", t = {
+  topBar: E,
+  filterBar: F,
+  emptyTable: I,
+  elevation: L,
+  table: M
+}, ee = ({
+  data: i = [],
+  hiddenColumns: s = [],
   order: f = [],
-  cellTemplates: g = void 0,
-  tableActions: i = [],
-  noContentText: n = "No data available",
-  headerTranslation: h = (a) => a,
-  pagination: y = !1,
-  getRowActions: s = void 0,
-  customColumnWidth: b,
-  title: e,
-  cardTitleColumn: v,
-  cardSubTitleColumn: T
+  cellTemplates: b = void 0,
+  tableActions: r = [],
+  noContentText: m = "No data available",
+  headerTranslation: _ = (o) => o,
+  pagination: g = !1,
+  getRowActions: c = void 0,
+  customColumnWidth: y,
+  title: a,
+  cardTitleColumn: h,
+  cardSubTitleColumn: v
 }) => {
-  const { isDesktop: a } = j(), o = x({
-    data: p,
+  const { isDesktop: o } = C(), n = j({
+    data: i,
     order: f,
-    cellTemplates: g,
-    headerTranslation: h,
-    getRowActions: s,
-    customColumnWidth: b,
-    cardTitleColumn: v,
-    cardSubTitleColumn: T
-  }), d = _({
-    data: p,
-    getRowActions: s
+    cellTemplates: b,
+    headerTranslation: _,
+    getRowActions: c,
+    customColumnWidth: y,
+    cardTitleColumn: h,
+    cardSubTitleColumn: v
+  }), d = x({
+    data: i,
+    getRowActions: c
   });
-  return a ? /* @__PURE__ */ r(D, { elevation: 1, className: t.elevation, "data-testid": "generic-table-elevation", children: /* @__PURE__ */ r(
-    G,
+  return o ? /* @__PURE__ */ e(N, { elevation: 1, className: t.elevation, "data-testid": "generic-table-elevation", children: /* @__PURE__ */ e(
+    D,
     {
-      "data-testid": `generic-table${e ? "-" + e : ""}`,
+      "data-testid": `generic-table${a ? "-" + a : ""}`,
       className: t.table,
       fullWidth: !0,
       alwaysUseDivTags: !0,
       layout: "standard",
-      hiddenColumns: l,
+      hiddenColumns: s,
       data: d,
-      columns: o,
-      leadingContent: e && i?.length === 0 ? /* @__PURE__ */ r(u, { title: e }) : i?.length > 0 && /* @__PURE__ */ r(
+      columns: n,
+      leadingContent: a && r?.length === 0 ? /* @__PURE__ */ e(u, { title: a }) : r?.length > 0 && /* @__PURE__ */ e(
         u,
         {
           className: t.topBar,
-          filterBar: /* @__PURE__ */ B(m, { fullWidth: !0, direction: "vertical", gap: "none", children: [
-            e && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r($, { level: 6, children: e }) }),
-            /* @__PURE__ */ r(
-              m,
+          filterBar: /* @__PURE__ */ B(l, { fullWidth: !0, direction: "vertical", gap: "none", children: [
+            a && /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e($, { level: 6, children: a }) }),
+            /* @__PURE__ */ e(
+              l,
               {
                 className: t.filterBar,
                 fullWidth: !0,
                 primaryAlign: "end",
                 secondaryAlign: "center",
-                children: i.map((c, N) => /* @__PURE__ */ r(C, { children: c }, `action_${N}_${c.key}`))
+                children: r.map((p, T) => /* @__PURE__ */ e(k, { children: p }, `action_${T}_${p.key}`))
               }
             )
           ] })
         }
       ),
-      paginated: y,
+      paginated: g,
       sortable: !0,
-      noContentIncludeTable: !!o,
-      noContentMessage: /* @__PURE__ */ r(
-        m,
+      noContentIncludeTable: !!n,
+      noContentMessage: /* @__PURE__ */ e(
+        l,
         {
           fullWidth: !0,
           primaryAlign: "center",
           secondaryAlign: "center",
           className: t.emptyTable,
-          children: /* @__PURE__ */ r(k, { children: n })
+          children: /* @__PURE__ */ e(G, { children: m })
         }
       )
     }
-  ) }) : /* @__PURE__ */ r("div", { "data-testid": `generic-card-list${e ? "-" + e : ""}`, children: /* @__PURE__ */ r(
+  ) }) : /* @__PURE__ */ e("div", { "data-testid": `generic-card-list${a ? "-" + a : ""}`, children: /* @__PURE__ */ e(
     A,
     {
       data: d,
-      columns: o,
-      hiddenColumns: l,
-      noContentText: n
+      columns: n,
+      hiddenColumns: s,
+      noContentText: m
     }
   ) });
 };
 export {
-  br as GenericTable
+  ee as GenericTable
 };

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

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { a as o, s as e } from "../../react.esm-CHvVvf3L.js";
+import { a as o, s as e } from "../../react.esm-FR1-H8iU.js";
 import { a as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import { GenericTable as s } from "./GenericTable.js";
-import { d as h, v as r, t as i, g as t } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as h, v as r, t as i, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 h("GenericTable Test", () => {
   r.spyOn(m, "useBreakpoints").mockReturnValue({
     isDesktop: !0,