@hortiview/shared-components 0.0.7520 → 0.0.7554

package/dist/assets/genericCard.css

@@ -1 +1 @@
-._cardTitle_a6o2v_1{padding:.5rem!important}._cardBody_a6o2v_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_a6o2v_10{border-radius:.5rem}._row_a6o2v_14{padding:.25rem 0}._font_a6o2v_18{max-width:125px;font-weight:400;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._title_a6o2v_26{display:inline-block;width:65vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._emptyContainer_a6o2v_34{width:inherit;height:inherit}._empty_a6o2v_34{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}
+._cardTitle_ecoot_1{padding:.5rem!important}._cardBody_ecoot_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_ecoot_10{border-radius:.5rem}._row_ecoot_14{padding:.25rem 0}._font_ecoot_18{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;align-self:end}._fontHeader_ecoot_28{text-align:right}._title_ecoot_32{display:inline-block;width:65vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._emptyContainer_ecoot_40{width:inherit;height:inherit}._empty_ecoot_40{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}

package/dist/components/AlertBanner/AlertBanner.test.js

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
-import { a as t, s } from "../../react.esm-Dy4VzU4L.js";
+import { a as t, s } from "../../react.esm-CCrewPgi.js";
 import { a as l } from "../../useBreakpoints-BNeVhjjZ.js";
 import { AlertBanner as n } from "./AlertBanner.js";
 import { d as c, b as p, t as r, g as o, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";

package/dist/components/BaseView/BaseView.test.js

@@ -1,5 +1,5 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
-import { a as r, s as e, f as p } from "../../react.esm-Dy4VzU4L.js";
+import { a as r, s as e, f as p } from "../../react.esm-CCrewPgi.js";
 import { a as l } from "../../useBreakpoints-BNeVhjjZ.js";
 import { BaseView as i } from "./BaseView.js";
 import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -1,7 +1,7 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
 import { Button as g } from "@element/react-components";
 import { BasicHeading as a } from "./BasicHeading.js";
-import { a as i, s as n } from "../../react.esm-Dy4VzU4L.js";
+import { a as i, s as n } from "../../react.esm-CCrewPgi.js";
 import { d as h, t as s, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 h("BasicHeading-Test", () => {
   s("render small container without content", () => {

package/dist/components/BlockView/BlockView.test.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { a as s, s as o, f as n } from "../../react.esm-Dy4VzU4L.js";
+import { a as s, s as o, f as n } from "../../react.esm-CCrewPgi.js";
 import { BlockView as i } from "./BlockView.js";
 import { d as B, v as a, t as r, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 B("BlockView Test", () => {

package/dist/components/ContextMenu/ContextMenu.test.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a as d, s as n, f as o, w as a } from "../../react.esm-Dy4VzU4L.js";
+import { a as d, s as n, f as o, w as a } from "../../react.esm-CCrewPgi.js";
 import { ContextMenu as u } from "./ContextMenu.js";
 import { v as m, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 const T = m.fn(), l = m.fn(), i = m.fn(), p = [

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as e } from "../../react.esm-Dy4VzU4L.js";
+import { a as c, s as e } from "../../react.esm-CCrewPgi.js";
 import { DeleteModal as b } from "./DeleteModal.js";
 import { d as B, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 B("DeleteModal Test", () => {

package/dist/components/Disclaimer/Disclaimer.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as r, s as t } from "../../react.esm-Dy4VzU4L.js";
+import { a as r, s as t } from "../../react.esm-CCrewPgi.js";
 import { Disclaimer as s } from "./Disclaimer.js";
 import { d as i, t as m, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 i("Disclaimer test", () => {

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as o, w as r, f as l } from "../../react.esm-Dy4VzU4L.js";
+import { a as s, s as o, w as r, f as l } from "../../react.esm-CCrewPgi.js";
 import { EmptyView as c } from "./EmptyView.js";
 import { d as h, t as T, g as e, v as d } from "../../vi.JYQecGiw-BbUbJcT8.js";
 h("EmptyView", () => {

package/dist/components/Filter/Filter.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as y, Fragment as I } from "react/jsx-runtime";
-import { Group as v, Modal as W, Button as u, Select as j, IconButton as z, NotificationBadge as N } from "@element/react-components";
-import { useState as g } from "react";
-import { s as a } from "../../genericTable.module-Dk3yy2S3.js";
-import { u as k } from "../../useBreakpoints-BNeVhjjZ.js";
+import { jsx as t, jsxs as B, Fragment as I } from "react/jsx-runtime";
+import { Group as y, Modal as T, Button as h, Select as W, Switch as j, IconButton as z, NotificationBadge as b } from "@element/react-components";
+import { useState as v } from "react";
+import { s as c } from "../../genericTable.module-Dk3yy2S3.js";
+import { u as A } from "../../useBreakpoints-BNeVhjjZ.js";
 import "../../alertBanner.module-HneYdVzN.js";
 import { I as H } from "../../Iconify-CY9lZjFd.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
@@ -11,7 +11,7 @@ import "../../isArray-Ca4KR8TK.js";
 import "../../_baseToString-BNXOi2Mf.js";
 import "../../_equalByTag-DJhSpgVG.js";
 import "../../iconify.module-C89oaw5b.js";
-import "../../searchBar.module-9gKyrZRT.js";
+import { SearchBar as K } from "../SearchBar/SearchBar.js";
 import "../../listArea.module-CGpHPOji.js";
 import "../../verticalDivider.module-C3_GL-fH.js";
 import "../../baseView.module-ve87u_d0.js";
@@ -20,7 +20,7 @@ import "lodash";
 import "../../contextMenu.module-DNQ8d9Aj.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
-import "../../genericCard.module-CnQn6tMH.js";
+import "../../genericCard.module-k0bicNfi.js";
 import "../../HashTabView.module-DUekkiTC.js";
 import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";
@@ -31,123 +31,139 @@ import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
 import "../../formSelect.module-C18N-SsT.js";
 import "../../formText.module-C0by6_DK.js";
-const vt = ({
-  clearFilterText: l,
-  closeCallback: o,
-  currentFilter: r,
-  filterButtonAsIcon: e = !1,
-  filterButtonText: i,
-  filterModalTitle: f,
-  filters: m,
-  modalCancelButtonText: c,
-  modalConfirmButtonText: n,
-  useModal: C = !0
+const Bt = ({
+  clearFilterText: m,
+  closeCallback: a,
+  currentFilter: i,
+  filterButtonAsIcon: n = !1,
+  filterButtonText: r,
+  filterModalTitle: p,
+  filters: d,
+  modalCancelButtonText: u,
+  modalConfirmButtonText: s,
+  useModal: e = !0
 }) => {
-  const { isDesktop: b } = k(), [A, h] = g(!1), [s, x] = g(r), [_, B] = g(0), F = () => {
-    h(!1), o(s), B(
-      s.reduce((p, { selectedOptions: d }) => p + d.length, 0)
+  const { isDesktop: N } = A(), [w, g] = v(!1), [f, C] = v(i), [O, x] = v(0), S = () => {
+    g(!1), a(f), x(
+      f.reduce((l, { filterValue: o }) => o === void 0 ? l : typeof o == "boolean" ? o ? l + 1 : l : Array.isArray(o) ? l + o.length : typeof o == "string" && o.length ? l + 1 : l, 0)
     );
-  }, w = () => {
-    x([]), B(0);
-  }, S = (p) => {
-    const d = [
-      ...s.filter((D) => D.id !== p.id),
-      p
+  }, _ = () => {
+    C([]), x(0);
+  }, F = (l) => {
+    const o = [
+      ...f.filter((D) => D.id !== l.id),
+      l
     ];
-    x(d), C || o(d);
+    C(o), e || a(o);
   };
-  return C ? /* @__PURE__ */ y(I, { children: [
+  return e ? /* @__PURE__ */ B(I, { children: [
     /* @__PURE__ */ t(
-      K,
+      G,
       {
-        filterButtonText: i,
-        filterButtonAsIcon: e,
-        count: _,
-        onClick: () => h(!0)
+        filterButtonText: r,
+        filterButtonAsIcon: n,
+        count: O,
+        onClick: () => g(!0)
       }
     ),
     /* @__PURE__ */ t(
-      W,
+      T,
       {
-        open: A,
-        onClose: F,
-        title: f,
-        modalSize: b ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ t(u, { variant: "text", onClick: w, children: l }),
-        dismissiveButton: /* @__PURE__ */ t(u, { variant: "outlined", onClick: () => h(!1), children: c }),
-        primaryButton: /* @__PURE__ */ t(u, { variant: "filled", onClick: F, children: n }),
-        children: /* @__PURE__ */ t(v, { direction: "vertical", children: O(m, s, S) })
+        open: w,
+        onClose: S,
+        title: p,
+        modalSize: N ? "small" : "fullscreen",
+        headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: _, children: m }),
+        dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => g(!1), children: u }),
+        primaryButton: /* @__PURE__ */ t(h, { variant: "filled", onClick: S, children: s }),
+        children: /* @__PURE__ */ t(y, { direction: "vertical", children: k(d, f, F) })
       }
     )
-  ] }) : /* @__PURE__ */ t(v, { secondaryAlign: "center", fullWidth: !0, children: O(m, s, S, !1) });
-}, O = (l, o, r, e = !0) => l.map(({ id: i, title: f, availableOptions: m, icon: c }) => /* @__PURE__ */ y(v, { fullWidth: !0, secondaryAlign: "center", children: [
-  c ? /* @__PURE__ */ t(H, { icon: c, iconSize: "medium" }) : null,
-  /* @__PURE__ */ t(
-    j,
+  ] }) : /* @__PURE__ */ t(y, { secondaryAlign: "center", fullWidth: !0, children: k(d, f, F, !1) });
+}, k = (m, a, i, n = !0) => m.map(({ id: r, title: p, availableOptions: d, icon: u, type: s }) => /* @__PURE__ */ B(y, { fullWidth: !0, secondaryAlign: "center", children: [
+  u ? /* @__PURE__ */ t(H, { icon: u, iconSize: "medium" }) : null,
+  s === "select" && /* @__PURE__ */ t(
+    W,
     {
-      className: e ? void 0 : a.dense,
+      className: n ? void 0 : c.dense,
       variant: "outlined",
-      options: m,
-      label: f,
+      options: d,
+      label: p,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
-      value: o.find((n) => n.id === i)?.selectedOptions ?? [],
-      onChange: (n) => r({ id: i, selectedOptions: n }),
+      value: a.find((e) => e.id === r)?.filterValue ?? [],
+      onChange: (e) => i({ id: r, type: s, filterValue: e }),
       hoisted: !0,
       menuMaxHeight: "300px",
-      disabled: i === "location",
+      disabled: r === "location",
       showOptionFilter: !1,
-      dense: !e,
-      fixedHeightInput: !e,
-      multiDisplayType: e ? "pills" : "text"
+      dense: !n,
+      fixedHeightInput: !n,
+      multiDisplayType: n ? "pills" : "text"
+    }
+  ),
+  s === "toggle" && /* @__PURE__ */ t(
+    j,
+    {
+      label: p,
+      onChange: (e) => i({ id: r, type: s, filterValue: e }),
+      checked: !!a.find((e) => e.id === r)?.filterValue
+    }
+  ),
+  s === "search" && /* @__PURE__ */ t(
+    K,
+    {
+      placeholder: p,
+      searchTerm: a.find((e) => e.id === r)?.filterValue,
+      setSearchTerm: (e) => i({ id: r, type: s, filterValue: e })
     }
   )
-] }, i)), K = ({
-  filterButtonText: l,
-  filterButtonAsIcon: o,
-  count: r,
-  onClick: e
+] }, r)), G = ({
+  filterButtonText: m,
+  filterButtonAsIcon: a,
+  count: i,
+  onClick: n
 }) => {
-  const { isDesktop: i } = k();
-  return o ? /* @__PURE__ */ t(
+  const { isDesktop: r } = A();
+  return a ? /* @__PURE__ */ t(
     z,
     {
       icon: "filter_list_alt",
-      onClick: e,
-      badge: r !== 0 && /* @__PURE__ */ t(
-        N,
+      onClick: n,
+      badge: i !== 0 && /* @__PURE__ */ t(
+        b,
         {
-          counter: r,
-          className: a.filterBadge,
+          counter: i,
+          className: c.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
       )
     }
-  ) : /* @__PURE__ */ y(
+  ) : /* @__PURE__ */ B(
     "div",
     {
-      className: a.relativeParent,
-      style: { height: "100%", width: i ? void 0 : "100%" },
+      className: c.relativeParent,
+      style: { height: "100%", width: r ? void 0 : "100%" },
       children: [
         /* @__PURE__ */ t(
-          u,
+          h,
           {
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
-            onClick: e,
-            className: a.filterButton,
-            fullWidth: !i,
-            children: l
+            onClick: n,
+            className: c.filterButton,
+            fullWidth: !r,
+            children: m
           }
         ),
-        r !== 0 && /* @__PURE__ */ t(
-          N,
+        i !== 0 && /* @__PURE__ */ t(
+          b,
           {
-            counter: r,
-            className: a.filterBadge,
+            counter: i,
+            className: c.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
           }
@@ -157,5 +173,5 @@ const vt = ({
   );
 };
 export {
-  vt as Filter
+  Bt as Filter
 };

package/dist/components/Filter/Filter.test.js

@@ -1,22 +1,23 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as u, t as c, w as x } from "../../react.esm-Dy4VzU4L.js";
-import { a as d } from "../../useBreakpoints-BNeVhjjZ.js";
+import { a, s as t, f as c, t as u, w as d } from "../../react.esm-CCrewPgi.js";
+import { a as s } from "../../useBreakpoints-BNeVhjjZ.js";
 import { Filter as T } from "./Filter.js";
-import { v as m, b as s, d as f, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
-const o = m.fn();
-s(() => {
-  m.spyOn(d, "useBreakpoints").mockReturnValue({
+import { v as x, b as f, d as y, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+const o = x.fn();
+f(() => {
+  x.spyOn(s, "useBreakpoints").mockReturnValue({
     isDesktop: !0,
     isMobile: !1,
     isTablet: !1,
     isDesktopNavbar: !1
   });
 });
-f("Filter", () => {
+y("Filter", () => {
   const l = [
     {
       id: "1",
       title: "Filter 1",
+      type: "select",
       icon: "farm",
       availableOptions: [
         { id: "1", text: "Option 1" },
@@ -26,14 +27,25 @@ f("Filter", () => {
     {
       id: "2",
       title: "Filter 2",
+      type: "select",
       availableOptions: [
         { id: "3", text: "Option 3" },
         { id: "4", text: "Option 4" }
       ]
+    },
+    {
+      id: "3",
+      title: "Filter Toggle",
+      type: "toggle"
+    },
+    {
+      id: "4",
+      title: "Filter Search",
+      type: "search"
     }
   ], n = [
-    { id: "1", selectedOptions: [{ id: "1", text: "Option 1" }] },
-    { id: "2", selectedOptions: [{ id: "3", text: "Option 3" }] }
+    { id: "1", filterValue: [{ id: "1", text: "Option 1" }], type: "select" },
+    { id: "2", filterValue: [{ id: "3", text: "Option 3" }], type: "select" }
   ];
   B("should render filter", () => {
     a(
@@ -50,9 +62,11 @@ f("Filter", () => {
           clearFilterText: "clearFilterText"
         }
       )
-    ), e(t.getByText("filterButtonText")).toBeInTheDocument(), e(t.getByText("filterModalTitle")).toBeInTheDocument(), e(t.getByText("modalCancelButtonText")).toBeInTheDocument(), e(t.getByText("modalConfirmButtonText")).toBeInTheDocument(), e(t.getByText("clearFilterText")).toBeInTheDocument(), e(t.getByText("Filter 1")).toBeInTheDocument(), e(t.getByText("Filter 2")).toBeInTheDocument(), e(t.getByText("Option 1")).toBeInTheDocument(), e(t.getByText("Option 3")).toBeInTheDocument(), e(t.getByTestId("farm")).toBeInTheDocument();
-    const i = t.getByRole("button", { name: "modalConfirmButtonText" });
-    u.click(i), c.act(() => {
+    ), e(t.getByText("filterButtonText")).toBeInTheDocument(), e(t.getByText("filterModalTitle")).toBeInTheDocument(), e(t.getByText("modalCancelButtonText")).toBeInTheDocument(), e(t.getByText("modalConfirmButtonText")).toBeInTheDocument(), e(t.getByText("clearFilterText")).toBeInTheDocument(), e(t.getByText("Filter 1")).toBeInTheDocument(), e(t.getByText("Filter 2")).toBeInTheDocument(), e(t.getByText("Option 1")).toBeInTheDocument(), e(t.getByText("Option 3")).toBeInTheDocument(), e(t.getByTestId("farm")).toBeInTheDocument(), e(t.getByText("Filter Toggle")).toBeInTheDocument();
+    const i = t.getByRole("textbox");
+    e(i.getAttribute("placeholder")).toBe("Filter Search");
+    const m = t.getByRole("button", { name: "modalConfirmButtonText" });
+    c.click(m), u.act(() => {
       e(o).toHaveBeenCalledTimes(1), e(t.getByText("2")).toBeInTheDocument();
     });
   }), B("should clear filter", () => {
@@ -72,7 +86,7 @@ f("Filter", () => {
       )
     );
     const i = t.getByText("clearFilterText");
-    u.click(i), c.act(() => {
+    c.click(i), u.act(() => {
       e(o).toHaveBeenCalledTimes(1), e(t.queryByTestId("filter-badge")).not.toBeInTheDocument();
     });
   }), B("should close filter", () => {
@@ -92,9 +106,9 @@ f("Filter", () => {
       )
     );
     const i = t.getByRole("button", { name: "modalCancelButtonText" });
-    u.click(i), c.act(() => {
+    c.click(i), u.act(() => {
       e(o).toHaveBeenCalledTimes(1), e(t.queryByTestId("filter-badge")).not.toBeInTheDocument();
-    }), x(() => {
+    }), d(() => {
       e(t.queryByText("filterModalTitle")).not.toBeInTheDocument(), e(t.queryByText("modalCancelButtonText")).not.toBeInTheDocument(), e(t.queryByText("modalConfirmButtonText")).not.toBeInTheDocument(), e(t.queryByText("clearFilterText")).not.toBeInTheDocument();
     });
   }), B("should render as icon button ", () => {

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a as n, s as t, f as m } from "../../../react.esm-Dy4VzU4L.js";
+import { a as n, s as t, f as m } from "../../../react.esm-CCrewPgi.js";
 import { FormCheckBox as c } from "./FormCheckBox.js";
 import { v as e, d as h, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const a = e.fn();

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as a, f as m } from "../../../react.esm-Dy4VzU4L.js";
+import { a as s, s as a, f as m } from "../../../react.esm-CCrewPgi.js";
 import { FormDatePicker as c } from "./FormDatePicker.js";
 import { v as e, d as f, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const i = e.fn();

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as t, f as m } from "../../../react.esm-Dy4VzU4L.js";
+import { a as s, s as t, f as m } from "../../../react.esm-CCrewPgi.js";
 import { FormRadio as l } from "./FormRadio.js";
 import { v as e, d as c, t as i, g as o } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const r = e.fn();

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

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as T, w as p } from "../../../react.esm-Dy4VzU4L.js";
-import { u as B } from "../../../index-DW4oU_OU.js";
+import { a, s as t, f as T, w as p } from "../../../react.esm-CCrewPgi.js";
+import { u as B } from "../../../index-BF3ufhvD.js";
 import { FormSelect as i } from "./FormSelect.js";
 import { SelectTooltipText as d } from "./SelectTooltipText.js";
 import { v as n, d as f, t as u, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-Dy4VzU4L.js";
+import { a, s as n } from "../../../react.esm-CCrewPgi.js";
 import { FormSlider as l } from "./FormSlider.js";
 import { v as e, d as m, t as i, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const o = e.fn();

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as r, f as d } from "../../../react.esm-Dy4VzU4L.js";
+import { a as s, s as r, f as d } from "../../../react.esm-CCrewPgi.js";
 import { FormText as o } from "./FormText.js";
 import { v as a, d as u, t as l, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const m = a.fn();

package/dist/components/GenericTable/GenericTable.js

@@ -80,7 +80,7 @@ const dr = ({
               {
                 className: e.filterBar,
                 fullWidth: !0,
-                primaryAlign: "center",
+                primaryAlign: "end",
                 secondaryAlign: "center",
                 children: i.map((d, N) => /* @__PURE__ */ r(j, { children: d }, `action_${N}_${d.key}`))
               }

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

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { a as o, s as e } from "../../react.esm-Dy4VzU4L.js";
+import { a as o, s as e } from "../../react.esm-CCrewPgi.js";
 import { a as m } from "../../useBreakpoints-BNeVhjjZ.js";
 import { GenericTable as s } from "./GenericTable.js";
 import { d as h, v as r, t as i, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as o } from "../../../react.esm-Dy4VzU4L.js";
+import { a as c, s as o } from "../../../react.esm-CCrewPgi.js";
 import { GenericCard as i } from "./GenericCard.js";
 import { d as m, t as s, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 m("GenericCard", () => {

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Padding as c, TypoCaption as o, Group as s } from "@element/react-components";
 import { GenericCard as m } from "./GenericCard.js";
-import { s as t } from "../../../genericCard.module-CnQn6tMH.js";
+import { s as t } from "../../../genericCard.module-k0bicNfi.js";
 const u = ({
   columns: n,
   data: e,

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as r, s as n, w as l } from "../../../react.esm-Dy4VzU4L.js";
+import { a as r, s as n, w as l } from "../../../react.esm-CCrewPgi.js";
 import { GenericCardList as s } from "./GenericCardList.js";
 import { d as g, t as i, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 g("GenericCardList", () => {
@@ -32,7 +32,6 @@ g("GenericCardList", () => {
           columns: d,
           data: [],
           hiddenColumns: [],
-          order: [],
           noContentText: "No data available"
         }
       )
@@ -47,7 +46,6 @@ g("GenericCardList", () => {
           columns: d,
           data: c,
           hiddenColumns: [],
-          order: [],
           noContentText: "No data available"
         }
       )
@@ -64,7 +62,6 @@ g("GenericCardList", () => {
           columns: d,
           data: [c[1]],
           hiddenColumns: [],
-          order: ["gender", "age"],
           noContentText: "No data available"
         }
       )