@hortiview/shared-components 0.0.6890 → 0.0.7018

package/dist/assets/baseView.css

@@ -0,0 +1 @@
+._divider_1513z_1{margin:0 2rem}._truncate_1513z_5{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}._desktopList_1513z_13{width:30%}._mobileList_1513z_17{width:100%}._desktopDetail_1513z_21{width:70%}._mobileDetail_1513z_25{width:100%}

package/dist/assets/basicHeading.css

@@ -0,0 +1 @@
+._pageHeader_gwnjc_1{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;align-self:end}._headlineContainer_gwnjc_11,._actionButtonContainer_gwnjc_16{display:flex;align-items:center}._actionButtonContainer_gwnjc_16>button{max-height:48px}._content_gwnjc_25{display:flex;justify-content:space-between;gap:1.5rem}._leadingIcon_gwnjc_31{margin-right:.8rem}._headingWrapper_gwnjc_35{display:flex;align-items:center}._headingContainer_gwnjc_40{display:flex;flex-direction:column}._invisible_gwnjc_45{visibility:hidden}._withAvatar_gwnjc_49{margin-left:.25rem;padding-right:1rem;margin-top:0rem}._withAvatar_gwnjc_49>._iconContainer_gwnjc_54{scale:1.1}._iconContainer_gwnjc_54{padding-right:.5rem}

package/dist/assets/listArea.css

