@hortiview/shared-components 0.0.6927 → 0.0.7067

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/BlockView.module-BPlNT5uh.js +15 -0
  2. package/dist/HashTabView.module-CJX4gxTu.js +13 -0
  3. package/dist/HeaderFilter.module-DiBmulr5.js +7 -0
  4. package/dist/Iconify-CY9lZjFd.js +95 -0
  5. package/dist/_baseToString-BNXOi2Mf.js +197 -0
  6. package/dist/_equalByTag-DJhSpgVG.js +157 -0
  7. package/dist/alertBanner.module-HneYdVzN.js +10 -0
  8. package/dist/assets/{main.css → Filter.css} +1 -1
  9. package/dist/baseView.module-ve87u_d0.js +12 -0
  10. package/dist/basicHeading.module-BYb8xvuk.js +16 -0
  11. package/dist/bigLoadingSpinner.module-GgbFol8k.js +11 -0
  12. package/dist/components/AlertBanner/AlertBanner.js +12 -17
  13. package/dist/components/AlertBanner/AlertBanner.test.js +1 -1
  14. package/dist/components/BaseView/BaseView.js +33 -40
  15. package/dist/components/BaseView/BaseView.test.js +1 -1
  16. package/dist/components/BasicHeading/BasicHeading.js +40 -51
  17. package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
  18. package/dist/components/BlockView/BlockView.js +41 -51
  19. package/dist/components/BlockView/BlockView.test.js +1 -1
  20. package/dist/components/ContextMenu/ContextMenu.js +18 -20
  21. package/dist/components/ContextMenu/ContextMenu.test.js +1 -1
  22. package/dist/components/DeleteModal/DeleteModal.js +55 -60
  23. package/dist/components/DeleteModal/DeleteModal.test.js +1 -1
  24. package/dist/components/Disclaimer/Disclaimer.js +8 -11
  25. package/dist/components/Disclaimer/Disclaimer.test.js +1 -1
  26. package/dist/components/EmptyView/EmptyView.test.js +1 -1
  27. package/dist/components/Filter/Filter.d.ts +27 -0
  28. package/dist/components/Filter/Filter.js +149 -0
  29. package/dist/components/Filter/Filter.test.d.ts +1 -0
  30. package/dist/components/Filter/Filter.test.js +114 -0
  31. package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +1 -1
  32. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js +46 -52
  33. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +1 -1
  34. package/dist/components/FormComponents/FormRadio/FormRadio.test.js +1 -1
  35. package/dist/components/FormComponents/FormSelect/FormSelect.js +68 -73
  36. package/dist/components/FormComponents/FormSelect/FormSelect.test.js +2 -2
  37. package/dist/components/FormComponents/FormSlider/FormSlider.test.js +1 -1
  38. package/dist/components/FormComponents/FormText/FormText.js +57 -62
  39. package/dist/components/FormComponents/FormText/FormText.test.js +1 -1
  40. package/dist/components/GenericTable/GenericTable.js +52 -58
  41. package/dist/components/GenericTable/GenericTable.test.js +1 -1
  42. package/dist/components/HashTabView/HashTabView.js +46 -54
  43. package/dist/components/HashTabView/HashTabView.test.js +1 -1
  44. package/dist/components/HeaderFilter/HeaderFilter.js +14 -16
  45. package/dist/components/HeaderFilter/HeaderFilter.test.js +1 -1
  46. package/dist/components/Iconify/Iconify.d.ts +3 -13
  47. package/dist/components/Iconify/Iconify.js +6 -163
  48. package/dist/components/Iconify/Iconify.test.js +2 -2
  49. package/dist/components/InfoGroup/InfoGroup.js +38 -47
  50. package/dist/components/InfoGroup/InfoGroup.test.js +1 -1
  51. package/dist/components/ListArea/ListArea.js +258 -490
  52. package/dist/components/ListArea/ListArea.test.js +2 -2
  53. package/dist/components/ListArea/ListAreaService.js +82 -8
  54. package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js +9 -5
  55. package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +3 -2
  56. package/dist/components/LoadingSpinner/Default/LoadingSpinner.js +13 -15
  57. package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js +1 -1
  58. package/dist/components/OverflowTooltip/OverflowTooltip.test.js +2 -2
  59. package/dist/components/Scrollbar/scrollbar.test.js +1 -1
  60. package/dist/components/SearchBar/SearchBar.js +21 -23
  61. package/dist/components/SearchBar/SearchBar.test.js +1 -1
  62. package/dist/components/VerticalDivider/VerticalDivider.js +4 -6
  63. package/dist/components/VerticalDivider/VerticalDivider.test.js +1 -1
  64. package/dist/contextMenu.module-B7aUMFPe.js +7 -0
  65. package/dist/deleteModal.module-Ds3MDzdl.js +10 -0
  66. package/dist/disclaimer.module-BZydt-Q_.js +8 -0
  67. package/dist/formDatePicker.module-BV3ma_7y.js +11 -0
  68. package/dist/formSelect.module-C18N-SsT.js +11 -0
  69. package/dist/formText.module-Blt6Y-SR.js +10 -0
  70. package/dist/genericTable.module-BkU2VDKR.js +11 -0
  71. package/dist/get-UxX31Aph.js +47 -0
  72. package/dist/hooks/useBreakpoints.test.js +1 -1
  73. package/dist/iconify.module-C89oaw5b.js +79 -0
  74. package/dist/{index-DP2ENnrX.js → index-BQnj-5Zt.js} +1 -1
  75. package/dist/infoGroup.module-B3E1gCGi.js +14 -0
  76. package/dist/isArray-Ca4KR8TK.js +91 -0
  77. package/dist/listArea.module-B-gPyfbE.js +19 -0
  78. package/dist/loadingSpinner.module-CLtqSMWA.js +7 -0
  79. package/dist/main.d.ts +3 -0
  80. package/dist/main.js +55 -52
  81. package/dist/{react.esm-DoZanrUz.js → react.esm-C3jDj5Fe.js} +1 -0
  82. package/dist/searchBar.module-9gKyrZRT.js +7 -0
  83. package/dist/types/Filter.d.ts +31 -0
  84. package/dist/types/Filter.js +1 -0
  85. package/dist/verticalDivider.module-C3_GL-fH.js +7 -0
  86. package/package.json +1 -1
  87. package/dist/BigLoadingSpinner-Df2k3xOD.js +0 -18
  88. package/dist/ListAreaService-CiewPvfR.js +0 -99
  89. package/dist/get-BRDhkfK0.js +0 -324
  90. /package/dist/assets/{AlertBanner.css → alertBanner.css} +0 -0
  91. /package/dist/assets/{BaseView.css → baseView.css} +0 -0
  92. /package/dist/assets/{BasicHeading.css → basicHeading.css} +0 -0
  93. /package/dist/assets/{BigLoadingSpinner.css → bigLoadingSpinner.css} +0 -0
  94. /package/dist/assets/{ContextMenu.css → contextMenu.css} +0 -0
  95. /package/dist/assets/{DeleteModal.css → deleteModal.css} +0 -0
  96. /package/dist/assets/{Disclaimer.css → disclaimer.css} +0 -0
  97. /package/dist/assets/{FormDatePicker.css → formDatePicker.css} +0 -0
  98. /package/dist/assets/{FormSelect.css → formSelect.css} +0 -0
  99. /package/dist/assets/{FormText.css → formText.css} +0 -0
  100. /package/dist/assets/{GenericTable.css → genericTable.css} +0 -0
  101. /package/dist/assets/{Iconify.css → iconify.css} +0 -0
  102. /package/dist/assets/{InfoGroup.css → infoGroup.css} +0 -0
  103. /package/dist/assets/{ListAreaService.css → listArea.css} +0 -0
  104. /package/dist/assets/{LoadingSpinner.css → loadingSpinner.css} +0 -0
  105. /package/dist/assets/{SearchBar.css → searchBar.css} +0 -0
  106. /package/dist/assets/{VerticalDivider.css → verticalDivider.css} +0 -0
