@hortiview/shared-components 0.0.6829 → 0.0.6849

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 (42) hide show
  1. package/dist/assets/HashTabView.css +1 -1
  2. package/dist/components/AlertBanner/AlertBanner.js +19 -11
  3. package/dist/components/AlertBanner/AlertBanner.test.js +17 -23
  4. package/dist/components/BaseView/BaseView.js +15 -15
  5. package/dist/components/BaseView/BaseView.test.js +19 -25
  6. package/dist/components/BasicHeading/BasicHeading.js +37 -31
  7. package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
  8. package/dist/components/BlockView/BlockView.test.js +7 -7
  9. package/dist/components/ContextMenu/ContextMenu.test.js +6 -6
  10. package/dist/components/DeleteModal/DeleteModal.test.js +1 -1
  11. package/dist/components/Disclaimer/Disclaimer.test.js +1 -1
  12. package/dist/components/EmptyView/EmptyView.test.js +1 -1
  13. package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +1 -1
  14. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +5 -5
  15. package/dist/components/FormComponents/FormRadio/FormRadio.test.js +8 -8
  16. package/dist/components/FormComponents/FormSelect/FormSelect.test.js +2 -2
  17. package/dist/components/FormComponents/FormSlider/FormSlider.test.js +1 -1
  18. package/dist/components/FormComponents/FormText/FormText.test.js +1 -1
  19. package/dist/components/GenericTable/GenericTable.test.js +1 -1
  20. package/dist/components/HashTabView/HashTabView.js +33 -33
  21. package/dist/components/HashTabView/HashTabView.test.js +1 -1
  22. package/dist/components/HeaderFilter/HeaderFilter.test.js +1 -1
  23. package/dist/components/Iconify/Iconify.test.js +1 -1
  24. package/dist/components/InfoGroup/InfoGroup.js +4 -4
  25. package/dist/components/InfoGroup/InfoGroup.test.js +1 -1
  26. package/dist/components/ListArea/ListArea.test.js +1 -1
  27. package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +7 -7
  28. package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js +1 -1
  29. package/dist/components/OverflowTooltip/OverflowTooltip.test.js +2 -2
  30. package/dist/components/Scrollbar/scrollbar.test.js +8 -8
  31. package/dist/components/SearchBar/SearchBar.test.js +1 -1
  32. package/dist/components/VerticalDivider/VerticalDivider.test.js +1 -1
  33. package/dist/hooks/useBreakpoint.d.ts +16 -11
  34. package/dist/hooks/useBreakpoint.js +2 -3
  35. package/dist/hooks/useBreakpoints.test.d.ts +1 -0
  36. package/dist/hooks/useBreakpoints.test.js +11 -0
  37. package/dist/{index-DfbRag7b.js → index-DP2ENnrX.js} +1 -1
  38. package/dist/main.js +7 -7
  39. package/dist/{react.esm-BBemCHUU.js → react.esm-DoZanrUz.js} +1223 -1190
  40. package/dist/useBreakpoint-2MH8ICuE.js +28 -0
  41. package/package.json +1 -1
  42. package/dist/useBreakpoint-DROHPVxO.js +0 -35
@@ -1 +1 @@
1
- ._elevation_1rcw6_1{width:100%;border-radius:.5rem}._themeBackground_1rcw6_6{background:var(--lmnt-theme-background)}._tabBar_1rcw6_10{background:transparent;align-self:flex-end;border-radius:.5rem}._tabWrapper_1rcw6_16{border-bottom:1px solid var(--lmnt-theme-on-surface-stroke)}._tabButton_1rcw6_20{height:3.5rem!important}._childContainer_1rcw6_24{width:25rem}._childContainerLg_1rcw6_28{width:100%}
1
+ ._elevation_16c7u_1{width:100%;border-radius:.5rem}._themeBackground_16c7u_6{background:var(--lmnt-theme-background)}._tabBar_16c7u_10{background:transparent;align-self:flex-end;border-radius:.5rem}._tabWrapper_16c7u_16{border-bottom:1px solid var(--lmnt-theme-on-surface-stroke)}._tabButton_16c7u_20{height:3.5rem!important}._childContainer_16c7u_24{width:25rem}._childContainerPhone_16c7u_28{width:100%}
@@ -1,18 +1,26 @@
1
1
  import "../../assets/AlertBanner.css";
