@hortiview/shared-components 0.0.5404 → 0.0.5409
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
|
-
.
|
|
1
|
+
._container_egebs_1{width:100%;padding:0;@media only screen and (max-width: 838px){padding-top:.5rem}}._dividerContainer_egebs_10{width:100%;padding:0rem 1rem;margin:-1rem 0rem}._mainGroup_egebs_16{border:.0775rem solid var(--lmnt-on-surface-stroke, rgba(0, 0, 0, .12));border-radius:.5rem}._row_egebs_21{min-height:5.5vh;padding:1rem}._row_egebs_21 input:not([type=checkbox]){@media only screen and (max-width: 839px){height:80%}}._row_egebs_21 input{padding-top:.2rem;border:none;color:#000!important;font-size:1.2rem;margin-top:1rem!important;@media only screen and (min-width: 839px){margin-top:1.5rem!important}}._row_egebs_21 label{font-size:1.2rem}._row_egebs_21 ._valueText_egebs_46{line-height:1rem}:before{border:none!important}._component_egebs_54{width:95%!important;background-color:var(--lmnt-theme-on-primary);padding-left:.4rem!important;justify-content:flex-end;min-height:3rem;height:4vh;align-items:center;text-align:center;display:flex;border-radius:.5rem;box-shadow:0 .125rem .25rem #00000040;padding:1rem;margin-right:1rem;@media only screen and (max-width: 839px){margin-bottom:1.6rem!important;margin-left:1rem}}._component_egebs_54>div{display:flex;justify-content:space-between;width:100%}._component_egebs_54>div label{font-size:1rem;color:#00000061;font-weight:500}._componentContainer_egebs_87{width:100%!important;@media only screen and (max-width: 839px){margin-top:1rem;margin-bottom:-.5rem}}._field_egebs_95{width:100%;padding:0rem .5rem;align-self:center;display:flex;flex-direction:column}
|
|
@@ -1,60 +1,72 @@
|
|
|
1
1
|
import "../../assets/InfoGroup.css";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { Divider as p, Group as
|
|
4
|
-
import { a as
|
|
5
|
-
import { VerticalDivider as
|
|
6
|
-
const
|
|
7
|
-
container:
|
|
2
|
+
import { jsxs as s, Fragment as l, jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import { Divider as p, Group as m, TypoCaption as u, TypoSubtitle as v } from "@element/react-components";
|
|
4
|
+
import { a as _ } from "../../useBreakpoint-DROHPVxO.js";
|
|
5
|
+
import { VerticalDivider as h } from "../VerticalDivider/VerticalDivider.js";
|
|
6
|
+
const g = "_container_egebs_1", C = "_dividerContainer_egebs_10", b = "_mainGroup_egebs_16", y = "_row_egebs_21", w = "_valueText_egebs_46", G = "_component_egebs_54", N = "_componentContainer_egebs_87", x = "_field_egebs_95", t = {
|
|
7
|
+
container: g,
|
|
8
8
|
dividerContainer: C,
|
|
9
9
|
mainGroup: b,
|
|
10
|
-
row:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
10
|
+
row: y,
|
|
11
|
+
valueText: w,
|
|
12
|
+
component: G,
|
|
13
|
+
componentContainer: N,
|
|
14
|
+
field: x
|
|
15
|
+
}, I = ({ fields: e, bold: r }) => {
|
|
16
|
+
const a = e.length > 1 && Array.isArray(e.at(0)) ? e.map((c, o) => /* @__PURE__ */ s(l, { children: [
|
|
17
|
+
o != 0 && /* @__PURE__ */ n("div", { "data-testid": "test-divider", className: t.dividerContainer, children: /* @__PURE__ */ n(p, {}) }),
|
|
18
|
+
/* @__PURE__ */ n(d, { fields: c, bold: r }, `row${o}`)
|
|
19
|
+
] })) : /* @__PURE__ */ n(d, { fields: e, bold: r });
|
|
20
|
+
return /* @__PURE__ */ n(m, { direction: "vertical", fullWidth: !0, className: t.mainGroup, children: a });
|
|
21
|
+
}, d = ({ fields: e, bold: r }) => {
|
|
22
|
+
const { isLg: i } = _();
|
|
23
|
+
return /* @__PURE__ */ n(
|
|
24
|
+
m,
|
|
24
25
|
{
|
|
25
26
|
direction: i ? "horizontal" : "vertical",
|
|
26
|
-
className:
|
|
27
|
+
className: t.row,
|
|
27
28
|
fullWidth: !0,
|
|
28
29
|
primaryAlign: "center",
|
|
29
30
|
secondaryAlign: "center",
|
|
30
|
-
children:
|
|
31
|
-
const
|
|
32
|
-
return /* @__PURE__ */
|
|
33
|
-
c != 0 &&
|
|
34
|
-
/* @__PURE__ */
|
|
31
|
+
children: e.map((a, c) => {
|
|
32
|
+
const o = i ? /* @__PURE__ */ n(h, { className: t.divider, height: "3rem" }) : /* @__PURE__ */ n(p, {});
|
|
33
|
+
return /* @__PURE__ */ s(l, { children: [
|
|
34
|
+
c != 0 && o,
|
|
35
|
+
/* @__PURE__ */ n(A, { field: a, bold: r })
|
|
35
36
|
] });
|
|
36
37
|
})
|
|
37
38
|
}
|
|
38
39
|
);
|
|
39
|
-
},
|
|
40
|
-
if (
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
children:
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
40
|
+
}, A = ({ field: e, bold: r }) => {
|
|
41
|
+
if (e.variant || (e.variant = "default"), !e.component || e.variant === "embedded")
|
|
42
|
+
return /* @__PURE__ */ s(
|
|
43
|
+
m,
|
|
44
|
+
{
|
|
45
|
+
"data-testid": "infoGroupItem",
|
|
46
|
+
direction: "vertical",
|
|
47
|
+
primaryAlign: "center",
|
|
48
|
+
secondaryAlign: "space-between",
|
|
49
|
+
fullWidth: !0,
|
|
50
|
+
gap: "dense",
|
|
51
|
+
children: [
|
|
52
|
+
/* @__PURE__ */ n(u, { className: t.label, themeColor: "text-hint-on-light", children: e.label }),
|
|
53
|
+
e.value ? /* @__PURE__ */ n(
|
|
54
|
+
v,
|
|
55
|
+
{
|
|
56
|
+
level: 1,
|
|
57
|
+
"data-testid": "infoGroupValue",
|
|
58
|
+
themeColor: e.themeColor,
|
|
59
|
+
bold: r,
|
|
60
|
+
className: t.valueText,
|
|
61
|
+
children: e.value
|
|
62
|
+
}
|
|
63
|
+
) : /* @__PURE__ */ n(l, { children: e.component })
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
if (e.component && e.variant === "default")
|
|
68
|
+
return /* @__PURE__ */ n("div", { className: t.componentContainer, children: /* @__PURE__ */ n("div", { className: t.component, children: e.component }) });
|
|
57
69
|
};
|
|
58
70
|
export {
|
|
59
|
-
|
|
71
|
+
I as InfoGroup
|
|
60
72
|
};
|
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.
|
|
4
|
+
"version": "0.0.5409",
|
|
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>",
|