@hortiview/shared-components 2.8.8 → 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.
Files changed (112) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/{AlertBanner-D-NTP_6i.js → AlertBanner-Dss0v6W0.js} +3 -3
  3. package/dist/{BigLoadingSpinner-CCxsMWnc.js → BigLoadingSpinner-BeHzqdOg.js} +1 -1
  4. package/dist/{GenericCard-DOKyENNm.js → GenericCard-MjxZ1L7r.js} +3 -3
  5. package/dist/ListAreaService-Dx9WBGHB.js +125 -0
  6. package/dist/{OfflineView-DHtzNLwt.js → OfflineView-D168VIXv.js} +3 -3
  7. package/dist/assets/BaseView.css +1 -1
  8. package/dist/assets/BasicHeading.css +1 -1
  9. package/dist/assets/BlockView.css +1 -1
  10. package/dist/assets/ContextMenu.css +1 -1
  11. package/dist/assets/CustomTextField.css +1 -1
  12. package/dist/assets/EmptyView.css +1 -0
  13. package/dist/assets/Filter.css +1 -1
  14. package/dist/assets/FormDatePicker.css +1 -1
  15. package/dist/assets/FormSelect.css +1 -1
  16. package/dist/assets/FormText.css +1 -1
  17. package/dist/assets/HashTabView.css +1 -1
  18. package/dist/assets/InfoGroup.css +1 -1
  19. package/dist/assets/ListAreaService.css +1 -1
  20. package/dist/assets/Modal.css +1 -1
  21. package/dist/assets/OnboardingBanner.css +1 -1
  22. package/dist/assets/Select.css +1 -1
  23. package/dist/components/AlertBanner/AlertBanner.js +4 -4
  24. package/dist/components/AlertBanner/AlertBanner.test.js +1 -1
  25. package/dist/components/AlertBanner/LinkBanner.js +3 -3
  26. package/dist/components/BaseView/BaseView.d.ts +17 -1
  27. package/dist/components/BaseView/BaseView.js +119 -76
  28. package/dist/components/BaseView/BaseView.service.d.ts +7 -0
  29. package/dist/components/BaseView/BaseView.service.js +27 -0
  30. package/dist/components/BaseView/BaseView.test.js +18 -17
  31. package/dist/components/BasicHeading/BasicHeading.d.ts +6 -1
  32. package/dist/components/BasicHeading/BasicHeading.js +57 -53
  33. package/dist/components/BasicHeading/BasicHeading.test.js +24 -24
  34. package/dist/components/BlockView/BlockView.d.ts +15 -3
  35. package/dist/components/BlockView/BlockView.js +69 -58
  36. package/dist/components/ChipCard/ChipCard.js +7 -7
  37. package/dist/components/ContextMenu/ContextMenu.d.ts +2 -0
  38. package/dist/components/ContextMenu/ContextMenu.js +52 -41
  39. package/dist/components/DeleteModal/DeleteModal.js +4 -4
  40. package/dist/components/DetailContentWrapper/DetailContentWrapper.d.ts +18 -3
  41. package/dist/components/DetailContentWrapper/DetailContentWrapper.js +13 -11
  42. package/dist/components/Disclaimer/Disclaimer.js +3 -3
  43. package/dist/components/EmptyView/EmptyView.d.ts +18 -6
  44. package/dist/components/EmptyView/EmptyView.js +37 -309
  45. package/dist/components/EmptyView/EmptyView.test.js +34 -38
  46. package/dist/components/Filter/Filter.d.ts +5 -1
  47. package/dist/components/Filter/Filter.js +113 -98
  48. package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js +1 -1
  49. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js +4 -4
  50. package/dist/components/FormComponents/FormNumber/CustomTextField.js +21 -20
  51. package/dist/components/FormComponents/FormRadio/FormRadio.js +1 -1
  52. package/dist/components/FormComponents/FormSelect/FormSelect.js +66 -66
  53. package/dist/components/FormComponents/FormSelect/SelectTooltipText.js +2 -2
  54. package/dist/components/FormComponents/FormSlider/FormSlider.js +3 -3
  55. package/dist/components/FormComponents/FormText/FormText.js +45 -44
  56. package/dist/components/FormComponents/FormToggle/FormToggle.js +3 -3
  57. package/dist/components/GenericTable/GenericTable.js +17 -17
  58. package/dist/components/GenericTable/Mobile/GenericCard.js +4 -4
  59. package/dist/components/GenericTable/Mobile/GenericCard.test.js +1 -1
  60. package/dist/components/GenericTable/Mobile/GenericCardList.js +3 -3
  61. package/dist/components/HashTabView/HashTabView.js +119 -117
  62. package/dist/components/HeaderFilter/HeaderFilter.js +1 -1
  63. package/dist/components/Iconify/Iconify.d.ts +4 -0
  64. package/dist/components/Iconify/Iconify.js +1 -1
  65. package/dist/components/InfoCard/InfoCard.js +3 -3
  66. package/dist/components/InfoGroup/InfoGroup.js +47 -38
  67. package/dist/components/ListArea/ListArea.d.ts +6 -2
  68. package/dist/components/ListArea/ListArea.js +37 -32
  69. package/dist/components/ListArea/ListArea.test.js +2 -2
  70. package/dist/components/ListArea/ListAreaService.js +4 -4
  71. package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js +2 -2
  72. package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +1 -1
  73. package/dist/components/LoadingSpinner/Default/LoadingSpinner.js +4 -4
  74. package/dist/components/Modal/Modal.js +119 -103
  75. package/dist/components/OfflineView/OfflineView.js +4 -4
  76. package/dist/components/OfflineView/OfflineView.test.js +1 -1
  77. package/dist/components/OnboardingBanner/OnboardingBanner.js +35 -33
  78. package/dist/components/OverflowTooltip/OverflowTooltip.js +1 -1
  79. package/dist/components/OverflowTooltip/OverflowTooltip.test.js +1 -1
  80. package/dist/components/SearchBar/SearchBar.js +2 -2
  81. package/dist/components/Select/Select.js +2 -2
  82. package/dist/components/Stepper/Stepper.js +1 -1
  83. package/dist/components/Stepper/components/StepperButton.js +1 -1
  84. package/dist/components/Stepper/components/StepperHeader.js +2 -2
  85. package/dist/components/Stepper/components/StepperIndicator.js +1 -1
  86. package/dist/{find-B-dm7n_F.js → find-Dpy_M6vm.js} +1 -1
  87. package/dist/{index.es-DObVvepK.js → index.es-BLIkMu0q.js} +2 -2
  88. package/dist/{index.es-DENZVv7_.js → index.es-BLolvOHO.js} +5 -5
  89. package/dist/{index.es-BXj90wb_.js → index.es-BjvSa9Z-.js} +2 -2
  90. package/dist/{index.es-Dfju71Pi.js → index.es-Bus5gEri.js} +1 -1
  91. package/dist/{index.es-IXyb5F6n.js → index.es-BzdG6flH.js} +2 -2
  92. package/dist/{index.es-DqSY-ePE.js → index.es-CXq42ihP.js} +9 -9
  93. package/dist/{index.es-45NOgWlB.js → index.es-CijDQQVg.js} +2 -2
  94. package/dist/{index.es-BGordhUK.js → index.es-DCSgIiJH.js} +1 -1
  95. package/dist/{index.es-D1IpdMde.js → index.es-DDRyb2df.js} +2 -2
  96. package/dist/{index.es-DeF-y7fd.js → index.es-DNRm4vOy.js} +1 -1
  97. package/dist/{index.es-0QJC9VS2.js → index.es-DUcI2Zyr.js} +2 -2
  98. package/dist/{index.es-DwzB1d7_.js → index.es-DYs8W4jv.js} +1 -1
  99. package/dist/{index.es-B6ZgiW2s.js → index.es-D_hWWij3.js} +13 -13
  100. package/dist/{index.es-CK4oZMKs.js → index.es-Dq_bXeGZ.js} +13 -13
  101. package/dist/{index.es-t7hFwQSs.js → index.es-Ds9rRj5B.js} +2 -2
  102. package/dist/{index.es-DDYCugj-.js → index.es-DsGuBR0Z.js} +1 -1
  103. package/dist/{index.es-Bg8hxXM8.js → index.es-P5F6NJPB.js} +360 -255
  104. package/dist/{index.es-Cq04gn3U.js → index.es-b2h35xzk.js} +4 -4
  105. package/dist/{index.es-Bgjh6euR.js → index.es-vqlyMiew.js} +1 -1
  106. package/dist/{keyboard-B-WUULl-.js → keyboard-BfmK7HK_.js} +1 -1
  107. package/dist/main.js +2 -2
  108. package/dist/{map-Dbvlv_6y.js → map-LUrszKZW.js} +2 -2
  109. package/dist/{slicedToArray-BWk2gTCn.js → slicedToArray-uk6yv91z.js} +1 -1
  110. package/package.json +1 -1
  111. package/dist/ListAreaService-CI-s1Xx5.js +0 -124
  112. package/dist/includes-Bt-Stz_B.js +0 -110