@@ -0,0 +1,12 @@
1
+ import "./assets/baseView.css";
2
+ 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 = {
3
+ divider: t,
4
+ truncate: e,
5
+ desktopList: i,
6
+ mobileList: s,
7
+ desktopDetail: o,
8
+ mobileDetail: _
9
+ };
10
+ export {
11
+ d as s
12
+ };
@@ -0,0 +1,16 @@
1
+ import "./assets/basicHeading.css";
2
+ 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 = {
3
+ pageHeader: n,
4
+ headlineContainer: e,
5
+ actionButtonContainer: t,
6
+ content: a,
7
+ leadingIcon: i,
8
+ headingWrapper: o,
9
+ headingContainer: c,
10
+ invisible: _,
11
+ withAvatar: r,
12
+ iconContainer: g
13
+ };
14
+ export {
15
+ d as s
16
+ };
@@ -0,0 +1,11 @@
1
+ import "./assets/bigLoadingSpinner.css";
2
+ const o = "_loadingBigOverlay_7dxo1_1", d = "_bigLoadSpinnerCard_7dxo1_12", a = "_bigLoadSpinnerCardText_7dxo1_27", n = "_logo_7dxo1_33", e = "_rotate360deg_7dxo1_1", i = {
3
+ loadingBigOverlay: o,
4
+ bigLoadSpinnerCard: d,
5
+ bigLoadSpinnerCardText: a,
6
+ logo: n,
7
+ rotate360deg: e
8
+ };
9
+ export {
10
+ i as s
11
+ };
@@ -1,27 +1,22 @@
1
- import "../../assets/AlertBanner.css";
2
- import { jsx as e, Fragment as c, jsxs as a } from "react/jsx-runtime";
3
- import { Group as p, TypoBody as l } from "@element/react-components";
4
- import { u as m } from "../../useBreakpoint-BNeVhjjZ.js";
5
- const d = "_messageContainer_1kpsp_1", _ = "_info_1kpsp_9", g = "_danger_1kpsp_14", u = "_success_1kpsp_19", n = {
6
- messageContainer: d,
7
- info: _,
8
- danger: g,
9
- success: u
10
- }, v = ({ text: s, color: r = "info", isOpen: o = !0, action: i }) => {
11
- const { isDesktop: t } = m();
12
- return o ? /* @__PURE__ */ e("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ a(
13
- p,
1
+ import { jsx as r, Fragment as a, jsxs as l } from "react/jsx-runtime";
2
+ import { Group as c, TypoBody as m } from "@element/react-components";
3
+ import { u as p } from "../../useBreakpoint-BNeVhjjZ.js";
4
+ import { s as o } from "../../alertBanner.module-HneYdVzN.js";
5
+ const g = ({ text: e, color: i = "info", isOpen: n = !0, action: s }) => {
6
+ const { isDesktop: t } = p();
7
+ return n ? /* @__PURE__ */ r("div", { className: `${o.messageContainer} ${o[i]}`, children: /* @__PURE__ */ l(
8
+ c,
14
9
  {
15
10
  direction: t ? "horizontal" : "vertical",
16
11
  primaryAlign: "space-between",
17
12
  secondaryAlign: "center",
18
13
  children: [
19
- typeof s == "string" ? /* @__PURE__ */ e(l, { bold: !0, level: 2, children: s }) : /* @__PURE__ */ e("div", { children: s }),
20
- i
14
+ typeof e == "string" ? /* @__PURE__ */ r(m, { bold: !0, level: 2, children: e }) : /* @__PURE__ */ r("div", { children: e }),
15
+ s
21
16
  ]
22
17
  }
23
- ) }) : /* @__PURE__ */ e(c, {});
18
+ ) }) : /* @__PURE__ */ r(a, {});
24
19
  };
