@hortiview/shared-components 0.0.7819 → 0.0.7862

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.
@@ -1 +1 @@
1
- ._divider_1513z_1{margin:0 2rem}._truncate_1513z_5{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}._desktopList_1513z_13{width:30%}._mobileList_1513z_17{width:100%}._desktopDetail_1513z_21{width:70%}._mobileDetail_1513z_25{width:100%}
1
+ ._divider_dw2rc_1{margin:0 2rem}._maxWidth_dw2rc_5{max-width:55vw}._desktopList_dw2rc_9{width:30%}._mobileList_dw2rc_13{width:100%}._desktopDetail_dw2rc_17{width:70%}._mobileDetail_dw2rc_21{width:100%}
@@ -1 +1 @@
1
- ._cardTitle_ecoot_1{padding:.5rem!important}._cardBody_ecoot_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_ecoot_10{border-radius:.5rem}._row_ecoot_14{padding:.25rem 0}._font_ecoot_18{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;align-self:end}._fontHeader_ecoot_28{text-align:right}._title_ecoot_32{display:inline-block;width:65vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._emptyContainer_ecoot_40{width:inherit;height:inherit}._empty_ecoot_40{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}
1
+ ._cardTitle_ny9m0_1{padding:.5rem!important}._cardBody_ny9m0_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_ny9m0_10{border-radius:.5rem}._row_ny9m0_14{padding:.25rem 0}._font_ny9m0_18{font-weight:400;align-self:end}._fontHeader_ny9m0_23{text-align:right}._title_ny9m0_27{display:inline-block;width:65vw;text-wrap:nowrap}._emptyContainer_ny9m0_33{width:inherit;height:inherit}._empty_ny9m0_33{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}
@@ -0,0 +1 @@
1
+ ._truncate_m48xn_1{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
@@ -0,0 +1,12 @@
1
+ import "./assets/baseView.css";
2
+ const t = "_divider_dw2rc_1", i = "_maxWidth_dw2rc_5", e = "_desktopList_dw2rc_9", s = "_mobileList_dw2rc_13", d = "_desktopDetail_dw2rc_17", o = "_mobileDetail_dw2rc_21", c = {
3
+ divider: t,
4
+ maxWidth: i,
5
+ desktopList: e,
6
+ mobileList: s,
7
+ desktopDetail: d,
8
+ mobileDetail: o
9
+ };
10
+ export {
11
+ c as s
12
+ };
@@ -1,12 +1,12 @@
1
- import { jsx as i, Fragment as x, jsxs as n } from "react/jsx-runtime";
1
+ import { jsx as i, Fragment as k, jsxs as n } from "react/jsx-runtime";
2
2
  import { Group as o } from "@element/react-components";
3
3
  import { useMemo as s } from "react";
4
4
  import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
5
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 "../../useBreakpoints-BNeVhjjZ.js";
9
- import { s as r } from "../../baseView.module-ve87u_d0.js";
6
+ import { ListArea as W } from "../ListArea/ListArea.js";
7
+ import { VerticalDivider as A } from "../VerticalDivider/VerticalDivider.js";
8
+ import { u as V } from "../../useBreakpoints-BNeVhjjZ.js";
9
+ import { s as r } from "../../baseView.module-uWbm_a5f.js";
10
10
  const C = ({
11
11
  action: c,
12
12
  heading: m,
@@ -21,12 +21,12 @@ const C = ({
21
21
  routerLinkElement: w,
22
22
  searchPlaceholder: B
23
23
  }) => {
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]);
24
+ const { isDesktopNavbar: e } = V(), t = s(() => l.find((x) => x.route === a), [a, l]), D = s(() => t?.component ?? (e ? /* @__PURE__ */ i(L, { subtitle: d }) : /* @__PURE__ */ i(k, {})), [t, e, d]), N = s(() => e ? !0 : !t, [t, e]), b = s(() => e ? !0 : t, [t, e]);
25
25
  return /* @__PURE__ */ n(o, { className: h ?? "", gap: "", fullWidth: !0, children: [
26
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
27
  m && /* @__PURE__ */ i(u, { heading: m, level: 4, marginBottom: 0, children: c }),
28
28
  /* @__PURE__ */ i(
29
- A,
29
+ W,
30
30
  {
31
31
  elements: l,
32
32
  hasSearch: p,
@@ -39,12 +39,12 @@ const C = ({
39
39
  )
40
40
  ] }) }),
41
41
  b && /* @__PURE__ */ n(o, { gap: "none", className: e ? r.desktopDetail : r.mobileDetail, children: [
42
- e && /* @__PURE__ */ i(V, { className: r.divider, height: "100%" }),
42
+ e && /* @__PURE__ */ i(A, { className: r.divider, height: "100%" }),
43
43
  /* @__PURE__ */ n(o, { direction: "vertical", fullWidth: !0, children: [
44
44
  /* @__PURE__ */ i(
45
45
  u,
46
46
  {
47
- className: r.truncate,
47
+ className: r.maxWidth,
48
48
  heading: t?.detailTitle ?? t?.title ?? "",
49
49
  level: 4,
50
50
  icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
@@ -1,12 +1,14 @@
1
1
  import { jsx as r, jsxs as p, Fragment as s } from "react/jsx-runtime";
2
- import { Modal as k, Button as u, Group as c, Icon as D, TypoBody as t } from "@element/react-components";
2
+ import { Button as u, Group as c, Icon as D, TypoBody as t } from "@element/react-components";
3
3
  import { uniqueId as N } from "lodash";
4
4
  import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
5
- import { I as x } from "../../Iconify-CY9lZjFd.js";
5
+ import { u as x } from "../../useBreakpoints-BNeVhjjZ.js";
6
+ import { I as M } from "../../Iconify-CY9lZjFd.js";
7
+ import { Modal as j } from "../Modal/Modal.js";
6
8
  import { s as n } from "../../deleteModal.module-Ds3MDzdl.js";
7
- const w = ({
8
- title: e,
9
- confirmButtonLabel: o,
9
+ const L = ({
10
+ title: o,
11
+ confirmButtonLabel: e,
10
12
  cancelButtonLabel: l,
11
13
  deleteHeader: a,
12
14
  deleteBody: i,
@@ -19,59 +21,59 @@ const w = ({
19
21
  onDelete: b,
20
22
  isDeletePossible: d = !0
21
23
  }) => {
22
- const C = (I) => {
24
+ const { isDesktop: C } = x(), k = (I) => {
23
25
  I.detail.action === "close" && m(!1);
24
26
  };
25
27
  return /* @__PURE__ */ r(
26
- k,
28
+ j,
27
29
  {
28
30
  className: n.modal,
29
- modalSize: "small",
31
+ modalSize: C ? "small" : "fullscreen",
30
32
  open: y,
31
- onClose: C,
32
- title: e,
33
+ onClose: k,
34
+ title: o,
33
35
  primaryButton: /* @__PURE__ */ r(
34
36
  u,
35
37
  {
36
38
  variant: "danger",
37
- label: o,
39
+ label: e,
38
40
  onClick: b,
39
41
  disabled: !d
40
42
  }
41
43
  ),
42
44
  footerSupplemental: /* @__PURE__ */ r(u, { variant: "text", label: l, onClick: () => m(!1) }),
43
45
  children: /* @__PURE__ */ p(c, { direction: "vertical", secondaryAlign: "center", children: [
44
- /* @__PURE__ */ r(M, { element: /* @__PURE__ */ r(j, { icon: g }), isCrossedOut: h }),
46
+ /* @__PURE__ */ r(z, { element: /* @__PURE__ */ r(B, { icon: g }), isCrossedOut: h }),
45
47
  /* @__PURE__ */ r(c, { direction: "vertical", children: d ? /* @__PURE__ */ r(
46
- z,
48
+ O,
47
49
  {
48
50
  deleteHeader: a,
49
51
  deleteText: f,
50
52
  deleteBody: i
51
53
  }
52
- ) : /* @__PURE__ */ r(O, { impossibleDeleteHeader: v }) })
54
+ ) : /* @__PURE__ */ r(A, { impossibleDeleteHeader: v }) })
53
55
  ] })
54
56
  }
55
57
  );
56
- }, M = ({
57
- element: e,
58
- isCrossedOut: o = !1
59
- }) => o ? /* @__PURE__ */ r("span", { className: n.crossedOut, children: e }) : e, j = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(S).includes(e) ? /* @__PURE__ */ r(
60
- x,
58
+ }, z = ({
59
+ element: o,
60
+ isCrossedOut: e = !1
61
+ }) => e ? /* @__PURE__ */ r("span", { className: n.crossedOut, children: o }) : o, B = ({ icon: o }) => o ? typeof o != "string" ? o : Object.values(S).includes(o) ? /* @__PURE__ */ r(
62
+ M,
61
63
  {
62
- icon: e,
64
+ icon: o,
63
65
  iconSize: "xlarge",
64
66
  className: n.colorDanger
65
67
  }
66
- ) : /* @__PURE__ */ r(D, { icon: e, iconSize: "xlarge", className: n.colorDanger }) : /* @__PURE__ */ r(s, {}), z = ({
67
- deleteHeader: e,
68
- deleteText: o,
68
+ ) : /* @__PURE__ */ r(D, { icon: o, iconSize: "xlarge", className: n.colorDanger }) : /* @__PURE__ */ r(s, {}), O = ({
69
+ deleteHeader: o,
70
+ deleteText: e,
69
71
  deleteBody: l
70
72
  }) => /* @__PURE__ */ p(s, { children: [
71
- /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: e }),
72
- o && typeof o == "string" && /* @__PURE__ */ r(t, { level: 2, themeColor: "text-secondary-on-background", children: o }),
73
- o && typeof o != "string" && /* @__PURE__ */ r(s, { children: o }),
74
- l && o === void 0 && /* @__PURE__ */ r(c, { direction: "vertical", gap: "none", children: l.map((a, i) => /* @__PURE__ */ r(
73
+ /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: o }),
74
+ e && typeof e == "string" && /* @__PURE__ */ r(t, { level: 2, themeColor: "text-secondary-on-background", children: e }),
75
+ e && typeof e != "string" && /* @__PURE__ */ r(s, { children: e }),
76
+ l && e === void 0 && /* @__PURE__ */ r(c, { direction: "vertical", gap: "none", children: l.map((a, i) => /* @__PURE__ */ r(
75
77
  t,
76
78
  {
77
79
  level: 2,
@@ -81,9 +83,9 @@ const w = ({
81
83
  },
82
84
  N(i.toString())
83
85
  )) })
84
- ] }), O = ({
85
- impossibleDeleteHeader: e
86
- }) => /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: e });
86
+ ] }), A = ({
87
+ impossibleDeleteHeader: o
88
+ }) => /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: o });
87
89
  export {
88
- w as DeleteModal
90
+ L as DeleteModal
89
91
  };
@@ -1,38 +1,39 @@
1
1
  import { jsx as t, jsxs as B, Fragment as I } from "react/jsx-runtime";
2
- import { Group as y, Modal as T, Button as h, Select as W, Switch as j, IconButton as z, NotificationBadge as b } from "@element/react-components";
2
+ import { Group as y, Button as h, Select as T, Switch as W, IconButton as j, NotificationBadge as b } from "@element/react-components";
3
3
  import { useState as v } from "react";
4
4
  import { s as c } from "../../genericTable.module-Dk3yy2S3.js";
5
5
  import { u as A } from "../../useBreakpoints-BNeVhjjZ.js";
6
6
  import "../../alertBanner.module-BPiKN0gh.js";
7
- import { I as H } from "../../Iconify-CY9lZjFd.js";
7
+ import { I as z } from "../../Iconify-CY9lZjFd.js";
8
8
  import "../../react-tooltip.min-BzHiZW8k.js";
9
+ import "../../overflowTooltip.module-BN3bp9Cj.js";
9
10
  import "../../basicHeading.module-BYb8xvuk.js";
10
11
  import "../../isArray-Ca4KR8TK.js";
11
12
  import "../../_baseToString-BNXOi2Mf.js";
12
13
  import "../../_equalByTag-DJhSpgVG.js";
13
14
  import "../../iconify.module-C89oaw5b.js";
14
- import { SearchBar as K } from "../SearchBar/SearchBar.js";
15
+ import { SearchBar as H } from "../SearchBar/SearchBar.js";
15
16
  import "../../listArea.module-CGpHPOji.js";
16
17
  import "../../verticalDivider.module-C3_GL-fH.js";
17
- import "../../baseView.module-ve87u_d0.js";
18
+ import "../../baseView.module-uWbm_a5f.js";
18
19
  import "../../BlockView.module-BPlNT5uh.js";
19
20
  import "lodash";
20
21
  import "../../contextMenu.module-DNQ8d9Aj.js";
22
+ import { Modal as K } from "../Modal/Modal.js";
21
23
  import "../../deleteModal.module-Ds3MDzdl.js";
22
24
  import "../../disclaimer.module-BZydt-Q_.js";
23
- import "../../genericCard.module-k0bicNfi.js";
25
+ import "../../genericCard.module-DrQu86jX.js";
24
26
  import "../../HashTabView.module-DUekkiTC.js";
25
27
  import "../../HeaderFilter.module-DiBmulr5.js";
26
28
  import "../../infoGroup.module-Cxw88dfC.js";
27
29
  import "../../bigLoadingSpinner.module-GgbFol8k.js";
28
30
  import "../../loadingSpinner.module-CLtqSMWA.js";
29
- import "../../modal.module-BlDp1Wiq.js";
30
31
  import "../Scrollbar/Scrollbar.js";
31
32
  import "react-hook-form";
32
33
  import "../../formDatePicker.module-BV3ma_7y.js";
33
34
  import "../../formSelect.module-C18N-SsT.js";
34
35
  import "../../formText.module-C0by6_DK.js";
35
- const Ct = ({
36
+ const xt = ({
36
37
  clearFilterText: m,
37
38
  closeCallback: a,
38
39
  currentFilter: i,
@@ -68,7 +69,7 @@ const Ct = ({
68
69
  }
69
70
  ),
70
71
  /* @__PURE__ */ t(
71
- T,
72
+ K,
72
73
  {
73
74
  open: w,
74
75
  onClose: S,
@@ -82,9 +83,9 @@ const Ct = ({
82
83
  )
83
84
  ] }) : /* @__PURE__ */ t(y, { secondaryAlign: "center", fullWidth: !0, children: k(d, f, F, !1) });
84
85
  }, k = (m, a, i, n = !0) => m.map(({ id: r, title: p, availableOptions: d, icon: u, type: s }) => /* @__PURE__ */ B(y, { fullWidth: !0, secondaryAlign: "center", children: [
85
- u ? /* @__PURE__ */ t(H, { icon: u, iconSize: "medium" }) : null,
86
+ u ? /* @__PURE__ */ t(z, { icon: u, iconSize: "medium" }) : null,
86
87
  s === "select" && /* @__PURE__ */ t(
87
- W,
88
+ T,
88
89
  {
89
90
  className: n ? void 0 : c.dense,
90
91
  variant: "outlined",
@@ -105,7 +106,7 @@ const Ct = ({
105
106
  }
106
107
  ),
107
108
  s === "toggle" && /* @__PURE__ */ t(
108
- j,
109
+ W,
109
110
  {
110
111
  label: p,
111
112
  onChange: (e) => i({ id: r, type: s, filterValue: e }),
@@ -113,7 +114,7 @@ const Ct = ({
113
114
  }
114
115
  ),
115
116
  s === "search" && /* @__PURE__ */ t(
116
- K,
117
+ H,
117
118
  {
118
119
  placeholder: p,
119
120
  searchTerm: a.find((e) => e.id === r)?.filterValue,
@@ -128,7 +129,7 @@ const Ct = ({
128
129
  }) => {
129
130
  const { isDesktop: r } = A();
130
131
  return a ? /* @__PURE__ */ t(
131
- z,
132
+ j,
132
133
  {
133
134
  icon: "filter_list_alt",
134
135
  onClick: n,
@@ -174,5 +175,5 @@ const Ct = ({
174
175
  );
175
176
  };
176
177
  export {
177
- Ct as Filter
178
+ xt as Filter
178
179
  };
@@ -1,22 +1,24 @@
1
1
  import { jsx as r, jsxs as B } from "react/jsx-runtime";
2
2
  import { Elevation as D, Table as G, TableTopBar as u, Group as m, Padding as W, TypoDisplay as k, TypoSubtitle as C } from "@element/react-components";
3
3
  import { Fragment as j } from "react";
4
- import { a as e } from "../../genericTable.module-Dk3yy2S3.js";
4
+ import { a as t } from "../../genericTable.module-Dk3yy2S3.js";
5
5
  import { u as x } from "../../useBreakpoints-BNeVhjjZ.js";
6
6
  import "../../alertBanner.module-BPiKN0gh.js";
7
7
  import "../../iconify.module-C89oaw5b.js";
8
8
  import "../../isArray-Ca4KR8TK.js";
9
9
  import "../../react-tooltip.min-BzHiZW8k.js";
10
+ import "../../overflowTooltip.module-BN3bp9Cj.js";
10
11
  import "../../basicHeading.module-BYb8xvuk.js";
11
12
  import "../../_baseToString-BNXOi2Mf.js";
12
13
  import "../../_equalByTag-DJhSpgVG.js";
13
14
  import "../../searchBar.module-9gKyrZRT.js";
14
15
  import "../../listArea.module-CGpHPOji.js";
15
16
  import "../../verticalDivider.module-C3_GL-fH.js";
16
- import "../../baseView.module-ve87u_d0.js";
17
+ import "../../baseView.module-uWbm_a5f.js";
17
18
  import "../../BlockView.module-BPlNT5uh.js";
18
19
  import "lodash";
19
20
  import "../../contextMenu.module-DNQ8d9Aj.js";
21
+ import "../../modal.module-BlDp1Wiq.js";
20
22
  import "../../deleteModal.module-Ds3MDzdl.js";
21
23
  import "../../disclaimer.module-BZydt-Q_.js";
22
24
  import "../../HashTabView.module-DUekkiTC.js";
@@ -24,7 +26,6 @@ import "../../HeaderFilter.module-DiBmulr5.js";
24
26
  import "../../infoGroup.module-Cxw88dfC.js";
25
27
  import "../../bigLoadingSpinner.module-GgbFol8k.js";
26
28
  import "../../loadingSpinner.module-CLtqSMWA.js";
27
- import "../../modal.module-BlDp1Wiq.js";
28
29
  import "../Scrollbar/Scrollbar.js";
29
30
  import "react-hook-form";
30
31
  import "../../formDatePicker.module-BV3ma_7y.js";
@@ -32,7 +33,7 @@ import "../../formSelect.module-C18N-SsT.js";
32
33
  import "../../formText.module-C0by6_DK.js";
33
34
  import { useGenerateColumns as _, useGenerateTableData as $ } from "./GenericTableService.js";
34
35
  import { GenericCardList as A } from "./Mobile/GenericCardList.js";
35
- const ur = ({
36
+ const fr = ({
36
37
  data: l = [],
37
38
  hiddenColumns: p = [],
38
39
  order: f = [],
@@ -43,7 +44,7 @@ const ur = ({
43
44
  pagination: y = !1,
44
45
  getRowActions: s = void 0,
45
46
  customColumnWidth: b,
46
- title: t,
47
+ title: e,
47
48
  cardTitleColumn: v,
48
49
  cardSubTitleColumn: T
49
50
  }) => {
@@ -60,26 +61,26 @@ const ur = ({
60
61
  data: l,
61
62
  getRowActions: s
62
63
  });
63
- return o ? /* @__PURE__ */ r(D, { elevation: 1, className: e.elevation, children: /* @__PURE__ */ r(
64
+ return o ? /* @__PURE__ */ r(D, { elevation: 1, className: t.elevation, children: /* @__PURE__ */ r(
64
65
  G,
65
66
  {
66
- className: e.table,
67
+ className: t.table,
67
68
  fullWidth: !0,
68
69
  alwaysUseDivTags: !0,
69
70
  layout: "standard",
70
71
  hiddenColumns: p,
71
72
  data: c,
72
73
  columns: a,
73
- leadingContent: t && i?.length === 0 ? /* @__PURE__ */ r(u, { title: t }) : i?.length > 0 && /* @__PURE__ */ r(
74
+ leadingContent: e && i?.length === 0 ? /* @__PURE__ */ r(u, { title: e }) : i?.length > 0 && /* @__PURE__ */ r(
74
75
  u,
75
76
  {
76
- className: e.topBar,
77
+ className: t.topBar,
77
78
  filterBar: /* @__PURE__ */ B(m, { fullWidth: !0, direction: "vertical", gap: "none", children: [
78
- t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(k, { level: 6, children: t }) }),
79
+ e && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(k, { level: 6, children: e }) }),
79
80
  /* @__PURE__ */ r(
80
81
  m,
81
82
  {
82
- className: e.filterBar,
83
+ className: t.filterBar,
83
84
  fullWidth: !0,
84
85
  primaryAlign: "end",
85
86
  secondaryAlign: "center",
@@ -98,7 +99,7 @@ const ur = ({
98
99
  fullWidth: !0,
99
100
  primaryAlign: "center",
100
101
  secondaryAlign: "center",
101
- className: e.emptyTable,
102
+ className: t.emptyTable,
102
103
  children: /* @__PURE__ */ r(C, { children: n })
103
104
  }
104
105
  )
@@ -114,5 +115,5 @@ const ur = ({
114
115
  );
115
116
  };
116
117
  export {
117
- ur as GenericTable
118
+ fr as GenericTable
118
119
  };
@@ -2,7 +2,7 @@ import { jsx as e, jsxs as s, Fragment as g } from "react/jsx-runtime";
2
2
  import { Card as T, CardContent as v, CardBody as y, Grid as x, GridRow as b, GridCol as n, TypoSubtitle as f, CardTitle as u, CardDivider as N } from "@element/react-components";
3
3
  import { useMemo as $ } from "react";
4
4
  import { OverflowTooltip as c } from "../../OverflowTooltip/OverflowTooltip.js";
5
- import { s as a } from "../../../genericCard.module-k0bicNfi.js";
5
+ import { s as a } from "../../../genericCard.module-DrQu86jX.js";
6
6
  const h = {
7
7
  desktopCol: 6,
8
8
  phoneCol: 2,
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { Padding as c, TypoCaption as o, Group as s } from "@element/react-components";
3
3
  import { GenericCard as m } from "./GenericCard.js";
4
- import { s as t } from "../../../genericCard.module-k0bicNfi.js";
4
+ import { s as t } from "../../../genericCard.module-DrQu86jX.js";
5
5
  const u = ({
6
6
  columns: n,
7
7
  data: e,
@@ -1,21 +1,23 @@
1
- import { jsxs as c, Fragment as p, jsx as l } from "react/jsx-runtime";
2
- import { TypoBody as d } from "@element/react-components";
3
- import { useState as h, useMemo as a, cloneElement as f } from "react";
1
+ import { jsxs as p, Fragment as a, jsx as s } from "react/jsx-runtime";
2
+ import { TypoBody as c } from "@element/react-components";
3
+ import { useState as d, useMemo as h, cloneElement as f } from "react";
4
4
  import { H as w } from "../../react-tooltip.min-BzHiZW8k.js";
5
- const k = ({ id: e, text: i, children: t }) => {
6
- const [r, s] = h(!1), n = a(
5
+ import { s as u } from "../../overflowTooltip.module-BN3bp9Cj.js";
6
+ const k = ({ id: e, text: l, children: t }) => {
7
+ const [r, i] = d(!1), m = h(
7
8
  () => f(t, {
8
9
  "data-tooltip-id": e,
9
10
  onMouseEnter: ({ currentTarget: o }) => {
10
- const m = o.clientWidth < o.scrollWidth || o.clientHeight < o.scrollHeight;
11
- s(m);
12
- }
11
+ const n = o.clientWidth < o.scrollWidth || o.clientHeight < o.scrollHeight;
12
+ i(n);
13
+ },
14
+ className: `${u.truncate} ${t.props.className}`
13
15
  }),
14
16
  [t, e]
15
17
  );
16
- return /* @__PURE__ */ c(p, { children: [
17
- n,
18
- /* @__PURE__ */ l(
18
+ return /* @__PURE__ */ p(a, { children: [
19
+ m,
20
+ /* @__PURE__ */ s(
19
21
  w,
20
22
  {
21
23
  id: e,
@@ -28,7 +30,7 @@ const k = ({ id: e, text: i, children: t }) => {
28
30
  maxWidth: "90%",
29
31
  wordBreak: "break-word"
30
32
  },
31
- children: /* @__PURE__ */ l(d, { level: 2, children: i })
33
+ children: /* @__PURE__ */ s(c, { level: 2, children: l })
32
34
  }
33
35
  )
34
36
  ] });
@@ -0,0 +1,15 @@
1
+ import "./assets/genericCard.css";
2
+ const t = "_cardTitle_ny9m0_1", n = "_cardBody_ny9m0_5", o = "_cardContent_ny9m0_10", _ = "_row_ny9m0_14", e = "_font_ny9m0_18", r = "_fontHeader_ny9m0_23", c = "_title_ny9m0_27", y = "_emptyContainer_ny9m0_33", a = "_empty_ny9m0_33", d = {
3
+ cardTitle: t,
4
+ cardBody: n,
5
+ cardContent: o,
6
+ row: _,
7
+ font: e,
8
+ fontHeader: r,
9
+ title: c,
10
+ emptyContainer: y,
11
+ empty: a
12
+ };
13
+ export {
14
+ d as s
15
+ };
@@ -0,0 +1,7 @@
1
+ import "./assets/overflowTooltip.css";
2
+ const t = "_truncate_m48xn_1", s = {
3
+ truncate: t
4
+ };
5
+ export {
6
+ s
7
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hortiview/shared-components",
3
3
  "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
4
- "version": "0.0.7819",
4
+ "version": "0.0.7862",
5
5
  "type": "module",
6
6
  "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
7
7
  "author": "Falk Menge <falk.menge.ext@bayer.com>",
@@ -1,12 +0,0 @@
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
- };
@@ -1,15 +0,0 @@
1
- import "./assets/genericCard.css";
2
- const t = "_cardTitle_ecoot_1", o = "_cardBody_ecoot_5", e = "_cardContent_ecoot_10", c = "_row_ecoot_14", n = "_font_ecoot_18", _ = "_fontHeader_ecoot_28", r = "_title_ecoot_32", a = "_emptyContainer_ecoot_40", d = "_empty_ecoot_40", i = {
3
- cardTitle: t,
4
- cardBody: o,
5
- cardContent: e,
6
- row: c,
7
- font: n,
8
- fontHeader: _,
9
- title: r,
10
- emptyContainer: a,
11
- empty: d
12
- };
13
- export {
14
- i as s
15
- };