@@ -1,65 +1,76 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { I as _ } from "../../index.es-IXyb5F6n.js";
3
- import { M as k, L as p, a as w } from "../../index.es-B6ZgiW2s.js";
4
- import { useState as I, useCallback as a, useEffect as M } from "react";
5
- import { u as x } from "../../uniqueId-NU3-C36A.js";
6
- import { O as C } from "../../OfflineView-DHtzNLwt.js";
7
- import '../../assets/ContextMenu.css';const v = "_menu_1xwk3_1", y = "_icon_1xwk3_5", V = "_listItem_1xwk3_9", g = "_offlineViewMargin_1xwk3_19", s = {
8
- menu: v,
9
- icon: y,
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: g
12
- }, b = ({
13
- triggerOpen: o = null,
14
- actions: r,
11
+ offlineViewMargin: B
12
+ }, S = ({
13
+ triggerOpen: l = null,
14
+ actions: m,
15
15
  iconOrientation: c = "vertical",
16
- "data-testid": m,
17
- isOnline: f = !0,
16
+ "data-testid": f,
17
+ isOnline: d = !0,
18
18
  offlineViewProps: u
19
19
  }) => {
20
- const [i, n] = I(!1), d = a(() => {
21
- n(!i);
22
- }, [i]), l = a(() => {
20
+ const [t, n] = k(!1), _ = r(() => {
21
+ n(!t);
22
+ }, [t]), o = r(() => {
23
23
  n(!1);
24
24
  }, []);
25
- return M(() => {
26
- n(o !== null ? o : !1);
27
- }, [o]), /* @__PURE__ */ t(
28
- k,
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": m ?? "selection-menu",
32
- open: i,
31
+ "data-testid": f ?? "selection-menu",
32
+ open: t,
33
33
  surfaceOnly: !0,
34
34
  hoistToBody: !0,
35
- onClose: l,
36
- trigger: /* @__PURE__ */ t(
37
- _,
35
+ onClose: o,
36
+ trigger: /* @__PURE__ */ i(
37
+ I,
38
38
  {
39
39
  className: s.icon,
40
- variant: i ? "filled-primary" : void 0,
40
+ variant: t ? "filled-primary" : void 0,
41
41
  "data-testid": "open-button",
42
42
  icon: c === "vertical" ? "more_vert" : "more_horiz",
43
- onClick: d
43
+ onClick: _
44
44
  }
45
45
  ),
46
- children: f ? /* @__PURE__ */ t(p, { "data-testid": "selection-list", children: r.map((e) => /* @__PURE__ */ t(
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
- className: s.listItem,
50
- ...e,
51
- leadingBlockType: "icon",
52
- "data-testid": e["data-testid"],
53
- onClick: () => {
54
- e?.onClick?.(), e.closeOnClick !== !1 && l();
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
- b as ContextMenu
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-0QJC9VS2.js";
3
- import { G as i } from "../../index.es-DDYCugj-.js";
4
- import { I } from "../../index.es-DwzB1d7_.js";
5
- import { T as l } from "../../index.es-BGordhUK.js";
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
- heading?: string;
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 e, jsx as r, Fragment as n } from "react/jsx-runtime";
2
- import { G as i } from "../../index.es-DDYCugj-.js";
3
- import { BasicHeading as a } from "../BasicHeading/BasicHeading.js";
4
- import '../../assets/DetailContentWrapper.css';const m = "_formContainer_gf66t_1", s = {
5
- formContainer: m
6
- }, p = ({
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
- children: o
9
- }) => /* @__PURE__ */ e(i, { fullWidth: !0, direction: "vertical", gap: "dense", children: [
10
- t ? /* @__PURE__ */ r(a, { heading: t, fontWeight: 500, marginBottom: 0, level: 5 }) : /* @__PURE__ */ r(n, {}),
11
- /* @__PURE__ */ r("div", { className: s.formContainer, children: o })
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
- p as DetailContentWrapper
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-DDYCugj-.js";
3
- import { I as t } from "../../index.es-DwzB1d7_.js";
4
- import { d as m, T as d } from "../../index.es-BGordhUK.js";
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, default is empty string
5
+ * The title of the empty view, optional
6
6
  */
7
7
  title?: string;
8
8
  /**
9
- * The subtitle of the empty view, optional, default is empty string
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, default is 'dashbord'
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, default is empty string
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, text, action, }: EmptyViewProps) => import("react/jsx-runtime").JSX.Element;
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 { jsx as f, jsxs as ae } from "react/jsx-runtime";
2
- import { G as Q } from "../../index.es-DDYCugj-.js";
3
- import { _ as I, c as U, a as D, b as w, d as X, P as a } from "../../index-Cpb-8cAN.js";
4
- import { _ as Y, a as H, b as Z, c as ee, d as E, e as x, f as re } from "../../defineProperty-CmuOyxyf.js";
5
- import u, { forwardRef as S, useRef as A, useImperativeHandle as R, useMemo as P } from "react";
6
- import { _ as M } from "../../includes-Bt-Stz_B.js";
7
- import { e as B, T as V } from "../../index.es-BGordhUK.js";
8
- import { I as le } from "../../index.es-DwzB1d7_.js";
9
- var ie = {
10
- /**
11
- * Aligns the Hero contents.
12
- *
13
- * Defaults to **'centered'**.
14
- */
15
- alignment: a.oneOf(["center-bottom", "center-top", "centered", "left-bottom", "left-center", "left-top", "right-bottom", "right-center", "right-top"]),
16
- /**
17
- * Content to be rendered inside the Hero.
18
- *
19
- * Defaults to **null**.
20
- */
21
- children: a.node,
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
- "data-testid": "empty-view-container",
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__ */ f(V, { level: 2, children: r }),
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
- ) : /* @__PURE__ */ f(V, { level: 2, children: r }) : e;
42
+ );
315
43
  export {
316
- Oe as EmptyView
44
+ A as EmptyView
317
45
  };