@hortiview/shared-components 2.8.8 → 2.9.0

package/dist/components/BaseView/BaseView.service.js

@@ -0,0 +1,27 @@
+import { useRef as S, useState as s, useLayoutEffect as E } from "react";
+function T(u = []) {
+  const r = S(null), [d, f] = s(!1), [m, v] = s(!1), [p, b] = s(!0), [h, w] = s(!1);
+  return E(() => {
+    const e = r.current;
+    if (!e) return;
+    const t = () => {
+      const o = e.scrollHeight, a = e.clientHeight, i = e.scrollTop;
+      f(o > a + 1), b(i <= 0), v(Math.ceil(i + a) >= o);
+    }, n = () => {
+      const o = e.scrollTop;
+      w(o > 0), t();
+    };
+    t();
+    const L = requestAnimationFrame(t);
+    e.addEventListener("scroll", n, { passive: !0 });
+    const c = new ResizeObserver(t);
+    c.observe(e);
+    const l = new MutationObserver(t);
+    return l.observe(e, { childList: !0, subtree: !0, characterData: !0 }), window.addEventListener("resize", t), () => {
+      cancelAnimationFrame(L), e.removeEventListener("scroll", n), c.disconnect(), l.disconnect(), window.removeEventListener("resize", t);
+    };
+  }, u), { ref: r, scrollable: d, atTop: p, atBottom: m, hasScrolled: h };
+}
+export {
+  T as useScrollableInfo
+};

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-CX1WJ2Pp.js";
 import { a as l } from "../../useBreakpoints-MzTZ0tCT.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";
