@hortiview/shared-components 0.0.6927 → 0.0.7018
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/BlockView.module-BPlNT5uh.js +15 -0
- package/dist/HashTabView.module-CJX4gxTu.js +13 -0
- package/dist/HeaderFilter.module-DiBmulr5.js +7 -0
- package/dist/Iconify-CY9lZjFd.js +95 -0
- package/dist/_baseToString-BNXOi2Mf.js +197 -0
- package/dist/_equalByTag-DJhSpgVG.js +157 -0
- package/dist/alertBanner.module-HneYdVzN.js +10 -0
- package/dist/assets/{main.css → Filter.css} +1 -1
- package/dist/baseView.module-ve87u_d0.js +12 -0
- package/dist/basicHeading.module-BYb8xvuk.js +16 -0
- package/dist/bigLoadingSpinner.module-GgbFol8k.js +11 -0
- package/dist/components/AlertBanner/AlertBanner.js +12 -17
- package/dist/components/AlertBanner/AlertBanner.test.js +1 -1
- package/dist/components/BaseView/BaseView.js +33 -40
- package/dist/components/BaseView/BaseView.test.js +1 -1
- package/dist/components/BasicHeading/BasicHeading.js +40 -51
- package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
- package/dist/components/BlockView/BlockView.js +41 -51
- package/dist/components/BlockView/BlockView.test.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.js +18 -20
- package/dist/components/ContextMenu/ContextMenu.test.js +1 -1
- package/dist/components/DeleteModal/DeleteModal.js +55 -60
- package/dist/components/DeleteModal/DeleteModal.test.js +1 -1
- package/dist/components/Disclaimer/Disclaimer.js +8 -11
- package/dist/components/Disclaimer/Disclaimer.test.js +1 -1
- package/dist/components/EmptyView/EmptyView.test.js +1 -1
- package/dist/components/Filter/Filter.d.ts +27 -0
- package/dist/components/Filter/Filter.js +149 -0
- package/dist/components/Filter/Filter.test.d.ts +1 -0
- package/dist/components/Filter/Filter.test.js +114 -0
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +1 -1
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js +46 -52
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +1 -1
- package/dist/components/FormComponents/FormRadio/FormRadio.test.js +1 -1
- package/dist/components/FormComponents/FormSelect/FormSelect.js +68 -73
- 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.js +57 -62
- package/dist/components/FormComponents/FormText/FormText.test.js +1 -1
- package/dist/components/GenericTable/GenericTable.js +52 -58
- package/dist/components/GenericTable/GenericTable.test.js +1 -1
- package/dist/components/HashTabView/HashTabView.js +46 -54
- package/dist/components/HashTabView/HashTabView.test.js +1 -1
- package/dist/components/HeaderFilter/HeaderFilter.js +14 -16
- package/dist/components/HeaderFilter/HeaderFilter.test.js +1 -1
- package/dist/components/Iconify/Iconify.d.ts +3 -13
- package/dist/components/Iconify/Iconify.js +6 -163
- package/dist/components/Iconify/Iconify.test.js +2 -2
- package/dist/components/InfoGroup/InfoGroup.js +38 -47
- package/dist/components/InfoGroup/InfoGroup.test.js +1 -1
- package/dist/components/ListArea/ListArea.js +258 -490
- package/dist/components/ListArea/ListArea.test.js +2 -2
- package/dist/components/ListArea/ListAreaService.js +82 -8
- package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js +9 -5
- package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +3 -2
- package/dist/components/LoadingSpinner/Default/LoadingSpinner.js +13 -15
- 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 +1 -1
- package/dist/components/SearchBar/SearchBar.js +21 -23
- package/dist/components/SearchBar/SearchBar.test.js +1 -1
- package/dist/components/VerticalDivider/VerticalDivider.js +4 -6
- package/dist/components/VerticalDivider/VerticalDivider.test.js +1 -1
- package/dist/contextMenu.module-B7aUMFPe.js +7 -0
- package/dist/deleteModal.module-Ds3MDzdl.js +10 -0
- package/dist/disclaimer.module-BZydt-Q_.js +8 -0
- package/dist/formDatePicker.module-BV3ma_7y.js +11 -0
- package/dist/formSelect.module-C18N-SsT.js +11 -0
- package/dist/formText.module-Blt6Y-SR.js +10 -0
- package/dist/genericTable.module-BkU2VDKR.js +11 -0
- package/dist/get-UxX31Aph.js +47 -0
- package/dist/hooks/useBreakpoints.test.js +1 -1
- package/dist/iconify.module-C89oaw5b.js +79 -0
- package/dist/{index-DP2ENnrX.js → index-BQnj-5Zt.js} +1 -1
- package/dist/infoGroup.module-B3E1gCGi.js +14 -0
- package/dist/isArray-Ca4KR8TK.js +91 -0
- package/dist/listArea.module-B-gPyfbE.js +19 -0
- package/dist/loadingSpinner.module-CLtqSMWA.js +7 -0
- package/dist/main.d.ts +3 -0
- package/dist/main.js +55 -52
- package/dist/{react.esm-DoZanrUz.js → react.esm-C3jDj5Fe.js} +1 -0
- package/dist/searchBar.module-9gKyrZRT.js +7 -0
- package/dist/types/Filter.d.ts +31 -0
- package/dist/types/Filter.js +1 -0
- package/dist/verticalDivider.module-C3_GL-fH.js +7 -0
- package/package.json +1 -1
- package/dist/BigLoadingSpinner-Df2k3xOD.js +0 -18
- package/dist/ListAreaService-CiewPvfR.js +0 -99
- package/dist/get-BRDhkfK0.js +0 -324
- /package/dist/assets/{AlertBanner.css → alertBanner.css} +0 -0
- /package/dist/assets/{BaseView.css → baseView.css} +0 -0
- /package/dist/assets/{BasicHeading.css → basicHeading.css} +0 -0
- /package/dist/assets/{BigLoadingSpinner.css → bigLoadingSpinner.css} +0 -0
- /package/dist/assets/{ContextMenu.css → contextMenu.css} +0 -0
- /package/dist/assets/{DeleteModal.css → deleteModal.css} +0 -0
- /package/dist/assets/{Disclaimer.css → disclaimer.css} +0 -0
- /package/dist/assets/{FormDatePicker.css → formDatePicker.css} +0 -0
- /package/dist/assets/{FormSelect.css → formSelect.css} +0 -0
- /package/dist/assets/{FormText.css → formText.css} +0 -0
- /package/dist/assets/{GenericTable.css → genericTable.css} +0 -0
- /package/dist/assets/{Iconify.css → iconify.css} +0 -0
- /package/dist/assets/{InfoGroup.css → infoGroup.css} +0 -0
- /package/dist/assets/{ListAreaService.css → listArea.css} +0 -0
- /package/dist/assets/{LoadingSpinner.css → loadingSpinner.css} +0 -0
- /package/dist/assets/{SearchBar.css → searchBar.css} +0 -0
- /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 "
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
|
20
|
-
|
|
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__ */
|
|
18
|
+
) }) : /* @__PURE__ */ r(a, {});
|
|
24
19
|
};
|
|
25
20
|
export {
|
|
26
|
-
|
|
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-
|
|
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 "
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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
|
|
7
|
-
import { ListArea as
|
|
8
|
-
import { VerticalDivider as
|
|
9
|
-
import { u as
|
|
10
|
-
|
|
11
|
-
|
|
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:
|
|
12
|
+
heading: m,
|
|
20
13
|
elements: l,
|
|
21
|
-
emptyText:
|
|
14
|
+
emptyText: d,
|
|
22
15
|
hasSearch: p = !0,
|
|
23
|
-
isSorted:
|
|
24
|
-
className:
|
|
25
|
-
withAvatar:
|
|
26
|
-
listMaxHeight:
|
|
16
|
+
isSorted: f = !0,
|
|
17
|
+
className: h,
|
|
18
|
+
withAvatar: v = !1,
|
|
19
|
+
listMaxHeight: g = "calc(100vh - 200px)",
|
|
27
20
|
pathname: a,
|
|
28
|
-
routerLinkElement:
|
|
29
|
-
searchPlaceholder:
|
|
21
|
+
routerLinkElement: w,
|
|
22
|
+
searchPlaceholder: B
|
|
30
23
|
}) => {
|
|
31
|
-
const { isDesktopNavbar: e } =
|
|
32
|
-
return /* @__PURE__ */
|
|
33
|
-
|
|
34
|
-
|
|
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
|
-
|
|
29
|
+
A,
|
|
37
30
|
{
|
|
38
31
|
elements: l,
|
|
39
32
|
hasSearch: p,
|
|
40
|
-
maxHeight:
|
|
41
|
-
isSorted:
|
|
33
|
+
maxHeight: g,
|
|
34
|
+
isSorted: f,
|
|
42
35
|
pathname: a,
|
|
43
|
-
routerLinkElement:
|
|
44
|
-
searchPlaceholder:
|
|
36
|
+
routerLinkElement: w,
|
|
37
|
+
searchPlaceholder: B
|
|
45
38
|
}
|
|
46
39
|
)
|
|
47
40
|
] }) }),
|
|
48
|
-
|
|
49
|
-
e && /* @__PURE__ */ i(
|
|
50
|
-
/* @__PURE__ */
|
|
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:
|
|
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:
|
|
53
|
+
withAvatar: v,
|
|
61
54
|
children: t?.detailAction ?? c
|
|
62
55
|
}
|
|
63
56
|
),
|
|
64
|
-
|
|
57
|
+
D
|
|
65
58
|
] })
|
|
66
59
|
] })
|
|
67
60
|
] });
|
|
68
61
|
};
|
|
69
62
|
export {
|
|
70
|
-
|
|
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-
|
|
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 "
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
const
|
|
9
|
-
|
|
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:
|
|
23
|
-
className:
|
|
11
|
+
icon: i,
|
|
12
|
+
className: e.leadingIcon,
|
|
24
13
|
iconSize: "large",
|
|
25
14
|
iconType: "filled"
|
|
26
15
|
}
|
|
27
|
-
) : /* @__PURE__ */ t(
|
|
28
|
-
children:
|
|
29
|
-
marginBottom:
|
|
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:
|
|
33
|
-
subHeading:
|
|
34
|
-
subHeadingLevel:
|
|
35
|
-
invisibleButton:
|
|
36
|
-
level:
|
|
37
|
-
fontWeight:
|
|
38
|
-
withAvatar:
|
|
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:
|
|
41
|
-
if (
|
|
42
|
-
return typeof
|
|
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__ */
|
|
33
|
+
return /* @__PURE__ */ s(
|
|
45
34
|
"div",
|
|
46
35
|
{
|
|
47
|
-
className:
|
|
48
|
-
style: { marginBottom:
|
|
36
|
+
className: e.pageHeader,
|
|
37
|
+
style: { marginBottom: h() },
|
|
49
38
|
"data-testid": "HeaderContainer",
|
|
50
39
|
children: [
|
|
51
|
-
/* @__PURE__ */
|
|
40
|
+
/* @__PURE__ */ s(
|
|
52
41
|
"div",
|
|
53
42
|
{
|
|
54
|
-
className: `${
|
|
43
|
+
className: `${y && c ? e.withAvatar : ""} ${e.headingWrapper}`,
|
|
55
44
|
children: [
|
|
56
|
-
/* @__PURE__ */ t(
|
|
57
|
-
/* @__PURE__ */
|
|
58
|
-
/* @__PURE__ */ t(
|
|
59
|
-
|
|
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:
|
|
50
|
+
level: v,
|
|
62
51
|
"data-testid": "Header",
|
|
63
|
-
className:
|
|
64
|
-
style: { fontWeight:
|
|
52
|
+
className: m ?? "",
|
|
53
|
+
style: { fontWeight: u },
|
|
65
54
|
children: a
|
|
66
55
|
}
|
|
67
56
|
) }),
|
|
68
|
-
/* @__PURE__ */ t(
|
|
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: `${
|
|
65
|
+
className: `${e.actionButtonContainer} ${f && e.invisible}`,
|
|
77
66
|
"data-testid": "RightPart",
|
|
78
|
-
children:
|
|
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
|
-
|
|
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-
|
|
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 "
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
const
|
|
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:
|
|
19
|
-
hideText:
|
|
8
|
+
columns: t,
|
|
9
|
+
hideText: a = !1,
|
|
20
10
|
errorBlocks: y = [],
|
|
21
|
-
showNumbers:
|
|
22
|
-
clickable:
|
|
23
|
-
size:
|
|
24
|
-
onClick:
|
|
25
|
-
currentBlock:
|
|
26
|
-
blocks:
|
|
27
|
-
blockViewTitle:
|
|
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,
|
|
31
|
-
|
|
32
|
-
if (!
|
|
20
|
+
const [p, h] = A(0);
|
|
21
|
+
D(() => {
|
|
22
|
+
if (!c)
|
|
33
23
|
return;
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
}, [
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
},
|
|
40
|
-
return /* @__PURE__ */
|
|
41
|
-
!
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
const
|
|
44
|
-
return /* @__PURE__ */
|
|
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: `${
|
|
49
|
-
id: `block${
|
|
50
|
-
onClick:
|
|
51
|
-
|
|
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:
|
|
43
|
+
children: N && f && /* @__PURE__ */ i(
|
|
54
44
|
"div",
|
|
55
45
|
{
|
|
56
|
-
className: `${
|
|
57
|
-
children:
|
|
46
|
+
className: `${e.blockText} ${p === r ? e.black : ""}`,
|
|
47
|
+
children: r
|
|
58
48
|
}
|
|
59
49
|
)
|
|
60
50
|
},
|
|
61
|
-
|
|
51
|
+
r
|
|
62
52
|
);
|
|
63
|
-
}) },
|
|
64
|
-
!
|
|
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
|
-
|
|
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-
|
|
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 "
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { uniqueId as
|
|
6
|
-
const
|
|
7
|
-
|
|
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:
|
|
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(
|
|
20
|
-
}, [
|
|
21
|
-
|
|
16
|
+
return y(() => {
|
|
17
|
+
t(n !== null ? n : !1);
|
|
18
|
+
}, [n]), /* @__PURE__ */ o(
|
|
19
|
+
u,
|
|
22
20
|
{
|
|
23
|
-
className:
|
|
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__ */
|
|
30
|
-
|
|
27
|
+
trigger: /* @__PURE__ */ o(
|
|
28
|
+
c,
|
|
31
29
|
{
|
|
32
30
|
variant: e ? "filled-primary" : void 0,
|
|
33
31
|
"data-testid": "openButton",
|
|
34
|
-
icon:
|
|
32
|
+
icon: a === "vertical" ? "more_vert" : "more_horiz",
|
|
35
33
|
onClick: m
|
|
36
34
|
}
|
|
37
35
|
),
|
|
38
|
-
children: /* @__PURE__ */
|
|
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
|
-
|
|
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-
|
|
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 = [
|