@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.
- package/dist/assets/HashTabView.css +1 -1
- package/dist/components/AlertBanner/AlertBanner.js +19 -11
- package/dist/components/AlertBanner/AlertBanner.test.js +17 -23
- package/dist/components/BaseView/BaseView.js +15 -15
- package/dist/components/BaseView/BaseView.test.js +19 -25
- package/dist/components/BasicHeading/BasicHeading.js +37 -31
- package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
- package/dist/components/BlockView/BlockView.test.js +7 -7
- package/dist/components/ContextMenu/ContextMenu.test.js +6 -6
- package/dist/components/DeleteModal/DeleteModal.test.js +1 -1
- package/dist/components/Disclaimer/Disclaimer.test.js +1 -1
- package/dist/components/EmptyView/EmptyView.test.js +1 -1
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +1 -1
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +5 -5
- package/dist/components/FormComponents/FormRadio/FormRadio.test.js +8 -8
- package/dist/components/FormComponents/FormSelect/FormSelect.test.js +2 -2
- package/dist/components/FormComponents/FormSlider/FormSlider.test.js +1 -1
- package/dist/components/FormComponents/FormText/FormText.test.js +1 -1
- package/dist/components/GenericTable/GenericTable.test.js +1 -1
- package/dist/components/HashTabView/HashTabView.js +33 -33
- package/dist/components/HashTabView/HashTabView.test.js +1 -1
- package/dist/components/HeaderFilter/HeaderFilter.test.js +1 -1
- package/dist/components/Iconify/Iconify.test.js +1 -1
- package/dist/components/InfoGroup/InfoGroup.js +4 -4
- package/dist/components/InfoGroup/InfoGroup.test.js +1 -1
- package/dist/components/ListArea/ListArea.test.js +1 -1
- package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +7 -7
- package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js +1 -1
- package/dist/components/OverflowTooltip/OverflowTooltip.test.js +2 -2
- package/dist/components/Scrollbar/scrollbar.test.js +8 -8
- package/dist/components/SearchBar/SearchBar.test.js +1 -1
- package/dist/components/VerticalDivider/VerticalDivider.test.js +1 -1
- package/dist/hooks/useBreakpoint.d.ts +16 -11
- package/dist/hooks/useBreakpoint.js +2 -3
- package/dist/hooks/useBreakpoints.test.d.ts +1 -0
- package/dist/hooks/useBreakpoints.test.js +11 -0
- package/dist/{index-DfbRag7b.js → index-DP2ENnrX.js} +1 -1
- package/dist/main.js +7 -7
- package/dist/{react.esm-BBemCHUU.js → react.esm-DoZanrUz.js} +1223 -1190
- package/dist/useBreakpoint-2MH8ICuE.js +28 -0
- package/package.json +1 -1
- package/dist/useBreakpoint-DROHPVxO.js +0 -35
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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
|
|
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 {
|
|
5
|
-
const d = "_messageContainer_1kpsp_1",
|
|
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:
|
|
8
|
-
danger:
|
|
9
|
-
success:
|
|
7
|
+
info: _,
|
|
8
|
+
danger: g,
|
|
9
|
+
success: u
|
|
10
10
|
}, v = ({ text: s, color: r = "info", isOpen: o = !0, action: i }) => {
|
|
11
|
-
const {
|
|
12
|
-
return o ? /* @__PURE__ */ e("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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 {
|
|
3
|
-
import {
|
|
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
|
|
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
|
-
|
|
8
|
-
a.spyOn(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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" })),
|
|
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" }) })),
|
|
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(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
|
30
|
-
|
|
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 })),
|
|
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
|
|
3
|
-
import { Grid as
|
|
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
|
|
7
|
-
import { ListArea as
|
|
8
|
-
import { VerticalDivider as
|
|
9
|
-
import {
|
|
10
|
-
const
|
|
11
|
-
divider:
|
|
12
|
-
truncate:
|
|
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 {
|
|
28
|
-
return /* @__PURE__ */ e(
|
|
29
|
-
|
|
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
|
-
|
|
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(
|
|
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
|
-
|
|
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 {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
40
|
+
r(
|
|
44
41
|
/* @__PURE__ */ a(
|
|
45
|
-
|
|
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
|
-
|
|
55
|
+
r(
|
|
59
56
|
/* @__PURE__ */ a(
|
|
60
|
-
|
|
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
|
-
|
|
70
|
+
r(
|
|
74
71
|
/* @__PURE__ */ a(
|
|
75
|
-
|
|
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
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
isXlg: !1,
|
|
94
|
-
active: "sm"
|
|
95
|
-
}), i(
|
|
86
|
+
isMobile: !0,
|
|
87
|
+
isTablet: !1,
|
|
88
|
+
isDesktop: !1
|
|
89
|
+
}), r(
|
|
96
90
|
/* @__PURE__ */ a(
|
|
97
|
-
|
|
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
|
-
|
|
104
|
+
r(
|
|
111
105
|
/* @__PURE__ */ a(
|
|
112
|
-
|
|
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
|
|
3
|
-
import { TypoDisplay as C, TypoBody as w, Icon as
|
|
4
|
-
import { Iconify as
|
|
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 {
|
|
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",
|
|
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:
|
|
18
|
-
iconContainer:
|
|
19
|
-
},
|
|
20
|
-
|
|
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__ */
|
|
27
|
+
) : /* @__PURE__ */ t(u, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, E = ({
|
|
28
28
|
children: e,
|
|
29
|
-
marginBottom:
|
|
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 {
|
|
41
|
-
if (
|
|
42
|
-
return typeof
|
|
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(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
{
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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 {
|
|
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 {
|
|
3
|
-
import { BlockView as
|
|
4
|
-
import { d as B, v as a, t as
|
|
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
|
-
|
|
14
|
+
r("renders BlockView correctly with 2x3 blocks", () => {
|
|
15
15
|
s(
|
|
16
16
|
/* @__PURE__ */ l(
|
|
17
|
-
|
|
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
|
-
}),
|
|
30
|
+
}), r("executes onClick method", () => {
|
|
31
31
|
s(
|
|
32
32
|
/* @__PURE__ */ l(
|
|
33
|
-
|
|
33
|
+
i,
|
|
34
34
|
{
|
|
35
35
|
blocks: [e],
|
|
36
36
|
columns: 2,
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
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
|
|
5
|
-
const T =
|
|
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__ */
|
|
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__ */
|
|
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 {
|
|
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-
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 =
|
|
48
|
-
r(t).toBeInTheDocument(), r(t).toBeInstanceOf(HTMLInputElement), r(
|
|
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 =
|
|
54
|
-
m.change(t, { target: { value:
|
|
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 {
|
|
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
|
|
5
|
+
const r = e.fn();
|
|
6
6
|
e.mock("react-hook-form", () => ({
|
|
7
7
|
...e.importActual("react-hook-form"),
|
|
8
8
|
Controller: ({
|
|
9
|
-
render:
|
|
10
|
-
}) =>
|
|
9
|
+
render: a
|
|
10
|
+
}) => a({
|
|
11
11
|
field: {
|
|
12
|
-
onChange:
|
|
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:
|
|
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
|
|
71
|
-
m.click(
|
|
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 {
|
|
3
|
-
import { u as B } from "../../../index-
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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", () => {
|