@hortiview/shared-components 0.0.9279 → 0.0.9923

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.
@@ -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
- ._elevation_15tjv_1{width:100%;border-radius:.5rem}._themeBackground_15tjv_6{background:var(--lmnt-theme-background)}._tabBar_15tjv_10{background:transparent;align-self:flex-end;border-radius:.5rem}._tabBar_15tjv_10 hr{display:none!important}._tabWrapper_15tjv_20{border-bottom:1px solid var(--lmnt-theme-on-surface-stroke)}._tabButton_15tjv_24{height:3.5rem!important}._childContainer_15tjv_28{width:25rem}._childContainerPhone_15tjv_32{width:100%}
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
- ._invalid_1iwpu_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelectContainer_1iwpu_6{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_1iwpu_6 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_1iwpu_6 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_1iwpu_6+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelect_1iwpu_6 *[class*=lmnt-select-menu]{z-index:2001}._multiText_1iwpu_32 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_1iwpu_41{z-index:42}._disabled_1iwpu_46+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}
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-DUekkiTC.js";
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-DMHh1bp8.js";
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 r, Fragment as M, jsxs as b } from "react/jsx-runtime";
2
- import { Select as k } from "@element/react-components";
3
- import { g as h } from "../../../get-BJn2Enx7.js";
4
- import { i as z } from "../../../isArray-thIeLpc5.js";
5
- import { useMemo as S } from "react";
6
- import { useFormContext as B, Controller as C } from "react-hook-form";
7
- import { H as G } from "../../../react-tooltip.min-BzHiZW8k.js";
8
- import { SelectTooltipText as J } from "./SelectTooltipText.js";
9
- import { s as n } from "../../../formSelect.module-DMHh1bp8.js";
10
- const N = ({
11
- propertyName: e,
12
- label: f,
13
- options: o,
14
- multi: d = !1,
15
- disabled: T = !1,
16
- hoisted: F = !1,
17
- hidden: I = !1,
18
- valueKey: i = "value",
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: v = !0,
22
- noOptionsMessage: w = "",
23
- rules: s,
24
- ...l
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: a, isValidating: p }
29
- } = B(), c = S(
30
- () => !p && h(a, e) !== void 0,
31
- [a, e, p]
32
- ), A = S(
33
- () => s?.required?.value,
34
- [s]
35
- ), D = S(
36
- () => s?.required?.message,
37
- [s]
38
- ), E = () => {
39
- if (a && a[e]) {
40
- const u = a[e]?.message;
41
- return u || "Invalid input";
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 I ? /* @__PURE__ */ r(C, { name: e, control: $, render: () => /* @__PURE__ */ r(M, {}) }) : /* @__PURE__ */ r(
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: n.formSelectContainer,
50
- "data-tooltip-id": f,
51
- children: /* @__PURE__ */ r(
52
- C,
57
+ className: o.formSelectContainer,
58
+ "data-tooltip-id": x,
59
+ children: /* @__PURE__ */ i(
60
+ M,
53
61
  {
54
- name: e,
55
- rules: s,
56
- control: $,
57
- render: ({ field: { ref: u, onChange: x, value: q, ...O } }) => {
58
- let g = o;
59
- z(o) && h(o[0], "options") !== void 0 && (g = o.flatMap((t) => h(t, "options") ?? []));
60
- const m = d ? g?.filter(
61
- (t) => q?.includes(t[i])
62
- ) : g?.find((t) => t[i] === q), P = d && l.multiDisplayType === "text" && l.fixedHeightInput;
63
- return /* @__PURE__ */ b(M, { children: [
64
- /* @__PURE__ */ r(
65
- k,
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
- ...l,
69
- value: m ?? [],
70
- label: f,
76
+ ...d,
77
+ value: u ?? [],
78
+ label: x,
71
79
  variant: "outlined",
72
- helperText: E(),
73
- helperTextPersistent: A || c,
74
- options: o,
75
- valid: !c,
76
- "data-testid": `select-${e}`,
77
- multiSelect: d,
78
- className: `${n.formSelect} ${c ? n.invalid : ""} ${P ? n.multiText : ""} ${T ? n.disabled : ""}`,
79
- disabled: T,
80
- valueKey: i,
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: (t) => {
83
- if (t == null) {
84
- x(t);
90
+ onChange: (e) => {
91
+ if (e == null) {
92
+ h(e);
85
93
  return;
86
94
  }
87
- if (d) {
88
- x(t.map((V) => V[i]));
95
+ if (f) {
96
+ h(e.map((k) => k[n]));
89
97
  return;
90
98
  }
91
- x(t[i]), l?.onChange?.(t);
99
+ h(e[n]), d?.onChange?.(e);
92
100
  },
93
- hoisted: F,
94
- noOptionsMessage: w,
95
- searchable: v,
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__ */ r(
101
- G,
110
+ /* @__PURE__ */ i(
111
+ U,
102
112
  {
103
- id: f,
113
+ id: x,
104
114
  noArrow: !0,
105
115
  place: "bottom",
106
116
  delayShow: 420,
107
- className: n.tooltip,
108
- hidden: !m || m.length === 0 || !l.fixedHeightInput,
109
- children: /* @__PURE__ */ r(J, { value: m, textKey: H, valueKey: i })
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
- N as FormSelect
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-DUekkiTC.js";
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-DMHh1bp8.js";
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 i, jsxs as m, Fragment as B } from "react/jsx-runtime";
2
- import { Elevation as $, Group as o, TabBar as y, Tab as I, Padding as N } from "@element/react-components";
3
- import { useState as k, useEffect as w } from "react";
4
- import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
5
- import { s as a } from "../../HashTabView.module-DUekkiTC.js";
6
- const u = (t, n) => !n || !t ? 0 : t.findIndex((r) => r.hash === n.replace("#", "")) ?? 0, z = ({
7
- tabs: t,
8
- hasHash: n = !0,
9
- hash: r = "",
10
- clusterAlign: f = "start",
11
- hasClusteredTabs: h,
12
- children: s,
13
- verticalGap: g = "none",
14
- elevation: v = 0,
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: b
16
+ onChange: A,
17
+ hasStickyTabs: p = !1
17
18
  }) => {
18
- const [l, p] = k(u(t, r)), { isDesktop: d } = x();
19
- w(() => {
20
- if (!n || !r)
19
+ const [s, u] = w(f(n, i)), { isDesktop: d } = C();
20
+ x(() => {
21
+ if (!r || !i)
21
22
  return;
22
- const e = u(t, r);
23
- p(e);
24
- }, [t, r, n]);
25
- const A = (e) => {
26
- const c = t[e].hash;
27
- c != null && n && window.history.replaceState(null, "", `#${c}`), p(e), b?.(e);
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__ */ i(
30
- $,
30
+ return /* @__PURE__ */ a(
31
+ N,
31
32
  {
32
- elevation: v,
33
- className: `${a.elevation} ${T === "none" ? "" : a.themeBackground}`,
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: g,
40
+ gap: v,
40
41
  secondaryAlign: "stretch",
41
42
  children: [
42
- /* @__PURE__ */ m(o, { direction: d ? "horizontal" : "vertical", className: a.tabWrapper, children: [
43
- /* @__PURE__ */ i(
44
- y,
45
- {
46
- "data-testid": "tab-bar",
47
- className: a.tabBar,
48
- clustered: d ? h : !1,
49
- clusterAlign: f,
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": `tab-${e.title}`,
57
- icon: e.leadingIcon,
58
- className: s ? a.tabButton : "",
59
- active: l === c,
60
- children: /* @__PURE__ */ m(o, { gap: "dense", children: [
61
- e.title,
62
- e.trailingIcon
63
- ] })
64
- },
65
- `${c}_${e.hash}`
66
- ))
67
- }
68
- ),
69
- s ? /* @__PURE__ */ i(
70
- N,
71
- {
72
- variant: "dense",
73
- className: d ? a.childContainer : a.childContainerPhone,
74
- children: /* @__PURE__ */ i(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: s })
75
- }
76
- ) : /* @__PURE__ */ i(B, {})
77
- ] }),
78
- t[l]?.component
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
+ };
@@ -23,4 +23,8 @@ export type HashTab = {
23
23
  * trailing icon of the tab, a JSX.Element
24
24
  */
25
25
  trailingIcon?: JSX.Element;
26
+ /**
27
+ * icon color of the tab, a string
28
+ */
29
+ isIconRed?: boolean;
26
30
  };
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.9279",
4
+ "version": "0.0.9923",
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
- };