2
- import { jsx as e, Fragment as a, jsxs as c } from "react/jsx-runtime";
2
+ import { jsx as e, Fragment as c, jsxs as a } from "react/jsx-runtime";
3
3
  import { Group as p, TypoBody as l } from "@element/react-components";
4
- import { a as m } from "../../useBreakpoint-DROHPVxO.js";
5
- const d = "_messageContainer_1kpsp_1", g = "_info_1kpsp_9", _ = "_danger_1kpsp_14", f = "_success_1kpsp_19", n = {
4
+ import { u as m } from "../../useBreakpoint-2MH8ICuE.js";
5
+ const d = "_messageContainer_1kpsp_1", _ = "_info_1kpsp_9", g = "_danger_1kpsp_14", u = "_success_1kpsp_19", n = {
6
6
  messageContainer: d,
7
- info: g,
8
- danger: _,
9
- success: f
7
+ info: _,
8
+ danger: g,
9
+ success: u
10
10
  }, v = ({ text: s, color: r = "info", isOpen: o = !0, action: i }) => {
11
- const { isLg: t } = m();
12
- return o ? /* @__PURE__ */ e("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ c(p, { direction: t ? "horizontal" : "vertical", primaryAlign: "space-between", secondaryAlign: "center", children: [
13
- typeof s == "string" ? /* @__PURE__ */ e(l, { bold: !0, level: 2, children: s }) : /* @__PURE__ */ e("div", { children: s }),
14
- i
15
- ] }) }) : /* @__PURE__ */ e(a, {});
11
+ const { isDesktop: t } = m();
12
+ return o ? /* @__PURE__ */ e("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ a(
13
+ p,
14
+ {
15
+ direction: t ? "horizontal" : "vertical",
16
+ primaryAlign: "space-between",
17
+ secondaryAlign: "center",
18
+ children: [
19
+ typeof s == "string" ? /* @__PURE__ */ e(l, { bold: !0, level: 2, children: s }) : /* @__PURE__ */ e("div", { children: s }),
20
+ i
21
+ ]
22
+ }
23
+ ) }) : /* @__PURE__ */ e(c, {});
16
24
  };
