@hortiview/shared-components 2.8.7 → 2.9.0
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/CHANGELOG.md +35 -0
- package/dist/{AlertBanner-D-NTP_6i.js → AlertBanner-Dss0v6W0.js} +3 -3
- package/dist/{BigLoadingSpinner-CCxsMWnc.js → BigLoadingSpinner-BeHzqdOg.js} +1 -1
- package/dist/{GenericCard-DOKyENNm.js → GenericCard-MjxZ1L7r.js} +3 -3
- package/dist/ListAreaService-Dx9WBGHB.js +125 -0
- package/dist/{OfflineView-DHtzNLwt.js → OfflineView-D168VIXv.js} +3 -3
- package/dist/assets/BaseView.css +1 -1
- package/dist/assets/BasicHeading.css +1 -1
- package/dist/assets/BlockView.css +1 -1
- package/dist/assets/ContextMenu.css +1 -1
- package/dist/assets/CustomTextField.css +1 -1
- package/dist/assets/EmptyView.css +1 -0
- package/dist/assets/Filter.css +1 -1
- package/dist/assets/FormDatePicker.css +1 -1
- package/dist/assets/FormSelect.css +1 -1
- package/dist/assets/FormText.css +1 -1
- package/dist/assets/HashTabView.css +1 -1
- package/dist/assets/InfoGroup.css +1 -1
- package/dist/assets/ListAreaService.css +1 -1
- package/dist/assets/Modal.css +1 -1
- package/dist/assets/OnboardingBanner.css +1 -1
- package/dist/assets/Select.css +1 -1
- package/dist/components/AlertBanner/AlertBanner.js +4 -4
- package/dist/components/AlertBanner/AlertBanner.test.js +1 -1
- package/dist/components/AlertBanner/LinkBanner.js +3 -3
- package/dist/components/BaseView/BaseView.d.ts +17 -1
- package/dist/components/BaseView/BaseView.js +119 -76
- package/dist/components/BaseView/BaseView.service.d.ts +7 -0
- package/dist/components/BaseView/BaseView.service.js +27 -0
- package/dist/components/BaseView/BaseView.test.js +18 -17
- package/dist/components/BasicHeading/BasicHeading.d.ts +6 -1
- package/dist/components/BasicHeading/BasicHeading.js +57 -53
- package/dist/components/BasicHeading/BasicHeading.test.js +24 -24
- package/dist/components/BlockView/BlockView.d.ts +15 -3
- package/dist/components/BlockView/BlockView.js +69 -58
- package/dist/components/ChipCard/ChipCard.js +7 -7
- package/dist/components/ContextMenu/ContextMenu.d.ts +2 -0
- package/dist/components/ContextMenu/ContextMenu.js +52 -41
- package/dist/components/DeleteModal/DeleteModal.js +4 -4
- package/dist/components/DetailContentWrapper/DetailContentWrapper.d.ts +18 -3
- package/dist/components/DetailContentWrapper/DetailContentWrapper.js +13 -11
- package/dist/components/Disclaimer/Disclaimer.js +3 -3
- package/dist/components/EmptyView/EmptyView.d.ts +18 -6
- package/dist/components/EmptyView/EmptyView.js +37 -309
- package/dist/components/EmptyView/EmptyView.test.js +34 -38
- package/dist/components/Filter/Filter.d.ts +5 -1
- package/dist/components/Filter/Filter.js +113 -98
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js +1 -1
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js +4 -4
- package/dist/components/FormComponents/FormNumber/CustomTextField.js +21 -20
- package/dist/components/FormComponents/FormRadio/FormRadio.js +1 -1
- package/dist/components/FormComponents/FormSelect/FormSelect.js +33 -33
- package/dist/components/FormComponents/FormSelect/SelectTooltipText.js +2 -2
- package/dist/components/FormComponents/FormSlider/FormSlider.js +3 -3
- package/dist/components/FormComponents/FormText/FormText.js +45 -44
- package/dist/components/FormComponents/FormToggle/FormToggle.js +3 -3
- package/dist/components/GenericTable/GenericTable.js +17 -17
- package/dist/components/GenericTable/Mobile/GenericCard.js +4 -4
- package/dist/components/GenericTable/Mobile/GenericCard.test.js +1 -1
- package/dist/components/GenericTable/Mobile/GenericCardList.js +3 -3
- package/dist/components/HashTabView/HashTabView.js +119 -117
- package/dist/components/HeaderFilter/HeaderFilter.js +1 -1
- package/dist/components/Iconify/Iconify.d.ts +4 -0
- package/dist/components/Iconify/Iconify.js +1 -1
- package/dist/components/InfoCard/InfoCard.js +3 -3
- package/dist/components/InfoGroup/InfoGroup.js +47 -38
- package/dist/components/ListArea/ListArea.d.ts +6 -2
- package/dist/components/ListArea/ListArea.js +37 -32
- package/dist/components/ListArea/ListArea.test.js +2 -2
- package/dist/components/ListArea/ListAreaService.js +4 -4
- package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js +2 -2
- package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +1 -1
- package/dist/components/LoadingSpinner/Default/LoadingSpinner.js +4 -4
- package/dist/components/Modal/Modal.js +119 -103
- package/dist/components/OfflineView/OfflineView.js +4 -4
- package/dist/components/OfflineView/OfflineView.test.js +1 -1
- package/dist/components/OnboardingBanner/OnboardingBanner.js +35 -33
- package/dist/components/OverflowTooltip/OverflowTooltip.js +1 -1
- package/dist/components/OverflowTooltip/OverflowTooltip.test.js +1 -1
- package/dist/components/SearchBar/SearchBar.js +2 -2
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Stepper/Stepper.js +1 -1
- package/dist/components/Stepper/components/StepperButton.js +1 -1
- package/dist/components/Stepper/components/StepperHeader.js +2 -2
- package/dist/components/Stepper/components/StepperIndicator.js +1 -1
- package/dist/{find-B-dm7n_F.js → find-Dpy_M6vm.js} +1 -1
- package/dist/{index.es-DObVvepK.js → index.es-BLIkMu0q.js} +2 -2
- package/dist/{index.es-DENZVv7_.js → index.es-BLolvOHO.js} +5 -5
- package/dist/{index.es-BXj90wb_.js → index.es-BjvSa9Z-.js} +2 -2
- package/dist/{index.es-Dfju71Pi.js → index.es-Bus5gEri.js} +1 -1
- package/dist/{index.es-IXyb5F6n.js → index.es-BzdG6flH.js} +2 -2
- package/dist/{index.es-DqSY-ePE.js → index.es-CXq42ihP.js} +9 -9
- package/dist/{index.es-45NOgWlB.js → index.es-CijDQQVg.js} +2 -2
- package/dist/{index.es-BGordhUK.js → index.es-DCSgIiJH.js} +1 -1
- package/dist/{index.es-D1IpdMde.js → index.es-DDRyb2df.js} +2 -2
- package/dist/{index.es-DeF-y7fd.js → index.es-DNRm4vOy.js} +1 -1
- package/dist/{index.es-0QJC9VS2.js → index.es-DUcI2Zyr.js} +2 -2
- package/dist/{index.es-DwzB1d7_.js → index.es-DYs8W4jv.js} +1 -1
- package/dist/{index.es-B6ZgiW2s.js → index.es-D_hWWij3.js} +13 -13
- package/dist/{index.es-CK4oZMKs.js → index.es-Dq_bXeGZ.js} +13 -13
- package/dist/{index.es-t7hFwQSs.js → index.es-Ds9rRj5B.js} +2 -2
- package/dist/{index.es-DDYCugj-.js → index.es-DsGuBR0Z.js} +1 -1
- package/dist/{index.es-Bg8hxXM8.js → index.es-P5F6NJPB.js} +360 -255
- package/dist/{index.es-Cq04gn3U.js → index.es-b2h35xzk.js} +4 -4
- package/dist/{index.es-Bgjh6euR.js → index.es-vqlyMiew.js} +1 -1
- package/dist/{keyboard-B-WUULl-.js → keyboard-BfmK7HK_.js} +1 -1
- package/dist/main.js +2 -2
- package/dist/{map-Dbvlv_6y.js → map-LUrszKZW.js} +2 -2
- package/dist/{slicedToArray-BWk2gTCn.js → slicedToArray-uk6yv91z.js} +1 -1
- package/package.json +1 -1
- package/dist/ListAreaService-CI-s1Xx5.js +0 -124
- package/dist/includes-Bt-Stz_B.js +0 -110
|
@@ -1,65 +1,76 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { I
|
|
3
|
-
import { M
|
|
4
|
-
import { useState as
|
|
5
|
-
import { u as
|
|
6
|
-
import { O as
|
|
7
|
-
import '../../assets/ContextMenu.css';const
|
|
8
|
-
menu:
|
|
9
|
-
icon:
|
|
1
|
+
import { jsx as i, jsxs as v } from "react/jsx-runtime";
|
|
2
|
+
import { I } from "../../index.es-BzdG6flH.js";
|
|
3
|
+
import { M, L as p, a, b as C } from "../../index.es-D_hWWij3.js";
|
|
4
|
+
import { useState as k, useCallback as r, useEffect as y, Fragment as g } from "react";
|
|
5
|
+
import { u as h } from "../../uniqueId-NU3-C36A.js";
|
|
6
|
+
import { O as w } from "../../OfflineView-D168VIXv.js";
|
|
7
|
+
import '../../assets/ContextMenu.css';const x = "_menu_148i2_1", L = "_icon_148i2_6", V = "_listItem_148i2_10", B = "_offlineViewMargin_148i2_20", s = {
|
|
8
|
+
menu: x,
|
|
9
|
+
icon: L,
|
|
10
10
|
listItem: V,
|
|
11
|
-
offlineViewMargin:
|
|
12
|
-
},
|
|
13
|
-
triggerOpen:
|
|
14
|
-
actions:
|
|
11
|
+
offlineViewMargin: B
|
|
12
|
+
}, S = ({
|
|
13
|
+
triggerOpen: l = null,
|
|
14
|
+
actions: m,
|
|
15
15
|
iconOrientation: c = "vertical",
|
|
16
|
-
"data-testid":
|
|
17
|
-
isOnline:
|
|
16
|
+
"data-testid": f,
|
|
17
|
+
isOnline: d = !0,
|
|
18
18
|
offlineViewProps: u
|
|
19
19
|
}) => {
|
|
20
|
-
const [
|
|
21
|
-
n(!
|
|
22
|
-
}, [
|
|
20
|
+
const [t, n] = k(!1), _ = r(() => {
|
|
21
|
+
n(!t);
|
|
22
|
+
}, [t]), o = r(() => {
|
|
23
23
|
n(!1);
|
|
24
24
|
}, []);
|
|
25
|
-
return
|
|
26
|
-
n(
|
|
27
|
-
}, [
|
|
28
|
-
|
|
25
|
+
return y(() => {
|
|
26
|
+
n(l !== null ? l : !1);
|
|
27
|
+
}, [l]), /* @__PURE__ */ i(
|
|
28
|
+
M,
|
|
29
29
|
{
|
|
30
30
|
className: s.menu,
|
|
31
|
-
"data-testid":
|
|
32
|
-
open:
|
|
31
|
+
"data-testid": f ?? "selection-menu",
|
|
32
|
+
open: t,
|
|
33
33
|
surfaceOnly: !0,
|
|
34
34
|
hoistToBody: !0,
|
|
35
|
-
onClose:
|
|
36
|
-
trigger: /* @__PURE__ */
|
|
37
|
-
|
|
35
|
+
onClose: o,
|
|
36
|
+
trigger: /* @__PURE__ */ i(
|
|
37
|
+
I,
|
|
38
38
|
{
|
|
39
39
|
className: s.icon,
|
|
40
|
-
variant:
|
|
40
|
+
variant: t ? "filled-primary" : void 0,
|
|
41
41
|
"data-testid": "open-button",
|
|
42
42
|
icon: c === "vertical" ? "more_vert" : "more_horiz",
|
|
43
|
-
onClick:
|
|
43
|
+
onClick: _
|
|
44
44
|
}
|
|
45
45
|
),
|
|
46
|
-
children:
|
|
46
|
+
children: d ? /* @__PURE__ */ i(p, { "data-testid": "selection-list", children: m.map((e) => /* @__PURE__ */ v(g, { children: [
|
|
47
|
+
e.dividerBefore && /* @__PURE__ */ i(a, {}),
|
|
48
|
+
/* @__PURE__ */ i(
|
|
49
|
+
C,
|
|
50
|
+
{
|
|
51
|
+
className: s.listItem,
|
|
52
|
+
...e,
|
|
53
|
+
leadingBlockType: "icon",
|
|
54
|
+
"data-testid": e["data-testid"],
|
|
55
|
+
onClick: () => {
|
|
56
|
+
e?.onClick?.(), e.closeOnClick !== !1 && o();
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
),
|
|
60
|
+
e.dividerAfter && /* @__PURE__ */ i(a, {})
|
|
61
|
+
] }, h(`LI_${e.primaryText?.toString()}_`))) }) : /* @__PURE__ */ i(
|
|
47
62
|
w,
|
|
48
63
|
{
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
x(`LI_${e.primaryText?.toString()}_`)
|
|
58
|
-
)) }) : /* @__PURE__ */ t(C, { size: "small", variant: "filled", className: s.offlineViewMargin, ...u })
|
|
64
|
+
size: "small",
|
|
65
|
+
variant: "filled",
|
|
66
|
+
className: s.offlineViewMargin,
|
|
67
|
+
...u
|
|
68
|
+
}
|
|
69
|
+
)
|
|
59
70
|
},
|
|
60
71
|
"selectionmenu"
|
|
61
72
|
);
|
|
62
73
|
};
|
|
63
74
|
export {
|
|
64
|
-
|
|
75
|
+
S as ContextMenu
|
|
65
76
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as o, jsxs as f, Fragment as c } from "react/jsx-runtime";
|
|
2
|
-
import { B as p } from "../../index.es-
|
|
3
|
-
import { G as i } from "../../index.es-
|
|
4
|
-
import { I } from "../../index.es-
|
|
5
|
-
import { T as l } from "../../index.es-
|
|
2
|
+
import { B as p } from "../../index.es-DUcI2Zyr.js";
|
|
3
|
+
import { G as i } from "../../index.es-DsGuBR0Z.js";
|
|
4
|
+
import { I } from "../../index.es-DYs8W4jv.js";
|
|
5
|
+
import { T as l } from "../../index.es-DCSgIiJH.js";
|
|
6
6
|
import { u as N } from "../../uniqueId-NU3-C36A.js";
|
|
7
7
|
import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
|
|
8
8
|
import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
|
|
@@ -1,11 +1,26 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
|
|
3
|
+
type DetailContentWrapperProps = {
|
|
4
|
+
/**
|
|
5
|
+
* the heading to be displayed
|
|
6
|
+
*/
|
|
7
|
+
heading?: string;
|
|
8
|
+
/**
|
|
9
|
+
* the level of the heading @default 6
|
|
10
|
+
*/
|
|
11
|
+
level?: number;
|
|
12
|
+
/**
|
|
13
|
+
* the font weight of the heading @default 500
|
|
14
|
+
*/
|
|
15
|
+
fontWeight?: 'bold' | number;
|
|
16
|
+
};
|
|
3
17
|
/**
|
|
4
18
|
* component to be used in the detail part from the base view
|
|
5
19
|
* @param heading - the heading to be displayed
|
|
20
|
+
* @param level - the level of the heading @default 6
|
|
21
|
+
* @param fontWeight - the font weight of the heading @default 500
|
|
6
22
|
* @param children - the children to which the background styling is being added
|
|
7
23
|
* @returns
|
|
8
24
|
*/
|
|
9
|
-
export declare const DetailContentWrapper: ({ heading, children, }: PropsWithChildren<
|
|
10
|
-
|
|
11
|
-
}>) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const DetailContentWrapper: ({ heading, level, fontWeight, children, }: PropsWithChildren<DetailContentWrapperProps>) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export {};
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { G as
|
|
3
|
-
import { BasicHeading as
|
|
4
|
-
import '../../assets/DetailContentWrapper.css';const
|
|
5
|
-
formContainer:
|
|
6
|
-
},
|
|
1
|
+
import { jsxs as i, jsx as r, Fragment as a } from "react/jsx-runtime";
|
|
2
|
+
import { G as m } from "../../index.es-DsGuBR0Z.js";
|
|
3
|
+
import { BasicHeading as s } from "../BasicHeading/BasicHeading.js";
|
|
4
|
+
import '../../assets/DetailContentWrapper.css';const f = "_formContainer_gf66t_1", c = {
|
|
5
|
+
formContainer: f
|
|
6
|
+
}, C = ({
|
|
7
7
|
heading: t,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
level: o = 6,
|
|
9
|
+
fontWeight: n = 500,
|
|
10
|
+
children: e
|
|
11
|
+
}) => /* @__PURE__ */ i(m, { fullWidth: !0, direction: "vertical", gap: "dense", children: [
|
|
12
|
+
t ? /* @__PURE__ */ r(s, { heading: t, fontWeight: n, marginBottom: 0, level: o }) : /* @__PURE__ */ r(a, {}),
|
|
13
|
+
/* @__PURE__ */ r("div", { className: c.formContainer, children: e })
|
|
12
14
|
] });
|
|
13
15
|
export {
|
|
14
|
-
|
|
16
|
+
C as DetailContentWrapper
|
|
15
17
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { G as n } from "../../index.es-
|
|
3
|
-
import { I as t } from "../../index.es-
|
|
4
|
-
import { d as m, T as d } from "../../index.es-
|
|
2
|
+
import { G as n } from "../../index.es-DsGuBR0Z.js";
|
|
3
|
+
import { I as t } from "../../index.es-DYs8W4jv.js";
|
|
4
|
+
import { d as m, T as d } from "../../index.es-DCSgIiJH.js";
|
|
5
5
|
import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", a = {
|
|
6
6
|
disclaimer: p,
|
|
7
7
|
iconArea: y
|
|
@@ -2,25 +2,37 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
|
|
3
3
|
type EmptyViewProps = {
|
|
4
4
|
/**
|
|
5
|
-
* The title of the empty view, optional
|
|
5
|
+
* The title of the empty view, optional
|
|
6
6
|
*/
|
|
7
7
|
title?: string;
|
|
8
8
|
/**
|
|
9
|
-
* The subtitle of the empty view, optional
|
|
9
|
+
* The subtitle of the empty view, optional @deprecated use title instead
|
|
10
10
|
*/
|
|
11
11
|
subtitle?: string;
|
|
12
12
|
/**
|
|
13
|
-
* The icon of the empty view, optional
|
|
13
|
+
* The icon of the empty view, optional
|
|
14
14
|
*/
|
|
15
15
|
icon?: string;
|
|
16
16
|
/**
|
|
17
|
-
* A text value which is shown in the empty view, optional
|
|
17
|
+
* A text value which is shown in the empty view, optional @deprecated
|
|
18
18
|
*/
|
|
19
|
-
text?: string;
|
|
19
|
+
text?: string | React.ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* The height of the empty view @default 'medium'
|
|
22
|
+
*/
|
|
23
|
+
height?: 'small' | 'medium' | 'full';
|
|
24
|
+
/**
|
|
25
|
+
* @default medium
|
|
26
|
+
*/
|
|
27
|
+
iconSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
20
28
|
/**
|
|
21
29
|
* The action of the empty view, optional, default is empty
|
|
22
30
|
*/
|
|
23
31
|
action?: ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* The className of EmptyView
|
|
34
|
+
*/
|
|
35
|
+
className?: string;
|
|
24
36
|
};
|
|
25
|
-
export declare const EmptyView: ({ title, subtitle, icon,
|
|
37
|
+
export declare const EmptyView: ({ title, subtitle, height, icon, iconSize, action, className, }: EmptyViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
38
|
export {};
|
|
@@ -1,317 +1,45 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { G as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* The css class name to be passed through to the component markup.
|
|
24
|
-
*
|
|
25
|
-
* Defaults to **undefined**.
|
|
26
|
-
*/
|
|
27
|
-
className: a.string,
|
|
28
|
-
/**
|
|
29
|
-
* Image Url for Hero background image
|
|
30
|
-
*
|
|
31
|
-
* Defaults to **null**.
|
|
32
|
-
*/
|
|
33
|
-
imageUrl: a.string,
|
|
34
|
-
/**
|
|
35
|
-
* Adds an overlay over the Hero. Use `overlayProps` to send props to the Hero Overlay component. See Hero Overlay for prop details.
|
|
36
|
-
*
|
|
37
|
-
* Defaults to **false**.
|
|
38
|
-
*/
|
|
39
|
-
overlay: a.bool,
|
|
40
|
-
/**
|
|
41
|
-
* Props sent to Hero Overlay. See Hero Overlay for prop details.
|
|
42
|
-
*
|
|
43
|
-
* Defaults to **{}**.
|
|
44
|
-
*/
|
|
45
|
-
overlayProps: a.object,
|
|
46
|
-
/**
|
|
47
|
-
* Styles for the grid.
|
|
48
|
-
*
|
|
49
|
-
* Defaults to **undefined**.
|
|
50
|
-
*/
|
|
51
|
-
style: a.object,
|
|
52
|
-
/**
|
|
53
|
-
* Override the default background color. Can only be used if background image is omitted.
|
|
54
|
-
*
|
|
55
|
-
* Defaults to **empty string**.
|
|
56
|
-
*/
|
|
57
|
-
themeColor: a.oneOf(["", "surface", "primary", "secondary"])
|
|
58
|
-
}, se = {
|
|
59
|
-
alignment: "centered",
|
|
60
|
-
children: null,
|
|
61
|
-
className: void 0,
|
|
62
|
-
imageUrl: null,
|
|
63
|
-
overlay: !1,
|
|
64
|
-
overlayProps: {},
|
|
65
|
-
style: void 0,
|
|
66
|
-
themeColor: ""
|
|
67
|
-
}, ce = {
|
|
68
|
-
/**
|
|
69
|
-
* Content to be rendered inside the Hero Content. Will take precedence over props.
|
|
70
|
-
*
|
|
71
|
-
* Defaults to **null**.
|
|
72
|
-
*/
|
|
73
|
-
children: a.node,
|
|
74
|
-
/**
|
|
75
|
-
* The css class name to be passed through to the component markup.
|
|
76
|
-
*
|
|
77
|
-
* Defaults to **undefined**.
|
|
78
|
-
*/
|
|
79
|
-
className: a.string,
|
|
80
|
-
/**
|
|
81
|
-
* Button to be rendered inside the Hero Content.
|
|
82
|
-
*
|
|
83
|
-
* Defaults to **null**.
|
|
84
|
-
*/
|
|
85
|
-
heroBtn: a.node,
|
|
86
|
-
/**
|
|
87
|
-
* Logo to be rendered inside the Hero Content.
|
|
88
|
-
*
|
|
89
|
-
* Defaults to **null**.
|
|
90
|
-
*/
|
|
91
|
-
logo: a.node,
|
|
92
|
-
/**
|
|
93
|
-
* Overline text for the Hero Content. Cannot be used with children.
|
|
94
|
-
*
|
|
95
|
-
* Defaults to **'Overline'**.
|
|
96
|
-
*/
|
|
97
|
-
overline: a.string,
|
|
98
|
-
/**
|
|
99
|
-
* Adds a padding style to the Hero. Must be a valid CSS padding declaration. i.e. 38px 30px
|
|
100
|
-
*
|
|
101
|
-
* Defaults to **null**.
|
|
102
|
-
*/
|
|
103
|
-
padding: a.string,
|
|
104
|
-
/**
|
|
105
|
-
* Passthrough style object.
|
|
106
|
-
*
|
|
107
|
-
* Defaults to **null**.
|
|
108
|
-
*/
|
|
109
|
-
style: a.object,
|
|
110
|
-
/**
|
|
111
|
-
* Subtitle text for the Hero Content. Cannot be used with children.
|
|
112
|
-
*
|
|
113
|
-
* Defaults to **'Subtitle'**.
|
|
114
|
-
*/
|
|
115
|
-
subtitle: a.string,
|
|
116
|
-
/**
|
|
117
|
-
* Set the color of the text. Make sure to check for accessibility compliance.
|
|
118
|
-
*
|
|
119
|
-
* Defaults to **'on-unknown-black-active'**.
|
|
120
|
-
*/
|
|
121
|
-
textColor: a.oneOf(["on-unknown-black-active", "on-unknown-white-active", "primary", "secondary", "on-primary", "on-secondary"]),
|
|
122
|
-
/**
|
|
123
|
-
* Title text for the Hero Content. Cannot be used with children.
|
|
124
|
-
*
|
|
125
|
-
* Defaults to **'Title'**.
|
|
126
|
-
*/
|
|
127
|
-
title: a.string
|
|
128
|
-
}, de = {
|
|
129
|
-
children: null,
|
|
130
|
-
className: void 0,
|
|
131
|
-
heroBtn: null,
|
|
132
|
-
logo: null,
|
|
133
|
-
overline: "Overline",
|
|
134
|
-
padding: null,
|
|
135
|
-
style: null,
|
|
136
|
-
subtitle: "Subtitle",
|
|
137
|
-
textColor: "on-unknown-black-active",
|
|
138
|
-
title: "Title"
|
|
139
|
-
}, me = {
|
|
140
|
-
/**
|
|
141
|
-
* Content to be rendered inside the Hero Overlay. Useful for angles or other non semantic elements displayed in the Hero.
|
|
142
|
-
*
|
|
143
|
-
* Defaults to **null**.
|
|
144
|
-
*/
|
|
145
|
-
children: a.node,
|
|
146
|
-
/**
|
|
147
|
-
* The css class name to be passed through to the component markup.
|
|
148
|
-
*
|
|
149
|
-
* Defaults to **undefined**.
|
|
150
|
-
*/
|
|
151
|
-
className: a.string,
|
|
152
|
-
/**
|
|
153
|
-
* Overlay theme color.
|
|
154
|
-
*
|
|
155
|
-
* Defaults to **'dark'**.
|
|
156
|
-
*/
|
|
157
|
-
overlayThemeColor: a.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
|
|
158
|
-
/**
|
|
159
|
-
* Position of the Overlay. Use `overlayThemeColor` to change the theme color. If set to leading or trailing be sure to set `alignment` on Hero accordingly to have Hero Content over the overlay.
|
|
160
|
-
*
|
|
161
|
-
* Defaults to **'full'**.
|
|
162
|
-
*/
|
|
163
|
-
position: a.oneOf(["full", "leading", "trailing"])
|
|
164
|
-
}, pe = {
|
|
165
|
-
children: null,
|
|
166
|
-
className: void 0,
|
|
167
|
-
overlayThemeColor: "dark",
|
|
168
|
-
position: "full"
|
|
169
|
-
}, ve = ["children", "className", "position", "overlayThemeColor"], j = pe, G = /* @__PURE__ */ S(function(e, r) {
|
|
170
|
-
var n = e.children, o = n === void 0 ? j.children : n, t = e.className, l = t === void 0 ? j.className : t, d = e.position, c = d === void 0 ? j.position : d, m = e.overlayThemeColor, i = m === void 0 ? j.overlayThemeColor : m, y = I(e, ve), p = A();
|
|
171
|
-
R(r, function() {
|
|
172
|
-
return p.current;
|
|
173
|
-
}, []);
|
|
174
|
-
var g = P(function() {
|
|
175
|
-
return c !== "none" && U("lmnt", "lmnt-hero-overlay ", !M(i).call(i, "gradient") && i !== "surface" && "lmnt-hero-overlay__".concat(i), M(i).call(i, "gradient") && i !== "surface" && "lmnt-theme--bg-".concat(i), i === "surface" && "lmnt-theme-surface-bg", "lmnt-hero-overlay__".concat(c), l);
|
|
176
|
-
}, [i, c, l]);
|
|
177
|
-
return /* @__PURE__ */ u.createElement("div", D({
|
|
178
|
-
className: g
|
|
179
|
-
}, y), o && o);
|
|
180
|
-
});
|
|
181
|
-
G.displayName = "HeroOverlay";
|
|
182
|
-
G.propTypes = me;
|
|
183
|
-
var ue = ["alignment", "children", "className", "imageUrl", "style", "themeColor", "overlay", "overlayProps"];
|
|
184
|
-
function q(e, r) {
|
|
185
|
-
var n = X(e);
|
|
186
|
-
if (x) {
|
|
187
|
-
var o = x(e);
|
|
188
|
-
r && (o = re(o).call(o, function(t) {
|
|
189
|
-
return E(e, t).enumerable;
|
|
190
|
-
})), n.push.apply(n, o);
|
|
191
|
-
}
|
|
192
|
-
return n;
|
|
193
|
-
}
|
|
194
|
-
function F(e) {
|
|
195
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
196
|
-
var n, o, t = arguments[r] != null ? arguments[r] : {};
|
|
197
|
-
r % 2 ? w(n = q(Object(t), !0)).call(n, function(l) {
|
|
198
|
-
Y(e, l, t[l]);
|
|
199
|
-
}) : H ? Z(e, H(t)) : w(o = q(Object(t))).call(o, function(l) {
|
|
200
|
-
ee(e, l, E(t, l));
|
|
201
|
-
});
|
|
202
|
-
}
|
|
203
|
-
return e;
|
|
204
|
-
}
|
|
205
|
-
var v = se, K = /* @__PURE__ */ S(function(e, r) {
|
|
206
|
-
var n = e.alignment, o = n === void 0 ? v.alignment : n, t = e.children, l = t === void 0 ? v.children : t, d = e.className, c = d === void 0 ? v.className : d, m = e.imageUrl, i = m === void 0 ? v.imageUrl : m, y = e.style, p = y === void 0 ? v.style : y, g = e.themeColor, h = g === void 0 ? v.themeColor : g, b = e.overlay, C = b === void 0 ? v.overlay : b, $ = e.overlayProps, _ = $ === void 0 ? v.overlayProps : $, O = I(e, ue), N = A();
|
|
207
|
-
R(r, function() {
|
|
208
|
-
return N.current;
|
|
209
|
-
}, []);
|
|
210
|
-
var k = P(function() {
|
|
211
|
-
return U("lmnt lmnt-hero", h && "lmnt-theme-".concat(h, "-bg"), "lmnt-hero__align-".concat(o), c);
|
|
212
|
-
}, [o, c, h]), T = P(function() {
|
|
213
|
-
return i ? F(F({}, p), {}, {
|
|
214
|
-
backgroundImage: "url(".concat(i, ")")
|
|
215
|
-
}) : p;
|
|
216
|
-
}, [i, p]);
|
|
217
|
-
return /* @__PURE__ */ u.createElement("div", D({
|
|
218
|
-
ref: N,
|
|
219
|
-
className: k,
|
|
220
|
-
style: T
|
|
221
|
-
}, O), C && /* @__PURE__ */ u.createElement(G, _), l);
|
|
222
|
-
});
|
|
223
|
-
K.displayName = "Hero";
|
|
224
|
-
K.propTypes = ie;
|
|
225
|
-
var ye = ["children", "className", "heroBtn", "logo", "overline", "padding", "title", "style", "subtitle", "textColor"];
|
|
226
|
-
function J(e, r) {
|
|
227
|
-
var n = X(e);
|
|
228
|
-
if (x) {
|
|
229
|
-
var o = x(e);
|
|
230
|
-
r && (o = re(o).call(o, function(t) {
|
|
231
|
-
return E(e, t).enumerable;
|
|
232
|
-
})), n.push.apply(n, o);
|
|
233
|
-
}
|
|
234
|
-
return n;
|
|
235
|
-
}
|
|
236
|
-
function L(e) {
|
|
237
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
238
|
-
var n, o, t = arguments[r] != null ? arguments[r] : {};
|
|
239
|
-
r % 2 ? w(n = J(Object(t), !0)).call(n, function(l) {
|
|
240
|
-
Y(e, l, t[l]);
|
|
241
|
-
}) : H ? Z(e, H(t)) : w(o = J(Object(t))).call(o, function(l) {
|
|
242
|
-
ee(e, l, E(t, l));
|
|
243
|
-
});
|
|
244
|
-
}
|
|
245
|
-
return e;
|
|
246
|
-
}
|
|
247
|
-
var s = de, W = /* @__PURE__ */ S(function(e, r) {
|
|
248
|
-
var n = e.children, o = n === void 0 ? s.children : n, t = e.className, l = t === void 0 ? s.className : t, d = e.heroBtn, c = d === void 0 ? s.heroBtn : d, m = e.logo, i = m === void 0 ? s.logo : m, y = e.overline, p = y === void 0 ? s.overline : y, g = e.padding, h = g === void 0 ? s.padding : g, b = e.title, C = b === void 0 ? s.title : b, $ = e.style, _ = $ === void 0 ? s.style : $, O = e.subtitle, N = O === void 0 ? s.subtitle : O, k = e.textColor, T = k === void 0 ? s.textColor : k, te = I(e, ye), z = A(), oe = P(function() {
|
|
249
|
-
return U("lmnt lmnt-hero-content", "lmnt-theme-".concat(T), l);
|
|
250
|
-
}, [l, T]);
|
|
251
|
-
R(r, function() {
|
|
252
|
-
return z.current;
|
|
253
|
-
}, []);
|
|
254
|
-
var ne = P(function() {
|
|
255
|
-
return L(L({}, _), {}, {
|
|
256
|
-
padding: h
|
|
257
|
-
});
|
|
258
|
-
}, [h, _]);
|
|
259
|
-
return /* @__PURE__ */ u.createElement("div", D({
|
|
260
|
-
ref: z,
|
|
261
|
-
className: oe
|
|
262
|
-
}, te, {
|
|
263
|
-
style: ne
|
|
264
|
-
}), o || /* @__PURE__ */ u.createElement(Q, {
|
|
265
|
-
gap: "dense",
|
|
266
|
-
direction: "vertical",
|
|
267
|
-
secondaryAlign: "center"
|
|
268
|
-
}, i && i, p && /* @__PURE__ */ u.createElement(B, {
|
|
269
|
-
type: "overline"
|
|
270
|
-
}, p), C && /* @__PURE__ */ u.createElement(B, {
|
|
271
|
-
type: "display2"
|
|
272
|
-
}, C), N && /* @__PURE__ */ u.createElement(B, {
|
|
273
|
-
type: "display6"
|
|
274
|
-
}, N), c && c));
|
|
275
|
-
});
|
|
276
|
-
W.displayName = "HeroContent";
|
|
277
|
-
W.propTypes = ce;
|
|
278
|
-
const Oe = ({
|
|
279
|
-
title: e = "",
|
|
280
|
-
subtitle: r = "",
|
|
281
|
-
icon: n = "dashbord",
|
|
282
|
-
text: o = "",
|
|
283
|
-
action: t
|
|
284
|
-
}) => /* @__PURE__ */ f(
|
|
285
|
-
K,
|
|
1
|
+
import { jsxs as c, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { G as p } from "../../index.es-DsGuBR0Z.js";
|
|
3
|
+
import { a as o } from "../../index.es-DCSgIiJH.js";
|
|
4
|
+
import { Iconify as d } from "../Iconify/Iconify.js";
|
|
5
|
+
import { c as u } from "../../index-Cpb-8cAN.js";
|
|
6
|
+
import '../../assets/EmptyView.css';const y = "_emptyViewContainer_19inl_1", _ = "_full_19inl_7", f = "_medium_19inl_11", w = "_small_19inl_15", C = "_title_19inl_20", e = {
|
|
7
|
+
emptyViewContainer: y,
|
|
8
|
+
full: _,
|
|
9
|
+
medium: f,
|
|
10
|
+
small: w,
|
|
11
|
+
title: C
|
|
12
|
+
}, A = ({
|
|
13
|
+
title: l,
|
|
14
|
+
subtitle: m,
|
|
15
|
+
height: t = "medium",
|
|
16
|
+
icon: n,
|
|
17
|
+
iconSize: r = "medium",
|
|
18
|
+
action: s,
|
|
19
|
+
className: a
|
|
20
|
+
}) => /* @__PURE__ */ c(
|
|
21
|
+
p,
|
|
286
22
|
{
|
|
287
|
-
|
|
288
|
-
style: { width: "100%", height: "25vh" },
|
|
289
|
-
themeColor: "surface",
|
|
290
|
-
children: /* @__PURE__ */ f(
|
|
291
|
-
W,
|
|
292
|
-
{
|
|
293
|
-
"data-testid": "empty-view-content",
|
|
294
|
-
logo: /* @__PURE__ */ f(le, { iconSize: "large", icon: n }),
|
|
295
|
-
overline: "",
|
|
296
|
-
subtitle: r,
|
|
297
|
-
title: e,
|
|
298
|
-
heroBtn: /* @__PURE__ */ f(ge, { action: t, text: o })
|
|
299
|
-
}
|
|
300
|
-
)
|
|
301
|
-
}
|
|
302
|
-
), ge = ({ action: e, text: r }) => r ? e ? /* @__PURE__ */ ae(
|
|
303
|
-
Q,
|
|
304
|
-
{
|
|
305
|
-
"data-testid": "empty-view-with-action",
|
|
23
|
+
fullWidth: !0,
|
|
306
24
|
direction: "vertical",
|
|
307
|
-
primaryAlign: "center",
|
|
308
25
|
secondaryAlign: "center",
|
|
26
|
+
primaryAlign: "center",
|
|
27
|
+
"data-testid": "empty-view-container",
|
|
28
|
+
className: u(
|
|
29
|
+
a,
|
|
30
|
+
e.emptyViewContainer,
|
|
31
|
+
t === "full" && e.full,
|
|
32
|
+
t === "medium" && e.medium,
|
|
33
|
+
t === "small" && e.small
|
|
34
|
+
),
|
|
309
35
|
children: [
|
|
310
|
-
/* @__PURE__ */
|
|
311
|
-
e
|
|
36
|
+
n && /* @__PURE__ */ i(d, { icon: n, iconSize: r }),
|
|
37
|
+
l && /* @__PURE__ */ i(o, { type: "body1", className: e.title, children: l }),
|
|
38
|
+
m && /* @__PURE__ */ i(o, { type: "body1", className: e.title, children: m }),
|
|
39
|
+
s
|
|
312
40
|
]
|
|
313
41
|
}
|
|
314
|
-
)
|
|
42
|
+
);
|
|
315
43
|
export {
|
|
316
|
-
|
|
44
|
+
A as EmptyView
|
|
317
45
|
};
|