+import { BaseView as i } from "./BaseView.js";
+import { d as u, b as d, a as c, t as r, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 u("BaseView Test", () => {
-  f(() => {
+  d(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !1,
       isTablet: !1,
@@ -37,10 +37,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,
@@ -52,10 +52,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,
@@ -63,14 +63,15 @@ u("BaseView Test", () => {
           hasSearch: !1,
           emptyText: "user.noselection",
           isSorted: !1,
-          routerLinkElement: void 0
+          routerLinkElement: void 0,
+          basicHeadingIcon: "directions_car"
         }
       )
-    ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("account_circle")).toHaveLength(2), t(e.getAllByText("user.personal_information")).toHaveLength(2);
-  }), i("render BaseView with custom detail title and no detail icon", () => {
+    ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("account_circle")).toHaveLength(2), t(e.getAllByText("user.personal_information")).toHaveLength(2), t(e.getByText("directions_car")).toBeInTheDocument();
+  }), r("render BaseView with custom detail title and no detail icon", () => {
     n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile/data-privacy",
           elements: a,
@@ -82,7 +83,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,
@@ -90,7 +91,7 @@ u("BaseView Test", () => {
       isDesktopNavbar: !1
     }), n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile/data-privacy",
           elements: a,
@@ -102,10 +103,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,
@@ -117,10 +118,10 @@ u("BaseView Test", () => {
         }
       )
     ), p.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
-  }), i("renders only offline view when offline", () => {
+  }), r("renders only offline view when offline", () => {
     n(
       /* @__PURE__ */ o(
-        r,
+        i,
         {
           pathname: "/personal-profile/personal-information",
           elements: a,

package/dist/components/BasicHeading/BasicHeading.d.ts

@@ -10,7 +10,12 @@ export type BasicHeadingProps = {
      */
     marginBottom?: 'large' | number;
     /**
-     * the level of the heading, @default 4
+     * @deprecated no longer used since it leads to inconsistent paddings
+     * Optional custom padding for the header @default "0.75rem"
+     */
+    customHeaderPadding?: string;
+    /**
+     * the level of the heading, @default 5
      */
     level?: number;
     /**

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,79 +1,83 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { I as u } from "../../index.es-DwzB1d7_.js";
-import { b as y, T as C } from "../../index.es-BGordhUK.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";
-import { OverflowTooltip as B } from "../OverflowTooltip/OverflowTooltip.js";
-import '../../assets/BasicHeading.css';const N = "_pageHeader_gwnjc_1", b = "_actionButtonContainer_gwnjc_16", H = "_leadingIcon_gwnjc_31", T = "_headingWrapper_gwnjc_35", x = "_headingContainer_gwnjc_40", A = "_invisible_gwnjc_45", W = "_withAvatar_gwnjc_49", $ = "_iconContainer_gwnjc_54", n = {
-  pageHeader: N,
-  actionButtonContainer: b,
-  leadingIcon: H,
-  headingWrapper: T,
-  headingContainer: x,
-  invisible: A,
-  withAvatar: W,
-  iconContainer: $
-}, k = ({ icon: e }) => e ? typeof e != "string" ? /* @__PURE__ */ i("div", { className: n.iconContainer, children: e }) : e in j ? /* @__PURE__ */ i(
-  w,
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { G as t } from "../../index.es-DsGuBR0Z.js";
+import { I as u } from "../../index.es-DYs8W4jv.js";
+import { b as w, T as h } from "../../index.es-DCSgIiJH.js";
+import { c as I } from "../../index-Cpb-8cAN.js";
+import { Iconify as A } from "../Iconify/Iconify.js";
+import { AvailableCustomIcons as H } from "../../enums/AvailableCustomIcons.js";
+import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
+import { OverflowTooltip as x } from "../OverflowTooltip/OverflowTooltip.js";
+import '../../assets/BasicHeading.css';const C = "_basicHeading_imv0w_1", T = "_actions_imv0w_6", B = "_invisible_imv0w_10", j = "_leadingIcon_imv0w_14", k = "_withAvatar_imv0w_18", z = "_iconContainer_imv0w_24", n = {
+  basicHeading: C,
+  actions: T,
+  invisible: B,
+  leadingIcon: j,
+  withAvatar: k,
+  iconContainer: z
+}, D = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ e("div", { className: n.iconContainer, children: i }) : i in H ? /* @__PURE__ */ e(
+  A,
   {
-    icon: e,
+    icon: i,
     className: n.leadingIcon,
-    iconSize: "large",
+    iconSize: "medium",
     iconType: "filled"
   }
-) : /* @__PURE__ */ i(u, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, R = ({
-  children: e,
-  marginBottom: a,
-  heading: t,
-  icon: d,
-  className: p,
-  subHeading: r,
+) : /* @__PURE__ */ e(u, { iconSize: "medium", iconType: "filled", icon: i, className: n.leadingIcon }) : null, q = ({
+  children: i,
+  marginBottom: s,
+  heading: a,
+  icon: m,
+  className: d,
+  subHeading: p,
   subHeadingLevel: g = 2,
-  invisibleButton: m = !1,
-  level: s = 4,
+  invisibleButton: f = !1,
+  level: r = 5,
   fontWeight: c = 400,
-  withAvatar: _ = !1
+  withAvatar: v = !1
 }) => {
-  const { isDesktop: l } = I(), f = l ? s : s + 1, h = c === "bold" ? 500 : c, v = () => {
-    if (a !== void 0)
-      return typeof a == "number" ? `${a}px` : "2rem";
-  };
+  const { isDesktop: l } = N(), y = l ? r : r + 1, _ = c === "bold" ? 500 : c, b = typeof s == "number" ? `${s}px` : "2rem";
   return /* @__PURE__ */ o(
-    "div",
+    t,
     {
-      className: n.pageHeader,
-      style: { marginBottom: v() },
+      primaryAlign: "space-between",
+      secondaryAlign: "center",
+      gap: "none",
+      className: n.basicHeading,
+      style: { marginBottom: b },
       "data-testid": "HeaderContainer",
       children: [
         /* @__PURE__ */ o(
-          "div",
+          t,
           {
-            className: `${_ && l ? n.withAvatar : ""} ${n.headingWrapper}`,
+            secondaryAlign: "center",
+            gap: "none",
+            className: `${v && l ? n.withAvatar : ""}`,
             children: [
-              /* @__PURE__ */ i(k, { icon: d }),
-              /* @__PURE__ */ o("div", { className: r ? n.headingContainer : "", children: [
-                /* @__PURE__ */ i(B, { id: t, text: t, children: /* @__PURE__ */ i(
-                  y,
+              /* @__PURE__ */ e(D, { icon: m }),
+              /* @__PURE__ */ o(t, { direction: "vertical", gap: "none", children: [
+                /* @__PURE__ */ e(x, { id: a, text: a, children: /* @__PURE__ */ e(
+                  w,
                   {
-                    level: f,
+                    level: y,
                     "data-testid": "Header",
-                    className: p ?? "",
-                    style: { fontWeight: h },
-                    children: t
+                    className: d ?? "",
+                    style: { fontWeight: _ },
+                    children: a
                   }
                 ) }),
-                /* @__PURE__ */ i(C, { level: g, children: r })
+                /* @__PURE__ */ e(h, { level: g, children: p })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ i(
-          "div",
+        /* @__PURE__ */ e(
+          t,
           {
-            className: `${n.actionButtonContainer} ${m && n.invisible}`,
+            secondaryAlign: "center",
+            gap: "dense",
+            className: I(f && n.invisible, n.actions),
             "data-testid": "RightPart",
-            children: e
+            children: i
           }
         )
       ]
@@ -81,5 +85,5 @@ import '../../assets/BasicHeading.css';const N = "_pageHeader_gwnjc_1", b = "_ac
   );
 };
 export {
-  R as BasicHeading
+  q as BasicHeading
 };

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

@@ -1,36 +1,36 @@
-import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { B as g } from "../../index.es-0QJC9VS2.js";
-import { a, s as n } from "../../react.esm-CX1WJ2Pp.js";
-import { BasicHeading as i } from "./BasicHeading.js";
+import { jsx as o, Fragment as d } from "react/jsx-runtime";
+import { B as g } from "../../index.es-DUcI2Zyr.js";
+import { a as i, s as t } from "../../react.esm-CX1WJ2Pp.js";
+import { BasicHeading as a } from "./BasicHeading.js";
 import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("BasicHeading-Test", () => {
   s("render small container without content", () => {
-    a(/* @__PURE__ */ o(i, { heading: "Test" }));
-    const t = n.getByTestId("HeaderContainer");
-    e(t).toBeDefined(), e(t).toHaveClass(/pageHeader/);
-    const r = n.getByTestId("Header");
+    i(/* @__PURE__ */ o(a, { heading: "Test" }));
+    const n = t.getByTestId("HeaderContainer");
+    e(n).toBeDefined();
+    const r = t.getByTestId("Header");
     e(r).toBeDefined(), e(r).toHaveTextContent("Test");
-    const d = n.getByTestId("RightPart");
-    e(d).toBeDefined();
+    const c = t.getByTestId("RightPart");
+    e(c).toBeDefined();
   }), s("render large container with children", () => {
-    a(
-      /* @__PURE__ */ o(i, { heading: "Test", marginBottom: "large", children: /* @__PURE__ */ o(g, { children: "Extracontent" }) })
+    i(
+      /* @__PURE__ */ o(a, { heading: "Test", marginBottom: "large", children: /* @__PURE__ */ o(g, { children: "Extracontent" }) })
     );
-    const t = n.getByTestId("HeaderContainer");
-    e(t).toBeDefined();
-    const r = n.getByTestId("Header");
+    const n = t.getByTestId("HeaderContainer");
+    e(n).toBeDefined();
+    const r = t.getByTestId("Header");
     e(r).toBeDefined(), e(r).toHaveTextContent("Test");
-    const d = n.getByTestId("RightPart");
-    e(d).toBeDefined(), e(d).toContainHTML("<button");
+    const c = t.getByTestId("RightPart");
+    e(c).toBeDefined(), e(c).toContainHTML("<button");
   }), s("render with available custom icon", () => {
-    a(/* @__PURE__ */ o(i, { heading: "Test", icon: "farm" }));
-    const t = n.getByTestId("farm");
-    e(t).toBeInTheDocument();
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: "farm" }));
+    const n = t.getByTestId("farm");
+    e(n).toBeInTheDocument();
   }), s("render with JSX element as icon", () => {
-    a(/* @__PURE__ */ o(i, { heading: "Test", icon: /* @__PURE__ */ o(c, { children: "JSX" }) })), e(n.getByText("JSX")).toBeInTheDocument();
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: /* @__PURE__ */ o(d, { children: "JSX" }) })), e(t.getByText("JSX")).toBeInTheDocument();
   }), s("render with other icon", () => {
-    a(/* @__PURE__ */ o(i, { heading: "Test", icon: "contact_support" }));
-    const t = document.querySelector("i");
-    e(t).toHaveTextContent("contact_support");
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: "contact_support" }));
+    const n = document.querySelector("i");
+    e(n).toHaveTextContent("contact_support");
   });
 });

package/dist/components/BlockView/BlockView.d.ts

@@ -1,6 +1,8 @@
 import { Block } from '../../types/internal/Block';
 
-type BlockViewProps<T extends Block> = {
+type BlockViewProps<T extends Block & {
+    id?: string;
+}> = {
     /**
      * number of rows the will be rendered
      */
@@ -14,9 +16,13 @@ type BlockViewProps<T extends Block> = {
      */
     errorBlocks?: number[];
     /**
-     * hide the text above and below the block view
+     * hide the text above the block view @default false
      */
     hideText?: boolean;
+    /**
+     * hide the text below the block view @default false
+     */
+    hideBlockCountText?: boolean;
     /**
      * show the block numbers inside the blocks
      */
@@ -56,9 +62,15 @@ type BlockViewProps<T extends Block> = {
      * an empty view title to be shown when there are no blocks
      */
     emptyViewTitle?: string;
+    /**
+     * Blocks that should be highlighted as active.
+     */
+    activeBlocks?: string[];
 };
 /**
  * A component that renders a grid of blocks
  */
-export declare const BlockView: <T extends Block>({ rows, columns, hideText, errorBlocks, showNumbers, clickable, size, onClick, currentBlock, blocks, blockViewTitle, blockLabel, emptyViewTitle, }: BlockViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const BlockView: <T extends Block & {
+    id?: string;
+}>({ rows, columns, hideText, hideBlockCountText, errorBlocks, showNumbers, clickable, size, onClick, currentBlock, activeBlocks, blocks, blockViewTitle, blockLabel, emptyViewTitle, }: BlockViewProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/BlockView/BlockView.js

@@ -1,82 +1,93 @@
-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-BGordhUK.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 = {
-  grid: M,
-  black: V,
-  blockLayout: j,
-  blockRow: q,
-  block: G,
-  active: H,
-  error: I,
-  empty: J,
-  blockText: K,
-  emptyLayout: O
-}, Y = ({
+import { jsxs as v, jsx as o, Fragment as h } from "react/jsx-runtime";
+import { d as D, b as S, a as F } from "../../index.es-DCSgIiJH.js";
+import { c as M } from "../../index-Cpb-8cAN.js";
+import { useState as V, useEffect as q, useMemo as G } from "react";
+import { getBlockNumberByDto as H } from "../../services/BlockService.js";
+import '../../assets/BlockView.css';const I = "_grid_1ym34_1", J = "_blockLayout_1ym34_11", K = "_blockRow_1ym34_22", O = "_block_1ym34_11", P = "_active_1ym34_41", Q = "_error_1ym34_46", U = "_empty_1ym34_52", W = "_activeBlock_1ym34_56", X = "_blockText_1ym34_60", Y = "_emptyLayout_1ym34_70", t = {
+  grid: I,
+  blockLayout: J,
+  blockRow: K,
+  block: O,
+  active: P,
+  error: Q,
+  empty: U,
+  activeBlock: W,
+  blockText: X,
+  emptyLayout: Y
+}, rt = ({
   rows: e,
   columns: r,
-  hideText: b = !1,
-  errorBlocks: f = [],
-  showNumbers: w = !0,
-  clickable: g = !0,
-  size: m = 15,
-  onClick: d = null,
-  currentBlock: a,
-  blocks: k,
-  blockViewTitle: N,
-  blockLabel: $,
-  emptyViewTitle: x
+  hideText: f = !1,
+  hideBlockCountText: w = !1,
+  errorBlocks: N = [],
+  showNumbers: g = !0,
+  clickable: x = !0,
+  size: y = 15,
+  onClick: u = null,
+  currentBlock: s,
+  activeBlocks: b,
+  blocks: m,
+  blockViewTitle: L,
+  blockLabel: T,
+  emptyViewTitle: B
 }) => {
-  const [u, _] = A(0);
-  D(() => {
-    if (!a) return;
-    const l = F(a, r);
-    _(l);
-  }, [a, r]);
-  const L = S(() => e * r, [e, r]), T = (l) => {
-    d && d(l, a ?? void 0);
-  }, E = ({ row: l, column: i }) => k.length === 0 ? !0 : k.some((s) => s.position?.row === l && s.position?.column === i), y = !e && !r;
-  return /* @__PURE__ */ v("div", { "data-testid": "block-view-container", className: o.grid, children: [
-    !b && /* @__PURE__ */ t(C, { level: 1, bold: !0, className: o.black, children: N }),
-    /* @__PURE__ */ t(
+  const [C, _] = V(0);
+  q(() => {
+    if (!s) return;
+    const i = H(s, r);
+    _(i);
+  }, [s, r]);
+  const E = G(() => e * r, [e, r]), R = (i) => {
+    u && u(i, s ?? void 0);
+  }, $ = ({ row: i, column: c }) => m.length === 0 ? !0 : m.some((d) => d.position?.row === i && d.position?.column === c), k = !e && !r;
+  return /* @__PURE__ */ v("div", { "data-testid": "block-view-container", className: t.grid, children: [
+    !f && /* @__PURE__ */ o(D, { level: 1, bold: !0, className: t.black, children: L }),
+    /* @__PURE__ */ o(
       "div",
       {
         "data-testid": "block-view-layout",
-        className: y ? o.emptyLayout : o.blockLayout,
-        style: { width: `${m}rem`, height: `${m}rem` },
-        children: y ? /* @__PURE__ */ t(P, { emptyViewTitle: x }) : /* @__PURE__ */ t(h, { children: Array.from({ length: e }).map((l, i) => /* @__PURE__ */ t("div", { "data-testid": "block-view-row", className: o.blockRow, children: Array.from({ length: r }).map((s, n) => {
-          const c = r * i + n + 1, p = E({ row: i + 1, column: n + 1 });
-          return /* @__PURE__ */ t(
+        className: k ? t.emptyLayout : t.blockLayout,
+        style: { width: `${y}rem`, height: `${y}rem` },
+        children: k ? /* @__PURE__ */ o(Z, { emptyViewTitle: B }) : /* @__PURE__ */ o(h, { children: Array.from({ length: e }).map((i, c) => /* @__PURE__ */ o("div", { "data-testid": "block-view-row", className: t.blockRow, children: Array.from({ length: r }).map((d, a) => {
+          const l = r * c + a + 1, p = $({ row: c + 1, column: a + 1 }), A = M(
+            t.block,
+            C === l && t.active,
+            !p && t.empty,
+            N.includes(l) && t.error,
+            b && m.some(
+              (n) => n.id && b.includes(n.id) && n.position?.row === c + 1 && n.position?.column === a + 1
+            ) && t.activeBlock
+          );
+          return /* @__PURE__ */ o(
             "div",
             {
               "data-testid": "block-view-block",
-              className: `${o.block} ${u === c ? o.active : ""} ${p ? "" : o.empty} ${f.includes(c) ? o.error : ""}`,
-              id: `block${c}`,
-              onClick: g ? () => {
-                _(c), T({ row: i + 1, column: n + 1 });
+              className: A,
+              id: `block${l}`,
+              onClick: x ? () => {
+                _(l), R({ row: c + 1, column: a + 1 });
               } : void 0,
-              children: w && p && /* @__PURE__ */ t(
+              children: g && p && /* @__PURE__ */ o(
                 "div",
                 {
                   "data-testid": "block-view-block-number",
-                  className: `${o.blockText} ${u === c ? o.black : ""}`,
-                  children: c
+                  className: t.blockText,
+                  children: l
                 }
               )
             },
-            c
+            l
           );
-        }) }, i)) })
+        }) }, c)) })
       }
     ),
-    !b && /* @__PURE__ */ v(R, { themeColor: "primary", level: 6, children: [
-      L,
+    !w && /* @__PURE__ */ v(S, { themeColor: "primary", level: 6, children: [
+      E,
       " ",
-      $
+      T
     ] })
   ] });
-}, P = ({ emptyViewTitle: e }) => e ? /* @__PURE__ */ t(B, { bold: !0, children: e }) : /* @__PURE__ */ t(h, {});
+}, Z = ({ emptyViewTitle: e }) => e ? /* @__PURE__ */ o(F, { bold: !0, children: e }) : /* @__PURE__ */ o(h, {});
 export {
-  Y as BlockView
+  rt as BlockView
 };

package/dist/components/ChipCard/ChipCard.js

@@ -1,19 +1,19 @@
 import { jsx as jt } from "react/jsx-runtime";
-import { o as ze, e as Je, i as Qe, C as Ze } from "../../index.es-Bg8hxXM8.js";
+import { o as ze, e as Je, i as Qe, C as Ze } from "../../index.es-P5F6NJPB.js";
 import { _ as te, a as Fe, c as Jt, b as Kt, d as De, P as l } from "../../index-Cpb-8cAN.js";
 import { f as Mt, _ as Le, a as kt, b as Pe, c as Ke, d as $t, e as Yt, g as Me } from "../../defineProperty-CmuOyxyf.js";
-import { _ as Pt, a as ti, b as ei, c as ii } from "../../map-Dbvlv_6y.js";
+import { _ as Pt, a as ti, b as ei, c as ii } from "../../map-LUrszKZW.js";
 import { g as ke } from "../../_commonjsHelpers-BkfeUUK-.js";
 import { a as ni } from "../../es.string.iterator-DrqCBub-.js";
-import { j as oi, _ as vt } from "../../slicedToArray-BWk2gTCn.js";
-import { k as It, u as ri, l as ai, e as ci, i as si } from "../../index.es-BXj90wb_.js";
-import { n as li, i as di, K as M, _ as ui } from "../../keyboard-B-WUULl-.js";
-import { _ as _e } from "../../find-B-dm7n_F.js";
+import { j as oi, _ as vt } from "../../slicedToArray-uk6yv91z.js";
+import { k as It, u as ri, l as ai, e as ci, i as si } from "../../index.es-BjvSa9Z-.js";
+import { n as li, i as di, K as M, _ as ui } from "../../keyboard-BfmK7HK_.js";
+import { _ as _e } from "../../find-Dpy_M6vm.js";
 import E, { useEffect as ee, useState as gt, useMemo as Qt, useCallback as g, useRef as Ye, forwardRef as pi, useImperativeHandle as hi } from "react";
 import { e as fi, c as R, b as tt } from "../../tslib.es6-BDCynO9F.js";
 import { M as ie, a as ne } from "../../component-neHBNHRu.js";
 import { M as wt, b as we } from "../../component-DsB0poTj.js";
-import { I as Ce } from "../../index.es-DwzB1d7_.js";
+import { I as Ce } from "../../index.es-DYs8W4jv.js";
 import { OverflowTooltip as _i } from "../OverflowTooltip/OverflowTooltip.js";
 import '../../assets/ChipCard.css';var Ci = Qe ? window : null, Ie = function(o) {
   return !!o.addEventListener;

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

@@ -32,6 +32,8 @@ type ContextMenuProps = {
 export type ActionProps = ListItemProps & {
     closeOnClick?: boolean;
     'data-testid'?: string;
+    dividerBefore?: boolean;
+    dividerAfter?: boolean;
 };
 /**
  *