17
25
  export {
18
26
  v as AlertBanner
@@ -1,36 +1,30 @@
1
1
  import { jsx as e, Fragment as m } from "react/jsx-runtime";
2
- import { r as t, s } from "../../react.esm-BBemCHUU.js";
3
- import { u as i } from "../../useBreakpoint-DROHPVxO.js";
2
+ import { a as t, s } from "../../react.esm-DoZanrUz.js";
3
+ import { a as l } from "../../useBreakpoint-2MH8ICuE.js";
4
4
  import { AlertBanner as n } from "./AlertBanner.js";
5
- import { d as c, b as u, t as r, g as l, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
+ import { d as c, b as p, t as r, g as o, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";
6
6
  c("AlertBanner Test", () => {
7
- u(() => {
8
- a.spyOn(i, "useBreakpoints").mockReturnValue({
9
- isXs: !1,
10
- isSm: !1,
11
- isMd: !1,
12
- isLg: !0,
13
- isXlg: !0,
14
- active: "lg"
7
+ p(() => {
8
+ a.spyOn(l, "useBreakpoints").mockReturnValue({
9
+ isMobile: !1,
10
+ isTablet: !1,
11
+ isDesktop: !0
15
12
  });
16
13
  }), r("render AlertBanner with text", () => {
17
- t(/* @__PURE__ */ e(n, { text: "Test" })), l(s.getByText("Test")).toBeInTheDocument();
14
+ t(/* @__PURE__ */ e(n, { text: "Test" })), o(s.getByText("Test")).toBeInTheDocument();
18
15
  }), r("render AlertBanner with element", () => {
19
- t(/* @__PURE__ */ e(n, { text: /* @__PURE__ */ e(m, { children: "Element" }) })), l(s.getByText("Element")).toBeInTheDocument();
16
+ t(/* @__PURE__ */ e(n, { text: /* @__PURE__ */ e(m, { children: "Element" }) })), o(s.getByText("Element")).toBeInTheDocument();
20
17
  }), r("renders AlertBanner with vertical style (flex-direction: column) when screen is small", () => {
21
- a.spyOn(i, "useBreakpoints").mockReturnValue({
22
- isXs: !1,
23
- isSm: !0,
24
- isMd: !1,
25
- isLg: !1,
26
- isXlg: !1,
27
- active: "sm"
18
+ a.spyOn(l, "useBreakpoints").mockReturnValue({
19
+ isMobile: !0,
20
+ isTablet: !1,
21
+ isDesktop: !1
28
22
  }), t(/* @__PURE__ */ e(n, { text: "Test" }));
29
- const o = s.getByText("Test").closest(".lmnt.lmnt-group");
30
- l(o).toHaveStyle(
23
+ const i = s.getByText("Test").closest(".lmnt.lmnt-group");
24
+ o(i).toHaveStyle(
31
25
  "display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 16px;"
32
26
  );
33
27
  }), r("renders nothing when isOpen is false", () => {
34
- t(/* @__PURE__ */ e(n, { text: "Test", isOpen: !1 })), l(s.queryByText("Test")).not.toBeInTheDocument();
28
+ t(/* @__PURE__ */ e(n, { text: "Test", isOpen: !1 })), o(s.queryByText("Test")).not.toBeInTheDocument();
35
29
  });
36
30
  });
@@ -1,15 +1,15 @@
1
1
  import "../../assets/BaseView.css";
2
- import { jsx as e, Fragment as k, jsxs as i } from "react/jsx-runtime";
3
- import { Grid as A, GridRow as H, GridCol as a, Group as u } from "@element/react-components";
2
+ import { jsx as e, Fragment as w, jsxs as i } from "react/jsx-runtime";
3
+ import { Grid as x, GridRow as A, GridCol as a, Group as u } from "@element/react-components";
4
4
  import { useMemo as l } from "react";
5
5
  import { BasicHeading as m } from "../BasicHeading/BasicHeading.js";
6
- import { EmptyView as L } from "../EmptyView/EmptyView.js";
7
- import { ListArea as N } from "../ListArea/ListArea.js";
8
- import { VerticalDivider as V } from "../VerticalDivider/VerticalDivider.js";
9
- import { a as W } from "../../useBreakpoint-DROHPVxO.js";
10
- const j = "_divider_12ecr_1", D = "_truncate_12ecr_5", p = {
11
- divider: j,
12
- truncate: D
6
+ import { EmptyView as D } from "../EmptyView/EmptyView.js";
7
+ import { ListArea as H } from "../ListArea/ListArea.js";
8
+ import { VerticalDivider as N } from "../VerticalDivider/VerticalDivider.js";
9
+ import { u as V } from "../../useBreakpoint-2MH8ICuE.js";
10
+ const W = "_divider_12ecr_1", j = "_truncate_12ecr_5", p = {
11
+ divider: W,
12
+ truncate: j
13
13
  }, J = ({
14
14
  action: c,
15
15
  heading: d,
@@ -24,12 +24,12 @@ const j = "_divider_12ecr_1", D = "_truncate_12ecr_5", p = {
24
24
  routerLinkElement: B,
25
25
  searchPlaceholder: _
26
26
  }) => {
27
- const { isLg: r, isXs: G } = W(), t = l(() => o.find((x) => x.route === n), [n, o]), b = l(() => t?.component ?? (r ? /* @__PURE__ */ e(L, { subtitle: s }) : /* @__PURE__ */ e(k, {})), [t, r, s]), w = l(() => r ? !0 : !t, [t, r]);
28
- return /* @__PURE__ */ e(A, { className: v ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ i(H, { children: [
29
- w && /* @__PURE__ */ e(a, { desktopCol: 3, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ i(u, { direction: "vertical", fullWidth: !0, gap: G ? "dense" : "standard", children: [
27
+ 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]);
28
+ return /* @__PURE__ */ e(x, { className: v ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ i(A, { children: [
29
+ b && /* @__PURE__ */ e(a, { desktopCol: 3, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ i(u, { direction: "vertical", fullWidth: !0, gap: r ? "standard" : "dense", children: [
30
30
  d && /* @__PURE__ */ e(m, { heading: d, level: 4, marginBottom: 0, children: c }),
31
31
  /* @__PURE__ */ e(
32
- N,
32
+ H,
33
33
  {
34
34
  elements: o,
35
35
  hasSearch: h,
@@ -42,7 +42,7 @@ const j = "_divider_12ecr_1", D = "_truncate_12ecr_5", p = {
42
42
  )
43
43
  ] }) }),
44
44
  /* @__PURE__ */ i(a, { desktopCol: 9, tabletCol: 12, phoneCol: 12, children: [
45
- r && /* @__PURE__ */ e(V, { className: p.divider, height: "100%" }),
45
+ r && /* @__PURE__ */ e(N, { className: p.divider, height: "100%" }),
46
46
  /* @__PURE__ */ i(u, { direction: "vertical", fullWidth: !0, children: [
47
47
  /* @__PURE__ */ e(
48
48
  m,
@@ -57,7 +57,7 @@ const j = "_divider_12ecr_1", D = "_truncate_12ecr_5", p = {
57
57
  children: t?.detailAction ?? c
58
58
  }
59
59
  ),
60
- b
60
+ G
61
61
  ] })
62
62
  ] })
63
63
  ] }) });
@@ -1,17 +1,14 @@
1
1
  import { jsx as a, Fragment as s } from "react/jsx-runtime";
2
- import { u as l } from "../../useBreakpoint-DROHPVxO.js";
3
- import { BaseView as r } from "./BaseView.js";
4
- import { r as i, s as e, f as p } from "../../react.esm-BBemCHUU.js";
2
+ import { a as r, s as e, f as p } from "../../react.esm-DoZanrUz.js";
3
+ import { a as l } from "../../useBreakpoint-2MH8ICuE.js";
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";
6
6
  u("BaseView Test", () => {
7
7
  m(() => {
8
8
  c.spyOn(l, "useBreakpoints").mockReturnValue({
9
- isXs: !1,
10
- isSm: !1,
11
- isMd: !1,
12
- isLg: !0,
13
- isXlg: !0,
14
- active: "lg"
9
+ isMobile: !1,
10
+ isTablet: !1,
11
+ isDesktop: !0
15
12
  });
16
13
  });
17
14
  const o = [
@@ -40,9 +37,9 @@ u("BaseView Test", () => {
40
37
  }
41
38
  ];
42
39
  n("render BaseView with empty view and navigation list", () => {
43
- i(
40
+ r(
44
41
  /* @__PURE__ */ a(
45
- r,
42
+ i,
46
43
  {
47
44
  pathname: "/personal-profile",
48
45
  elements: o,
@@ -55,9 +52,9 @@ u("BaseView Test", () => {
55
52
  )
56
53
  ), 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();
57
54
  }), n("render BaseView with data and navigation list", () => {
58
- i(
55
+ r(
59
56
  /* @__PURE__ */ a(
60
- r,
57
+ i,
61
58
  {
62
59
  pathname: "/personal-profile/personal-information",
63
60
  elements: o,
@@ -70,9 +67,9 @@ u("BaseView Test", () => {
70
67
  )
71
68
  ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("account_circle")).toHaveLength(2), t(e.getAllByText("user.personal_information")).toHaveLength(2);
72
69
  }), n("render BaseView with custom detail title and no detail icon", () => {
73
- i(
70
+ r(
74
71
  /* @__PURE__ */ a(
75
- r,
72
+ i,
76
73
  {
77
74
  pathname: "/personal-profile/data-privacy",
78
75
  elements: o,
@@ -86,15 +83,12 @@ u("BaseView Test", () => {
86
83
  ), 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);
87
84
  }), n("hide empty view when screen is small", () => {
88
85
  c.spyOn(l, "useBreakpoints").mockReturnValue({
89
- isXs: !1,
90
- isSm: !0,
91
- isMd: !1,
92
- isLg: !1,
93
- isXlg: !1,
94
- active: "sm"
95
- }), i(
86
+ isMobile: !0,
87
+ isTablet: !1,
88
+ isDesktop: !1
89
+ }), r(
96
90
  /* @__PURE__ */ a(
97
- r,
91
+ i,
98
92
  {
99
93
  pathname: "/personal-profile/data-privacy",
100
94
  elements: o,
@@ -107,9 +101,9 @@ u("BaseView Test", () => {
107
101
  )
108
102
  ), t(e.queryByText("user.noselection")).not.toBeInTheDocument();
109
103
  }), n("render BaseView with selected detail section", () => {
110
- i(
104
+ r(
111
105
  /* @__PURE__ */ a(
112
- r,
106
+ i,
113
107
  {
114
108
  pathname: "/personal-profile/data-privacy",
115
109
  elements: o,
@@ -1,11 +1,11 @@
1
1
  import "../../assets/BasicHeading.css";
2
- import { jsxs as o, jsx as i } from "react/jsx-runtime";
3
- import { TypoDisplay as C, TypoBody as w, Icon as y } from "@element/react-components";
4
- import { Iconify as u } from "../Iconify/Iconify.js";
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
5
  import { AvailableCustomIcons as I } from "../../enums/AvailableCustomIcons.js";
6
- import { a as B } from "../../useBreakpoint-DROHPVxO.js";
6
+ import { u as B } from "../../useBreakpoint-2MH8ICuE.js";
7
7
  import { OverflowTooltip as N } from "../OverflowTooltip/OverflowTooltip.js";
8
- 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", z = "_withAvatar_fwns1_52", L = "_iconContainer_fwns1_57", n = {
8
+ 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 = {
9
9
  pageHeader: H,
10
10
  headlineContainer: b,
11
11
  actionButtonContainer: x,
@@ -14,19 +14,19 @@ const H = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", x = "_action
14
14
  headingWrapper: W,
15
15
  headingContainer: $,
16
16
  invisible: j,
17
- withAvatar: z,
18
- iconContainer: L
19
- }, S = ({ icon: e }) => e ? typeof e != "string" ? /* @__PURE__ */ i("div", { className: n.iconContainer, children: e }) : e in I ? /* @__PURE__ */ i(
20
- u,
17
+ withAvatar: k,
18
+ iconContainer: z
19
+ }, D = ({ icon: e }) => e ? typeof e != "string" ? /* @__PURE__ */ t("div", { className: n.iconContainer, children: e }) : e in I ? /* @__PURE__ */ t(
20
+ y,
21
21
  {
22
22
  icon: e,
23
23
  className: n.leadingIcon,
24
24
  iconSize: "large",
25
25
  iconType: "filled"
26
26
  }
27
- ) : /* @__PURE__ */ i(y, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, E = ({
27
+ ) : /* @__PURE__ */ t(u, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, E = ({
28
28
  children: e,
29
- marginBottom: t,
29
+ marginBottom: i,
30
30
  heading: a,
31
31
  icon: d,
32
32
  className: p,
@@ -37,9 +37,9 @@ const H = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", x = "_action
37
37
  fontWeight: c = 400,
38
38
  withAvatar: m = !1
39
39
  }) => {
40
- const { isLg: l } = B(), g = l ? s : s + 1, h = c === "bold" ? 500 : c, v = () => {
41
- if (t !== void 0)
42
- return typeof t == "number" ? `${t}px` : "2rem";
40
+ const { isDesktop: l } = B(), h = l ? s : s + 1, g = c === "bold" ? 500 : c, v = () => {
41
+ if (i !== void 0)
42
+ return typeof i == "number" ? `${i}px` : "2rem";
43
43
  };
44
44
  return /* @__PURE__ */ o(
45
45
  "div",
@@ -48,23 +48,29 @@ const H = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", x = "_action
48
48
  style: { marginBottom: v() },
49
49
  "data-testid": "HeaderContainer",
50
50
  children: [
51
- /* @__PURE__ */ o("div", { className: `${m && l ? n.withAvatar : ""} ${n.headingWrapper}`, children: [
52
- /* @__PURE__ */ i(S, { icon: d }),
53
- /* @__PURE__ */ o("div", { className: r ? n.headingContainer : "", children: [
54
- /* @__PURE__ */ i(N, { id: a, text: a, children: /* @__PURE__ */ i(
55
- C,
56
- {
57
- level: g,
58
- "data-testid": "Header",
59
- className: p ?? "",
60
- style: { fontWeight: h },
61
- children: a
62
- }
63
- ) }),
64
- /* @__PURE__ */ i(w, { level: _, children: r })
65
- ] })
66
- ] }),
67
- /* @__PURE__ */ i(
51
+ /* @__PURE__ */ o(
52
+ "div",
53
+ {
54
+ className: `${m && l ? n.withAvatar : ""} ${n.headingWrapper}`,
55
+ children: [
56
+ /* @__PURE__ */ t(D, { icon: d }),
57
+ /* @__PURE__ */ o("div", { className: r ? n.headingContainer : "", children: [
58
+ /* @__PURE__ */ t(N, { id: a, text: a, children: /* @__PURE__ */ t(
59
+ C,
60
+ {
61
+ level: h,
62
+ "data-testid": "Header",
63
+ className: p ?? "",
64
+ style: { fontWeight: g },
65
+ children: a
66
+ }
67
+ ) }),
68
+ /* @__PURE__ */ t(w, { level: _, children: r })
69
+ ] })
70
+ ]
71
+ }
72
+ ),
73
+ /* @__PURE__ */ t(
68
74
  "div",
69
75
  {
70
76
  className: `${n.actionButtonContainer} ${f && n.invisible}`,
@@ -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 { r as i, s as n } from "../../react.esm-BBemCHUU.js";
4
+ import { a as i, s as n } from "../../react.esm-DoZanrUz.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,7 +1,7 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import { r as s, s as o, f as n } from "../../react.esm-BBemCHUU.js";
3
- import { BlockView as r } from "./BlockView.js";
4
- import { d as B, v as a, t as i, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
2
+ import { a as s, s as o, f as n } from "../../react.esm-DoZanrUz.js";
3
+ import { BlockView as i } from "./BlockView.js";
4
+ import { d as B, v as a, t as r, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("BlockView Test", () => {
6
6
  const c = a.fn(), e = {
7
7
  id: "1",
@@ -11,10 +11,10 @@ B("BlockView Test", () => {
11
11
  column: 2
12
12
  }
13
13
  };
14
- i("renders BlockView correctly with 2x3 blocks", () => {
14
+ r("renders BlockView correctly with 2x3 blocks", () => {
15
15
  s(
16
16
  /* @__PURE__ */ l(
17
- r,
17
+ i,
18
18
  {
19
19
  blocks: [e],
20
20
  columns: 2,
@@ -27,10 +27,10 @@ B("BlockView Test", () => {
27
27
  ), t(o.getByText("Layout")).toBeInTheDocument(), t(o.getByText("6 Block")).toBeInTheDocument();
28
28
  const k = o.getAllByTestId("blockViewBlock");
29
29
  t(k.length).toBe(6);
30
- }), i("executes onClick method", () => {
30
+ }), r("executes onClick method", () => {
31
31
  s(
32
32
  /* @__PURE__ */ l(
33
- r,
33
+ i,
34
34
  {
35
35
  blocks: [e],
36
36
  columns: 2,
@@ -1,19 +1,19 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import { r as d, s as n, f as o, w as a } from "../../react.esm-BBemCHUU.js";
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";
3
3
  import { ContextMenu as u } from "./ContextMenu.js";
4
- import { v as r, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
- const T = r.fn(), l = r.fn(), i = r.fn(), p = [
4
+ import { v as m, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
+ const T = m.fn(), l = m.fn(), i = m.fn(), p = [
6
6
  { primaryText: "Open", onClick: T, leadingBlock: "add" },
7
7
  { primaryText: "Delete", onClick: i, leadingBlock: "delete_outline" },
8
8
  { primaryText: "Edit", onClick: l, leadingBlock: "edit" }
9
9
  ];
10
10
  g("ContextMenu Test", () => {
11
11
  B("render contextMenu and close it", () => {
12
- d(/* @__PURE__ */ m(u, { actions: p }));
12
+ d(/* @__PURE__ */ r(u, { actions: p }));
13
13
  const c = n.getByTestId("openButton"), t = n.getByTestId("selectionmenu");
14
14
  e(t).toBeInTheDocument(), e(t).not.toHaveClass("mdc-menu-surface--open"), o.click(c), a(() => e(t).toHaveClass("mdc-menu-surface--open")), o.click(c), a(() => e(t).not.toHaveClass("mdc-menu-surface--open"));
15
15
  }), B("render ContextMenu and open it", async () => {
16
- d(/* @__PURE__ */ m(u, { actions: p, triggerOpen: !0 }));
16
+ d(/* @__PURE__ */ r(u, { actions: p, triggerOpen: !0 }));
17
17
  const c = n.getByTestId("openButton"), t = n.getByTestId("selectionmenu");
18
18
  e(t).toBeInTheDocument(), e(t).not.toHaveClass("mdc-menu-surface--open"), o.click(c), a(() => e(t).toHaveClass("mdc-menu-surface--open"));
19
19
  const s = n.getAllByTestId("listItemButton");
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as c, s as e } from "../../react.esm-BBemCHUU.js";
2
+ import { a as c, s as e } from "../../react.esm-DoZanrUz.js";
3
3
  import { DeleteModal as b } from "./DeleteModal.js";
4
4
  import { d as B, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("DeleteModal Test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { r, s as t } from "../../react.esm-BBemCHUU.js";
2
+ import { a as r, s as t } from "../../react.esm-DoZanrUz.js";
3
3
  import { Disclaimer as s } from "./Disclaimer.js";
4
4
  import { d as i, t as m, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  i("Disclaimer test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as s, s as o, w as r, f as l } from "../../react.esm-BBemCHUU.js";
2
+ import { a as s, s as o, w as r, f as l } from "../../react.esm-DoZanrUz.js";
3
3
  import { EmptyView as c } from "./EmptyView.js";
4
4
  import { d as h, t as T, g as e, v as d } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  h("EmptyView", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { r as n, s as t, f as m } from "../../../react.esm-BBemCHUU.js";
2
+ import { a as n, s as t, f as m } from "../../../react.esm-DoZanrUz.js";
3
3
  import { FormCheckBox as c } from "./FormCheckBox.js";
4
4
  import { v as e, d as h, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const a = e.fn();
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as s, s as o, f as m } from "../../../react.esm-BBemCHUU.js";
2
+ import { a as s, s as a, f as m } from "../../../react.esm-DoZanrUz.js";
3
3
  import { FormDatePicker as c } from "./FormDatePicker.js";
4
4
  import { v as e, d as f, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const i = e.fn();
@@ -44,13 +44,13 @@ f("FormDatePicker Test", () => {
44
44
  s(
45
45
  /* @__PURE__ */ n(c, { propertyName: "birthday", label: "user.date-of-birth", closeLabel: "close", maxRangeYear: 0 })
46
46
  );
47
- const t = o.getByRole("textbox");
48
- r(t).toBeInTheDocument(), r(t).toBeInstanceOf(HTMLInputElement), r(o.getByText("user.date-of-birth")).toBeInTheDocument(), r(o.getByText("close")).toBeInTheDocument();
47
+ const t = a.getByRole("textbox");
48
+ r(t).toBeInTheDocument(), r(t).toBeInstanceOf(HTMLInputElement), r(a.getByText("user.date-of-birth")).toBeInTheDocument(), r(a.getByText("close")).toBeInTheDocument();
49
49
  }), l("change FormDatePicker value", () => {
50
50
  s(
51
51
  /* @__PURE__ */ n(c, { propertyName: "birthday", label: "user.date-of-birth", closeLabel: "close", maxRangeYear: 0 })
52
52
  );
53
- const t = o.getByRole("textbox"), a = /* @__PURE__ */ new Date();
54
- m.change(t, { target: { value: a } }), r(t.getAttribute("value")).toBe(a.toString());
53
+ const t = a.getByRole("textbox"), o = /* @__PURE__ */ new Date();
54
+ m.change(t, { target: { value: o } }), r(t.getAttribute("value")).toBe(o.toString());
55
55
  });
56
56
  });
@@ -1,15 +1,15 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as s, s as t, f as m } from "../../../react.esm-BBemCHUU.js";
2
+ import { a as s, s as t, f as m } from "../../../react.esm-DoZanrUz.js";
3
3
  import { FormRadio as l } from "./FormRadio.js";
4
4
  import { v as e, d as c, t as i, g as o } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
- const a = e.fn();
5
+ const r = e.fn();
6
6
  e.mock("react-hook-form", () => ({
7
7
  ...e.importActual("react-hook-form"),
8
8
  Controller: ({
9
- render: r
10
- }) => r({
9
+ render: a
10
+ }) => a({
11
11
  field: {
12
- onChange: a
12
+ onChange: r
13
13
  },
14
14
  fieldState: { error: { message: "error" } }
15
15
  }),
@@ -37,7 +37,7 @@ e.mock("react-hook-form", () => ({
37
37
  },
38
38
  formState: { errors: {} },
39
39
  watch: () => "2024-08-07",
40
- setValue: a
40
+ setValue: r
41
41
  })
42
42
  }));
43
43
  c("FormRadio Test", () => {
@@ -67,7 +67,7 @@ c("FormRadio Test", () => {
67
67
  }
68
68
  )
69
69
  );
70
- const r = t.getAllByRole("radio");
71
- m.click(r[0]), o(a).toHaveBeenCalled();
70
+ const a = t.getAllByRole("radio");
71
+ m.click(a[0]), o(r).toHaveBeenCalled();
72
72
  });
73
73
  });
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { r as a, s as t, f as T, w as p } from "../../../react.esm-BBemCHUU.js";
3
- import { u as B } from "../../../index-DfbRag7b.js";
2
+ import { a, s as t, f as T, w as p } from "../../../react.esm-DoZanrUz.js";
3
+ import { u as B } from "../../../index-DP2ENnrX.js";
4
4
  import { FormSelect as i } from "./FormSelect.js";
5
5
  import { SelectTooltipText as d } from "./SelectTooltipText.js";
6
6
  import { v as n, d as f, t as u, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { r as a, s as n } from "../../../react.esm-BBemCHUU.js";
2
+ import { a, s as n } from "../../../react.esm-DoZanrUz.js";
3
3
  import { FormSlider as l } from "./FormSlider.js";
4
4
  import { v as e, d as m, t as i, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const o = e.fn();
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { r as s, s as r, f as d } from "../../../react.esm-BBemCHUU.js";
2
+ import { a as s, s as r, f as d } from "../../../react.esm-DoZanrUz.js";
3
3
  import { FormText as o } from "./FormText.js";
4
4
  import { v as a, d as i, t as l, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const m = a.fn();
@@ -1,5 +1,5 @@
1
1
  import { jsx as a, jsxs as u } from "react/jsx-runtime";
2
- import { r as i, s as e } from "../../react.esm-BBemCHUU.js";
2
+ import { a as i, s as e } from "../../react.esm-DoZanrUz.js";
3
3
  import { GenericTable as c } from "./GenericTable.js";
4
4
  import { d as B, t as d, g as t, v as r } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("GenericTable Test", () => {