@hortiview/shared-components 0.0.9279 → 0.0.9707
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/HashTabView.module-ZhwSfDeQ.js +16 -0
- package/dist/assets/HashTabView.css +1 -1
- package/dist/assets/formSelect.css +1 -1
- package/dist/components/Filter/Filter.js +2 -2
- package/dist/components/FormComponents/FormSelect/FormSelect.d.ts +5 -1
- package/dist/components/FormComponents/FormSelect/FormSelect.js +93 -83
- package/dist/components/GenericTable/GenericTable.js +2 -2
- package/dist/components/HashTabView/HashTabView.d.ts +6 -1
- package/dist/components/HashTabView/HashTabView.js +81 -65
- package/dist/formSelect.module-nnJoBE6f.js +12 -0
- package/dist/types/HashTab.d.ts +4 -0
- package/package.json +1 -1
- package/dist/HashTabView.module-DUekkiTC.js +0 -13
- package/dist/formSelect.module-DMHh1bp8.js +0 -12
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import "./assets/HashTabView.css";
|
|
2
|
+
const r = "_elevation_4lrry_1", n = "_themeBackground_4lrry_6", t = "_tabBar_4lrry_10", o = "_tabWrapper_4lrry_20", e = "_stickyHeader_4lrry_24", a = "_tabButton_4lrry_31", i = "_childContainer_4lrry_35", _ = "_childContainerPhone_4lrry_39", c = "_iconColorRed_4lrry_43", l = "_miniPadding_4lrry_48", s = {
|
|
3
|
+
elevation: r,
|
|
4
|
+
themeBackground: n,
|
|
5
|
+
tabBar: t,
|
|
6
|
+
tabWrapper: o,
|
|
7
|
+
stickyHeader: e,
|
|
8
|
+
tabButton: a,
|
|
9
|
+
childContainer: i,
|
|
10
|
+
childContainerPhone: _,
|
|
11
|
+
iconColorRed: c,
|
|
12
|
+
miniPadding: l
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
s
|
|
16
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._elevation_4lrry_1{width:100%;border-radius:.5rem}._themeBackground_4lrry_6{background:var(--lmnt-theme-background)}._tabBar_4lrry_10{background:transparent;align-self:flex-end;border-radius:.5rem}._tabBar_4lrry_10 hr{display:none!important}._tabWrapper_4lrry_20{border-bottom:1px solid var(--lmnt-theme-on-surface-stroke)}._stickyHeader_4lrry_24{position:sticky;z-index:7;top:80px;background-color:var(--lmnt-theme-surface-variant)}._tabButton_4lrry_31{height:3.5rem!important}._childContainer_4lrry_35{width:25rem}._childContainerPhone_4lrry_39{width:100%}._iconColorRed_4lrry_43 [class*=mdc-tab__icon]{color:var(--lmnt-theme-danger)}._miniPadding_4lrry_48{padding:0 .15rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._invalid_pywdu_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelectContainer_pywdu_6{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_pywdu_6 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_pywdu_6 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_pywdu_6+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelect_pywdu_6 *[class*=lmnt-select-menu]{z-index:2001}._multiText_pywdu_32 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_pywdu_41{z-index:42}._disabled_pywdu_46+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}[class*=lmnt__menu-portal]{z-index:6!important}
|
|
@@ -24,7 +24,7 @@ import { Modal as G } from "../Modal/Modal.js";
|
|
|
24
24
|
import "../../deleteModal.module-Ds3MDzdl.js";
|
|
25
25
|
import "../../disclaimer.module-BZydt-Q_.js";
|
|
26
26
|
import "../../genericCard.module-DrQu86jX.js";
|
|
27
|
-
import "../../HashTabView.module-
|
|
27
|
+
import "../../HashTabView.module-ZhwSfDeQ.js";
|
|
28
28
|
import "../../HeaderFilter.module-DiBmulr5.js";
|
|
29
29
|
import "../../infoGroup.module-Cxw88dfC.js";
|
|
30
30
|
import "../../bigLoadingSpinner.module-GgbFol8k.js";
|
|
@@ -32,7 +32,7 @@ import "../../loadingSpinner.module-CLtqSMWA.js";
|
|
|
32
32
|
import "../Scrollbar/Scrollbar.js";
|
|
33
33
|
import "react-hook-form";
|
|
34
34
|
import "../../formDatePicker.module-BV3ma_7y.js";
|
|
35
|
-
import "../../formSelect.module-
|
|
35
|
+
import "../../formSelect.module-nnJoBE6f.js";
|
|
36
36
|
import "../../formText.module-C0by6_DK.js";
|
|
37
37
|
import "../../isPlainObject-BlCDf1Kc.js";
|
|
38
38
|
const kt = ({
|
|
@@ -34,6 +34,10 @@ type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'c
|
|
|
34
34
|
* @example { validate: (value) => value === 'admin' }
|
|
35
35
|
*/
|
|
36
36
|
rules?: Omit<RegisterOptions<T, FieldPath<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> | undefined;
|
|
37
|
+
/**
|
|
38
|
+
* if auto no portal container will be rendered
|
|
39
|
+
*/
|
|
40
|
+
menuPosition?: 'auto' | 'top' | 'bottom';
|
|
37
41
|
};
|
|
38
42
|
/**
|
|
39
43
|
* the base option type of the selector, you can also use your own custom objects, by defining the {@link FormSelectProps} valueKey and textKey
|
|
@@ -61,5 +65,5 @@ export type FormSelectOption = {
|
|
|
61
65
|
*
|
|
62
66
|
* @returns
|
|
63
67
|
*/
|
|
64
|
-
export declare const FormSelect: <T extends FieldValues>({ propertyName, label, options, multi, disabled, hoisted, hidden, valueKey, textKey, clearable, searchable, noOptionsMessage, rules, ...props }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
68
|
+
export declare const FormSelect: <T extends FieldValues>({ propertyName, label, options, multi, disabled, hoisted, hidden, valueKey, textKey, clearable, searchable, noOptionsMessage, rules, menuPosition, ...props }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
65
69
|
export {};
|
|
@@ -1,112 +1,122 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Select as
|
|
3
|
-
import { g as
|
|
4
|
-
import { i as
|
|
5
|
-
import { useMemo as
|
|
6
|
-
import { useFormContext as
|
|
7
|
-
import { H as
|
|
8
|
-
import { SelectTooltipText as
|
|
9
|
-
import { s as
|
|
10
|
-
const
|
|
11
|
-
propertyName:
|
|
12
|
-
label:
|
|
13
|
-
options:
|
|
14
|
-
multi:
|
|
15
|
-
disabled:
|
|
16
|
-
hoisted:
|
|
17
|
-
hidden:
|
|
18
|
-
valueKey:
|
|
1
|
+
import { jsx as i, Fragment as F, jsxs as z } from "react/jsx-runtime";
|
|
2
|
+
import { Select as G } from "@element/react-components";
|
|
3
|
+
import { g as p } from "../../../get-BJn2Enx7.js";
|
|
4
|
+
import { i as J } from "../../../isArray-thIeLpc5.js";
|
|
5
|
+
import { useEffect as Q, useMemo as C } from "react";
|
|
6
|
+
import { useFormContext as R, Controller as M } from "react-hook-form";
|
|
7
|
+
import { H as U } from "../../../react-tooltip.min-BzHiZW8k.js";
|
|
8
|
+
import { SelectTooltipText as W } from "./SelectTooltipText.js";
|
|
9
|
+
import { s as o } from "../../../formSelect.module-nnJoBE6f.js";
|
|
10
|
+
const te = ({
|
|
11
|
+
propertyName: t,
|
|
12
|
+
label: x,
|
|
13
|
+
options: a,
|
|
14
|
+
multi: f = !1,
|
|
15
|
+
disabled: q = !1,
|
|
16
|
+
hoisted: S = !1,
|
|
17
|
+
hidden: v = !1,
|
|
18
|
+
valueKey: n = "value",
|
|
19
19
|
textKey: H = "text",
|
|
20
20
|
clearable: j = !1,
|
|
21
|
-
searchable:
|
|
22
|
-
noOptionsMessage:
|
|
23
|
-
rules:
|
|
24
|
-
|
|
21
|
+
searchable: w = !0,
|
|
22
|
+
noOptionsMessage: A = "",
|
|
23
|
+
rules: l,
|
|
24
|
+
menuPosition: s = "auto",
|
|
25
|
+
...d
|
|
25
26
|
}) => {
|
|
26
27
|
const {
|
|
27
|
-
control:
|
|
28
|
-
formState: { errors:
|
|
29
|
-
} =
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
28
|
+
control: I,
|
|
29
|
+
formState: { errors: c, isValidating: $ }
|
|
30
|
+
} = R(), m = CSS.escape(t) + "-select-container", b = '[id="' + CSS.escape(m) + '"]';
|
|
31
|
+
Q(() => {
|
|
32
|
+
if (!(!S || s === "auto") && !document.getElementById(m)) {
|
|
33
|
+
const r = document.createElement("div");
|
|
34
|
+
r.id = m, r.classList.add(s), document.body.appendChild(r);
|
|
35
|
+
}
|
|
36
|
+
}, [S, s, m]);
|
|
37
|
+
const g = C(
|
|
38
|
+
() => !$ && p(c, t) !== void 0,
|
|
39
|
+
[c, t, $]
|
|
40
|
+
), B = C(
|
|
41
|
+
() => l?.required?.value,
|
|
42
|
+
[l]
|
|
43
|
+
), D = C(
|
|
44
|
+
() => l?.required?.message,
|
|
45
|
+
[l]
|
|
46
|
+
), L = () => {
|
|
47
|
+
if (c && c[t]) {
|
|
48
|
+
const r = c[t]?.message;
|
|
49
|
+
return r || "Invalid input";
|
|
42
50
|
}
|
|
43
51
|
return D;
|
|
44
52
|
};
|
|
45
|
-
return
|
|
53
|
+
return v ? /* @__PURE__ */ i(M, { name: t, control: I, render: () => /* @__PURE__ */ i(F, {}) }) : /* @__PURE__ */ i(
|
|
46
54
|
"div",
|
|
47
55
|
{
|
|
48
56
|
"data-testid": "form-select-container",
|
|
49
|
-
className:
|
|
50
|
-
"data-tooltip-id":
|
|
51
|
-
children: /* @__PURE__ */
|
|
52
|
-
|
|
57
|
+
className: o.formSelectContainer,
|
|
58
|
+
"data-tooltip-id": x,
|
|
59
|
+
children: /* @__PURE__ */ i(
|
|
60
|
+
M,
|
|
53
61
|
{
|
|
54
|
-
name:
|
|
55
|
-
rules:
|
|
56
|
-
control:
|
|
57
|
-
render: ({ field: { ref:
|
|
58
|
-
let
|
|
59
|
-
|
|
60
|
-
const
|
|
61
|
-
(
|
|
62
|
-
) :
|
|
63
|
-
return /* @__PURE__ */
|
|
64
|
-
/* @__PURE__ */
|
|
65
|
-
|
|
62
|
+
name: t,
|
|
63
|
+
rules: l,
|
|
64
|
+
control: I,
|
|
65
|
+
render: ({ field: { ref: r, onChange: h, value: E, ...O } }) => {
|
|
66
|
+
let T = a;
|
|
67
|
+
J(a) && p(a[0], "options") !== void 0 && (T = a.flatMap((e) => p(e, "options") ?? []));
|
|
68
|
+
const u = f ? T?.filter(
|
|
69
|
+
(e) => E?.includes(e[n])
|
|
70
|
+
) : T?.find((e) => e[n] === E), V = f && d.multiDisplayType === "text" && d.fixedHeightInput;
|
|
71
|
+
return /* @__PURE__ */ z(F, { children: [
|
|
72
|
+
/* @__PURE__ */ i(
|
|
73
|
+
G,
|
|
66
74
|
{
|
|
67
75
|
...O,
|
|
68
|
-
...
|
|
69
|
-
value:
|
|
70
|
-
label:
|
|
76
|
+
...d,
|
|
77
|
+
value: u ?? [],
|
|
78
|
+
label: x,
|
|
71
79
|
variant: "outlined",
|
|
72
|
-
helperText:
|
|
73
|
-
helperTextPersistent:
|
|
74
|
-
options:
|
|
75
|
-
valid: !
|
|
76
|
-
"data-testid": `select-${
|
|
77
|
-
multiSelect:
|
|
78
|
-
className: `${
|
|
79
|
-
disabled:
|
|
80
|
-
valueKey:
|
|
80
|
+
helperText: L(),
|
|
81
|
+
helperTextPersistent: B || g,
|
|
82
|
+
options: a,
|
|
83
|
+
valid: !g,
|
|
84
|
+
"data-testid": `select-${t}`,
|
|
85
|
+
multiSelect: f,
|
|
86
|
+
className: `${o.formSelect} ${g ? o.invalid : ""} ${V ? o.multiText : ""} ${q ? o.disabled : ""}`,
|
|
87
|
+
disabled: q,
|
|
88
|
+
valueKey: n,
|
|
81
89
|
textKey: H,
|
|
82
|
-
onChange: (
|
|
83
|
-
if (
|
|
84
|
-
|
|
90
|
+
onChange: (e) => {
|
|
91
|
+
if (e == null) {
|
|
92
|
+
h(e);
|
|
85
93
|
return;
|
|
86
94
|
}
|
|
87
|
-
if (
|
|
88
|
-
|
|
95
|
+
if (f) {
|
|
96
|
+
h(e.map((k) => k[n]));
|
|
89
97
|
return;
|
|
90
98
|
}
|
|
91
|
-
|
|
99
|
+
h(e[n]), d?.onChange?.(e);
|
|
92
100
|
},
|
|
93
|
-
hoisted:
|
|
94
|
-
noOptionsMessage:
|
|
95
|
-
searchable:
|
|
101
|
+
hoisted: S,
|
|
102
|
+
noOptionsMessage: A,
|
|
103
|
+
searchable: w,
|
|
96
104
|
clearable: j,
|
|
97
|
-
menuMaxHeight: "15rem"
|
|
105
|
+
menuMaxHeight: "15rem",
|
|
106
|
+
menuPosition: s,
|
|
107
|
+
portalContainer: s !== "auto" && b
|
|
98
108
|
}
|
|
99
109
|
),
|
|
100
|
-
/* @__PURE__ */
|
|
101
|
-
|
|
110
|
+
/* @__PURE__ */ i(
|
|
111
|
+
U,
|
|
102
112
|
{
|
|
103
|
-
id:
|
|
113
|
+
id: x,
|
|
104
114
|
noArrow: !0,
|
|
105
115
|
place: "bottom",
|
|
106
116
|
delayShow: 420,
|
|
107
|
-
className:
|
|
108
|
-
hidden: !
|
|
109
|
-
children: /* @__PURE__ */
|
|
117
|
+
className: o.tooltip,
|
|
118
|
+
hidden: !u || u.length === 0 || !d.fixedHeightInput,
|
|
119
|
+
children: /* @__PURE__ */ i(W, { value: u, textKey: H, valueKey: n })
|
|
110
120
|
}
|
|
111
121
|
)
|
|
112
122
|
] });
|
|
@@ -117,5 +127,5 @@ const N = ({
|
|
|
117
127
|
);
|
|
118
128
|
};
|
|
119
129
|
export {
|
|
120
|
-
|
|
130
|
+
te as FormSelect
|
|
121
131
|
};
|
|
@@ -22,7 +22,7 @@ import "../../contextMenu.module-vNQHb48g.js";
|
|
|
22
22
|
import "../../modal.module-BlDp1Wiq.js";
|
|
23
23
|
import "../../deleteModal.module-Ds3MDzdl.js";
|
|
24
24
|
import "../../disclaimer.module-BZydt-Q_.js";
|
|
25
|
-
import "../../HashTabView.module-
|
|
25
|
+
import "../../HashTabView.module-ZhwSfDeQ.js";
|
|
26
26
|
import "../../HeaderFilter.module-DiBmulr5.js";
|
|
27
27
|
import "../../infoGroup.module-Cxw88dfC.js";
|
|
28
28
|
import "../../bigLoadingSpinner.module-GgbFol8k.js";
|
|
@@ -30,7 +30,7 @@ import "../../loadingSpinner.module-CLtqSMWA.js";
|
|
|
30
30
|
import "../Scrollbar/Scrollbar.js";
|
|
31
31
|
import "react-hook-form";
|
|
32
32
|
import "../../formDatePicker.module-BV3ma_7y.js";
|
|
33
|
-
import "../../formSelect.module-
|
|
33
|
+
import "../../formSelect.module-nnJoBE6f.js";
|
|
34
34
|
import "../../formText.module-C0by6_DK.js";
|
|
35
35
|
import "../../isPlainObject-BlCDf1Kc.js";
|
|
36
36
|
import { useGenerateColumns as x, useGenerateTableData as _ } from "./GenericTableService.js";
|
|
@@ -41,6 +41,11 @@ type HashTabViewProps = {
|
|
|
41
41
|
* onChange is a function that is called when the tab becomes active
|
|
42
42
|
*/
|
|
43
43
|
onChange?: (index: number) => void;
|
|
44
|
+
/**
|
|
45
|
+
* defines if the tabs should stick to the top of the page when scrolling, @default false
|
|
46
|
+
* important note: currently only works for the edit module form
|
|
47
|
+
*/
|
|
48
|
+
hasStickyTabs?: boolean;
|
|
44
49
|
};
|
|
45
|
-
export declare const HashTabView: ({ tabs, hasHash, hash, clusterAlign, hasClusteredTabs, children, verticalGap, elevation, backgroundColor, onChange, }: PropsWithChildren<HashTabViewProps>) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export declare const HashTabView: ({ tabs, hasHash, hash, clusterAlign, hasClusteredTabs, children, verticalGap, elevation, backgroundColor, onChange, hasStickyTabs, }: PropsWithChildren<HashTabViewProps>) => import("react/jsx-runtime").JSX.Element;
|
|
46
51
|
export {};
|
|
@@ -1,81 +1,97 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Elevation as
|
|
3
|
-
import { useState as
|
|
4
|
-
import { u as
|
|
5
|
-
import { s as
|
|
6
|
-
const
|
|
7
|
-
tabs:
|
|
8
|
-
hasHash:
|
|
9
|
-
hash:
|
|
10
|
-
clusterAlign:
|
|
11
|
-
hasClusteredTabs:
|
|
12
|
-
children:
|
|
13
|
-
verticalGap:
|
|
14
|
-
elevation:
|
|
1
|
+
import { jsx as a, jsxs as m, Fragment as I } from "react/jsx-runtime";
|
|
2
|
+
import { Elevation as N, Group as o, TabBar as b, Tab as y, Padding as k } from "@element/react-components";
|
|
3
|
+
import { useState as w, useEffect as x } from "react";
|
|
4
|
+
import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
|
|
5
|
+
import { s as t } from "../../HashTabView.module-ZhwSfDeQ.js";
|
|
6
|
+
const f = (n, r) => !r || !n ? 0 : n.findIndex((i) => i.hash === r.replace("#", "")) ?? 0, z = ({
|
|
7
|
+
tabs: n,
|
|
8
|
+
hasHash: r = !0,
|
|
9
|
+
hash: i = "",
|
|
10
|
+
clusterAlign: h = "start",
|
|
11
|
+
hasClusteredTabs: g,
|
|
12
|
+
children: l,
|
|
13
|
+
verticalGap: v = "none",
|
|
14
|
+
elevation: $ = 0,
|
|
15
15
|
backgroundColor: T = "themeBackground",
|
|
16
|
-
onChange:
|
|
16
|
+
onChange: A,
|
|
17
|
+
hasStickyTabs: p = !1
|
|
17
18
|
}) => {
|
|
18
|
-
const [
|
|
19
|
-
|
|
20
|
-
if (!
|
|
19
|
+
const [s, u] = w(f(n, i)), { isDesktop: d } = C();
|
|
20
|
+
x(() => {
|
|
21
|
+
if (!r || !i)
|
|
21
22
|
return;
|
|
22
|
-
const e =
|
|
23
|
-
|
|
24
|
-
}, [
|
|
25
|
-
const
|
|
26
|
-
const c =
|
|
27
|
-
c != null &&
|
|
23
|
+
const e = f(n, i);
|
|
24
|
+
u(e);
|
|
25
|
+
}, [n, i, r]);
|
|
26
|
+
const B = (e) => {
|
|
27
|
+
const c = n[e].hash;
|
|
28
|
+
c != null && r && window.history.replaceState(null, "", `#${c}`), u(e), A?.(e);
|
|
28
29
|
};
|
|
29
|
-
return /* @__PURE__ */
|
|
30
|
-
|
|
30
|
+
return /* @__PURE__ */ a(
|
|
31
|
+
N,
|
|
31
32
|
{
|
|
32
|
-
elevation:
|
|
33
|
-
className: `${
|
|
33
|
+
elevation: $,
|
|
34
|
+
className: `${t.elevation} ${T === "none" ? "" : t.themeBackground}`,
|
|
34
35
|
children: /* @__PURE__ */ m(
|
|
35
36
|
o,
|
|
36
37
|
{
|
|
37
38
|
"data-testid": "hash-tab-container",
|
|
38
39
|
direction: "vertical",
|
|
39
|
-
gap:
|
|
40
|
+
gap: v,
|
|
40
41
|
secondaryAlign: "stretch",
|
|
41
42
|
children: [
|
|
42
|
-
/* @__PURE__ */ m(
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
variant: "surface",
|
|
51
|
-
activeTabIndex: l,
|
|
52
|
-
onTabActivated: A,
|
|
53
|
-
children: t.map((e, c) => /* @__PURE__ */ i(
|
|
54
|
-
I,
|
|
43
|
+
/* @__PURE__ */ m(
|
|
44
|
+
o,
|
|
45
|
+
{
|
|
46
|
+
direction: d ? "horizontal" : "vertical",
|
|
47
|
+
className: `${t.tabWrapper} ${p ? t.stickyHeader : ""}`,
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ a(
|
|
50
|
+
b,
|
|
55
51
|
{
|
|
56
|
-
"data-testid":
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
52
|
+
"data-testid": "tab-bar",
|
|
53
|
+
className: t.tabBar,
|
|
54
|
+
clustered: d ? g : !1,
|
|
55
|
+
clusterAlign: h,
|
|
56
|
+
variant: "surface",
|
|
57
|
+
activeTabIndex: s,
|
|
58
|
+
onTabActivated: B,
|
|
59
|
+
children: n.map((e, c) => /* @__PURE__ */ a(
|
|
60
|
+
y,
|
|
61
|
+
{
|
|
62
|
+
"data-testid": `tab-${e.title}`,
|
|
63
|
+
icon: e.leadingIcon,
|
|
64
|
+
className: `${l ? t.tabButton : ""} ${e.isIconRed ? t.iconColorRed : ""}`,
|
|
65
|
+
active: s === c,
|
|
66
|
+
children: /* @__PURE__ */ m(o, { gap: "dense", children: [
|
|
67
|
+
e.title,
|
|
68
|
+
e.trailingIcon
|
|
69
|
+
] })
|
|
70
|
+
},
|
|
71
|
+
`${c}_${e.hash}`
|
|
72
|
+
))
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
l ? /* @__PURE__ */ a(
|
|
76
|
+
k,
|
|
77
|
+
{
|
|
78
|
+
variant: "dense",
|
|
79
|
+
className: d ? t.childContainer : t.childContainerPhone,
|
|
80
|
+
children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: l })
|
|
81
|
+
}
|
|
82
|
+
) : /* @__PURE__ */ a(I, {})
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
|
+
),
|
|
86
|
+
/* @__PURE__ */ a(
|
|
87
|
+
o,
|
|
88
|
+
{
|
|
89
|
+
fullWidth: !0,
|
|
90
|
+
direction: "vertical",
|
|
91
|
+
className: ` ${p ? t.miniPadding : ""}`,
|
|
92
|
+
children: n[s]?.component
|
|
93
|
+
}
|
|
94
|
+
)
|
|
79
95
|
]
|
|
80
96
|
}
|
|
81
97
|
)
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "./assets/formSelect.css";
|
|
2
|
+
const t = "_invalid_pywdu_1", o = "_formSelectContainer_pywdu_6", e = "_formSelect_pywdu_6", i = "_multiText_pywdu_32", l = "_tooltip_pywdu_41", _ = "_disabled_pywdu_46", d = {
|
|
3
|
+
invalid: t,
|
|
4
|
+
formSelectContainer: o,
|
|
5
|
+
formSelect: e,
|
|
6
|
+
multiText: i,
|
|
7
|
+
tooltip: l,
|
|
8
|
+
disabled: _
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
d as s
|
|
12
|
+
};
|
package/dist/types/HashTab.d.ts
CHANGED
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.9707",
|
|
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,13 +0,0 @@
|
|
|
1
|
-
import "./assets/HashTabView.css";
|
|
2
|
-
const t = "_elevation_15tjv_1", n = "_themeBackground_15tjv_6", a = "_tabBar_15tjv_10", o = "_tabWrapper_15tjv_20", e = "_tabButton_15tjv_24", _ = "_childContainer_15tjv_28", r = "_childContainerPhone_15tjv_32", i = {
|
|
3
|
-
elevation: t,
|
|
4
|
-
themeBackground: n,
|
|
5
|
-
tabBar: a,
|
|
6
|
-
tabWrapper: o,
|
|
7
|
-
tabButton: e,
|
|
8
|
-
childContainer: _,
|
|
9
|
-
childContainerPhone: r
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
i as s
|
|
13
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import "./assets/formSelect.css";
|
|
2
|
-
const t = "_invalid_1iwpu_1", i = "_formSelectContainer_1iwpu_6", o = "_formSelect_1iwpu_6", e = "_multiText_1iwpu_32", l = "_tooltip_1iwpu_41", _ = "_disabled_1iwpu_46", s = {
|
|
3
|
-
invalid: t,
|
|
4
|
-
formSelectContainer: i,
|
|
5
|
-
formSelect: o,
|
|
6
|
-
multiText: e,
|
|
7
|
-
tooltip: l,
|
|
8
|
-
disabled: _
|
|
9
|
-
};
|
|
10
|
-
export {
|
|
11
|
-
s
|
|
12
|
-
};
|