25
20
  export {
26
- v as AlertBanner
21
+ g as AlertBanner
27
22
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, Fragment as m } from "react/jsx-runtime";
2
- import { a as t, s } from "../../react.esm-DoZanrUz.js";
2
+ import { a as t, s } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { a as l } from "../../useBreakpoint-BNeVhjjZ.js";
4
4
  import { AlertBanner as n } from "./AlertBanner.js";
5
5
  import { d as c, b as p, t as r, g as o, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,71 +1,64 @@
1
- import "../../assets/BaseView.css";
2
- import { jsx as i, Fragment as z, jsxs as s } from "react/jsx-runtime";
3
- import { Group as r } from "@element/react-components";
4
- import { useMemo as n } from "react";
1
+ import { jsx as i, Fragment as x, jsxs as n } from "react/jsx-runtime";
2
+ import { Group as o } from "@element/react-components";
3
+ import { useMemo as s } from "react";
5
4
  import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
6
- import { EmptyView as B } from "../EmptyView/EmptyView.js";
7
- import { ListArea as N } from "../ListArea/ListArea.js";
8
- import { VerticalDivider as x } from "../VerticalDivider/VerticalDivider.js";
9
- import { u as A } from "../../useBreakpoint-BNeVhjjZ.js";
10
- const V = "_divider_1513z_1", W = "_truncate_1513z_5", j = "_desktopList_1513z_13", E = "_mobileList_1513z_17", H = "_desktopDetail_1513z_21", I = "_mobileDetail_1513z_25", o = {
11
- divider: V,
12
- truncate: W,
13
- desktopList: j,
14
- mobileList: E,
15
- desktopDetail: H,
16
- mobileDetail: I
17
- }, Q = ({
5
+ import { EmptyView as L } from "../EmptyView/EmptyView.js";
6
+ import { ListArea as A } from "../ListArea/ListArea.js";
7
+ import { VerticalDivider as V } from "../VerticalDivider/VerticalDivider.js";
8
+ import { u as W } from "../../useBreakpoint-BNeVhjjZ.js";
9
+ import { s as r } from "../../baseView.module-ve87u_d0.js";
10
+ const C = ({
18
11
  action: c,
19
- heading: d,
12
+ heading: m,
20
13
  elements: l,
21
- emptyText: m,
14
+ emptyText: d,
22
15
  hasSearch: p = !0,
23
- isSorted: _ = !0,
24
- className: v,
25
- withAvatar: f = !1,
26
- listMaxHeight: h = "calc(100vh - 200px)",
16
+ isSorted: f = !0,
17
+ className: h,
18
+ withAvatar: v = !1,
19
+ listMaxHeight: g = "calc(100vh - 200px)",
27
20
  pathname: a,
28
- routerLinkElement: D,
29
- searchPlaceholder: b
21
+ routerLinkElement: w,
22
+ searchPlaceholder: B
30
23
  }) => {
31
- const { isDesktopNavbar: e } = A(), t = n(() => l.find((w) => w.route === a), [a, l]), g = n(() => t?.component ?? (e ? /* @__PURE__ */ i(B, { subtitle: m }) : /* @__PURE__ */ i(z, {})), [t, e, m]), k = n(() => e ? !0 : !t, [t, e]), L = n(() => e ? !0 : t, [t, e]);
32
- return /* @__PURE__ */ s(r, { className: v ?? "", gap: "", fullWidth: !0, children: [
33
- k && /* @__PURE__ */ i(r, { gap: "none", className: e ? o.desktopList : o.mobileList, children: /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
34
- d && /* @__PURE__ */ i(u, { heading: d, level: 4, marginBottom: 0, children: c }),
24
+ 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]);
25
+ return /* @__PURE__ */ n(o, { className: h ?? "", gap: "", fullWidth: !0, children: [
26
+ 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: [
27
+ m && /* @__PURE__ */ i(u, { heading: m, level: 4, marginBottom: 0, children: c }),
35
28
  /* @__PURE__ */ i(
36
- N,
29
+ A,
37
30
  {
38
31
  elements: l,
39
32
  hasSearch: p,
40
- maxHeight: h,
41
- isSorted: _,
33
+ maxHeight: g,
34
+ isSorted: f,
42
35
  pathname: a,
43
- routerLinkElement: D,
44
- searchPlaceholder: b
36
+ routerLinkElement: w,
37
+ searchPlaceholder: B
45
38
  }
46
39
  )
47
40
  ] }) }),
48
- L && /* @__PURE__ */ s(r, { gap: "none", className: e ? o.desktopDetail : o.mobileDetail, children: [
49
- e && /* @__PURE__ */ i(x, { className: o.divider, height: "100%" }),
50
- /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, children: [
41
+ b && /* @__PURE__ */ n(o, { gap: "none", className: e ? r.desktopDetail : r.mobileDetail, children: [
42
+ e && /* @__PURE__ */ i(V, { className: r.divider, height: "100%" }),
43
+ /* @__PURE__ */ n(o, { direction: "vertical", fullWidth: !0, children: [
51
44
  /* @__PURE__ */ i(
52
45
  u,
53
46
  {
54
- className: o.truncate,
47
+ className: r.truncate,
55
48
  heading: t?.detailTitle ?? t?.title ?? "",
56
49
  level: 4,
57
50
  icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
58
51
  marginBottom: 0,
59
52
  invisibleButton: t?.detailAction === void 0,
60
- withAvatar: f,
53
+ withAvatar: v,
61
54
  children: t?.detailAction ?? c
62
55
  }
63
56
  ),
64
- g
57
+ D
65
58
  ] })
66
59
  ] })
67
60
  ] });
68
61
  };
69
62
  export {
70
- Q as BaseView
63
+ C as BaseView
71
64
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as a, Fragment as s } from "react/jsx-runtime";
2
- import { a as r, s as e, f as p } from "../../react.esm-DoZanrUz.js";
2
+ import { a as r, s as e, f as p } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { a as l } from "../../useBreakpoint-BNeVhjjZ.js";
4
4
  import { BaseView as i } from "./BaseView.js";
5
5
  import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,71 +1,60 @@
1
- import "../../assets/BasicHeading.css";
2
- import { jsxs as o, jsx as t } from "react/jsx-runtime";
3
- import { TypoDisplay as C, TypoBody as w, Icon as u } from "@element/react-components";
4
- import { Iconify as y } from "../Iconify/Iconify.js";
5
- import { AvailableCustomIcons as j } from "../../enums/AvailableCustomIcons.js";
6
- import { u as I } from "../../useBreakpoint-BNeVhjjZ.js";
7
- import { OverflowTooltip as B } from "../OverflowTooltip/OverflowTooltip.js";
8
- const N = "_pageHeader_gwnjc_1", H = "_headlineContainer_gwnjc_11", b = "_actionButtonContainer_gwnjc_16", x = "_content_gwnjc_25", A = "_leadingIcon_gwnjc_31", T = "_headingWrapper_gwnjc_35", W = "_headingContainer_gwnjc_40", $ = "_invisible_gwnjc_45", k = "_withAvatar_gwnjc_49", z = "_iconContainer_gwnjc_54", n = {
9
- pageHeader: N,
10
- headlineContainer: H,
11
- actionButtonContainer: b,
12
- content: x,
13
- leadingIcon: A,
14
- headingWrapper: T,
15
- headingContainer: W,
16
- invisible: $,
17
- withAvatar: k,
18
- iconContainer: z
19
- }, D = ({ icon: e }) => e ? typeof e != "string" ? /* @__PURE__ */ t("div", { className: n.iconContainer, children: e }) : e in j ? /* @__PURE__ */ t(
20
- y,
1
+ import { jsxs as s, jsx as t } from "react/jsx-runtime";
2
+ import { TypoDisplay as g, TypoBody as N, Icon as I } from "@element/react-components";
3
+ import { I as x } from "../../Iconify-CY9lZjFd.js";
4
+ import { AvailableCustomIcons as B } from "../../enums/AvailableCustomIcons.js";
5
+ import { u as C } from "../../useBreakpoint-BNeVhjjZ.js";
6
+ import { OverflowTooltip as T } from "../OverflowTooltip/OverflowTooltip.js";
7
+ import { s as e } from "../../basicHeading.module-BYb8xvuk.js";
8
+ const $ = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ t("div", { className: e.iconContainer, children: i }) : i in B ? /* @__PURE__ */ t(
9
+ x,
21
10
  {
22
- icon: e,
23
- className: n.leadingIcon,
11
+ icon: i,
12
+ className: e.leadingIcon,
24
13
  iconSize: "large",
25
14
  iconType: "filled"
26
15
  }
27
- ) : /* @__PURE__ */ t(u, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, E = ({
28
- children: e,
29
- marginBottom: i,
16
+ ) : /* @__PURE__ */ t(I, { iconSize: "large", iconType: "filled", icon: i, className: e.leadingIcon }) : null, D = ({
17
+ children: i,
18
+ marginBottom: r,
30
19
  heading: a,
31
20
  icon: d,
32
- className: p,
33
- subHeading: r,
34
- subHeadingLevel: g = 2,
35
- invisibleButton: _ = !1,
36
- level: c = 4,
37
- fontWeight: s = 400,
38
- withAvatar: m = !1
21
+ className: m,
22
+ subHeading: o,
23
+ subHeadingLevel: p = 2,
24
+ invisibleButton: f = !1,
25
+ level: n = 4,
26
+ fontWeight: l = 400,
27
+ withAvatar: y = !1
39
28
  }) => {
40
- const { isDesktop: l } = I(), h = l ? c : c + 1, f = s === "bold" ? 500 : s, v = () => {
41
- if (i !== void 0)
42
- return typeof i == "number" ? `${i}px` : "2rem";
29
+ const { isDesktop: c } = C(), v = c ? n : n + 1, u = l === "bold" ? 500 : l, h = () => {
30
+ if (r !== void 0)
31
+ return typeof r == "number" ? `${r}px` : "2rem";
43
32
  };
44
- return /* @__PURE__ */ o(
33
+ return /* @__PURE__ */ s(
45
34
  "div",
46
35
  {
47
- className: n.pageHeader,
48
- style: { marginBottom: v() },
36
+ className: e.pageHeader,
37
+ style: { marginBottom: h() },
49
38
  "data-testid": "HeaderContainer",
50
39
  children: [
51
- /* @__PURE__ */ o(
40
+ /* @__PURE__ */ s(
52
41
  "div",
53
42
  {
54
- className: `${m && l ? n.withAvatar : ""} ${n.headingWrapper}`,
43
+ className: `${y && c ? e.withAvatar : ""} ${e.headingWrapper}`,
55
44
  children: [
56
- /* @__PURE__ */ t(D, { icon: d }),
57
- /* @__PURE__ */ o("div", { className: r ? n.headingContainer : "", children: [
58
- /* @__PURE__ */ t(B, { id: a, text: a, children: /* @__PURE__ */ t(
59
- C,
45
+ /* @__PURE__ */ t($, { icon: d }),
46
+ /* @__PURE__ */ s("div", { className: o ? e.headingContainer : "", children: [
47
+ /* @__PURE__ */ t(T, { id: a, text: a, children: /* @__PURE__ */ t(
48
+ g,
60
49
  {
61
- level: h,
50
+ level: v,
62
51
  "data-testid": "Header",
63
- className: p ?? "",
64
- style: { fontWeight: f },
52
+ className: m ?? "",
53
+ style: { fontWeight: u },
65
54
  children: a
66
55
  }
67
56
  ) }),
68
- /* @__PURE__ */ t(w, { level: g, children: r })
57
+ /* @__PURE__ */ t(N, { level: p, children: o })
69
58
  ] })
70
59
  ]
71
60
  }
@@ -73,9 +62,9 @@ const N = "_pageHeader_gwnjc_1", H = "_headlineContainer_gwnjc_11", b = "_action
73
62
  /* @__PURE__ */ t(
74
63
  "div",
75
64
  {
76
- className: `${n.actionButtonContainer} ${_ && n.invisible}`,
65
+ className: `${e.actionButtonContainer} ${f && e.invisible}`,
77
66
  "data-testid": "RightPart",
78
- children: e
67
+ children: i
79
68
  }
80
69
  )
81
70
  ]
@@ -83,5 +72,5 @@ const N = "_pageHeader_gwnjc_1", H = "_headlineContainer_gwnjc_11", b = "_action
83
72
  );
84
73
  };
85
74
  export {
86
- E as BasicHeading
75
+ D as BasicHeading
87
76
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as o, Fragment as c } from "react/jsx-runtime";
2
2
  import { Button as g } from "@element/react-components";
3
3
  import { BasicHeading as a } from "./BasicHeading.js";
4
- import { a as i, s as n } from "../../react.esm-DoZanrUz.js";
4
+ import { a as i, s as n } from "../../react.esm-C3jDj5Fe.js";
5
5
  import { d as h, t as s, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
6
6
  h("BasicHeading-Test", () => {
7
7
  s("render small container without content", () => {
@@ -1,73 +1,63 @@
1
- import "../../assets/BlockView.css";
2
- import { jsxs as h, jsx as c } from "react/jsx-runtime";
3
- import { TypoSubtitle as T, TypoDisplay as B } from "@element/react-components";
4
- import { useState as L, useEffect as R, useMemo as C } from "react";
5
- import { getBlockNumberByDto as E } from "../../services/BlockService.js";
6
- 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 = {
7
- grid: A,
8
- black: D,
9
- blockLayout: S,
10
- blockRow: V,
11
- block: M,
12
- active: j,
13
- error: q,
14
- empty: F,
15
- blockText: G
16
- }, P = ({
1
+ import { jsxs as k, jsx as i } from "react/jsx-runtime";
2
+ import { TypoSubtitle as C, TypoDisplay as E } from "@element/react-components";
3
+ import { useState as A, useEffect as D, useMemo as S } from "react";
4
+ import { getBlockNumberByDto as T } from "../../services/BlockService.js";
5
+ import { s as e } from "../../BlockView.module-BPlNT5uh.js";
6
+ const j = ({
17
7
  rows: s,
18
- columns: e,
19
- hideText: m = !1,
8
+ columns: t,
9
+ hideText: a = !1,
20
10
  errorBlocks: y = [],
21
- showNumbers: v = !0,
22
- clickable: f = !0,
23
- size: b = 15,
24
- onClick: _ = null,
25
- currentBlock: i,
26
- blocks: k,
27
- blockViewTitle: N,
11
+ showNumbers: N = !0,
12
+ clickable: v = !0,
13
+ size: d = 15,
14
+ onClick: u = null,
15
+ currentBlock: c,
16
+ blocks: b,
17
+ blockViewTitle: $,
28
18
  blockLabel: g
29
19
  }) => {
30
- const [p, d] = L(0);
31
- R(() => {
32
- if (!i)
20
+ const [p, h] = A(0);
21
+ D(() => {
22
+ if (!c)
33
23
  return;
34
- const l = E(i, e);
35
- d(l);
36
- }, [i, e]);
37
- const $ = C(() => s * e, [s, e]), w = (l) => {
38
- _ && _(l, i ?? void 0);
39
- }, x = ({ row: l, column: r }) => k.length === 0 ? !0 : k.some((n) => n.position?.row === l && n.position?.column === r);
40
- return /* @__PURE__ */ h("div", { className: o.grid, children: [
41
- !m && /* @__PURE__ */ c(T, { level: 1, bold: !0, className: o.black, children: N }),
42
- /* @__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) => {
43
- const t = e * r + a + 1, u = x({ row: r + 1, column: a + 1 });
44
- return /* @__PURE__ */ c(
24
+ const o = T(c, t);
25
+ h(o);
26
+ }, [c, t]);
27
+ const w = S(() => s * t, [s, t]), x = (o) => {
28
+ u && u(o, c ?? void 0);
29
+ }, B = ({ row: o, column: l }) => b.length === 0 ? !0 : b.some((m) => m.position?.row === o && m.position?.column === l);
30
+ return /* @__PURE__ */ k("div", { className: e.grid, children: [
31
+ !a && /* @__PURE__ */ i(C, { level: 1, bold: !0, className: e.black, children: $ }),
32
+ /* @__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) => {
33
+ const r = t * l + n + 1, f = B({ row: l + 1, column: n + 1 });
34
+ return /* @__PURE__ */ i(
45
35
  "div",
46
36
  {
47
37
  "data-testid": "blockViewBlock",
48
- className: `${o.block} ${p === t ? o.active : ""} ${u ? "" : o.empty} ${y.includes(t) ? o.error : ""}`,
49
- id: `block${t}`,
50
- onClick: f ? () => {
51
- d(t), w({ row: r + 1, column: a + 1 });
38
+ className: `${e.block} ${p === r ? e.active : ""} ${f ? "" : e.empty} ${y.includes(r) ? e.error : ""}`,
39
+ id: `block${r}`,
40
+ onClick: v ? () => {
41
+ h(r), x({ row: l + 1, column: n + 1 });
52
42
  } : void 0,
53
- children: v && u && /* @__PURE__ */ c(
43
+ children: N && f && /* @__PURE__ */ i(
54
44
  "div",
55
45
  {
56
- className: `${o.blockText} ${p === t ? o.black : ""}`,
57
- children: t
46
+ className: `${e.blockText} ${p === r ? e.black : ""}`,
47
+ children: r
58
48
  }
59
49
  )
60
50
  },
61
- t
51
+ r
62
52
  );
63
- }) }, r)) }),
64
- !m && /* @__PURE__ */ h(B, { themeColor: "primary", level: 6, children: [
65
- $,
53
+ }) }, l)) }),
54
+ !a && /* @__PURE__ */ k(E, { themeColor: "primary", level: 6, children: [
55
+ w,
66
56
  " ",
67
57
  g
68
58
  ] })
69
59
  ] });
70
60
  };
71
61
  export {
72
- P as BlockView
62
+ j as BlockView
73
63
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import { a as s, s as o, f as n } from "../../react.esm-DoZanrUz.js";
2
+ import { a as s, s as o, f as n } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { BlockView as i } from "./BlockView.js";
4
4
  import { d as B, v as a, t as r, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("BlockView Test", () => {
@@ -1,41 +1,39 @@
1
- import "../../assets/ContextMenu.css";
2
- import { jsx as n } from "react/jsx-runtime";
3
- import { Menu as c, IconButton as a, List as d, ListItem as f } from "@element/react-components";
4
- import { useState as p, useCallback as s, useEffect as _ } from "react";
5
- import { uniqueId as y } from "lodash";
6
- const C = "_menu_1rfel_1", k = {
7
- menu: C
8
- }, M = ({
9
- triggerOpen: o = null,
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { Menu as u, IconButton as c, List as d, ListItem as f } from "@element/react-components";
3
+ import { useState as p, useCallback as s, useEffect as y } from "react";
4
+ import { s as C } from "../../contextMenu.module-B7aUMFPe.js";
5
+ import { uniqueId as k } from "lodash";
6
+ const M = ({
7
+ triggerOpen: n = null,
10
8
  actions: r,
11
- iconOrientation: u = "vertical"
9
+ iconOrientation: a = "vertical"
12
10
  }) => {
13
11
  const [e, t] = p(!1), m = s(() => {
14
12
  t(!e);
15
13
  }, [e]), l = s(() => {
16
14
  t(!1);
17
15
  }, []);
18
- return _(() => {
19
- t(o !== null ? o : !1);
20
- }, [o]), /* @__PURE__ */ n(
21
- c,
16
+ return y(() => {
17
+ t(n !== null ? n : !1);
18
+ }, [n]), /* @__PURE__ */ o(
19
+ u,
22
20
  {
23
- className: k.menu,
21
+ className: C.menu,
24
22
  "data-testid": "selectionmenu",
25
23
  open: e,
26
24
  surfaceOnly: !0,
27
25
  hoistToBody: !0,
28
26
  onClose: l,
29
- trigger: /* @__PURE__ */ n(
30
- a,
27
+ trigger: /* @__PURE__ */ o(
28
+ c,
31
29
  {
32
30
  variant: e ? "filled-primary" : void 0,
33
31
  "data-testid": "openButton",
34
- icon: u === "vertical" ? "more_vert" : "more_horiz",
32
+ icon: a === "vertical" ? "more_vert" : "more_horiz",
35
33
  onClick: m
36
34
  }
37
35
  ),
38
- children: /* @__PURE__ */ n(d, { children: r.map((i) => /* @__PURE__ */ n(
36
+ children: /* @__PURE__ */ o(d, { children: r.map((i) => /* @__PURE__ */ o(
39
37
  f,
40
38
  {
41
39
  ...i,
@@ -45,7 +43,7 @@ const C = "_menu_1rfel_1", k = {
45
43
  i?.onClick?.(), l();
46
44
  }
47
45
  },
48
- y(`LI_${i.primaryText?.toString()}_`)
46
+ k(`LI_${i.primaryText?.toString()}_`)
49
47
  )) })
50
48
  },
51
49
  "selectionmenu"
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { a as d, s as n, f as o, w as a } from "../../react.esm-DoZanrUz.js";
2
+ import { a as d, s as n, f as o, w as a } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { ContextMenu as u } from "./ContextMenu.js";
4
4
  import { v as m, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const T = m.fn(), l = m.fn(), i = m.fn(), p = [