@hortiview/shared-components 2.12.2 → 2.14.0

package/dist/components/BaseView/BaseView.js

@@ -1,130 +1,130 @@
-import { jsx as e, Fragment as a, jsxs as n } from "react/jsx-runtime";
-import { D as G } from "../../index.es-B1h6DPYp.js";
-import { G as s } from "../../index.es-oxil0uFe.js";
-import { P as V } from "../../index.es-BanVdXEd.js";
-import { c as w } from "../../index-BcGujPyk.js";
-import { useMemo as d } from "react";
-import { BasicHeading as _ } from "../BasicHeading/BasicHeading.js";
-import { EmptyView as $ } from "../EmptyView/EmptyView.js";
-import { ListArea as y } from "../ListArea/ListArea.js";
-import { u as F } from "../../useBreakpoints-MzTZ0tCT.js";
-import { O as M } from "../../OfflineView-CIwV08EQ.js";
-import { useScrollableInfo as O } from "./BaseView.service.js";
-import '../../assets/BaseView.css';const P = "_fullHeight_1a5ww_1", T = "_fullWidth_1a5ww_5", q = "_maxWidth_1a5ww_9", z = "_list_1a5ww_14", J = "_desktopList_1a5ww_23", K = "_noRoundedCorners_1a5ww_28", Q = "_detail_1a5ww_32", U = "_desktopDetail_1a5ww_40", i = {
-  fullHeight: P,
-  fullWidth: T,
-  maxWidth: q,
-  list: z,
-  desktopList: J,
-  noRoundedCorners: K,
-  detail: Q,
-  desktopDetail: U
-}, dt = ({
-  heading: c,
-  action: u = /* @__PURE__ */ e(a, {}),
-  hint: g = /* @__PURE__ */ e(a, {}),
-  elements: l,
+import { jsx as e, Fragment as d, jsxs as c } from "react/jsx-runtime";
+import { D as V } from "../../index.es-B1h6DPYp.js";
+import { G as l } from "../../index.es-oxil0uFe.js";
+import { P as $ } from "../../index.es-BanVdXEd.js";
+import { c as g } from "../../index-BcGujPyk.js";
+import { useMemo as n } from "react";
+import { BasicHeading as w } from "../BasicHeading/BasicHeading.js";
+import { EmptyView as y } from "../EmptyView/EmptyView.js";
+import { ListArea as F } from "../ListArea/ListArea.js";
+import { u as M } from "../../useBreakpoints-MzTZ0tCT.js";
+import { O } from "../../OfflineView-CIwV08EQ.js";
+import { useScrollableInfo as P } from "./BaseView.service.js";
+import '../../assets/BaseView.css';const T = "_fullHeight_71rfc_1", q = "_fullWidth_71rfc_5", z = "_maxWidth_71rfc_9", J = "_list_71rfc_13", K = "_desktopList_71rfc_22", Q = "_noRoundedCorners_71rfc_27", U = "_detail_71rfc_31", X = "_desktopDetail_71rfc_39", i = {
+  fullHeight: T,
+  fullWidth: q,
+  maxWidth: z,
+  list: J,
+  desktopList: K,
+  noRoundedCorners: Q,
+  detail: U,
+  desktopDetail: X
+}, ct = ({
+  heading: u,
+  action: f = /* @__PURE__ */ e(d, {}),
+  hint: v = /* @__PURE__ */ e(d, {}),
+  elements: r,
   emptyText: m,
-  hasSearch: v = !0,
-  isSorted: D = !0,
-  className: W,
-  withAvatar: k = !1,
-  listMaxHeight: x = "calc(100vh - 220px)",
-  titleLevel: L = 5,
-  detailTitleLevel: b,
-  pathname: r,
-  basicHeadingIcon: H,
-  isOnline: f = !0,
-  offlineViewProps: h,
-  noRoundedListItemEdges: p = !0,
-  routerLinkElement: N,
-  searchPlaceholder: B,
-  isGrouped: R = !1
+  hasSearch: D = !0,
+  isSorted: W = !0,
+  className: k,
+  withAvatar: x = !1,
+  listMaxHeight: L = "calc(100vh - 220px)",
+  titleLevel: b = 5,
+  detailTitleLevel: H,
+  pathname: s,
+  basicHeadingIcon: N,
+  isOnline: h = !0,
+  offlineViewProps: p,
+  noRoundedListItemEdges: _ = !0,
+  routerLinkElement: B,
+  searchPlaceholder: R,
+  isGrouped: A = !1
 }) => {
-  const { isDesktopNavbar: o } = F(), t = d(() => l.find((E) => E.route === r), [r, l]), C = d(() => f ? t?.component ? t.component : o ? /* @__PURE__ */ e(V, { className: i.fullWidth, children: /* @__PURE__ */ e($, { title: m }) }) : /* @__PURE__ */ e(a, {}) : /* @__PURE__ */ e(M, { ...h, fullWidth: !0 }), [t?.component, m, o, f, h]), { showList: I, showDetail: S } = d(() => o ? { showList: !0, showDetail: !0 } : { showList: !t, showDetail: !!t }, [t, o]), { ref: A, hasScrolled: j } = O([
-    r,
+  const { isDesktopNavbar: o } = M(), t = n(() => r.find((a) => a.route === s), [s, r]), C = n(() => r.filter((a) => a.isAllowed !== !1), [r]), I = n(() => h ? t?.component ? t.component : o ? /* @__PURE__ */ e($, { className: i.fullWidth, children: /* @__PURE__ */ e(y, { title: m }) }) : /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(O, { ...p, fullWidth: !0 }), [t?.component, m, o, h, p]), { showList: S, showDetail: E } = n(() => o ? { showList: !0, showDetail: !0 } : { showList: !t, showDetail: !!t }, [t, o]), { ref: j, hasScrolled: G } = P([
+    s,
     o
   ]);
-  return /* @__PURE__ */ n(
-    s,
+  return /* @__PURE__ */ c(
+    l,
     {
       "data-testid": "base-view-container",
-      className: `${i.fullHeight} ${W ?? ""}`,
+      className: `${i.fullHeight} ${k ?? ""}`,
       fullWidth: !0,
       children: [
-        I && /* @__PURE__ */ n(
-          s,
+        S && /* @__PURE__ */ c(
+          l,
           {
             "data-testid": "show-list-container",
             gap: "none",
             direction: "vertical",
-            className: w(
+            className: g(
               i.list,
               o && i.desktopList,
-              p && i.noRoundedCorners
+              _ && i.noRoundedCorners
             ),
             children: [
-              c && /* @__PURE__ */ e(
-                _,
+              u && /* @__PURE__ */ e(
+                w,
                 {
-                  icon: H,
+                  icon: N,
                   "data-testid": "heading",
-                  heading: c,
-                  level: L,
+                  heading: u,
+                  level: b,
                   marginBottom: 0,
                   inList: !0,
-                  children: u
+                  children: f
                 }
               ),
-              g,
+              v,
               /* @__PURE__ */ e(
-                y,
+                F,
                 {
-                  hasLastItemNoRoundedEdges: p,
-                  elements: l,
-                  hasSearch: v,
-                  maxHeight: x,
-                  isSorted: D,
-                  pathname: r,
-                  routerLinkElement: N,
-                  searchPlaceholder: B,
-                  isGrouped: R
+                  hasLastItemNoRoundedEdges: _,
+                  elements: C,
+                  hasSearch: D,
+                  maxHeight: L,
+                  isSorted: W,
+                  pathname: s,
+                  routerLinkElement: B,
+                  searchPlaceholder: R,
+                  isGrouped: A
                 }
               )
             ]
           }
         ),
-        S && /* @__PURE__ */ n(
-          s,
+        E && /* @__PURE__ */ c(
+          l,
           {
             "data-testid": "show-details-container",
             gap: "none",
             direction: "vertical",
-            className: w(i.detail, o && i.desktopDetail),
+            className: g(i.detail, o && i.desktopDetail),
             children: [
               /* @__PURE__ */ e(
-                _,
+                w,
                 {
                   className: i.maxWidth,
                   heading: t?.detailTitle ?? t?.title ?? "",
-                  level: b,
+                  level: H,
                   icon: t?.hideIconInDetail === !0 ? void 0 : t?.detailIcon ?? t?.icon,
                   marginBottom: 0,
                   invisibleButton: t?.detailAction === void 0,
-                  withAvatar: k,
+                  withAvatar: x,
                   subHeading: t?.detailSubTitle,
-                  children: t?.detailAction ?? u
+                  children: t?.detailAction ?? f
                 }
               ),
-              j && /* @__PURE__ */ e(G, {}),
+              G && /* @__PURE__ */ e(V, {}),
               /* @__PURE__ */ e(
-                s,
+                l,
                 {
                   "data-testid": "base-view-show-details-scroll-component-group",
                   fullWidth: !0,
                   direction: "vertical",
-                  ref: A,
-                  children: C
+                  ref: j,
+                  children: I
                 }
               )
             ]
@@ -135,5 +135,5 @@ import '../../assets/BaseView.css';const P = "_fullHeight_1a5ww_1", T = "_fullWi
   );
 };
 export {
-  dt as BaseView
+  ct as BaseView
 };

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

@@ -1,10 +1,10 @@
 import { jsx as o, Fragment as s } from "react/jsx-runtime";
-import { a as n, s as e, f as p } from "../../react.esm-Bm0cAgpZ.js";
+import { a as n, s as e, f as d } from "../../react.esm-Bm0cAgpZ.js";
 import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
-import { BaseView as r } from "./BaseView.js";
-import { d as u, b as d, a as c, t as i, g as t } from "../../vi.bdSIJ99Y-B308Q-4w.js";
-u("BaseView Test", () => {
-  d(() => {
+import { BaseView as i } from "./BaseView.js";
+import { d as p, b as m, a as c, t as r, g as t } from "../../vi.bdSIJ99Y-B308Q-4w.js";
+p("BaseView Test", () => {
+  m(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !1,
       isTablet: !1,
@@ -38,10 +38,10 @@ u("BaseView Test", () => {
       component: /* @__PURE__ */ o(s, { children: "Security selected" })
     }
   ];
-  i("render BaseView with empty view and navigation list", () => {
+  r("render BaseView with empty view and navigation list", () => {
     n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile",
           elements: a,
@@ -53,10 +53,10 @@ 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();
-  }), i("render BaseView with data and navigation list", () => {
+  }), r("render BaseView with data and navigation list", () => {
     n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile/personal-information",
           elements: a,
@@ -69,10 +69,10 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("user.personal_information")).toHaveLength(2), t(e.getByText("account_circle")).toBeInTheDocument(), t(e.getByText("border_clear")).toBeInTheDocument(), t(e.getByText("directions_car")).toBeInTheDocument();
-  }), i("render BaseView with custom detail title and no detail icon", () => {
+  }), r("render BaseView with custom detail title and no detail icon", () => {
     n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile/data-privacy",
           elements: a,
@@ -84,7 +84,7 @@ 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);
-  }), i("hide empty view when screen is small", () => {
+  }), r("hide empty view when screen is small", () => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !0,
       isTablet: !1,
@@ -92,7 +92,7 @@ u("BaseView Test", () => {
       isDesktopNavbar: !1
     }), n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile/data-privacy",
           elements: a,
@@ -104,10 +104,10 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.queryByText("user.noselection")).not.toBeInTheDocument();
-  }), i("render BaseView with selected detail section", () => {
+  }), r("render BaseView with selected detail section", () => {
     n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile/data-privacy",
           elements: a,
@@ -118,11 +118,11 @@ u("BaseView Test", () => {
           routerLinkElement: void 0
         }
       )
-    ), p.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
-  }), i("renders only offline view when offline", () => {
+    ), d.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
+  }), r("renders only offline view when offline", () => {
     n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile/personal-information",
           elements: a,
@@ -136,5 +136,45 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.queryByText("Personal information selected")).not.toBeInTheDocument(), t(e.getByTestId("offline-test")).toBeInTheDocument();
+  }), r("does not render elements when isAllowed is false", () => {
+    n(
+      /* @__PURE__ */ o(
+        i,
+        {
+          pathname: "",
+          elements: [
+            {
+              id: "1",
+              title: "Allowed Element",
+              icon: "account_circle",
+              route: "/allowed",
+              component: /* @__PURE__ */ o(s, { children: "Allowed content" }),
+              isAllowed: !0
+            },
+            {
+              id: "2",
+              title: "Not Allowed Element",
+              icon: "privacy_tip",
+              route: "/not-allowed",
+              component: /* @__PURE__ */ o(s, { children: "Not allowed content" }),
+              isAllowed: !1
+            },
+            {
+              id: "3",
+              title: "Another Allowed Element",
+              icon: "security",
+              route: "/allowed-2",
+              component: /* @__PURE__ */ o(s, { children: "Another allowed content" }),
+              isAllowed: !0
+            }
+          ],
+          heading: "Permission Test",
+          hasSearch: !1,
+          emptyText: "No selection",
+          isSorted: !1,
+          routerLinkElement: void 0
+        }
+      )
+    ), t(e.getByText("Allowed Element")).toBeInTheDocument(), t(e.getByText("Another Allowed Element")).toBeInTheDocument(), t(e.queryByText("Not Allowed Element")).not.toBeInTheDocument();
   });
 });

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

@@ -34,6 +34,10 @@ export type ActionProps = ListItemProps & {
     'data-testid'?: string;
     dividerBefore?: boolean;
     dividerAfter?: boolean;
+    /**
+     * whether the user has the permission to trigger the action, if false the action will not be shown
+     */
+    isAllowed?: boolean;
 };
 /**
  *
@@ -50,5 +54,5 @@ export type ActionProps = ListItemProps & {
  * @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, isOnline, offlineViewProps, }: 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 | null;
 export {};

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,51 +1,56 @@
-import { jsx as i, jsxs as v } from "react/jsx-runtime";
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
 import { I } from "../../index.es-t87yNd9Y.js";
-import { M, L as p, a, b as C } from "../../index.es-BHvm4m-B.js";
-import { useState as k, useCallback as r, useEffect as y, Fragment as g } from "react";
-import { u as h } from "../../uniqueId-BNVTeImh.js";
-import { O as w } from "../../OfflineView-CIwV08EQ.js";
-import '../../assets/ContextMenu.css';const x = "_menu_148i2_1", L = "_icon_148i2_6", V = "_listItem_148i2_10", B = "_offlineViewMargin_148i2_20", s = {
-  menu: x,
-  icon: L,
-  listItem: V,
-  offlineViewMargin: B
-}, S = ({
+import { M as p, L as w, a as m, b as C } from "../../index.es-BHvm4m-B.js";
+import { useState as g, useCallback as f, useEffect as h, useMemo as k, Fragment as y } from "react";
+import { u as x } from "../../uniqueId-BNVTeImh.js";
+import { O as L } from "../../OfflineView-CIwV08EQ.js";
+import '../../assets/ContextMenu.css';const V = "_menu_148i2_1", B = "_icon_148i2_6", N = "_listItem_148i2_10", b = "_offlineViewMargin_148i2_20", s = {
+  menu: V,
+  icon: B,
+  listItem: N,
+  offlineViewMargin: b
+}, q = ({
   triggerOpen: l = null,
-  actions: m,
+  actions: o,
   iconOrientation: c = "vertical",
-  "data-testid": f,
+  "data-testid": u,
   isOnline: d = !0,
-  offlineViewProps: u
+  offlineViewProps: _
 }) => {
-  const [t, n] = k(!1), _ = r(() => {
-    n(!t);
-  }, [t]), o = r(() => {
+  const [i, n] = g(!1), M = f(() => {
+    n(!i);
+  }, [i]), a = f(() => {
     n(!1);
   }, []);
-  return y(() => {
+  h(() => {
     n(l !== null ? l : !1);
-  }, [l]), /* @__PURE__ */ i(
-    M,
+  }, [l]);
+  const r = k(
+    () => o.filter((e) => e.isAllowed !== !1),
+    [o]
+  );
+  return r.length === 0 ? null : /* @__PURE__ */ t(
+    p,
     {
       className: s.menu,
-      "data-testid": f ?? "selection-menu",
-      open: t,
+      "data-testid": u ?? "selection-menu",
+      open: i,
       surfaceOnly: !0,
       hoistToBody: !0,
-      onClose: o,
-      trigger: /* @__PURE__ */ i(
+      onClose: a,
+      trigger: /* @__PURE__ */ t(
         I,
         {
           className: s.icon,
-          variant: t ? "filled-primary" : void 0,
+          variant: i ? "filled-primary" : void 0,
           "data-testid": "open-button",
           icon: c === "vertical" ? "more_vert" : "more_horiz",
-          onClick: _
+          onClick: M
         }
       ),
-      children: d ? /* @__PURE__ */ i(p, { "data-testid": "selection-list", children: m.map((e) => /* @__PURE__ */ v(g, { children: [
-        e.dividerBefore && /* @__PURE__ */ i(a, {}),
-        /* @__PURE__ */ i(
+      children: d ? /* @__PURE__ */ t(w, { "data-testid": "selection-list", children: r.map((e) => /* @__PURE__ */ v(y, { children: [
+        e.dividerBefore && /* @__PURE__ */ t(m, {}),
+        /* @__PURE__ */ t(
           C,
           {
             className: s.listItem,
@@ -53,18 +58,18 @@ import '../../assets/ContextMenu.css';const x = "_menu_148i2_1", L = "_icon_148i
             leadingBlockType: "icon",
             "data-testid": e["data-testid"],
             onClick: () => {
-              e?.onClick?.(), e.closeOnClick !== !1 && o();
+              e?.onClick?.(), e.closeOnClick !== !1 && a();
             }
           }
         ),
-        e.dividerAfter && /* @__PURE__ */ i(a, {})
-      ] }, h(`LI_${e.primaryText?.toString()}_`))) }) : /* @__PURE__ */ i(
-        w,
+        e.dividerAfter && /* @__PURE__ */ t(m, {})
+      ] }, x(`LI_${e.primaryText?.toString()}_`))) }) : /* @__PURE__ */ t(
+        L,
         {
           size: "small",
           variant: "filled",
           className: s.offlineViewMargin,
-          ...u
+          ..._
         }
       )
     },
@@ -72,5 +77,5 @@ import '../../assets/ContextMenu.css';const x = "_menu_148i2_1", L = "_icon_148i
   );
 };
 export {
-  S as ContextMenu
+  q as ContextMenu
 };

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

@@ -1,34 +1,34 @@
-import { jsx as a } from "react/jsx-runtime";
-import { a as i, s as t, f as o, w as c } from "../../react.esm-Bm0cAgpZ.js";
+import { jsx as s } from "react/jsx-runtime";
+import { a, s as t, f as l, w as c } from "../../react.esm-Bm0cAgpZ.js";
 import { ContextMenu as d } from "./ContextMenu.js";
-import { a as B, d as I, t as l, g as e } from "../../vi.bdSIJ99Y-B308Q-4w.js";
-const g = B.fn(), m = B.fn(), r = B.fn(), u = [
+import { a as i, d as y, t as r, g as e } from "../../vi.bdSIJ99Y-B308Q-4w.js";
+const g = i.fn(), B = i.fn(), p = i.fn(), m = [
   { primaryText: "Open", onClick: g, leadingBlock: "add", "data-testid": "open-testid" },
   {
     primaryText: "Delete",
-    onClick: r,
+    onClick: p,
     leadingBlock: "delete_outline",
     "data-testid": "delete-testid"
   },
-  { primaryText: "Edit", onClick: m, leadingBlock: "edit", "data-testid": "edit-testid" }
+  { primaryText: "Edit", onClick: B, leadingBlock: "edit", "data-testid": "edit-testid" }
 ];
-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(
+y("ContextMenu Test", () => {
+  r("render contextMenu and close it", () => {
+    a(/* @__PURE__ */ s(d, { actions: m }));
+    const o = t.getByTestId("open-button"), n = t.getByTestId("selection-menu");
+    e(n).toBeInTheDocument(), e(n).not.toHaveClass("mdc-menu-surface--open"), l.click(o), c(() => e(n).toHaveClass("mdc-menu-surface--open")), l.click(o), c(() => e(n).not.toHaveClass("mdc-menu-surface--open"));
+  }), r("render ContextMenu and open it", async () => {
+    a(/* @__PURE__ */ s(d, { actions: m, triggerOpen: !0 }));
+    const o = t.getByTestId("open-button"), n = t.getByTestId("selection-menu");
+    e(n).toBeInTheDocument(), e(n).not.toHaveClass("mdc-menu-surface--open"), l.click(o), 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 u = t.getByTestId("open-testid"), T = t.getByTestId("delete-testid"), f = t.getByTestId("edit-testid");
+    e(u).toBeInTheDocument(), e(T).toBeInTheDocument(), e(f).toBeInTheDocument(), l.click(u), e(g).toHaveBeenCalled(), e(p).not.toHaveBeenCalled(), e(B).not.toHaveBeenCalled(), l.click(T), e(p).toHaveBeenCalled(), l.click(f), e(B).toHaveBeenCalled();
+  }), r("render ContextMenu with offlineView", async () => {
+    a(
+      /* @__PURE__ */ s(
         d,
         {
-          actions: u,
+          actions: m,
           triggerOpen: !0,
           isOnline: !1,
           offlineViewProps: {
@@ -37,9 +37,60 @@ I("ContextMenu Test", () => {
         }
       )
     );
-    const s = t.getByTestId("open-button");
-    o.click(s);
+    const o = t.getByTestId("open-button");
+    l.click(o);
     const n = t.getByTestId("selection-menu");
     await c(() => e(n).toHaveClass("mdc-menu-surface--animating-open")), e(t.getByTestId("offline-test")).toBeInTheDocument();
+  }), r("does not render action when isAllowed is false", async () => {
+    const o = [
+      {
+        primaryText: "Allowed Action",
+        onClick: i.fn(),
+        leadingBlock: "add",
+        "data-testid": "allowed-action",
+        isAllowed: !0
+      },
+      {
+        primaryText: "Not Allowed Action",
+        onClick: i.fn(),
+        leadingBlock: "delete_outline",
+        "data-testid": "not-allowed-action",
+        isAllowed: !1
+      },
+      {
+        primaryText: "Another Allowed Action",
+        onClick: i.fn(),
+        leadingBlock: "edit",
+        "data-testid": "another-allowed-action",
+        isAllowed: !0
+      }
+    ];
+    a(/* @__PURE__ */ s(d, { actions: o, triggerOpen: !0 }));
+    const n = t.getByTestId("open-button");
+    l.click(n);
+    const u = t.getByTestId("selection-menu");
+    await c(() => e(u).toHaveClass("mdc-menu-surface--animating-open")), e(t.getByText("Allowed Action")).toBeInTheDocument(), e(t.getByText("Another Allowed Action")).toBeInTheDocument(), e(t.queryByText("Not Allowed Action")).not.toBeInTheDocument();
+  }), r("does not render component when all actions have isAllowed false", () => {
+    const o = [
+      {
+        primaryText: "Not Allowed 1",
+        onClick: i.fn(),
+        leadingBlock: "add",
+        isAllowed: !1
+      },
+      {
+        primaryText: "Not Allowed 2",
+        onClick: i.fn(),
+        leadingBlock: "delete_outline",
+        isAllowed: !1
+      },
+      {
+        primaryText: "Not Allowed 3",
+        onClick: i.fn(),
+        leadingBlock: "edit",
+        isAllowed: !1
+      }
+    ];
+    a(/* @__PURE__ */ s(d, { actions: o })), e(t.queryByTestId("open-button")).not.toBeInTheDocument();
   });
 });

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

@@ -60,6 +60,10 @@ type DeleteModalProps = {
      * Default is _true_.
      */
     isDeletePossible?: boolean;
+    /**
+     * Whether the delete action is pending; shows a loading state on the confirm button when true.
+     */
+    isDeletePending?: boolean;
     /**
      * Whether the user is online; shows OfflineView when false.
      */
@@ -85,9 +89,10 @@ 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} isDeletePending - Whether the delete action is pending; shows a loading state on the confirm button when 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, isOnline, offlineViewProps, }: 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, isDeletePending, isOnline, offlineViewProps, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};