@hortiview/shared-components 0.0.11528 → 0.0.11589

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,33 +1,34 @@
-import { jsx as e, Fragment as c, jsxs as _ } from "react/jsx-runtime";
-import { Group as g, TypoBody as l } from "@element-public/react-components";
-import { u as d } from "../../useBreakpoints-MzTZ0tCT.js";
-import '../../assets/AlertBanner.css';const m = "_messageContainer_1seos_1", p = "_info_1seos_9", u = "_danger_1seos_14", f = "_success_1seos_19", y = "_warning_1seos_24", n = {
-  messageContainer: m,
+import { jsx as s, Fragment as c, jsxs as m } from "react/jsx-runtime";
+import { G as _ } from "../../index.es-DntoATwO.js";
+import { b as g } from "../../index.es-CF_xy2ns.js";
+import { u as l } from "../../useBreakpoints-MzTZ0tCT.js";
+import '../../assets/AlertBanner.css';const d = "_messageContainer_1seos_1", p = "_info_1seos_9", f = "_danger_1seos_14", u = "_success_1seos_19", y = "_warning_1seos_24", n = {
+  messageContainer: d,
   info: p,
-  danger: u,
-  success: f,
+  danger: f,
+  success: u,
   warning: y
-}, C = ({
-  text: s,
+}, b = ({
+  text: e,
   color: r = "info",
   isOpen: o = !0,
   action: i,
   isBold: t = !0
 }) => {
-  const { isDesktop: a } = d();
-  return o ? /* @__PURE__ */ e("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ _(
-    g,
+  const { isDesktop: a } = l();
+  return o ? /* @__PURE__ */ s("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ m(
+    _,
     {
       direction: a ? "horizontal" : "vertical",
       primaryAlign: "space-between",
       secondaryAlign: "center",
       children: [
-        typeof s == "string" ? /* @__PURE__ */ e(l, { bold: t, level: 2, children: s }) : /* @__PURE__ */ e("div", { children: s }),
+        typeof e == "string" ? /* @__PURE__ */ s(g, { bold: t, level: 2, children: e }) : /* @__PURE__ */ s("div", { children: e }),
         i
       ]
     }
-  ) }) : /* @__PURE__ */ e(c, {});
+  ) }) : /* @__PURE__ */ s(c, {});
 };
 export {
-  C as AlertBanner
+  b as AlertBanner
 };

package/dist/components/BaseView/BaseView.js

@@ -1,18 +1,18 @@
 import { jsx as e, Fragment as x, jsxs as s } from "react/jsx-runtime";
-import { Group as r } from "@element-public/react-components";
+import { G as r } from "../../index.es-DntoATwO.js";
 import { useMemo as d } 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 { VerticalDivider as N } from "../VerticalDivider/VerticalDivider.js";
 import { u as A } from "../../useBreakpoints-MzTZ0tCT.js";