@@ -0,0 +1 @@
+._fullWidth_x5yt7_1{width:100%}._mainElevation_x5yt7_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_x5yt7_11 div{border:none}._searchbar_x5yt7_11 button{margin-right:.5rem}._roundedBottom_x5yt7_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_x5yt7_24 [class*=mdc-list-item__primary-text]{display:none!important}._list_x5yt7_28{padding-top:0;padding-bottom:0;overflow-y:auto}._list_x5yt7_28 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_x5yt7_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_x5yt7_28::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_x5yt7_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_x5yt7_56{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_x5yt7_56 i:not(._trailingIcon_x5yt7_60){color:var(--lmnt-theme-on-surface-inactive)}._listItem_x5yt7_56 i._trailingIcon_x5yt7_60{color:var(--lmnt-theme-on-surface-disabled)}._listItem_x5yt7_56 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_x5yt7_72{height:4.5rem!important}._iconColor_x5yt7_76{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_x5yt7_80 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._truncate_x5yt7_85{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}._truncateOverlineText_x5yt7_94{margin-bottom:-1rem!important;margin-top:-1rem!important}

package/dist/baseView.module-ve87u_d0.js

@@ -0,0 +1,12 @@
+import "./assets/baseView.css";
+const t = "_divider_1513z_1", e = "_truncate_1513z_5", i = "_desktopList_1513z_13", s = "_mobileList_1513z_17", o = "_desktopDetail_1513z_21", _ = "_mobileDetail_1513z_25", d = {
+  divider: t,
+  truncate: e,
+  desktopList: i,
+  mobileList: s,
+  desktopDetail: o,
+  mobileDetail: _
+};
+export {
+  d as s
+};

package/dist/basicHeading.module-BYb8xvuk.js

@@ -0,0 +1,16 @@
+import "./assets/basicHeading.css";
+const n = "_pageHeader_gwnjc_1", e = "_headlineContainer_gwnjc_11", t = "_actionButtonContainer_gwnjc_16", a = "_content_gwnjc_25", i = "_leadingIcon_gwnjc_31", o = "_headingWrapper_gwnjc_35", c = "_headingContainer_gwnjc_40", _ = "_invisible_gwnjc_45", r = "_withAvatar_gwnjc_49", g = "_iconContainer_gwnjc_54", d = {
+  pageHeader: n,
+  headlineContainer: e,
+  actionButtonContainer: t,
+  content: a,
+  leadingIcon: i,
+  headingWrapper: o,
+  headingContainer: c,
+  invisible: _,
+  withAvatar: r,
+  iconContainer: g
+};
+export {
+  d as s
+};

package/dist/bigLoadingSpinner.module-GgbFol8k.js

@@ -0,0 +1,11 @@
+import "./assets/bigLoadingSpinner.css";
+const o = "_loadingBigOverlay_7dxo1_1", d = "_bigLoadSpinnerCard_7dxo1_12", a = "_bigLoadSpinnerCardText_7dxo1_27", n = "_logo_7dxo1_33", e = "_rotate360deg_7dxo1_1", i = {
+  loadingBigOverlay: o,
+  bigLoadSpinnerCard: d,
+  bigLoadSpinnerCardText: a,
+  logo: n,
+  rotate360deg: e
+};
+export {
+  i as s
+};

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,27 +1,22 @@
-import "../../assets/AlertBanner.css";
-import { jsx as e, Fragment as c, jsxs as a } from "react/jsx-runtime";
-import { Group as p, TypoBody as l } from "@element/react-components";
-import { u as m } from "../../useBreakpoint-2MH8ICuE.js";
-const d = "_messageContainer_1kpsp_1", _ = "_info_1kpsp_9", g = "_danger_1kpsp_14", u = "_success_1kpsp_19", n = {
-  messageContainer: d,
-  info: _,
-  danger: g,
-  success: u
-}, v = ({ text: s, color: r = "info", isOpen: o = !0, action: i }) => {
-  const { isDesktop: t } = m();
-  return o ? /* @__PURE__ */ e("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ a(
-    p,
+import { jsx as r, Fragment as a, jsxs as l } from "react/jsx-runtime";
+import { Group as c, TypoBody as m } from "@element/react-components";
+import { u as p } from "../../useBreakpoint-BNeVhjjZ.js";
+import { s as o } from "../../alertBanner.module-HneYdVzN.js";
+const g = ({ text: e, color: i = "info", isOpen: n = !0, action: s }) => {
+  const { isDesktop: t } = p();
+  return n ? /* @__PURE__ */ r("div", { className: `${o.messageContainer} ${o[i]}`, children: /* @__PURE__ */ l(
+    c,
     {
       direction: t ? "horizontal" : "vertical",
       primaryAlign: "space-between",
       secondaryAlign: "center",
       children: [
-        typeof s == "string" ? /* @__PURE__ */ e(l, { bold: !0, level: 2, children: s }) : /* @__PURE__ */ e("div", { children: s }),
-        i
+        typeof e == "string" ? /* @__PURE__ */ r(m, { bold: !0, level: 2, children: e }) : /* @__PURE__ */ r("div", { children: e }),
+        s
       ]
     }
-  ) }) : /* @__PURE__ */ e(c, {});
+  ) }) : /* @__PURE__ */ r(a, {});
 };
 export {
-  v as AlertBanner
+  g as AlertBanner
 };

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

@@ -1,6 +1,6 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
-import { a as t, s } from "../../react.esm-DoZanrUz.js";
-import { a as l } from "../../useBreakpoint-2MH8ICuE.js";
+import { a as t, s } from "../../react.esm-C3jDj5Fe.js";
+import { a as l } from "../../useBreakpoint-BNeVhjjZ.js";
 import { AlertBanner as n } from "./AlertBanner.js";
 import { d as c, b as p, t as r, g as o, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";
 c("AlertBanner Test", () => {

package/dist/components/BaseView/BaseView.js

@@ -1,67 +1,64 @@
-import "../../assets/BaseView.css";
-import { jsx as e, Fragment as w, jsxs as i } from "react/jsx-runtime";
-import { Grid as x, GridRow as A, GridCol as a, Group as u } from "@element/react-components";
-import { useMemo as l } from "react";
-import { BasicHeading as m } from "../BasicHeading/BasicHeading.js";
-import { EmptyView as D } from "../EmptyView/EmptyView.js";
-import { ListArea as H } from "../ListArea/ListArea.js";
-import { VerticalDivider as N } from "../VerticalDivider/VerticalDivider.js";
-import { u as V } from "../../useBreakpoint-2MH8ICuE.js";
-const W = "_divider_12ecr_1", j = "_truncate_12ecr_5", p = {
-  divider: W,
-  truncate: j
-}, J = ({
+import { jsx as i, Fragment as x, jsxs as n } from "react/jsx-runtime";
+import { Group as o } from "@element/react-components";
+import { useMemo as s } from "react";
+import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
+import { EmptyView as L } from "../EmptyView/EmptyView.js";
+import { ListArea as A } from "../ListArea/ListArea.js";
+import { VerticalDivider as V } from "../VerticalDivider/VerticalDivider.js";
+import { u as W } from "../../useBreakpoint-BNeVhjjZ.js";
+import { s as r } from "../../baseView.module-ve87u_d0.js";
+const C = ({
   action: c,
-  heading: d,
-  elements: o,
-  emptyText: s,
-  hasSearch: h = !0,
+  heading: m,
+  elements: l,
+  emptyText: d,
+  hasSearch: p = !0,
   isSorted: f = !0,
-  className: v,
-  withAvatar: g = !1,
-  listMaxHeight: C = "calc(100vh - 200px)",
-  pathname: n,
-  routerLinkElement: B,
-  searchPlaceholder: _
+  className: h,
+  withAvatar: v = !1,
+  listMaxHeight: g = "calc(100vh - 200px)",
+  pathname: a,
+  routerLinkElement: w,
+  searchPlaceholder: B
 }) => {
-  const { isDesktop: r } = V(), t = l(() => o.find((k) => k.route === n), [n, o]), G = l(() => t?.component ?? (r ? /* @__PURE__ */ e(D, { subtitle: s }) : /* @__PURE__ */ e(w, {})), [t, r, s]), b = l(() => r ? !0 : !t, [t, r]);
-  return /* @__PURE__ */ e(x, { className: v ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ i(A, { children: [
-    b && /* @__PURE__ */ e(a, { desktopCol: 3, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ i(u, { direction: "vertical", fullWidth: !0, gap: r ? "standard" : "dense", children: [
-      d && /* @__PURE__ */ e(m, { heading: d, level: 4, marginBottom: 0, children: c }),
-      /* @__PURE__ */ e(
-        H,
+  const { isDesktopNavbar: e } = W(), t = s(() => l.find((k) => k.route === a), [a, l]), D = s(() => t?.component ?? (e ? /* @__PURE__ */ i(L, { subtitle: d }) : /* @__PURE__ */ i(x, {})), [t, e, d]), N = s(() => e ? !0 : !t, [t, e]), b = s(() => e ? !0 : t, [t, e]);
+  return /* @__PURE__ */ n(o, { className: h ?? "", gap: "", fullWidth: !0, children: [
+    N && /* @__PURE__ */ i(o, { gap: "none", className: e ? r.desktopList : r.mobileList, children: /* @__PURE__ */ n(o, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
+      m && /* @__PURE__ */ i(u, { heading: m, level: 4, marginBottom: 0, children: c }),
+      /* @__PURE__ */ i(
+        A,
         {
-          elements: o,
-          hasSearch: h,
-          maxHeight: C,
+          elements: l,
+          hasSearch: p,
+          maxHeight: g,
           isSorted: f,
-          pathname: n,
-          routerLinkElement: B,
-          searchPlaceholder: _
+          pathname: a,
+          routerLinkElement: w,
+          searchPlaceholder: B
         }
       )
     ] }) }),
-    /* @__PURE__ */ i(a, { desktopCol: 9, tabletCol: 12, phoneCol: 12, children: [
-      r && /* @__PURE__ */ e(N, { className: p.divider, height: "100%" }),
-      /* @__PURE__ */ i(u, { direction: "vertical", fullWidth: !0, children: [
-        /* @__PURE__ */ e(
-          m,
+    b && /* @__PURE__ */ n(o, { gap: "none", className: e ? r.desktopDetail : r.mobileDetail, children: [
+      e && /* @__PURE__ */ i(V, { className: r.divider, height: "100%" }),
+      /* @__PURE__ */ n(o, { direction: "vertical", fullWidth: !0, children: [
+        /* @__PURE__ */ i(
+          u,
           {
-            className: p.truncate,
+            className: r.truncate,
             heading: t?.detailTitle ?? t?.title ?? "",
             level: 4,
             icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
             marginBottom: 0,
             invisibleButton: t?.detailAction === void 0,
-            withAvatar: g,
+            withAvatar: v,
             children: t?.detailAction ?? c
           }
         ),
-        G
+        D
       ] })
     ] })
-  ] }) });
+  ] });
 };
 export {
-  J as BaseView
+  C as BaseView
 };

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

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
-import { a as r, s as e, f as p } from "../../react.esm-DoZanrUz.js";
-import { a as l } from "../../useBreakpoint-2MH8ICuE.js";
+import { a as r, s as e, f as p } from "../../react.esm-C3jDj5Fe.js";
+import { a as l } from "../../useBreakpoint-BNeVhjjZ.js";
 import { BaseView as i } from "./BaseView.js";
 import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
 u("BaseView Test", () => {
@@ -8,7 +8,8 @@ u("BaseView Test", () => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !1,
       isTablet: !1,
-      isDesktop: !0
+      isDesktop: !1,
+      isDesktopNavbar: !0
     });
   });
   const o = [
@@ -85,7 +86,8 @@ u("BaseView Test", () => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !0,
       isTablet: !1,
-      isDesktop: !1
+      isDesktop: !1,
+      isDesktopNavbar: !1
     }), r(
       /* @__PURE__ */ a(
         i,

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,71 +1,60 @@
-import "../../assets/BasicHeading.css";
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { TypoDisplay as C, TypoBody as w, Icon as u } from "@element/react-components";
-import { Iconify as y } from "../Iconify/Iconify.js";
-import { AvailableCustomIcons as I } from "../../enums/AvailableCustomIcons.js";
-import { u as B } from "../../useBreakpoint-2MH8ICuE.js";
-import { OverflowTooltip as N } from "../OverflowTooltip/OverflowTooltip.js";
-const H = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", x = "_actionButtonContainer_fwns1_16", A = "_content_fwns1_25", T = "_leadingIcon_fwns1_31", W = "_headingWrapper_fwns1_38", $ = "_headingContainer_fwns1_43", j = "_invisible_fwns1_48", k = "_withAvatar_fwns1_52", z = "_iconContainer_fwns1_57", n = {
-  pageHeader: H,
-  headlineContainer: b,
-  actionButtonContainer: x,
-  content: A,
-  leadingIcon: T,
-  headingWrapper: W,
-  headingContainer: $,
-  invisible: j,
-  withAvatar: k,
-  iconContainer: z
-}, D = ({ icon: e }) => e ? typeof e != "string" ? /* @__PURE__ */ t("div", { className: n.iconContainer, children: e }) : e in I ? /* @__PURE__ */ t(
-  y,
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { TypoDisplay as g, TypoBody as N, Icon as I } from "@element/react-components";
+import { I as x } from "../../Iconify-CY9lZjFd.js";
+import { AvailableCustomIcons as B } from "../../enums/AvailableCustomIcons.js";
+import { u as C } from "../../useBreakpoint-BNeVhjjZ.js";
+import { OverflowTooltip as T } from "../OverflowTooltip/OverflowTooltip.js";
+import { s as e } from "../../basicHeading.module-BYb8xvuk.js";
+const $ = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ t("div", { className: e.iconContainer, children: i }) : i in B ? /* @__PURE__ */ t(
+  x,
   {
-    icon: e,
-    className: n.leadingIcon,
+    icon: i,
+    className: e.leadingIcon,
     iconSize: "large",
     iconType: "filled"
   }
-) : /* @__PURE__ */ t(u, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, E = ({
-  children: e,
-  marginBottom: i,
+) : /* @__PURE__ */ t(I, { iconSize: "large", iconType: "filled", icon: i, className: e.leadingIcon }) : null, D = ({
+  children: i,
+  marginBottom: r,
   heading: a,
   icon: d,
-  className: p,
-  subHeading: r,
-  subHeadingLevel: _ = 2,
+  className: m,
+  subHeading: o,
+  subHeadingLevel: p = 2,
   invisibleButton: f = !1,
-  level: s = 4,
-  fontWeight: c = 400,
-  withAvatar: m = !1
+  level: n = 4,
+  fontWeight: l = 400,
+  withAvatar: y = !1
 }) => {
-  const { isDesktop: l } = B(), h = l ? s : s + 1, g = c === "bold" ? 500 : c, v = () => {
-    if (i !== void 0)
-      return typeof i == "number" ? `${i}px` : "2rem";
+  const { isDesktop: c } = C(), v = c ? n : n + 1, u = l === "bold" ? 500 : l, h = () => {
+    if (r !== void 0)
+      return typeof r == "number" ? `${r}px` : "2rem";
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: n.pageHeader,
-      style: { marginBottom: v() },
+      className: e.pageHeader,
+      style: { marginBottom: h() },
       "data-testid": "HeaderContainer",
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "div",
           {
-            className: `${m && l ? n.withAvatar : ""} ${n.headingWrapper}`,
+            className: `${y && c ? e.withAvatar : ""} ${e.headingWrapper}`,
             children: [
-              /* @__PURE__ */ t(D, { icon: d }),
-              /* @__PURE__ */ o("div", { className: r ? n.headingContainer : "", children: [
-                /* @__PURE__ */ t(N, { id: a, text: a, children: /* @__PURE__ */ t(
-                  C,
+              /* @__PURE__ */ t($, { icon: d }),
+              /* @__PURE__ */ s("div", { className: o ? e.headingContainer : "", children: [
+                /* @__PURE__ */ t(T, { id: a, text: a, children: /* @__PURE__ */ t(
+                  g,
                   {
-                    level: h,
+                    level: v,
                     "data-testid": "Header",
-                    className: p ?? "",
-                    style: { fontWeight: g },
+                    className: m ?? "",
+                    style: { fontWeight: u },
                     children: a
                   }
                 ) }),
-                /* @__PURE__ */ t(w, { level: _, children: r })
+                /* @__PURE__ */ t(N, { level: p, children: o })
               ] })
             ]
           }
@@ -73,9 +62,9 @@ const H = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", x = "_action
         /* @__PURE__ */ t(
           "div",
           {
-            className: `${n.actionButtonContainer} ${f && n.invisible}`,
+            className: `${e.actionButtonContainer} ${f && e.invisible}`,
             "data-testid": "RightPart",
-            children: e
+            children: i
           }
         )
       ]
@@ -83,5 +72,5 @@ const H = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", x = "_action
   );
 };
 export {
-  E as BasicHeading
+  D as BasicHeading
 };

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

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

package/dist/components/BlockView/BlockView.js

@@ -1,73 +1,63 @@
-import "../../assets/BlockView.css";
-import { jsxs as h, jsx as c } from "react/jsx-runtime";
-import { TypoSubtitle as T, TypoDisplay as B } from "@element/react-components";
-import { useState as L, useEffect as R, useMemo as C } from "react";
-import { getBlockNumberByDto as E } from "../../services/BlockService.js";
-const A = "_grid_lihp2_1", D = "_black_lihp2_11", S = "_blockLayout_lihp2_15", V = "_blockRow_lihp2_27", M = "_block_lihp2_15", j = "_active_lihp2_46", q = "_error_lihp2_52", F = "_empty_lihp2_58", G = "_blockText_lihp2_62", o = {
-  grid: A,
-  black: D,
-  blockLayout: S,
-  blockRow: V,
-  block: M,
-  active: j,
-  error: q,
-  empty: F,
-  blockText: G
-}, P = ({
+import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { TypoSubtitle as C, TypoDisplay as E } from "@element/react-components";
+import { useState as A, useEffect as D, useMemo as S } from "react";
+import { getBlockNumberByDto as T } from "../../services/BlockService.js";
+import { s as e } from "../../BlockView.module-BPlNT5uh.js";
+const j = ({
   rows: s,
-  columns: e,
-  hideText: m = !1,
+  columns: t,
+  hideText: a = !1,
   errorBlocks: y = [],
-  showNumbers: v = !0,
-  clickable: f = !0,
-  size: b = 15,
-  onClick: _ = null,
-  currentBlock: i,
-  blocks: k,
-  blockViewTitle: N,
+  showNumbers: N = !0,
+  clickable: v = !0,
+  size: d = 15,
+  onClick: u = null,
+  currentBlock: c,
+  blocks: b,
+  blockViewTitle: $,
   blockLabel: g
 }) => {
-  const [p, d] = L(0);
-  R(() => {
-    if (!i)
+  const [p, h] = A(0);
+  D(() => {
+    if (!c)
       return;
-    const l = E(i, e);
-    d(l);
-  }, [i, e]);
-  const $ = C(() => s * e, [s, e]), w = (l) => {
-    _ && _(l, i ?? void 0);
-  }, x = ({ row: l, column: r }) => k.length === 0 ? !0 : k.some((n) => n.position?.row === l && n.position?.column === r);
-  return /* @__PURE__ */ h("div", { className: o.grid, children: [
-    !m && /* @__PURE__ */ c(T, { level: 1, bold: !0, className: o.black, children: N }),
-    /* @__PURE__ */ c("div", { className: o.blockLayout, style: { width: `${b}rem`, height: `${b}rem` }, children: Array.from({ length: s }).map((l, r) => /* @__PURE__ */ c("div", { className: o.blockRow, children: Array.from({ length: e }).map((n, a) => {
-      const t = e * r + a + 1, u = x({ row: r + 1, column: a + 1 });
-      return /* @__PURE__ */ c(
+    const o = T(c, t);
+    h(o);
+  }, [c, t]);
+  const w = S(() => s * t, [s, t]), x = (o) => {
+    u && u(o, c ?? void 0);
+  }, B = ({ row: o, column: l }) => b.length === 0 ? !0 : b.some((m) => m.position?.row === o && m.position?.column === l);
+  return /* @__PURE__ */ k("div", { className: e.grid, children: [
+    !a && /* @__PURE__ */ i(C, { level: 1, bold: !0, className: e.black, children: $ }),
+    /* @__PURE__ */ i("div", { className: e.blockLayout, style: { width: `${d}rem`, height: `${d}rem` }, children: Array.from({ length: s }).map((o, l) => /* @__PURE__ */ i("div", { className: e.blockRow, children: Array.from({ length: t }).map((m, n) => {
+      const r = t * l + n + 1, f = B({ row: l + 1, column: n + 1 });
+      return /* @__PURE__ */ i(
         "div",
         {
           "data-testid": "blockViewBlock",
-          className: `${o.block} ${p === t ? o.active : ""} ${u ? "" : o.empty} ${y.includes(t) ? o.error : ""}`,
-          id: `block${t}`,
-          onClick: f ? () => {
-            d(t), w({ row: r + 1, column: a + 1 });
+          className: `${e.block} ${p === r ? e.active : ""} ${f ? "" : e.empty} ${y.includes(r) ? e.error : ""}`,
+          id: `block${r}`,
+          onClick: v ? () => {
+            h(r), x({ row: l + 1, column: n + 1 });
           } : void 0,
-          children: v && u && /* @__PURE__ */ c(
+          children: N && f && /* @__PURE__ */ i(
             "div",
             {
-              className: `${o.blockText} ${p === t ? o.black : ""}`,
-              children: t
+              className: `${e.blockText} ${p === r ? e.black : ""}`,
+              children: r
             }
           )
         },
-        t
+        r
       );
-    }) }, r)) }),
-    !m && /* @__PURE__ */ h(B, { themeColor: "primary", level: 6, children: [
-      $,
+    }) }, l)) }),
+    !a && /* @__PURE__ */ k(E, { themeColor: "primary", level: 6, children: [
+      w,
       " ",
       g
     ] })
   ] });
 };
 export {
-  P as BlockView
+  j as BlockView
 };

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

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

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,41 +1,39 @@
-import "../../assets/ContextMenu.css";
-import { jsx as n } from "react/jsx-runtime";
-import { Menu as c, IconButton as a, List as d, ListItem as f } from "@element/react-components";
-import { useState as p, useCallback as s, useEffect as _ } from "react";
-import { uniqueId as y } from "lodash";
-const C = "_menu_1rfel_1", k = {
-  menu: C
-}, M = ({
-  triggerOpen: o = null,
+import { jsx as o } from "react/jsx-runtime";
+import { Menu as u, IconButton as c, List as d, ListItem as f } from "@element/react-components";
+import { useState as p, useCallback as s, useEffect as y } from "react";
+import { s as C } from "../../contextMenu.module-B7aUMFPe.js";
+import { uniqueId as k } from "lodash";
+const M = ({
+  triggerOpen: n = null,
   actions: r,
-  iconOrientation: u = "vertical"
+  iconOrientation: a = "vertical"
 }) => {
   const [e, t] = p(!1), m = s(() => {
     t(!e);
   }, [e]), l = s(() => {
     t(!1);
   }, []);
-  return _(() => {
-    t(o !== null ? o : !1);
-  }, [o]), /* @__PURE__ */ n(
-    c,
+  return y(() => {
+    t(n !== null ? n : !1);
+  }, [n]), /* @__PURE__ */ o(
+    u,
     {
-      className: k.menu,
+      className: C.menu,
       "data-testid": "selectionmenu",
       open: e,
       surfaceOnly: !0,
       hoistToBody: !0,
       onClose: l,
-      trigger: /* @__PURE__ */ n(
-        a,
+      trigger: /* @__PURE__ */ o(
+        c,
         {
           variant: e ? "filled-primary" : void 0,
           "data-testid": "openButton",
-          icon: u === "vertical" ? "more_vert" : "more_horiz",
+          icon: a === "vertical" ? "more_vert" : "more_horiz",
           onClick: m
         }
       ),
-      children: /* @__PURE__ */ n(d, { children: r.map((i) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ o(d, { children: r.map((i) => /* @__PURE__ */ o(
         f,
         {
           ...i,
@@ -45,7 +43,7 @@ const C = "_menu_1rfel_1", k = {
             i?.onClick?.(), l();
           }
         },
-        y(`LI_${i.primaryText?.toString()}_`)
+        k(`LI_${i.primaryText?.toString()}_`)
       )) })
     },
     "selectionmenu"

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

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