@hortiview/shared-components 0.0.7067 → 0.0.7315
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/assets/formText.css +1 -1
- package/dist/assets/listArea.css +1 -1
- package/dist/components/Filter/Filter.js +2 -2
- package/dist/components/FormComponents/FormText/FormText.d.ts +3 -0
- package/dist/components/FormComponents/FormText/FormText.js +119 -94
- package/dist/components/FormComponents/FormText/FormText.test.js +4 -3
- package/dist/components/ListArea/ListArea.js +1 -1
- package/dist/components/ListArea/ListAreaService.d.ts +2 -2
- package/dist/components/ListArea/ListAreaService.js +21 -21
- package/dist/formText.module-C0by6_DK.js +12 -0
- package/dist/listArea.module-CGpHPOji.js +20 -0
- package/package.json +1 -1
- package/dist/formText.module-Blt6Y-SR.js +0 -10
- package/dist/listArea.module-B-gPyfbE.js +0 -19
package/dist/assets/formText.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._formTextAreaHelperText_168p8_1{align-self:flex-end;color:var(--lmnt-helper-text-color);padding-right:1rem}._invalid_168p8_7._formTextAreaHelperText_168p8_1{color:var(--lmnt-theme-danger)}._required_168p8_11._formTextAreaHelperText_168p8_1{margin-top:-1.125rem}._invalid_168p8_7+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._formTextArea_168p8_1,._characterCount_168p8_25{width:100%;display:flex;flex-flow:column}._withoutCharacterCount_168p8_31{width:100%}
|
package/dist/assets/listArea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fullWidth_1norc_1{width:100%}._mainElevation_1norc_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_1norc_11 div{border:none}._searchbar_1norc_11 button{margin-right:.5rem}._roundedBottom_1norc_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_1norc_24 [class*=mdc-list-item__primary-text]{display:none!important}._list_1norc_28{padding-top:0;padding-bottom:0;overflow-y:auto}._list_1norc_28 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_1norc_28::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .25rem rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._list_1norc_28::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_1norc_28::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-on-surface)}._listItem_1norc_56{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_1norc_56 i:not(._trailingIcon_1norc_60){color:var(--lmnt-theme-on-surface-inactive)}._listItem_1norc_56 i._trailingIcon_1norc_60{color:var(--lmnt-theme-on-surface-disabled)}._listItem_1norc_56 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_1norc_72{height:4.5rem!important}._iconColor_1norc_76{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_1norc_80 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._noOverlineTitle_1norc_85 [class*=mdc-list-item__secondary-text] [class*=lmnt-group]{margin-top:-.875rem}._truncate_1norc_89{display:-webkit-box!important;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}._truncateOverlineText_1norc_99{margin-bottom:-1rem!important;margin-top:-1rem!important}
|
|
@@ -11,7 +11,7 @@ import "../../basicHeading.module-BYb8xvuk.js";
|
|
|
11
11
|
import "../../_baseToString-BNXOi2Mf.js";
|
|
12
12
|
import "../../_equalByTag-DJhSpgVG.js";
|
|
13
13
|
import "../../searchBar.module-9gKyrZRT.js";
|
|
14
|
-
import "../../listArea.module-
|
|
14
|
+
import "../../listArea.module-CGpHPOji.js";
|
|
15
15
|
import "../../verticalDivider.module-C3_GL-fH.js";
|
|
16
16
|
import "../../baseView.module-ve87u_d0.js";
|
|
17
17
|
import "../../BlockView.module-BPlNT5uh.js";
|
|
@@ -29,7 +29,7 @@ import "../Scrollbar/Scrollbar.js";
|
|
|
29
29
|
import "react-hook-form";
|
|
30
30
|
import "../../formDatePicker.module-BV3ma_7y.js";
|
|
31
31
|
import "../../formSelect.module-C18N-SsT.js";
|
|
32
|
-
import "../../formText.module-
|
|
32
|
+
import "../../formText.module-C0by6_DK.js";
|
|
33
33
|
const K = "_filterButton_66wbq_1", M = "_filterBadge_66wbq_6", f = {
|
|
34
34
|
filterButton: K,
|
|
35
35
|
filterBadge: M
|
|
@@ -11,6 +11,8 @@ export type FormTextProps<T extends FieldValues> = TextfieldProps & {
|
|
|
11
11
|
label: string;
|
|
12
12
|
/** a boolean to set a textarea or a textfield */
|
|
13
13
|
textarea?: boolean;
|
|
14
|
+
/** a counter that displays the current and max character number */
|
|
15
|
+
hasCharacterCount?: boolean;
|
|
14
16
|
/** a boolean to disable the field/set to readonly */
|
|
15
17
|
disabled?: boolean;
|
|
16
18
|
/** a boolean to hide the field */
|
|
@@ -53,6 +55,7 @@ export type FormTextProps<T extends FieldValues> = TextfieldProps & {
|
|
|
53
55
|
* @param prefixText a prefix text
|
|
54
56
|
* @param propertyName the name of the property in the form
|
|
55
57
|
* @param textarea if the field is a textarea
|
|
58
|
+
* @param hasCharacterCount a counter that displays the current and max character number
|
|
56
59
|
* @param trigger the trigger to validate the field. @default 'likeForm' @example 'onBlur' or 'onChange'
|
|
57
60
|
* @param trailingIcon a trailing icon
|
|
58
61
|
* @param type the type of the input field
|
|
@@ -1,112 +1,137 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Textfield as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
1
|
+
import { jsx as t, Fragment as S, jsxs as G } from "react/jsx-runtime";
|
|
2
|
+
import { Textfield as J, TypoCaption as K } from "@element/react-components";
|
|
3
|
+
import { g as O } from "../../../get-UxX31Aph.js";
|
|
4
|
+
import { useState as B, useCallback as Q, useMemo as c, useEffect as U } from "react";
|
|
5
|
+
import { useFormContext as X, Controller as A } from "react-hook-form";
|
|
6
|
+
import { s as i } from "../../../formText.module-C0by6_DK.js";
|
|
7
|
+
const Y = ({
|
|
7
8
|
count: e,
|
|
8
|
-
maxCount:
|
|
9
|
-
invalid:
|
|
10
|
-
|
|
11
|
-
}) => /* @__PURE__ */
|
|
9
|
+
maxCount: d,
|
|
10
|
+
invalid: m = !1,
|
|
11
|
+
hasRequiredText: r = !1
|
|
12
|
+
}) => /* @__PURE__ */ t(
|
|
12
13
|
"div",
|
|
13
14
|
{
|
|
14
|
-
className: `${i.formTextAreaHelperText} ${
|
|
15
|
-
children: /* @__PURE__ */
|
|
15
|
+
className: `${i.formTextAreaHelperText} ${m ? i.invalid : ""} ${r ? i.required : ""}`,
|
|
16
|
+
children: /* @__PURE__ */ t(K, { children: `${e}/${d}` })
|
|
16
17
|
}
|
|
17
|
-
),
|
|
18
|
+
), re = (e) => e.textarea ? /* @__PURE__ */ t(Z, { ...e }) : /* @__PURE__ */ t(_, { ...e }), Z = (e) => /* @__PURE__ */ t("div", { className: i.formTextArea, children: /* @__PURE__ */ t(j, { ...e }) }), _ = (e) => /* @__PURE__ */ t(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
className: `${e.hasCharacterCount ? i.characterCount : i.withoutCharacterCount}`,
|
|
22
|
+
children: /* @__PURE__ */ t(j, { ...e })
|
|
23
|
+
}
|
|
24
|
+
), j = ({
|
|
18
25
|
propertyName: e,
|
|
19
|
-
label:
|
|
20
|
-
disabled:
|
|
26
|
+
label: d,
|
|
27
|
+
disabled: m = !1,
|
|
21
28
|
textarea: r = !1,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
hasCharacterCount: s = !1,
|
|
30
|
+
hidden: k = !1,
|
|
31
|
+
placeholder: H,
|
|
32
|
+
type: R,
|
|
33
|
+
prefixText: b,
|
|
34
|
+
inputMode: w,
|
|
35
|
+
trailingIcon: z,
|
|
36
|
+
trigger: x = "likeForm",
|
|
37
|
+
rules: n,
|
|
38
|
+
...T
|
|
31
39
|
}) => {
|
|
32
40
|
const {
|
|
33
|
-
control:
|
|
34
|
-
getFieldState:
|
|
35
|
-
formState: { errors:
|
|
36
|
-
trigger:
|
|
37
|
-
} =
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
control: C,
|
|
42
|
+
getFieldState: f,
|
|
43
|
+
formState: { errors: u },
|
|
44
|
+
trigger: F
|
|
45
|
+
} = X(), [E, g] = B(0), [o, I] = B(), h = Q(
|
|
46
|
+
(a) => {
|
|
47
|
+
if (o != null) {
|
|
48
|
+
g(o.length);
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
if (a) {
|
|
52
|
+
g(a.length);
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
g(0);
|
|
56
|
+
},
|
|
57
|
+
[o]
|
|
58
|
+
), M = () => {
|
|
59
|
+
if (u && u[e]) {
|
|
60
|
+
const a = u[e]?.message;
|
|
43
61
|
return a || "Invalid input";
|
|
44
62
|
}
|
|
45
|
-
return
|
|
46
|
-
},
|
|
47
|
-
() =>
|
|
48
|
-
[
|
|
49
|
-
),
|
|
50
|
-
() =>
|
|
51
|
-
[
|
|
52
|
-
),
|
|
53
|
-
() =>
|
|
54
|
-
[
|
|
55
|
-
),
|
|
56
|
-
() =>
|
|
57
|
-
[
|
|
63
|
+
return $;
|
|
64
|
+
}, l = c(
|
|
65
|
+
() => n?.maxLength?.value,
|
|
66
|
+
[n]
|
|
67
|
+
), P = c(
|
|
68
|
+
() => n?.minLength?.value,
|
|
69
|
+
[n]
|
|
70
|
+
), V = c(
|
|
71
|
+
() => n?.required?.value,
|
|
72
|
+
[n]
|
|
73
|
+
), $ = c(
|
|
74
|
+
() => n?.required?.message,
|
|
75
|
+
[n]
|
|
58
76
|
);
|
|
59
|
-
return
|
|
60
|
-
|
|
77
|
+
return U(() => {
|
|
78
|
+
(r || s) && l !== void 0 && o != null && h();
|
|
79
|
+
}, [o, r, s, l, h]), k ? /* @__PURE__ */ t(A, { name: e, control: C, render: () => /* @__PURE__ */ t(S, {}) }) : /* @__PURE__ */ t(
|
|
80
|
+
A,
|
|
61
81
|
{
|
|
62
82
|
name: e,
|
|
63
|
-
rules:
|
|
64
|
-
control:
|
|
65
|
-
render: ({ field: { ref: a, ...
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
83
|
+
rules: n,
|
|
84
|
+
control: C,
|
|
85
|
+
render: ({ field: { ref: a, ...v }, formState: { defaultValues: W } }) => {
|
|
86
|
+
const q = O(W, e);
|
|
87
|
+
return !o && q && (s || r) && h(q), /* @__PURE__ */ G(S, { children: [
|
|
88
|
+
/* @__PURE__ */ t(
|
|
89
|
+
J,
|
|
90
|
+
{
|
|
91
|
+
...T,
|
|
92
|
+
...v,
|
|
93
|
+
value: v.value ?? "",
|
|
94
|
+
type: R,
|
|
95
|
+
fullWidth: !0,
|
|
96
|
+
inputMode: w,
|
|
97
|
+
placeholder: H,
|
|
98
|
+
prefixText: b,
|
|
99
|
+
disabled: m,
|
|
100
|
+
helperText: M(),
|
|
101
|
+
helperTextPersistent: u !== void 0 || V || l !== void 0 && (r || s),
|
|
102
|
+
label: d,
|
|
103
|
+
variant: "outlined",
|
|
104
|
+
maxlength: l,
|
|
105
|
+
minLength: P,
|
|
106
|
+
textarea: r,
|
|
107
|
+
noResize: !1,
|
|
108
|
+
onBlur: () => {
|
|
109
|
+
x === "onBlur" && F(e), T.onBlur?.();
|
|
110
|
+
},
|
|
111
|
+
onChange: (L) => {
|
|
112
|
+
v.onChange(L);
|
|
113
|
+
const D = L?.target?.value;
|
|
114
|
+
I(D), x === "onChange" && F(e);
|
|
115
|
+
},
|
|
116
|
+
valid: !f(e).invalid,
|
|
117
|
+
className: `${i.formText} ${f(e).invalid ? i.invalid : ""}`,
|
|
118
|
+
trailingIcon: z
|
|
119
|
+
}
|
|
120
|
+
),
|
|
121
|
+
l !== void 0 && (s || r) && /* @__PURE__ */ t(
|
|
122
|
+
Y,
|
|
123
|
+
{
|
|
124
|
+
count: E,
|
|
125
|
+
maxCount: l,
|
|
126
|
+
invalid: f(e).invalid,
|
|
127
|
+
hasRequiredText: !!$
|
|
128
|
+
}
|
|
129
|
+
)
|
|
130
|
+
] });
|
|
131
|
+
}
|
|
107
132
|
}
|
|
108
133
|
);
|
|
109
134
|
};
|
|
110
135
|
export {
|
|
111
|
-
|
|
136
|
+
re as FormText
|
|
112
137
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { a as s, s as r, f as d } from "../../../react.esm-C3jDj5Fe.js";
|
|
3
3
|
import { FormText as o } from "./FormText.js";
|
|
4
|
-
import { v as a, d as
|
|
4
|
+
import { v as a, d as u, t as l, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
|
|
5
5
|
const m = a.fn();
|
|
6
6
|
a.mock("react-hook-form", () => ({
|
|
7
7
|
...a.importActual("react-hook-form"),
|
|
@@ -12,7 +12,8 @@ a.mock("react-hook-form", () => ({
|
|
|
12
12
|
ref: void 0,
|
|
13
13
|
onChange: m,
|
|
14
14
|
value: "test"
|
|
15
|
-
}
|
|
15
|
+
},
|
|
16
|
+
formState: { defaultValue: {} }
|
|
16
17
|
}),
|
|
17
18
|
useFormContext: () => ({
|
|
18
19
|
watch: a.fn(),
|
|
@@ -41,7 +42,7 @@ a.mock("react-hook-form", () => ({
|
|
|
41
42
|
getFieldState: () => ({ invalid: !1 })
|
|
42
43
|
})
|
|
43
44
|
}));
|
|
44
|
-
|
|
45
|
+
u("FormText Test", () => {
|
|
45
46
|
l("render FormText and return single line text field", () => {
|
|
46
47
|
s(
|
|
47
48
|
/* @__PURE__ */ n(
|
|
@@ -10,7 +10,7 @@ import { _ as br, i as M } from "../../Iconify-CY9lZjFd.js";
|
|
|
10
10
|
import { useState as dr, useMemo as F } from "react";
|
|
11
11
|
import { SearchBar as hr } from "../SearchBar/SearchBar.js";
|
|
12
12
|
import { getGroupedItems as mr, getListedItems as Or } from "./ListAreaService.js";
|
|
13
|
-
import { s as A } from "../../listArea.module-
|
|
13
|
+
import { s as A } from "../../listArea.module-CGpHPOji.js";
|
|
14
14
|
function Pr(r, n) {
|
|
15
15
|
for (var a = -1, e = n.length, i = r.length; ++a < e; )
|
|
16
16
|
r[i + a] = n[a];
|
|
@@ -26,7 +26,7 @@ export declare const getListedItems: (items: ListElement[], pathname: string, it
|
|
|
26
26
|
select: boolean;
|
|
27
27
|
primaryText: string;
|
|
28
28
|
secondaryText: import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
overlineText: import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
overlineText: import("react/jsx-runtime").JSX.Element | undefined;
|
|
30
30
|
trailingBlock: string | number | boolean | JSX.Element | Iterable<import("react").ReactNode>;
|
|
31
31
|
leadingBlock: string | JSX.Element | undefined;
|
|
32
32
|
value: string | undefined;
|
|
@@ -55,7 +55,7 @@ export declare const mapListElement: (element: ListElement, pathname: string | u
|
|
|
55
55
|
select: boolean;
|
|
56
56
|
primaryText: string;
|
|
57
57
|
secondaryText: import("react/jsx-runtime").JSX.Element;
|
|
58
|
-
overlineText: import("react/jsx-runtime").JSX.Element;
|
|
58
|
+
overlineText: import("react/jsx-runtime").JSX.Element | undefined;
|
|
59
59
|
trailingBlock: string | number | boolean | JSX.Element | Iterable<import("react").ReactNode>;
|
|
60
60
|
leadingBlock: string | JSX.Element | undefined;
|
|
61
61
|
value: string | undefined;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as r, jsxs as B } from "react/jsx-runtime";
|
|
2
|
-
import { TypoButton as C, Group as b, TypoSubtitle as j, TypoBody as
|
|
3
|
-
import { I as
|
|
2
|
+
import { TypoButton as C, Group as b, TypoSubtitle as j, TypoBody as O, Icon as G } from "@element/react-components";
|
|
3
|
+
import { I as L } from "../../Iconify-CY9lZjFd.js";
|
|
4
4
|
import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
|
|
5
|
-
import { s as n } from "../../listArea.module-
|
|
5
|
+
import { s as n } from "../../listArea.module-CGpHPOji.js";
|
|
6
6
|
const D = (t, a, c, l) => {
|
|
7
7
|
const o = t.reduce((i, s) => {
|
|
8
8
|
const { groupName: e, ...m } = s;
|
|
@@ -23,60 +23,60 @@ const D = (t, a, c, l) => {
|
|
|
23
23
|
subTitle: s,
|
|
24
24
|
route: e,
|
|
25
25
|
value: m,
|
|
26
|
-
noNavigation:
|
|
26
|
+
noNavigation: v,
|
|
27
27
|
disabled: p,
|
|
28
28
|
icon: f,
|
|
29
|
-
iconType:
|
|
29
|
+
iconType: g,
|
|
30
30
|
trailingIcon: I,
|
|
31
31
|
trailingIconType: h,
|
|
32
32
|
actionButton: N,
|
|
33
33
|
onClick: k,
|
|
34
|
-
customTitle:
|
|
34
|
+
customTitle: y,
|
|
35
35
|
listItemClassName: $,
|
|
36
|
-
overlineTitle:
|
|
37
|
-
} = t,
|
|
36
|
+
overlineTitle: d
|
|
37
|
+
} = t, u = a === e;
|
|
38
38
|
return {
|
|
39
39
|
id: o,
|
|
40
40
|
key: o,
|
|
41
|
-
select:
|
|
41
|
+
select: u,
|
|
42
42
|
primaryText: o,
|
|
43
43
|
secondaryText: /* @__PURE__ */ B(b, { direction: "vertical", gap: "none", children: [
|
|
44
|
-
|
|
44
|
+
y ?? /* @__PURE__ */ r(
|
|
45
45
|
j,
|
|
46
46
|
{
|
|
47
47
|
level: 1,
|
|
48
|
-
themeColor:
|
|
48
|
+
themeColor: u ? "primary" : void 0,
|
|
49
49
|
className: `${n.truncate} lmnt-theme-on-surface-active`,
|
|
50
50
|
children: i
|
|
51
51
|
}
|
|
52
52
|
),
|
|
53
|
-
s && !
|
|
54
|
-
|
|
53
|
+
s && !y ? /* @__PURE__ */ r(
|
|
54
|
+
O,
|
|
55
55
|
{
|
|
56
56
|
level: 2,
|
|
57
|
-
themeColor:
|
|
57
|
+
themeColor: u ? "primary" : void 0,
|
|
58
58
|
className: `${n.truncate} lmnt-theme-on-surface-inactive`,
|
|
59
59
|
children: s
|
|
60
60
|
}
|
|
61
61
|
) : void 0
|
|
62
62
|
] }),
|
|
63
|
-
overlineText: /* @__PURE__ */ r("span", { className: `${n.truncate} ${n.truncateOverlineText}`, children:
|
|
64
|
-
trailingBlock: N ?? I ?? /* @__PURE__ */ r(
|
|
63
|
+
overlineText: d ? /* @__PURE__ */ r("span", { className: `${n.truncate} ${n.truncateOverlineText}`, children: d }) : void 0,
|
|
64
|
+
trailingBlock: N ?? I ?? /* @__PURE__ */ r(G, { icon: "arrow_right", className: n.iconColor }),
|
|
65
65
|
leadingBlock: _(f),
|
|
66
66
|
value: m,
|
|
67
67
|
componentProps: {
|
|
68
68
|
id: o,
|
|
69
69
|
key: o,
|
|
70
|
-
leadingBlockType:
|
|
70
|
+
leadingBlockType: g ?? "icon",
|
|
71
71
|
trailingBlockType: h ?? "icon",
|
|
72
|
-
className: `${
|
|
72
|
+
className: `${g === "avatar" ? "" : n.listItem} ${c} ${$ ?? ""} ${d ? n.overlineTitle : n.noOverlineTitle}`,
|
|
73
73
|
onClick: (w, x) => k?.(x),
|
|
74
|
-
tag: p ||
|
|
75
|
-
to: p ||
|
|
74
|
+
tag: p || v ? void 0 : l ?? "a",
|
|
75
|
+
to: p || v ? void 0 : e,
|
|
76
76
|
disabled: p
|
|
77
77
|
}
|
|
78
78
|
};
|
|
79
|
-
}, _ = (t) => typeof t == "string" && t in S ? /* @__PURE__ */ r(
|
|
79
|
+
}, _ = (t) => typeof t == "string" && t in S ? /* @__PURE__ */ r(L, { icon: t }) : t;
|
|
80
80
|
export {
|
|
81
81
|
D as getGroupedItems,
|
|
82
82
|
F as getListedItems,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "./assets/formText.css";
|
|
2
|
+
const t = "_formTextAreaHelperText_168p8_1", e = "_invalid_168p8_7", r = "_required_168p8_11", o = "_formTextArea_168p8_1", a = "_characterCount_168p8_25", _ = "_withoutCharacterCount_168p8_31", n = {
|
|
3
|
+
formTextAreaHelperText: t,
|
|
4
|
+
invalid: e,
|
|
5
|
+
required: r,
|
|
6
|
+
formTextArea: o,
|
|
7
|
+
characterCount: a,
|
|
8
|
+
withoutCharacterCount: _
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
n as s
|
|
12
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import "./assets/listArea.css";
|
|
2
|
+
const t = "_fullWidth_1norc_1", n = "_mainElevation_1norc_5", o = "_searchbar_1norc_11", e = "_roundedBottom_1norc_19", r = "_primaryText_1norc_24", i = "_list_1norc_28", c = "_listItem_1norc_56", _ = "_trailingIcon_1norc_60", l = "_groupedListItem_1norc_72", s = "_iconColor_1norc_76", a = "_overlineTitle_1norc_80", m = "_noOverlineTitle_1norc_85", u = "_truncate_1norc_89", d = "_truncateOverlineText_1norc_99", T = {
|
|
3
|
+
fullWidth: t,
|
|
4
|
+
mainElevation: n,
|
|
5
|
+
searchbar: o,
|
|
6
|
+
roundedBottom: e,
|
|
7
|
+
primaryText: r,
|
|
8
|
+
list: i,
|
|
9
|
+
listItem: c,
|
|
10
|
+
trailingIcon: _,
|
|
11
|
+
groupedListItem: l,
|
|
12
|
+
iconColor: s,
|
|
13
|
+
overlineTitle: a,
|
|
14
|
+
noOverlineTitle: m,
|
|
15
|
+
truncate: u,
|
|
16
|
+
truncateOverlineText: d
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
T as s
|
|
20
|
+
};
|
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.7315",
|
|
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,10 +0,0 @@
|
|
|
1
|
-
import "./assets/formText.css";
|
|
2
|
-
const e = "_formTextAreaHelperText_1n0bk_1", r = "_invalid_1n0bk_6", t = "_required_1n0bk_9", o = "_formTextArea_1n0bk_1", _ = {
|
|
3
|
-
formTextAreaHelperText: e,
|
|
4
|
-
invalid: r,
|
|
5
|
-
required: t,
|
|
6
|
-
formTextArea: o
|
|
7
|
-
};
|
|
8
|
-
export {
|
|
9
|
-
_ as s
|
|
10
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import "./assets/listArea.css";
|
|
2
|
-
const t = "_fullWidth_x5yt7_1", e = "_mainElevation_x5yt7_5", o = "_searchbar_x5yt7_11", n = "_roundedBottom_x5yt7_19", i = "_primaryText_x5yt7_24", _ = "_list_x5yt7_28", r = "_listItem_x5yt7_56", l = "_trailingIcon_x5yt7_60", s = "_groupedListItem_x5yt7_72", c = "_iconColor_x5yt7_76", a = "_overlineTitle_x5yt7_80", x = "_truncate_x5yt7_85", y = "_truncateOverlineText_x5yt7_94", u = {
|
|
3
|
-
fullWidth: t,
|
|
4
|
-
mainElevation: e,
|
|
5
|
-
searchbar: o,
|
|
6
|
-
roundedBottom: n,
|
|
7
|
-
primaryText: i,
|
|
8
|
-
list: _,
|
|
9
|
-
listItem: r,
|
|
10
|
-
trailingIcon: l,
|
|
11
|
-
groupedListItem: s,
|
|
12
|
-
iconColor: c,
|
|
13
|
-
overlineTitle: a,
|
|
14
|
-
truncate: x,
|
|
15
|
-
truncateOverlineText: y
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
u as s
|
|
19
|
-
};
|