@hortiview/shared-components 2.3.0 → 2.5.0

package/dist/assets/ContextMenu.css

@@ -1 +1 @@
-._menu_ol91v_1{width:15.875rem}._icon_ol91v_5{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_ol91v_9 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_ol91v_9 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}
+._menu_1xwk3_1{width:15.875rem}._icon_1xwk3_5{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_1xwk3_9 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_1xwk3_9 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}._offlineViewMargin_1xwk3_19{margin:.5rem}

package/dist/assets/ListAreaService.css

@@ -1 +1 @@
-._fullWidth_zewqs_1{width:100%}._mainElevation_zewqs_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_zewqs_11 div{border:none}._searchbar_zewqs_11 button{margin-right:.5rem}._roundedBottom_zewqs_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_zewqs_24 [class*=mdc-list-item__primary-text]{display:none!important}._list_zewqs_28{padding-top:0;padding-bottom:0;overflow-y:auto}._list_zewqs_28 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_zewqs_28::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .25rem rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._list_zewqs_28::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_zewqs_28::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-on-surface)}._listItem_zewqs_56{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_zewqs_56 i:not(._trailingIcon_zewqs_60){color:var(--lmnt-theme-on-surface-inactive)}._listItem_zewqs_56 i._trailingIcon_zewqs_60{color:var(--lmnt-theme-on-surface-disabled)}._listItem_zewqs_56 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_zewqs_72{height:4.5rem!important}._iconColor_zewqs_76{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_zewqs_80 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._noOverlineTitle_zewqs_85 [class*=mdc-list-item__secondary-text] [class*=lmnt-group]{margin-top:-.875rem}._truncate_zewqs_89{display:-webkit-box!important;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}._truncateOverlineText_zewqs_100{margin-bottom:-1rem!important;margin-top:-1rem!important}
+._fullWidth_v1ae9_1{width:100%}._mainElevation_v1ae9_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_v1ae9_11 div{border:none}._searchbar_v1ae9_11 button{margin-right:.5rem}._roundedBottom_v1ae9_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_v1ae9_24 [class*=mdc-list-item__primary-text]{display:none!important}._list_v1ae9_28{padding-top:0;padding-bottom:0;overflow-y:auto}._list_v1ae9_28 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_v1ae9_28::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .25rem rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._list_v1ae9_28::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_v1ae9_28::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-on-surface)}._listItem_v1ae9_56{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_v1ae9_56 i:not(._trailingIcon_v1ae9_60){color:var(--lmnt-theme-on-surface-inactive)}._listItem_v1ae9_56 i._trailingIcon_v1ae9_60{color:var(--lmnt-theme-on-surface-disabled)}._listItem_v1ae9_56 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_v1ae9_72{height:4.5rem!important}._noGroupHeaderMargin_v1ae9_76 h3{margin:0}._indentGroupedElement_v1ae9_80{padding-left:2.5rem!important}._isNotSelected_v1ae9_84 [class*=mdc-list-item__ripple]:before{opacity:inherit!important;background-color:inherit!important}._isSelected_v1ae9_89 [class*=mdc-list-item__ripple]:before{opacity:.2!important;background-color:var(--lmnt-theme-primary)!important}._iconColor_v1ae9_94{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_v1ae9_98 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._noOverlineTitle_v1ae9_103 [class*=mdc-list-item__secondary-text] [class*=lmnt-group]{margin-top:-.875rem}._truncate_v1ae9_107{display:-webkit-box!important;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}._truncateOverlineText_v1ae9_118{margin-bottom:-1rem!important;margin-top:-1rem!important}

package/dist/assets/OfflineView.css

@@ -0,0 +1 @@
+._gap_18we6_1{gap:.125rem!important}._container_18we6_5{border-radius:.5rem;padding:2.5rem 2rem;width:auto}._bgWhite_18we6_11{background:var(--lmnt-theme-surface);color:var(--lmnt-theme-on-surface-active)}._bgGrey_18we6_16{background:var(--lmnt-theme-surface-variant);color:var(--lmnt-theme-on-surface-active)}._subtitle_18we6_21{color:var(--on-colors-on-surface-inactive-medium, #000000BA);font-weight:500}

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../index.es-DntoATwO.js";
-import "../../index.es-3043KTnb.js";
-import "../../index.es-D54RuMc_.js";
-import { A as e } from "../../AlertBanner-75jjene1.js";
+import "../../index.es-CbBdaRO2.js";
+import "../../index.es-DErA6zWG.js";
+import "../../index.es--yyG47az.js";
+import { A as e } from "../../AlertBanner-JnX0tJGC.js";
 export {
   e as AlertBanner
 };

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

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
 import { a as t, s } from "../../react.esm-CX1WJ2Pp.js";
 import { a as o } from "../../useBreakpoints-MzTZ0tCT.js";
-import { A as n } from "../../AlertBanner-75jjene1.js";
+import { A as n } from "../../AlertBanner-JnX0tJGC.js";
 import { d as p, b as c, a as l, t as r, g as a } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 p("AlertBanner Test", () => {
   c(() => {

package/dist/components/AlertBanner/LinkBanner.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { G as l } from "../../index.es-DntoATwO.js";
-import { T as s } from "../../index.es-D54RuMc_.js";
+import { G as l } from "../../index.es-CbBdaRO2.js";
+import { T as s } from "../../index.es--yyG47az.js";
 import { Iconify as p } from "../Iconify/Iconify.js";
-import { A as m, s as c } from "../../AlertBanner-75jjene1.js";
+import { A as m, s as c } from "../../AlertBanner-JnX0tJGC.js";
 const g = ({
   text: n,
   color: o = "info",

package/dist/components/BaseView/BaseView.d.ts

@@ -1,11 +1,16 @@
 import { BaseListElement } from '../../types/ListElement';
 import { LinkProps } from '../../types/internal/ReactRouterTypes';
+import { OfflineViewProps } from '../OfflineView/OfflineView';
 
 type BaseViewProps = {
     /**
      * elements to be displayed in the list area
      */
     elements: BaseListElement[];
+    /**
+     * isGrouped is true if the list should be grouped, @default false
+     */
+    isGrouped?: boolean;
     /**
      * text to be displayed when the list is empty
      */
@@ -50,6 +55,14 @@ type BaseViewProps = {
      * searchPlaceholder is the placeholder of the search input, @default ''
      */
     searchPlaceholder?: string;
+    /**
+     * Whether the user is online; shows OfflineView when false.
+     */
+    isOnline?: boolean;
+    /**
+     * Props forwarded to <OfflineView /> when offline.
+     */
+    offlineViewProps?: Partial<OfflineViewProps>;
     /**
      * routerLinkElement is the element to be used for the elements link, use react-router Link component for the best experience.
      * If the element has `noNavigation=false` and the `routerLinkElement` is undefined an `<a>` tag is used.
@@ -62,5 +75,5 @@ type BaseViewProps = {
 /**
  * `BaseView` is a layout component that displays a main (a list) and a detail section.
  */
-export declare const BaseView: ({ heading, action, hint, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, pathname, routerLinkElement, searchPlaceholder, }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseView: ({ heading, action, hint, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, pathname, isOnline, offlineViewProps, routerLinkElement, searchPlaceholder, isGrouped }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/BaseView/BaseView.js

@@ -1,70 +1,75 @@
 import { jsx as i, Fragment as d, jsxs as s } from "react/jsx-runtime";
-import { G as r } from "../../index.es-DntoATwO.js";
+import { G as r } from "../../index.es-CbBdaRO2.js";
 import { useMemo as a } from "react";
-import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
-import { EmptyView as W } from "../EmptyView/EmptyView.js";
-import { ListArea as B } from "../ListArea/ListArea.js";
-import { u as G } from "../../useBreakpoints-MzTZ0tCT.js";
-import { VerticalDivider as N } from "../VerticalDivider/VerticalDivider.js";
-import '../../assets/BaseView.css';const A = "_parentGroup_w7vsz_1", V = "_divider_w7vsz_5", j = "_maxWidth_w7vsz_10", E = "_desktopList_w7vsz_14", H = "_mobileList_w7vsz_19", I = "_desktopDetail_w7vsz_23", $ = "_mobileDetail_w7vsz_28", o = {
-  parentGroup: A,
-  divider: V,
-  maxWidth: j,
-  desktopList: E,
-  mobileList: H,
-  desktopDetail: I,
-  mobileDetail: $
-}, P = ({
+import { BasicHeading as h } from "../BasicHeading/BasicHeading.js";
+import { EmptyView as N } from "../EmptyView/EmptyView.js";
+import { ListArea as A } from "../ListArea/ListArea.js";
+import { u as H } from "../../useBreakpoints-MzTZ0tCT.js";
+import { VerticalDivider as V } from "../VerticalDivider/VerticalDivider.js";
+import { O as j } from "../../OfflineView-HbuDPpQL.js";
+import '../../assets/BaseView.css';const E = "_parentGroup_w7vsz_1", I = "_divider_w7vsz_5", $ = "_maxWidth_w7vsz_10", y = "_desktopList_w7vsz_14", F = "_mobileList_w7vsz_19", M = "_desktopDetail_w7vsz_23", O = "_mobileDetail_w7vsz_28", o = {
+  parentGroup: E,
+  divider: I,
+  maxWidth: $,
+  desktopList: y,
+  mobileList: F,
+  desktopDetail: M,
+  mobileDetail: O
+}, X = ({
   heading: c,
   action: m = /* @__PURE__ */ i(d, {}),
-  hint: v = /* @__PURE__ */ i(d, {}),
+  hint: _ = /* @__PURE__ */ i(d, {}),
   elements: n,
-  emptyText: p,
-  hasSearch: _ = !0,
-  isSorted: h = !0,
-  className: f,
-  withAvatar: b = !1,
-  listMaxHeight: w = "calc(100vh - 200px)",
+  emptyText: u,
+  hasSearch: f = !0,
+  isSorted: b = !0,
+  className: g,
+  withAvatar: w = !1,
+  listMaxHeight: D = "calc(100vh - 200px)",
   pathname: l,
-  routerLinkElement: D,
-  searchPlaceholder: g
+  isOnline: p = !0,
+  offlineViewProps: v,
+  routerLinkElement: k,
+  searchPlaceholder: L,
+  isGrouped: x = !1
 }) => {
-  const { isDesktopNavbar: e } = G(), t = a(() => n.find((z) => z.route === l), [l, n]), k = a(() => t?.component ?? (e ? /* @__PURE__ */ i(W, { subtitle: p }) : /* @__PURE__ */ i(d, {})), [t, e, p]), L = a(() => e ? !0 : !t, [t, e]), x = a(() => e ? !0 : t, [t, e]);
+  const { isDesktopNavbar: e } = H(), t = a(() => n.find((G) => G.route === l), [l, n]), W = a(() => p ? t?.component ?? (e ? /* @__PURE__ */ i(N, { subtitle: u }) : /* @__PURE__ */ i(d, {})) : /* @__PURE__ */ i(j, { ...v, fullWidth: !0 }), [t?.component, u, e, p, v]), z = a(() => e ? !0 : !t, [t, e]), B = a(() => e ? !0 : t, [t, e]);
   return /* @__PURE__ */ s(
     r,
     {
       "data-testid": "base-view-container",
-      className: `${o.parentGroup} ${f ?? ""}`,
+      className: `${o.parentGroup} ${g ?? ""}`,
       gap: "none",
       fullWidth: !0,
       children: [
-        L && /* @__PURE__ */ i(r, { gap: "none", className: e ? o.desktopList : o.mobileList, children: /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
-          c && /* @__PURE__ */ i(u, { "data-testid": "heading", heading: c, level: 4, marginBottom: 0, children: m }),
-          v,
+        z && /* @__PURE__ */ i(r, { gap: "none", className: e ? o.desktopList : o.mobileList, children: /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
+          c && /* @__PURE__ */ i(h, { "data-testid": "heading", heading: c, level: 4, marginBottom: 0, children: m }),
+          _,
           /* @__PURE__ */ i(
-            B,
+            A,
             {
               elements: n,
-              hasSearch: _,
-              maxHeight: w,
-              isSorted: h,
+              hasSearch: f,
+              maxHeight: D,
+              isSorted: b,
               pathname: l,
-              routerLinkElement: D,
-              searchPlaceholder: g
+              routerLinkElement: k,
+              searchPlaceholder: L,
+              isGrouped: x
             }
           )
         ] }) }),
-        x && /* @__PURE__ */ s(
+        B && /* @__PURE__ */ s(
           r,
           {
             "data-testid": "details",
             gap: "none",
             className: e ? o.desktopDetail : o.mobileDetail,
             children: [
-              e && /* @__PURE__ */ i(N, { className: o.divider, height: "100%" }),
+              e && /* @__PURE__ */ i(V, { className: o.divider, height: "100%" }),
               /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, children: [
                 /* @__PURE__ */ i(
-                  u,
+                  h,
                   {
                     className: o.maxWidth,
                     heading: t?.detailTitle ?? t?.title ?? "",
@@ -72,11 +77,12 @@ import '../../assets/BaseView.css';const A = "_parentGroup_w7vsz_1", V = "_divid
                     icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
                     marginBottom: 0,
                     invisibleButton: t?.detailAction === void 0,
-                    withAvatar: b,
+                    withAvatar: w,
+                    subHeading: t?.detailSubTitle,
                     children: t?.detailAction ?? m
                   }
                 ),
-                k
+                W
               ] })
             ]
           }
@@ -86,5 +92,5 @@ import '../../assets/BaseView.css';const A = "_parentGroup_w7vsz_1", V = "_divid
   );
 };
 export {
-  P as BaseView
+  X as BaseView
 };

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

@@ -1,10 +1,10 @@
-import { jsx as a, Fragment as s } from "react/jsx-runtime";
-import { a as r, s as e, f as p } from "../../react.esm-CX1WJ2Pp.js";
+import { jsx as o, Fragment as s } from "react/jsx-runtime";
+import { a as n, s as e, f as p } from "../../react.esm-CX1WJ2Pp.js";
 import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
-import { BaseView as i } from "./BaseView.js";
-import { d as u, b as m, a as c, t as n, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
+import { BaseView as r } from "./BaseView.js";
+import { d as u, b as f, a as c, t as i, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 u("BaseView Test", () => {
-  m(() => {
+  f(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !1,
       isTablet: !1,
@@ -12,20 +12,20 @@ u("BaseView Test", () => {
       isDesktopNavbar: !0
     });
   });
-  const o = [
+  const a = [
     {
       id: "1",
       title: "user.personal_information",
       icon: "account_circle",
       route: "/personal-profile/personal-information",
-      component: /* @__PURE__ */ a(s, { children: "Personal information selected" })
+      component: /* @__PURE__ */ o(s, { children: "Personal information selected" })
     },
     {
       id: "2",
       title: "user.data_privacy",
       icon: "privacy_tip",
       route: "/personal-profile/data-privacy",
-      component: /* @__PURE__ */ a(s, { children: "Data Privacy selected" }),
+      component: /* @__PURE__ */ o(s, { children: "Data Privacy selected" }),
       detailTitle: "Data Privacy 2000",
       hideIconInDetail: !0
     },
@@ -34,16 +34,16 @@ u("BaseView Test", () => {
       title: "user.security",
       icon: "security",
       route: "/personal-profile/security",
-      component: /* @__PURE__ */ a(s, { children: "Security selected" })
+      component: /* @__PURE__ */ o(s, { children: "Security selected" })
     }
   ];
-  n("render BaseView with empty view and navigation list", () => {
-    r(
-      /* @__PURE__ */ a(
-        i,
+  i("render BaseView with empty view and navigation list", () => {
+    n(
+      /* @__PURE__ */ o(
+        r,
         {
           pathname: "/personal-profile",
-          elements: o,
+          elements: a,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -52,13 +52,13 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.getByText("user.noselection")).toBeInTheDocument(), t(e.getByText("user.personal-profile")).toBeInTheDocument(), t(e.getByText("user.personal_information")).toBeInTheDocument(), t(e.getByText("user.data_privacy")).toBeInTheDocument(), t(e.getByText("user.security")).toBeInTheDocument();
-  }), n("render BaseView with data and navigation list", () => {
-    r(
-      /* @__PURE__ */ a(
-        i,
+  }), i("render BaseView with data and navigation list", () => {
+    n(
+      /* @__PURE__ */ o(
+        r,
         {
           pathname: "/personal-profile/personal-information",
-          elements: o,
+          elements: a,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -67,13 +67,13 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("account_circle")).toHaveLength(2), t(e.getAllByText("user.personal_information")).toHaveLength(2);
-  }), n("render BaseView with custom detail title and no detail icon", () => {
-    r(
-      /* @__PURE__ */ a(
-        i,
+  }), i("render BaseView with custom detail title and no detail icon", () => {
+    n(
+      /* @__PURE__ */ o(
+        r,
         {
           pathname: "/personal-profile/data-privacy",
-          elements: o,
+          elements: a,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -82,18 +82,18 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Data Privacy selected")).toBeInTheDocument(), t(e.getByText("Data Privacy 2000")).toBeInTheDocument(), t(e.getAllByText("privacy_tip")).toHaveLength(1), t(e.getAllByText("user.data_privacy")).toHaveLength(1);
-  }), n("hide empty view when screen is small", () => {
+  }), i("hide empty view when screen is small", () => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !0,
       isTablet: !1,
       isDesktop: !1,
       isDesktopNavbar: !1
-    }), r(
-      /* @__PURE__ */ a(
-        i,
+    }), n(
+      /* @__PURE__ */ o(
+        r,
         {
           pathname: "/personal-profile/data-privacy",
-          elements: o,
+          elements: a,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -102,13 +102,13 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.queryByText("user.noselection")).not.toBeInTheDocument();
-  }), n("render BaseView with selected detail section", () => {
-    r(
-      /* @__PURE__ */ a(
-        i,
+  }), i("render BaseView with selected detail section", () => {
+    n(
+      /* @__PURE__ */ o(
+        r,
         {
           pathname: "/personal-profile/data-privacy",
-          elements: o,
+          elements: a,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -117,5 +117,22 @@ u("BaseView Test", () => {
         }
       )
     ), p.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
+  }), i("renders only offline view when offline", () => {
+    n(
+      /* @__PURE__ */ o(
+        r,
+        {
+          pathname: "/personal-profile/personal-information",
+          elements: a,
+          heading: "user.personal-profile",
+          hasSearch: !1,
+          emptyText: "user.noselection",
+          isSorted: !1,
+          isOnline: !1,
+          offlineViewProps: { "data-testid": "offline-test" },
+          routerLinkElement: void 0
+        }
+      )
+    ), t(e.queryByText("Personal information selected")).not.toBeInTheDocument(), t(e.getByTestId("offline-test")).toBeInTheDocument();
   });
 });

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { I as u } from "../../index.es-3043KTnb.js";
-import { b as y, T as C } from "../../index.es-D54RuMc_.js";
+import { I as u } from "../../index.es-DErA6zWG.js";
+import { b as y, T as C } from "../../index.es--yyG47az.js";
 import { Iconify as w } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as j } from "../../enums/AvailableCustomIcons.js";
 import { u as I } from "../../useBreakpoints-MzTZ0tCT.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { B as g } from "../../index.es-CiqbARoC.js";
+import { B as g } from "../../index.es-Bx1E5MPK.js";
 import { a, s as n } from "../../react.esm-CX1WJ2Pp.js";
 import { BasicHeading as i } from "./BasicHeading.js";
 import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";

package/dist/components/BlockView/BlockView.js

@@ -1,5 +1,5 @@
 import { jsxs as v, jsx as t, Fragment as h } from "react/jsx-runtime";
-import { d as C, b as R, a as B } from "../../index.es-D54RuMc_.js";
+import { d as C, b as R, a as B } from "../../index.es--yyG47az.js";
 import { useState as A, useEffect as D, useMemo as S } from "react";
 import { getBlockNumberByDto as F } from "../../services/BlockService.js";
 import '../../assets/BlockView.css';const M = "_grid_17o13_1", V = "_black_17o13_11", j = "_blockLayout_17o13_15", q = "_blockRow_17o13_26", G = "_block_17o13_15", H = "_active_17o13_45", I = "_error_17o13_51", J = "_empty_17o13_57", K = "_blockText_17o13_61", O = "_emptyLayout_17o13_70", o = {

package/dist/components/ChipCard/ChipCard.js

@@ -1,13 +1,13 @@
 import { jsx as lt } from "react/jsx-runtime";
-import { o as Ut, e as jt, i as qt, C as $t } from "../../index.es-6TJ1S8Jr.js";
-import { _ as Kt, c as ut, P as l } from "../../identity-DLWZln-X.js";
+import { o as Ut, e as jt, i as qt, C as $t } from "../../index.es-DDo_AHL0.js";
+import { _ as Kt, c as ut, P as l } from "../../_setToString-Do1lSQTZ.js";
 import C, { useEffect as ft, useState as $, useMemo as ht, useCallback as I, useRef as Mt, forwardRef as Xt, useImperativeHandle as zt } from "react";
-import { u as Jt, f as Qt, h as Zt } from "../../index.es-da0cf7oE.js";
+import { u as Jt, f as Qt, h as Zt } from "../../index.es-DlzwTKbh.js";
 import { e as te, c as A, b as U } from "../../tslib.es6-BDCynO9F.js";
 import { M as _t, a as Et } from "../../component-neHBNHRu.js";
 import { M as et, b as kt } from "../../component-DsB0poTj.js";
 import { n as ee, i as ie, K as L } from "../../keyboard-Bpt0aBqQ.js";
-import { I as Rt } from "../../index.es-3043KTnb.js";
+import { I as Rt } from "../../index.es-DErA6zWG.js";
 import { g as ne } from "../../_commonjsHelpers-BkfeUUK-.js";
 import { b as oe } from "../../isArray-DN9s620O.js";
 import { OverflowTooltip as re } from "../OverflowTooltip/OverflowTooltip.js";

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,4 +1,5 @@
 import { ListItemProps } from '@element-public/react-list';
+import { OfflineViewProps } from '../OfflineView/OfflineView';
 
 type ContextMenuProps = {
     /**
@@ -19,6 +20,14 @@ type ContextMenuProps = {
      * data-testid for testing
      */
     'data-testid'?: string;
+    /**
+     * Whether the user is online; shows OfflineView when false.
+     */
+    isOnline?: boolean;
+    /**
+     * Props forwarded to <OfflineView /> when offline.
+     */
+    offlineViewProps?: Partial<OfflineViewProps>;
 };
 export type ActionProps = ListItemProps & {
     closeOnClick?: boolean;
@@ -35,7 +44,9 @@ export type ActionProps = ListItemProps & {
  *  { primaryText: 'Delete', onClick: () => DeleteSomeThing(), leadingBlock: 'delete_outline'},
  *  { primaryText: 'Edit', onClick: () => EditSomeThing(), leadingBlock: 'edit'},
  * ];
+ * @param {boolean} isOnline Whether the user is online; shows OfflineView when false.
+ * @param {OfflineViewProps} offlineViewProps Props forwarded to OfflineView when offline.
  * @returns a context menu with the given actions as ListItems
  */
-export declare const ContextMenu: ({ triggerOpen, actions, iconOrientation, "data-testid": dataTestId, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ triggerOpen, actions, iconOrientation, "data-testid": dataTestId, isOnline, offlineViewProps, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,48 +1,52 @@
-import { jsx as o } from "react/jsx-runtime";
-import { I as d } from "../../index.es-0lQcz8m1.js";
-import { M as f, L as _, a as I } from "../../index.es-fnFnw2P1.js";
-import { useState as p, useCallback as a, useEffect as v } from "react";
-import { u as C } from "../../uniqueId-NU3-C36A.js";
-import '../../assets/ContextMenu.css';const k = "_menu_ol91v_1", y = "_icon_ol91v_5", M = "_listItem_ol91v_9", i = {
-  menu: k,
+import { jsx as t } from "react/jsx-runtime";
+import { I as _ } from "../../index.es-Kg9soDed.js";
+import { M as k, L as p, a as w } from "../../index.es-CPqaUyn3.js";
+import { useState as I, useCallback as a, useEffect as M } from "react";
+import { u as x } from "../../uniqueId-NU3-C36A.js";
+import { O as C } from "../../OfflineView-HbuDPpQL.js";
+import '../../assets/ContextMenu.css';const v = "_menu_1xwk3_1", y = "_icon_1xwk3_5", V = "_listItem_1xwk3_9", g = "_offlineViewMargin_1xwk3_19", s = {
+  menu: v,
   icon: y,
-  listItem: M
-}, T = ({
-  triggerOpen: n = null,
-  actions: c,
-  iconOrientation: m = "vertical",
-  "data-testid": r
+  listItem: V,
+  offlineViewMargin: g
+}, b = ({
+  triggerOpen: o = null,
+  actions: r,
+  iconOrientation: c = "vertical",
+  "data-testid": m,
+  isOnline: f = !0,
+  offlineViewProps: u
 }) => {
-  const [t, s] = p(!1), u = a(() => {
-    s(!t);
-  }, [t]), l = a(() => {
-    s(!1);
+  const [i, n] = I(!1), d = a(() => {
+    n(!i);
+  }, [i]), l = a(() => {
+    n(!1);
   }, []);
-  return v(() => {
-    s(n !== null ? n : !1);
-  }, [n]), /* @__PURE__ */ o(
-    f,
+  return M(() => {
+    n(o !== null ? o : !1);
+  }, [o]), /* @__PURE__ */ t(
+    k,
     {
-      className: i.menu,
-      "data-testid": r ?? "selection-menu",
-      open: t,
+      className: s.menu,
+      "data-testid": m ?? "selection-menu",
+      open: i,
       surfaceOnly: !0,
       hoistToBody: !0,
       onClose: l,
-      trigger: /* @__PURE__ */ o(
-        d,
+      trigger: /* @__PURE__ */ t(
+        _,
         {
-          className: i.icon,
-          variant: t ? "filled-primary" : void 0,
+          className: s.icon,
+          variant: i ? "filled-primary" : void 0,
           "data-testid": "open-button",
-          icon: m === "vertical" ? "more_vert" : "more_horiz",
-          onClick: u
+          icon: c === "vertical" ? "more_vert" : "more_horiz",
+          onClick: d
         }
       ),
-      children: /* @__PURE__ */ o(_, { "data-testid": "selection-list", children: c.map((e) => /* @__PURE__ */ o(
-        I,
+      children: f ? /* @__PURE__ */ t(p, { "data-testid": "selection-list", children: r.map((e) => /* @__PURE__ */ t(
+        w,
         {
-          className: i.listItem,
+          className: s.listItem,
           ...e,
           leadingBlockType: "icon",
           "data-testid": e["data-testid"],
@@ -50,12 +54,12 @@ import '../../assets/ContextMenu.css';const k = "_menu_ol91v_1", y = "_icon_ol91
             e?.onClick?.(), e.closeOnClick !== !1 && l();
           }
         },
-        C(`LI_${e.primaryText?.toString()}_`)
-      )) })
+        x(`LI_${e.primaryText?.toString()}_`)
+      )) }) : /* @__PURE__ */ t(C, { size: "small", variant: "filled", className: s.offlineViewMargin, ...u })
     },
     "selectionmenu"
   );
 };
 export {
-  T as ContextMenu
+  b as ContextMenu
 };