-import '../../assets/BaseView.css';const V = "_divider_dw2rc_1", j = "_maxWidth_dw2rc_5", E = "_desktopList_dw2rc_9", H = "_mobileList_dw2rc_13", I = "_desktopDetail_dw2rc_17", y = "_mobileDetail_dw2rc_21", o = {
+import '../../assets/BaseView.css';const V = "_divider_dw2rc_1", j = "_maxWidth_dw2rc_5", E = "_desktopList_dw2rc_9", G = "_mobileList_dw2rc_13", H = "_desktopDetail_dw2rc_17", I = "_mobileDetail_dw2rc_21", o = {
   divider: V,
   maxWidth: j,
   desktopList: E,
-  mobileList: H,
-  desktopDetail: I,
-  mobileDetail: y
+  mobileList: G,
+  desktopDetail: H,
+  mobileDetail: I
 }, P = ({
   action: l,
   heading: c,

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,16 +1,17 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { TypoDisplay as u, TypoBody as y, Icon as C } from "@element-public/react-components";
+import { I as u } from "../../index.es-3043KTnb.js";
+import { T as y, b as C } from "../../index.es-CF_xy2ns.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", H = "_actionButtonContainer_gwnjc_16", b = "_leadingIcon_gwnjc_31", x = "_headingWrapper_gwnjc_35", A = "_headingContainer_gwnjc_40", T = "_invisible_gwnjc_45", W = "_withAvatar_gwnjc_49", $ = "_iconContainer_gwnjc_54", n = {
+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: H,
-  leadingIcon: b,
-  headingWrapper: x,
-  headingContainer: A,
-  invisible: T,
+  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(
@@ -21,22 +22,22 @@ import '../../assets/BasicHeading.css';const N = "_pageHeader_gwnjc_1", H = "_ac
     iconSize: "large",
     iconType: "filled"
   }
-) : /* @__PURE__ */ i(C, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, P = ({
+) : /* @__PURE__ */ i(u, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, R = ({
   children: e,
-  marginBottom: t,
-  heading: a,
+  marginBottom: a,
+  heading: t,
   icon: d,
   className: p,
   subHeading: r,
   subHeadingLevel: g = 2,
-  invisibleButton: _ = !1,
+  invisibleButton: m = !1,
   level: s = 4,
   fontWeight: c = 400,
-  withAvatar: m = !1
+  withAvatar: _ = !1
 }) => {
-  const { isDesktop: l } = I(), h = l ? s : s + 1, f = c === "bold" ? 500 : c, v = () => {
-    if (t !== void 0)
-      return typeof t == "number" ? `${t}px` : "2rem";
+  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";
   };
   return /* @__PURE__ */ o(
     "div",
@@ -48,21 +49,21 @@ import '../../assets/BasicHeading.css';const N = "_pageHeader_gwnjc_1", H = "_ac
         /* @__PURE__ */ o(
           "div",
           {
-            className: `${m && l ? n.withAvatar : ""} ${n.headingWrapper}`,
+            className: `${_ && l ? n.withAvatar : ""} ${n.headingWrapper}`,
             children: [
               /* @__PURE__ */ i(k, { icon: d }),
               /* @__PURE__ */ o("div", { className: r ? n.headingContainer : "", children: [
-                /* @__PURE__ */ i(B, { id: a, text: a, children: /* @__PURE__ */ i(
-                  u,
+                /* @__PURE__ */ i(B, { id: t, text: t, children: /* @__PURE__ */ i(
+                  y,
                   {
-                    level: h,
+                    level: f,
                     "data-testid": "Header",
                     className: p ?? "",
-                    style: { fontWeight: f },
-                    children: a
+                    style: { fontWeight: h },
+                    children: t
                   }
                 ) }),
-                /* @__PURE__ */ i(y, { level: g, children: r })
+                /* @__PURE__ */ i(C, { level: g, children: r })
               ] })
             ]
           }
@@ -70,7 +71,7 @@ import '../../assets/BasicHeading.css';const N = "_pageHeader_gwnjc_1", H = "_ac
         /* @__PURE__ */ i(
           "div",
           {
-            className: `${n.actionButtonContainer} ${_ && n.invisible}`,
+            className: `${n.actionButtonContainer} ${m && n.invisible}`,
             "data-testid": "RightPart",
             children: e
           }
@@ -80,5 +81,5 @@ import '../../assets/BasicHeading.css';const N = "_pageHeader_gwnjc_1", H = "_ac
   );
 };
 export {
-  P as BasicHeading
+  R as BasicHeading
 };

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

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

package/dist/components/BlockView/BlockView.js

@@ -1,5 +1,5 @@
 import { jsxs as h, jsx as c } from "react/jsx-runtime";
-import { TypoSubtitle as T, TypoDisplay as L } from "@element-public/react-components";
+import { d as T, T as L } from "../../index.es-CF_xy2ns.js";
 import { useState as R, useEffect as B, useMemo as C } from "react";
 import { getBlockNumberByDto as E } from "../../services/BlockService.js";
 import '../../assets/BlockView.css';const A = "_grid_lihp2_1", D = "_black_lihp2_11", S = "_blockLayout_lihp2_15", M = "_blockRow_lihp2_27", V = "_block_lihp2_15", j = "_active_lihp2_46", q = "_error_lihp2_52", F = "_empty_lihp2_58", G = "_blockText_lihp2_62", o = {
@@ -34,11 +34,11 @@ import '../../assets/BlockView.css';const A = "_grid_lihp2_1", D = "_black_lihp2
   }, [i, e]);
   const w = C(() => s * e, [s, e]), $ = (l) => {
     k && k(l, i ?? void 0);
-  }, x = ({ row: l, column: r }) => _.length === 0 ? !0 : _.some((n) => n.position?.row === l && n.position?.column === r);
+  }, x = ({ row: l, column: r }) => _.length === 0 ? !0 : _.some((a) => a.position?.row === l && a.position?.column === r);
   return /* @__PURE__ */ h("div", { "data-testid": "block-view-container", className: o.grid, children: [
     !b && /* @__PURE__ */ c(T, { level: 1, bold: !0, className: o.black, children: N }),
-    /* @__PURE__ */ c("div", { className: o.blockLayout, style: { width: `${m}rem`, height: `${m}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 });
+    /* @__PURE__ */ c("div", { className: o.blockLayout, style: { width: `${m}rem`, height: `${m}rem` }, children: Array.from({ length: s }).map((l, r) => /* @__PURE__ */ c("div", { className: o.blockRow, children: Array.from({ length: e }).map((a, n) => {
+      const t = e * r + n + 1, u = x({ row: r + 1, column: n + 1 });
       return /* @__PURE__ */ c(
         "div",
         {
@@ -46,7 +46,7 @@ import '../../assets/BlockView.css';const A = "_grid_lihp2_1", D = "_black_lihp2
           className: `${o.block} ${d === t ? o.active : ""} ${u ? "" : o.empty} ${y.includes(t) ? o.error : ""}`,
           id: `block${t}`,
           onClick: f ? () => {
-            p(t), $({ row: r + 1, column: a + 1 });
+            p(t), $({ row: r + 1, column: n + 1 });
           } : void 0,
           children: v && u && /* @__PURE__ */ c(
             "div",