@hortiview/shared-components 2.3.0 → 2.5.0

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

@@ -1,22 +1,45 @@
-import { jsx as r } from "react/jsx-runtime";
-import { a as B, s as t, f as o, w as s } from "../../react.esm-CX1WJ2Pp.js";
-import { ContextMenu as p } from "./ContextMenu.js";
-import { a as d, d as k, t as T, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
-const C = d.fn(), a = d.fn(), i = d.fn(), g = [
-  { primaryText: "Open", onClick: C, leadingBlock: "add", "data-testid": "open-testid" },
-  { primaryText: "Delete", onClick: i, leadingBlock: "delete_outline", "data-testid": "delete-testid" },
-  { primaryText: "Edit", onClick: a, leadingBlock: "edit", "data-testid": "edit-testid" }
+import { jsx as a } from "react/jsx-runtime";
+import { a as i, s as t, f as o, w as c } from "../../react.esm-CX1WJ2Pp.js";
+import { ContextMenu as d } from "./ContextMenu.js";
+import { a as B, d as I, t as l, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
+const g = B.fn(), m = B.fn(), r = B.fn(), u = [
+  { primaryText: "Open", onClick: g, leadingBlock: "add", "data-testid": "open-testid" },
+  {
+    primaryText: "Delete",
+    onClick: r,
+    leadingBlock: "delete_outline",
+    "data-testid": "delete-testid"
+  },
+  { primaryText: "Edit", onClick: m, leadingBlock: "edit", "data-testid": "edit-testid" }
 ];
-k("ContextMenu Test", () => {
-  T("render contextMenu and close it", () => {
-    B(/* @__PURE__ */ r(p, { actions: g }));
-    const c = t.getByTestId("open-button"), n = t.getByTestId("selection-menu");
-    e(n).toBeInTheDocument(), e(n).not.toHaveClass("mdc-menu-surface--open"), o.click(c), s(() => e(n).toHaveClass("mdc-menu-surface--open")), o.click(c), s(() => e(n).not.toHaveClass("mdc-menu-surface--open"));
-  }), T("render ContextMenu and open it", async () => {
-    B(/* @__PURE__ */ r(p, { actions: g, triggerOpen: !0 }));
-    const c = t.getByTestId("open-button"), n = t.getByTestId("selection-menu");
-    e(n).toBeInTheDocument(), e(n).not.toHaveClass("mdc-menu-surface--open"), o.click(c), await s(() => e(n).toHaveClass("mdc-menu-surface--animating-open")), e(t.getByText("Open")).toBeInTheDocument(), e(t.getByText("Delete")).toBeInTheDocument(), e(t.getByText("Edit")).toBeInTheDocument();
-    const l = t.getByTestId("open-testid"), m = t.getByTestId("delete-testid"), u = t.getByTestId("edit-testid");
-    e(l).toBeInTheDocument(), e(m).toBeInTheDocument(), e(u).toBeInTheDocument(), o.click(l), e(C).toHaveBeenCalled(), e(i).not.toHaveBeenCalled(), e(a).not.toHaveBeenCalled(), o.click(m), e(i).toHaveBeenCalled(), o.click(u), e(a).toHaveBeenCalled();
+I("ContextMenu Test", () => {
+  l("render contextMenu and close it", () => {
+    i(/* @__PURE__ */ a(d, { actions: u }));
+    const s = t.getByTestId("open-button"), n = t.getByTestId("selection-menu");
+    e(n).toBeInTheDocument(), e(n).not.toHaveClass("mdc-menu-surface--open"), o.click(s), c(() => e(n).toHaveClass("mdc-menu-surface--open")), o.click(s), c(() => e(n).not.toHaveClass("mdc-menu-surface--open"));
+  }), l("render ContextMenu and open it", async () => {
+    i(/* @__PURE__ */ a(d, { actions: u, triggerOpen: !0 }));
+    const s = t.getByTestId("open-button"), n = t.getByTestId("selection-menu");
+    e(n).toBeInTheDocument(), e(n).not.toHaveClass("mdc-menu-surface--open"), o.click(s), await c(() => e(n).toHaveClass("mdc-menu-surface--animating-open")), e(t.getByText("Open")).toBeInTheDocument(), e(t.getByText("Delete")).toBeInTheDocument(), e(t.getByText("Edit")).toBeInTheDocument();
+    const p = t.getByTestId("open-testid"), T = t.getByTestId("delete-testid"), f = t.getByTestId("edit-testid");
+    e(p).toBeInTheDocument(), e(T).toBeInTheDocument(), e(f).toBeInTheDocument(), o.click(p), e(g).toHaveBeenCalled(), e(r).not.toHaveBeenCalled(), e(m).not.toHaveBeenCalled(), o.click(T), e(r).toHaveBeenCalled(), o.click(f), e(m).toHaveBeenCalled();
+  }), l("render ContextMenu with offlineView", async () => {
+    i(
+      /* @__PURE__ */ a(
+        d,
+        {
+          actions: u,
+          triggerOpen: !0,
+          isOnline: !1,
+          offlineViewProps: {
+            "data-testid": "offline-test"
+          }
+        }
+      )
+    );
+    const s = t.getByTestId("open-button");
+    o.click(s);
+    const n = t.getByTestId("selection-menu");
+    await c(() => e(n).toHaveClass("mdc-menu-surface--animating-open")), e(t.getByTestId("offline-test")).toBeInTheDocument();
   });
 });

package/dist/components/DeleteModal/DeleteModal.d.ts

@@ -1,3 +1,5 @@
+import { OfflineViewProps } from '../OfflineView/OfflineView';
+
 type DeleteModalProps = {
     /**
      * The title of the modal.
@@ -58,6 +60,14 @@ type DeleteModalProps = {
      * Default is _true_.
      */
     isDeletePossible?: boolean;
+    /**
+     * Whether the user is online; shows OfflineView when false.
+     */
+    isOnline?: boolean;
+    /**
+     * Props forwarded to <OfflineView /> when offline.
+     */
+    offlineViewProps?: Partial<OfflineViewProps>;
 };
 /**
  * A modal component for deleting items.
@@ -75,7 +85,9 @@ type DeleteModalProps = {
  * @prop {function} onDelete - The function to call when the confirm button is clicked.
  * @prop {function} onCancel - A optional function to call when the cancel button is clicked.
  * @prop {boolean} isDeletePossible - If true, the delete button will be enabled. If false, the delete button will be disabled and the {@link impossibleDeleteHeader} will be displayed. Default is _true_.
+ * @prop {boolean} isOnline - Whether the user is online; shows OfflineView when false.
+ * @prop {Partial} offlineViewProps - Props forwarded to OfflineView when offline.
  * @returns {ReactElement} A modal component for deleting items.
  */
-export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, onCancel, isDeletePossible, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, onCancel, isDeletePossible, isOnline, offlineViewProps, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,96 +1,100 @@
-import { jsx as o, jsxs as p, Fragment as i } from "react/jsx-runtime";
-import { B as u } from "../../index.es-CiqbARoC.js";
-import { G as c } from "../../index.es-DntoATwO.js";
-import { I as D } from "../../index.es-3043KTnb.js";
-import { T as l } from "../../index.es-D54RuMc_.js";
-import { u as k } from "../../uniqueId-NU3-C36A.js";
-import { AvailableCustomIcons as I } from "../../enums/AvailableCustomIcons.js";
-import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
-import { Iconify as O } from "../Iconify/Iconify.js";
-import { Modal as S } from "../Modal/Modal.js";
-import '../../assets/DeleteModal.css';const x = "_bulletPoint_bd412_1", B = "_modal_bd412_7", M = "_colorDanger_bd412_11", j = "_crossedOut_bd412_15", t = {
-  bulletPoint: x,
-  modal: B,
-  colorDanger: M,
-  crossedOut: j
-}, R = ({
+import { jsx as o, jsxs as f, Fragment as c } from "react/jsx-runtime";
+import { B as p } from "../../index.es-Bx1E5MPK.js";
+import { G as i } from "../../index.es-CbBdaRO2.js";
+import { I } from "../../index.es-DErA6zWG.js";
+import { T as l } from "../../index.es--yyG47az.js";
+import { u as N } from "../../uniqueId-NU3-C36A.js";
+import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
+import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
+import { Iconify as B } from "../Iconify/Iconify.js";
+import { Modal as M } from "../Modal/Modal.js";
+import '../../assets/DeleteModal.css';const O = "_bulletPoint_bd412_1", j = "_modal_bd412_7", z = "_colorDanger_bd412_11", P = "_crossedOut_bd412_15", t = {
+  bulletPoint: O,
+  modal: j,
+  colorDanger: z,
+  crossedOut: P
+}, V = ({
   title: r,
   confirmButtonLabel: e,
   cancelButtonLabel: n,
   deleteHeader: a,
   deleteBody: s,
-  deleteText: f,
-  icon: b,
-  isIconCrossedOut: g,
-  impossibleDeleteHeader: h,
-  open: v,
+  deleteText: b,
+  icon: g,
+  isIconCrossedOut: h,
+  impossibleDeleteHeader: v,
+  open: y,
   setOpen: d,
-  onDelete: y,
-  onCancel: _,
-  isDeletePossible: m = !0
+  onDelete: _,
+  onCancel: C,
+  isDeletePossible: m = !0,
+  isOnline: u = !0,
+  offlineViewProps: D
 }) => {
-  const { isDesktop: C } = N();
+  const { isDesktop: k } = x();
   return /* @__PURE__ */ o(
-    S,
+    M,
     {
+      isOnline: u,
+      offlineViewProps: D,
       className: `${t.modal}`,
-      modalSize: C ? "small" : "fullscreen",
-      open: v,
+      modalSize: k ? "small" : "fullscreen",
+      open: y,
       title: r,
       onClose: () => d(!1),
       primaryButton: /* @__PURE__ */ o(
-        u,
+        p,
         {
           "data-testid": "delete-button",
           variant: "danger",
           label: e,
-          onClick: y,
-          disabled: !m
+          onClick: _,
+          disabled: !m || !u
         }
       ),
       footerSupplemental: /* @__PURE__ */ o(
-        u,
+        p,
         {
           "data-testid": "cancel-button",
           variant: "text",
           label: n,
           onClick: () => {
-            _?.(), d(!1);
+            C?.(), d(!1);
           }
         }
       ),
-      children: /* @__PURE__ */ p(c, { direction: "vertical", secondaryAlign: "center", children: [
-        /* @__PURE__ */ o(z, { element: /* @__PURE__ */ o(P, { icon: b }), isCrossedOut: g }),
-        /* @__PURE__ */ o(c, { direction: "vertical", children: m ? /* @__PURE__ */ o(
-          A,
+      children: /* @__PURE__ */ f(i, { direction: "vertical", secondaryAlign: "center", children: [
+        /* @__PURE__ */ o(A, { element: /* @__PURE__ */ o(G, { icon: g }), isCrossedOut: h }),
+        /* @__PURE__ */ o(i, { direction: "vertical", children: m ? /* @__PURE__ */ o(
+          q,
           {
             deleteHeader: a,
-            deleteText: f,
+            deleteText: b,
             deleteBody: s
           }
-        ) : /* @__PURE__ */ o(G, { impossibleDeleteHeader: h }) })
+        ) : /* @__PURE__ */ o(F, { impossibleDeleteHeader: v }) })
       ] })
     }
   );
-}, z = ({
+}, A = ({
   element: r,
   isCrossedOut: e = !1
-}) => e ? /* @__PURE__ */ o("span", { className: t.crossedOut, children: r }) : r, P = ({ icon: r }) => r ? typeof r != "string" ? r : Object.values(I).includes(r) ? /* @__PURE__ */ o(
-  O,
+}) => e ? /* @__PURE__ */ o("span", { className: t.crossedOut, children: r }) : r, G = ({ icon: r }) => r ? typeof r != "string" ? r : Object.values(S).includes(r) ? /* @__PURE__ */ o(
+  B,
   {
     icon: r,
     iconSize: "xlarge",
     className: t.colorDanger
   }
-) : /* @__PURE__ */ o(D, { icon: r, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ o(i, {}), A = ({
+) : /* @__PURE__ */ o(I, { icon: r, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ o(c, {}), q = ({
   deleteHeader: r,
   deleteText: e,
   deleteBody: n
-}) => /* @__PURE__ */ p(i, { children: [
+}) => /* @__PURE__ */ f(c, { children: [
   /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: r }),
   e && typeof e == "string" && /* @__PURE__ */ o(l, { level: 2, themeColor: "text-secondary-on-background", children: e }),
-  e && typeof e != "string" && /* @__PURE__ */ o(i, { children: e }),
-  n && e === void 0 && /* @__PURE__ */ o(c, { direction: "vertical", gap: "none", children: n.map((a, s) => /* @__PURE__ */ o(
+  e && typeof e != "string" && /* @__PURE__ */ o(c, { children: e }),
+  n && e === void 0 && /* @__PURE__ */ o(i, { direction: "vertical", gap: "none", children: n.map((a, s) => /* @__PURE__ */ o(
     l,
     {
       level: 2,
@@ -98,11 +102,11 @@ import '../../assets/DeleteModal.css';const x = "_bulletPoint_bd412_1", B = "_mo
       themeColor: "text-secondary-on-background",
       children: a
     },
-    k(s.toString())
+    N(s.toString())
   )) })
-] }), G = ({
+] }), F = ({
   impossibleDeleteHeader: r
 }) => /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: r });
 export {
-  R as DeleteModal
+  V as DeleteModal
 };

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

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as c, s as e } from "../../react.esm-CX1WJ2Pp.js";
-import { DeleteModal as b } from "./DeleteModal.js";
-import { d as B, t as a, a as o, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
-B("DeleteModal Test", () => {
-  a("should render the DeleteModal properly", () => {
+import { DeleteModal as a } from "./DeleteModal.js";
+import { d, t as b, a as o, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
+d("DeleteModal Test", () => {
+  b("should render the DeleteModal properly", () => {
     c(
       /* @__PURE__ */ n(
-        b,
+        a,
         {
           icon: "block",
           open: !0,
@@ -22,10 +22,10 @@ B("DeleteModal Test", () => {
         }
       )
     ), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.getByText("block 1")).toBeInTheDocument(), t(e.getByText("block 2")).toBeInTheDocument(), t(e.getByText("block 3")).toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).not.toBeInTheDocument();
-  }), a("should render the DeleteModal properly when isDeletePossible = false", () => {
+  }), b("should render the DeleteModal properly when isDeletePossible = false", () => {
     c(
       /* @__PURE__ */ n(
-        b,
+        a,
         {
           icon: "block",
           open: !0,
@@ -41,11 +41,11 @@ B("DeleteModal Test", () => {
         }
       )
     ), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.queryByText("block 1")).not.toBeInTheDocument(), t(e.queryByText("block 2")).not.toBeInTheDocument(), t(e.queryByText("block 3")).not.toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Remove").parentElement).toBeDisabled(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).toBeInTheDocument();
-  }), a("should call setOpen with false when clicking on cancel button", () => {
+  }), b("should call setOpen with false when clicking on cancel button", () => {
     const l = o.fn();
     c(
       /* @__PURE__ */ n(
-        b,
+        a,
         {
           icon: "block",
           open: !0,
@@ -61,11 +61,11 @@ B("DeleteModal Test", () => {
         }
       )
     ), e.getByText("Cancel").click(), t(l).toHaveBeenCalledWith(!1);
-  }), a("should call onDelete when clicking on delete button", () => {
+  }), b("should call onDelete when clicking on delete button", () => {
     const l = o.fn();
     c(
       /* @__PURE__ */ n(
-        b,
+        a,
         {
           icon: "block",
           open: !0,
@@ -81,5 +81,29 @@ B("DeleteModal Test", () => {
         }
       )
     ), e.getByText("Remove").click(), t(l).toHaveBeenCalled();
+  }), b("render DeleteModal with OfflineView", () => {
+    const l = o.fn();
+    c(
+      /* @__PURE__ */ n(
+        a,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: o.fn(),
+          onDelete: l,
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !0,
+          isOnline: !1,
+          offlineViewProps: {
+            "data-testid": "offline-test"
+          }
+        }
+      )
+    ), e.getByText("Remove").click(), t(l).not.toHaveBeenCalled(), t(e.getByTestId("offline-test")).toBeInTheDocument();
   });
 });

package/dist/components/DetailContentWrapper/DetailContentWrapper.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as r, Fragment as n } from "react/jsx-runtime";
-import { G as i } from "../../index.es-DntoATwO.js";
+import { G as i } from "../../index.es-CbBdaRO2.js";
 import { BasicHeading as a } from "../BasicHeading/BasicHeading.js";
 import '../../assets/DetailContentWrapper.css';const m = "_formContainer_gf66t_1", s = {
   formContainer: m

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { G as n } from "../../index.es-DntoATwO.js";
-import { I as t } from "../../index.es-3043KTnb.js";
-import { d as m, T as d } from "../../index.es-D54RuMc_.js";
+import { G as n } from "../../index.es-CbBdaRO2.js";
+import { I as t } from "../../index.es-DErA6zWG.js";
+import { d as m, T as d } from "../../index.es--yyG47az.js";
 import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", a = {
   disclaimer: p,
   iconArea: y

package/dist/components/EmptyView/EmptyView.js

@@ -1,9 +1,9 @@
 import { jsx as m, jsxs as $ } from "react/jsx-runtime";
-import { G as _ } from "../../index.es-DntoATwO.js";
-import { c as P, _ as T, P as e } from "../../identity-DLWZln-X.js";
+import { G as _ } from "../../index.es-CbBdaRO2.js";
+import { c as P, _ as T, P as e } from "../../_setToString-Do1lSQTZ.js";
 import c, { forwardRef as C, useRef as w, useImperativeHandle as H, useMemo as y } from "react";
-import { e as N, T as O } from "../../index.es-D54RuMc_.js";
-import { I as B } from "../../index.es-3043KTnb.js";
+import { e as N, T as O } from "../../index.es--yyG47az.js";
+import { I as B } from "../../index.es-DErA6zWG.js";
 const j = {
   /**
    * Aligns the Hero contents.

package/dist/components/Filter/Filter.js

@@ -1,20 +1,21 @@
 import { jsx as e, jsxs as b, Fragment as D } from "react/jsx-runtime";
-import { N as F } from "../../index.es-fnFnw2P1.js";
-import { B as p } from "../../index.es-CiqbARoC.js";
-import { G as _ } from "../../index.es-DntoATwO.js";
-import { I as W } from "../../index.es-0lQcz8m1.js";
-import { S as j } from "../../index.es-8GOVkuo-.js";
+import { N as F } from "../../index.es-CPqaUyn3.js";
+import { B as h } from "../../index.es-Bx1E5MPK.js";
+import { G as _ } from "../../index.es-CbBdaRO2.js";
+import { I as W } from "../../index.es-Kg9soDed.js";
+import { S as j } from "../../index.es-CqgVUhln.js";
 import { useState as v } from "react";
 import { Iconify as z } from "../Iconify/Iconify.js";
 import { u as k } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-DSY6KDqS.js";
-import "../../orderBy-Bd48bw88.js";
+import "../../orderBy-CyjsW2ET.js";
 import { SearchBar as G } from "../SearchBar/SearchBar.js";
 import "../../uniqueId-NU3-C36A.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 "../../get-B8c-T4F8.js";
+import "../../omit-1Eom1PmQ.js";
 import "../../isArray-Dub1wGJM.js";
 import "../../isString-BW9UHONv.js";
 import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relativeParent_qtl7a_6", V = "_filterBadge_qtl7a_10", E = "_dense_qtl7a_17", u = {
@@ -22,7 +23,7 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
   relativeParent: T,
   filterBadge: V,
   dense: E
-}, mt = ({
+}, ct = ({
   clearFilterText: m,
   closeCallback: s,
   currentFilter: i,
@@ -31,7 +32,7 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
   filterModalTitle: t,
   filters: f,
   modalCancelButtonText: g,
-  modalConfirmButtonText: h,
+  modalConfirmButtonText: p,
   useModal: o = !0,
   selectAllLabel: r,
   "data-testid": w
@@ -67,9 +68,9 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
         onClose: x,
         title: t,
         modalSize: A ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ e(p, { "data-testid": "filter-clear-button", variant: "text", onClick: O, children: m }),
+        headerActions: /* @__PURE__ */ e(h, { "data-testid": "filter-clear-button", variant: "text", onClick: O, children: m }),
         dismissiveButton: /* @__PURE__ */ e(
-          p,
+          h,
           {
             "data-testid": "filter-cancel-button",
             variant: "outlined",
@@ -77,13 +78,13 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
             children: g
           }
         ),
-        primaryButton: /* @__PURE__ */ e(p, { "data-testid": "filter-confirm-button", variant: "filled", onClick: x, children: h }),
+        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__ */ 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: h, type: o }) => /* @__PURE__ */ b(_, { fullWidth: !0, secondaryAlign: "center", "data-testid": `filter-${o}-group-${t}`, children: [
-  h ? /* @__PURE__ */ e(z, { icon: h, iconSize: "medium" }) : null,
+}, 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,
     {
@@ -157,7 +158,7 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
       style: { height: "100%", width: t ? void 0 : "100%" },
       children: [
         /* @__PURE__ */ e(
-          p,
+          h,
           {
             "data-testid": "filter-button",
             variant: "outlined",
@@ -183,5 +184,5 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
   );
 };
 export {
-  mt as Filter
+  ct as Filter
 };

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { C as m } from "../../../index.es-BvrQnJ3j.js";
+import { C as m } from "../../../index.es-oOD85ZwA.js";
 import { useFormContext as k, Controller as C } from "react-hook-form";
 import '../../../assets/FormCheckBox.css';const b = "_invalid_1l2r2_1", d = "_checkbox_1l2r2_5", c = {
   invalid: b,

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

@@ -1,8 +1,8 @@
 import { jsx as C, jsxs as pa } from "react/jsx-runtime";
-import { B as ba } from "../../../index.es-CiqbARoC.js";
-import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-CoFul5zR.js";
-import { D as ka } from "../../../index.es-BWgXLqXn.js";
-import { P as Ma } from "../../../index.es-D-CKRzIB.js";
+import { B as ba } from "../../../index.es-Bx1E5MPK.js";
+import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-BoWmBoqO.js";
+import { D as ka } from "../../../index.es-BTc2I5pe.js";
+import { P as Ma } from "../../../index.es-D-ph6ImM.js";
 import { useMemo as V, useState as $a } from "react";
 import { useFormContext as Wa, Controller as ja } from "react-hook-form";
 import { useHelperText as Da } from "../../../hooks/useHelperText.js";

package/dist/components/FormComponents/FormNumber/CustomTextField.js

@@ -1,25 +1,26 @@
 import { jsx as m } from "react/jsx-runtime";
-import { T as d } from "../../../index.es-25EARqhH.js";
-import { g as u } from "../../../get-DFv1gXfq.js";
-import { useMemo as g } from "react";
+import { T as d } from "../../../index.es-CUuzYysw.js";
+import { g as u } from "../../../get-B8c-T4F8.js";
+import { o as g } from "../../../omit-1Eom1PmQ.js";
+import { useMemo as f } from "react";
 import { useFormContext as v } from "react-hook-form";
-import '../../../assets/CustomTextField.css';const f = "_invalid_1dsbr_1", c = {
-  invalid: f
-}, T = ({ ...e }) => {
+import '../../../assets/CustomTextField.css';const c = "_invalid_1dsbr_1", s = {
+  invalid: c
+}, C = ({ ...e }) => {
   const {
     getFieldState: r,
     formState: { errors: n },
     trigger: i,
-    watch: l
-  } = v(), a = l(e.propertyName), o = g(() => {
+    watch: o
+  } = v(), a = o(e.propertyName), l = f(() => {
     if (!(!a || e.value === null))
       return e.value;
   }, [a, e.value]);
   return /* @__PURE__ */ m(
     d,
     {
-      ...e,
-      value: o,
+      ...g(e, ["propertyName", "formOnBlur", "additionalTrigger"]),
+      value: l,
       "data-testid": `numeric-field-${e.propertyName}`,
       fullWidth: !0,
       inputMode: "decimal",
@@ -32,10 +33,10 @@ import '../../../assets/CustomTextField.css';const f = "_invalid_1dsbr_1", c = {
       },
       valid: !r(e.propertyName).invalid,
       helperTextPersistent: u(n, e.propertyName) !== void 0 || e.helperTextPersistent,
-      className: r(e.propertyName).invalid ? c.invalid : ""
+      className: r(e.propertyName).invalid ? s.invalid : ""
     }
   );
 };
 export {
-  T as CustomTextField
+  C as CustomTextField
 };

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

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { R as d } from "../../../index.es-BtjV0oNv.js";
+import { R as d } from "../../../index.es-Bf149BSP.js";
 import { useFormContext as s, Controller as c } from "react-hook-form";
 const g = ({ propertyName: l, options: t }) => {
   const { control: n, setValue: o } = s(), u = (a) => {

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as g, jsxs as k } from "react/jsx-runtime";
-import { g as x } from "../../../get-DFv1gXfq.js";
+import { g as x } from "../../../get-B8c-T4F8.js";
 import { i as G } from "../../../isArray-Dub1wGJM.js";
 import { useMemo as z } from "react";
 import { useFormContext as J, Controller as C } from "react-hook-form";

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

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { G as p } from "../../../index.es-DntoATwO.js";
-import { T as d } from "../../../index.es-D54RuMc_.js";
+import { G as p } from "../../../index.es-CbBdaRO2.js";
+import { T as d } from "../../../index.es--yyG47az.js";
 const m = ({ value: r, textKey: t, valueKey: e }) => {
   if (!(!r || r.length === 0))
     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];

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

@@ -1,9 +1,9 @@
 import { jsx as Y } from "react/jsx-runtime";
-import { _ as O, c as F, P as l } from "../../../identity-DLWZln-X.js";
+import { _ as O, c as F, P as l } from "../../../_setToString-Do1lSQTZ.js";
 import c, { forwardRef as ft, useRef as tt, useImperativeHandle as et, useCallback as B, useEffect as k, useMemo as rt } from "react";
-import { I as nt } from "../../../index.es-3043KTnb.js";
-import { T as it } from "../../../index.es-25EARqhH.js";
-import { c as at } from "../../../index.es-da0cf7oE.js";
+import { I as nt } from "../../../index.es-DErA6zWG.js";
+import { T as it } from "../../../index.es-CUuzYysw.js";
+import { c as at } from "../../../index.es-DlzwTKbh.js";
 import { b as dt, c as K } from "../../../tslib.es6-BDCynO9F.js";
 import { M as gt, a as Et } from "../../../component-neHBNHRu.js";
 import { M as st, a as bt, m as It, b as St } from "../../../component-DsB0poTj.js";

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

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as v, jsxs as z } from "react/jsx-runtime";
-import { T as M } from "../../../index.es-25EARqhH.js";
-import { a as P } from "../../../index.es-D54RuMc_.js";
+import { T as M } from "../../../index.es-CUuzYysw.js";
+import { a as P } from "../../../index.es--yyG47az.js";
 import { useState as V, useCallback as W, useMemo as m } from "react";
 import { useFormContext as D, Controller as _ } from "react-hook-form";
 import { useHelperText as E } from "../../../hooks/useHelperText.js";

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

@@ -1,7 +1,7 @@
 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-D54RuMc_.js";
+import { G as d } from "../../../index.es-CbBdaRO2.js";
+import { S as f } from "../../../index.es-CqgVUhln.js";
+import { a as h } from "../../../index.es--yyG47az.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";

package/dist/components/GenericTable/GenericTable.d.ts

@@ -60,6 +60,8 @@ import { TableLayoutProps } from '../../types/GenericTable';
  * @param tableActionPosition position of the table actions, can be 'start' or 'end'
  * @param tableElevationLevel elevation level of the table
  * @param tableLayout layout of the table, can be 'standard' or 'flex'
+ * @param isOnline Whether the user is online; shows OfflineView when false.
+ * @param offlineViewProps Props forwarded to OfflineView when offline.
  * @returns a table based on a given type and data
  */
-export declare const GenericTable: <T>({ data, hiddenColumns, order, cellTemplates, tableActions, noContentText, headerTranslation, pagination, getRowActions, customColumnWidth, title, cardTitleColumn, cardSubTitleColumn, pageTranslation, pageOfTranslation, rowsPerPageTranslation, tableActionPosition, tableElevationLevel, tableLayout, }: TableLayoutProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const GenericTable: <T>({ data, hiddenColumns, order, cellTemplates, tableActions, noContentText, headerTranslation, pagination, getRowActions, customColumnWidth, title, cardTitleColumn, cardSubTitleColumn, pageTranslation, pageOfTranslation, rowsPerPageTranslation, tableActionPosition, tableElevationLevel, tableLayout, isOnline, offlineViewProps, }: TableLayoutProps<T>) => import("react/jsx-runtime").JSX.Element;