@hortiview/shared-components 0.0.7239 → 0.0.7335

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.
Files changed (39) hide show
  1. package/dist/assets/formText.css +1 -1
  2. package/dist/components/AlertBanner/AlertBanner.d.ts +2 -1
  3. package/dist/components/AlertBanner/AlertBanner.js +17 -11
  4. package/dist/components/AlertBanner/AlertBanner.test.js +1 -1
  5. package/dist/components/BaseView/BaseView.test.js +1 -1
  6. package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
  7. package/dist/components/BlockView/BlockView.test.js +1 -1
  8. package/dist/components/ContextMenu/ContextMenu.test.js +1 -1
  9. package/dist/components/DeleteModal/DeleteModal.test.js +1 -1
  10. package/dist/components/Disclaimer/Disclaimer.test.js +1 -1
  11. package/dist/components/EmptyView/EmptyView.test.js +1 -1
  12. package/dist/components/Filter/Filter.js +1 -1
  13. package/dist/components/Filter/Filter.test.js +1 -1
  14. package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js +1 -1
  15. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js +1 -1
  16. package/dist/components/FormComponents/FormRadio/FormRadio.test.js +1 -1
  17. package/dist/components/FormComponents/FormSelect/FormSelect.test.js +2 -2
  18. package/dist/components/FormComponents/FormSlider/FormSlider.test.js +1 -1
  19. package/dist/components/FormComponents/FormText/FormText.d.ts +3 -0
  20. package/dist/components/FormComponents/FormText/FormText.js +119 -94
  21. package/dist/components/FormComponents/FormText/FormText.test.js +5 -4
  22. package/dist/components/GenericTable/GenericTable.test.js +1 -1
  23. package/dist/components/HashTabView/HashTabView.test.js +1 -1
  24. package/dist/components/HeaderFilter/HeaderFilter.test.js +1 -1
  25. package/dist/components/Iconify/Iconify.test.js +1 -1
  26. package/dist/components/InfoGroup/InfoGroup.test.js +1 -1
  27. package/dist/components/ListArea/ListArea.test.js +1 -1
  28. package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +1 -1
  29. package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js +1 -1
  30. package/dist/components/OverflowTooltip/OverflowTooltip.test.js +2 -2
  31. package/dist/components/Scrollbar/scrollbar.test.js +1 -1
  32. package/dist/components/SearchBar/SearchBar.test.js +1 -1
  33. package/dist/components/VerticalDivider/VerticalDivider.test.js +1 -1
  34. package/dist/formText.module-C0by6_DK.js +12 -0
  35. package/dist/hooks/useBreakpoints.test.js +1 -1
  36. package/dist/{index-Bh-nlz9b.js → index-BQnj-5Zt.js} +1 -1
  37. package/dist/{react.esm-BkSptXxk.js → react.esm-C3jDj5Fe.js} +1734 -1741
  38. package/package.json +1 -1
  39. package/dist/formText.module-Blt6Y-SR.js +0 -10
@@ -1 +1 @@
1
- ._formTextAreaHelperText_1n0bk_1{align-self:flex-end;color:var(--lmnt-helper-text-color);padding-right:1rem}._invalid_1n0bk_6._formTextAreaHelperText_1n0bk_1{color:var(--lmnt-theme-danger)}._required_1n0bk_9._formTextAreaHelperText_1n0bk_1{margin-top:-1.125rem}._invalid_1n0bk_6+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._formTextArea_1n0bk_1{width:100%;display:flex;flex-flow:column}
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%}
@@ -4,6 +4,7 @@ type AlertBannerProps = {
4
4
  color?: 'danger' | 'info' | 'success';
5
5
  isOpen?: boolean;
6
6
  action?: JSX.Element;
7
+ isBold?: boolean;
7
8
  };
8
- export declare const AlertBanner: ({ text, color, isOpen, action }: AlertBannerProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const AlertBanner: ({ text, color, isOpen, action, isBold, }: AlertBannerProps) => import("react/jsx-runtime").JSX.Element;
9
10
  export {};
@@ -1,22 +1,28 @@
1
- import { jsx as r, Fragment as a, jsxs as l } from "react/jsx-runtime";
2
- import { Group as c, TypoBody as m } from "@element/react-components";
3
- import { u as p } from "../../useBreakpoint-BNeVhjjZ.js";
1
+ import { jsx as r, Fragment as l, jsxs as c } from "react/jsx-runtime";
2
+ import { Group as m, TypoBody as p } from "@element/react-components";
3
+ import { u as d } from "../../useBreakpoint-BNeVhjjZ.js";
4
4
  import { s as o } from "../../alertBanner.module-HneYdVzN.js";
5
- const g = ({ text: e, color: i = "info", isOpen: n = !0, action: s }) => {
6
- const { isDesktop: t } = p();
7
- return n ? /* @__PURE__ */ r("div", { className: `${o.messageContainer} ${o[i]}`, children: /* @__PURE__ */ l(
8
- c,
5
+ const h = ({
6
+ text: e,
7
+ color: i = "info",
8
+ isOpen: n = !0,
9
+ action: s,
10
+ isBold: t = !0
11
+ }) => {
12
+ const { isDesktop: a } = d();
13
+ return n ? /* @__PURE__ */ r("div", { className: `${o.messageContainer} ${o[i]}`, children: /* @__PURE__ */ c(
14
+ m,
9
15
  {
10
- direction: t ? "horizontal" : "vertical",
16
+ direction: a ? "horizontal" : "vertical",
11
17
  primaryAlign: "space-between",
12
18
  secondaryAlign: "center",
13
19
  children: [
14
- typeof e == "string" ? /* @__PURE__ */ r(m, { bold: !0, level: 2, children: e }) : /* @__PURE__ */ r("div", { children: e }),
20
+ typeof e == "string" ? /* @__PURE__ */ r(p, { bold: t, level: 2, children: e }) : /* @__PURE__ */ r("div", { children: e }),
15
21
  s
16
22
  ]
17
23
  }
18
- ) }) : /* @__PURE__ */ r(a, {});
24
+ ) }) : /* @__PURE__ */ r(l, {});
19
25
  };
20
26
  export {
21
- g as AlertBanner
27
+ h as AlertBanner
22
28
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, Fragment as m } from "react/jsx-runtime";
2
- import { a as t, s } from "../../react.esm-BkSptXxk.js";
2
+ import { a as t, s } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { a as l } from "../../useBreakpoint-BNeVhjjZ.js";
4
4
  import { AlertBanner as n } from "./AlertBanner.js";
5
5
  import { d as c, b as p, t as r, g as o, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as a, Fragment as s } from "react/jsx-runtime";
2
- import { a as r, s as e, f as p } from "../../react.esm-BkSptXxk.js";
2
+ import { a as r, s as e, f as p } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { a as l } from "../../useBreakpoint-BNeVhjjZ.js";
4
4
  import { BaseView as i } from "./BaseView.js";
5
5
  import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as o, Fragment as c } from "react/jsx-runtime";
2
2
  import { Button as g } from "@element/react-components";
3
3
  import { BasicHeading as a } from "./BasicHeading.js";
4
- import { a as i, s as n } from "../../react.esm-BkSptXxk.js";
4
+ import { a as i, s as n } from "../../react.esm-C3jDj5Fe.js";
5
5
  import { d as h, t as s, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
6
6
  h("BasicHeading-Test", () => {
7
7
  s("render small container without content", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import { a as s, s as o, f as n } from "../../react.esm-BkSptXxk.js";
2
+ import { a as s, s as o, f as n } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { BlockView as i } from "./BlockView.js";
4
4
  import { d as B, v as a, t as r, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("BlockView Test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { a as d, s as n, f as o, w as a } from "../../react.esm-BkSptXxk.js";
2
+ import { a as d, s as n, f as o, w as a } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { ContextMenu as u } from "./ContextMenu.js";
4
4
  import { v as m, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const T = m.fn(), l = m.fn(), i = m.fn(), p = [
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { a as c, s as e } from "../../react.esm-BkSptXxk.js";
2
+ import { a as c, s as e } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { DeleteModal as b } from "./DeleteModal.js";
4
4
  import { d as B, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("DeleteModal Test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { a as r, s as t } from "../../react.esm-BkSptXxk.js";
2
+ import { a as r, s as t } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { Disclaimer as s } from "./Disclaimer.js";
4
4
  import { d as i, t as m, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  i("Disclaimer test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { a as s, s as o, w as r, f as l } from "../../react.esm-BkSptXxk.js";
2
+ import { a as s, s as o, w as r, f as l } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { EmptyView as c } from "./EmptyView.js";
4
4
  import { d as h, t as T, g as e, v as d } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  h("EmptyView", () => {
@@ -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-Blt6Y-SR.js";
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
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { a, s as t, f as c, t as u, w as x } from "../../react.esm-BkSptXxk.js";
2
+ import { a, s as t, f as c, t as u, w as x } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { u as d } from "../../useBreakpoint-BNeVhjjZ.js";
4
4
  import { Filter as T } from "./Filter.js";
5
5
  import { v as m, b as s, d as f, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { a as n, s as t, f as m } from "../../../react.esm-BkSptXxk.js";
2
+ import { a as n, s as t, f as m } from "../../../react.esm-C3jDj5Fe.js";
3
3
  import { FormCheckBox as c } from "./FormCheckBox.js";
4
4
  import { v as e, d as h, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const a = e.fn();
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { a as s, s as a, f as m } from "../../../react.esm-BkSptXxk.js";
2
+ import { a as s, s as a, f as m } from "../../../react.esm-C3jDj5Fe.js";
3
3
  import { FormDatePicker as c } from "./FormDatePicker.js";
4
4
  import { v as e, d as f, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const i = e.fn();
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { a as s, s as t, f as m } from "../../../react.esm-BkSptXxk.js";
2
+ import { a as s, s as t, f as m } from "../../../react.esm-C3jDj5Fe.js";
3
3
  import { FormRadio as l } from "./FormRadio.js";
4
4
  import { v as e, d as c, t as i, g as o } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const r = e.fn();
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { a, s as t, f as T, w as p } from "../../../react.esm-BkSptXxk.js";
3
- import { u as B } from "../../../index-Bh-nlz9b.js";
2
+ import { a, s as t, f as T, w as p } from "../../../react.esm-C3jDj5Fe.js";
3
+ import { u as B } from "../../../index-BQnj-5Zt.js";
4
4
  import { FormSelect as i } from "./FormSelect.js";
5
5
  import { SelectTooltipText as d } from "./SelectTooltipText.js";
6
6
  import { v as n, d as f, t as u, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { a, s as n } from "../../../react.esm-BkSptXxk.js";
2
+ import { a, s as n } from "../../../react.esm-C3jDj5Fe.js";
3
3
  import { FormSlider as l } from "./FormSlider.js";
4
4
  import { v as e, d as m, t as i, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const o = e.fn();
@@ -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 n, Fragment as C, jsxs as R } from "react/jsx-runtime";
2
- import { Textfield as V, TypoCaption as W } from "@element/react-components";
3
- import { useState as b, useMemo as d } from "react";
4
- import { useFormContext as w, Controller as F } from "react-hook-form";
5
- import { s as i } from "../../../formText.module-Blt6Y-SR.js";
6
- const D = ({
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: u,
9
- invalid: c = !1,
10
- required: r = !1
11
- }) => /* @__PURE__ */ n(
9
+ maxCount: d,
10
+ invalid: m = !1,
11
+ hasRequiredText: r = !1
12
+ }) => /* @__PURE__ */ t(
12
13
  "div",
13
14
  {
14
- className: `${i.formTextAreaHelperText} ${c ? i.invalid : ""} ${r ? i.required : ""}`,
15
- children: /* @__PURE__ */ n(W, { children: `${e}/${u}` })
15
+ className: `${i.formTextAreaHelperText} ${m ? i.invalid : ""} ${r ? i.required : ""}`,
16
+ children: /* @__PURE__ */ t(K, { children: `${e}/${d}` })
16
17
  }
17
- ), X = (e) => e.textarea ? /* @__PURE__ */ n(E, { ...e }) : /* @__PURE__ */ n(G, { ...e }), E = (e) => /* @__PURE__ */ n("div", { className: i.formTextArea, children: /* @__PURE__ */ n($, { ...e }) }), G = (e) => /* @__PURE__ */ n($, { ...e }), $ = ({
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: u,
20
- disabled: c = !1,
26
+ label: d,
27
+ disabled: m = !1,
21
28
  textarea: r = !1,
22
- hidden: L = !1,
23
- placeholder: q,
24
- type: B,
25
- prefixText: S,
26
- inputMode: A,
27
- trailingIcon: j,
28
- trigger: f = "likeForm",
29
- rules: t,
30
- ...g
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: h,
34
- getFieldState: m,
35
- formState: { errors: s },
36
- trigger: v
37
- } = w(), [H, k] = b(0), z = (a) => {
38
- const l = a.target.value;
39
- k(l?.length ?? 0);
40
- }, I = () => {
41
- if (s && s[e]) {
42
- const a = s[e]?.message;
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 P;
46
- }, o = d(
47
- () => t?.maxLength?.value,
48
- [t]
49
- ), M = d(
50
- () => t?.minLength?.value,
51
- [t]
52
- ), x = d(
53
- () => t?.required?.value,
54
- [t]
55
- ), P = d(
56
- () => t?.required?.message,
57
- [t]
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 L ? /* @__PURE__ */ n(F, { name: e, control: h, render: () => /* @__PURE__ */ n(C, {}) }) : /* @__PURE__ */ n(
60
- F,
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: t,
64
- control: h,
65
- render: ({ field: { ref: a, ...l } }) => /* @__PURE__ */ R(C, { children: [
66
- /* @__PURE__ */ n(
67
- V,
68
- {
69
- ...g,
70
- ...l,
71
- value: l.value ?? "",
72
- type: B,
73
- fullWidth: !0,
74
- inputMode: A,
75
- placeholder: q,
76
- prefixText: S,
77
- disabled: c,
78
- helperText: I(),
79
- helperTextPersistent: s !== void 0 || x || o !== void 0 && r,
80
- label: u,
81
- variant: "outlined",
82
- maxlength: o,
83
- minLength: M,
84
- textarea: r,
85
- noResize: !1,
86
- onBlur: () => {
87
- f === "onBlur" && v(e), g.onBlur?.();
88
- },
89
- onChange: (T) => {
90
- l.onChange(T), r && o !== void 0 && z(T), f === "onChange" && v(e);
91
- },
92
- valid: !m(e).invalid,
93
- className: `${i.formText} ${m(e).invalid ? i.invalid : ""}`,
94
- trailingIcon: j
95
- }
96
- ),
97
- o !== void 0 && r && /* @__PURE__ */ n(
98
- D,
99
- {
100
- count: H,
101
- maxCount: o,
102
- invalid: m(e).invalid,
103
- required: x
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
- X as FormText
136
+ re as FormText
112
137
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { a as s, s as r, f as d } from "../../../react.esm-BkSptXxk.js";
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 i, t as l, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
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
- i("FormText Test", () => {
45
+ u("FormText Test", () => {
45
46
  l("render FormText and return single line text field", () => {
46
47
  s(
47
48
  /* @__PURE__ */ n(
@@ -1,5 +1,5 @@
1
1
  import { jsx as a, jsxs as u } from "react/jsx-runtime";
2
- import { a as i, s as e } from "../../react.esm-BkSptXxk.js";
2
+ import { a as i, s as e } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { GenericTable as c } from "./GenericTable.js";
4
4
  import { d as B, t as d, g as t, v as r } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  B("GenericTable Test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as n, Fragment as o } from "react/jsx-runtime";
2
- import { a, s as e, f as r } from "../../react.esm-BkSptXxk.js";
2
+ import { a, s as e, f as r } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { HashTabView as c } from "./HashTabView.js";
4
4
  import { d as h, t as l, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  const m = [
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { a as i, s as t, f as T } from "../../react.esm-BkSptXxk.js";
2
+ import { a as i, s as t, f as T } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { HeaderFilter as s } from "./HeaderFilter.js";
4
4
  import { d as c, t as o, v as l, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  c("HeaderFilter-Test", () => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
2
  import { I as c } from "../../Iconify-CY9lZjFd.js";
3
3
  import { AvailableCustomIcons as l } from "../../enums/AvailableCustomIcons.js";
4
- import { a as r, w as s, s as i } from "../../react.esm-BkSptXxk.js";
4
+ import { a as r, w as s, s as i } from "../../react.esm-C3jDj5Fe.js";
5
5
  import { d as f, t as a, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
6
6
  f("Iconify Test", async () => {
7
7
  const m = Object.keys(l).filter((e) => isNaN(Number(e)));
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { a as l, s as t } from "../../react.esm-BkSptXxk.js";
2
+ import { a as l, s as t } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { InfoGroup as r } from "./InfoGroup.js";
4
4
  import { d as s, t as i, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  s("InfoGroup Test", () => {
@@ -1,6 +1,6 @@
1
1
  import { jsx as r, Fragment as i } from "react/jsx-runtime";
2
2
  import { TypoButton as p } from "@element/react-components";
3
- import { a as s, s as a, f as u } from "../../react.esm-BkSptXxk.js";
3
+ import { a as s, s as a, f as u } from "../../react.esm-C3jDj5Fe.js";
4
4
  import { ListArea as c } from "./ListArea.js";
5
5
  import { getGroupedItems as h } from "./ListAreaService.js";
6
6
  import { d as m, t as n, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { BigLoadingSpinner as n } from "./BigLoadingSpinner.js";
3
- import { a as i, s as e } from "../../../react.esm-BkSptXxk.js";
3
+ import { a as i, s as e } from "../../../react.esm-C3jDj5Fe.js";
4
4
  import { s as r } from "../../../bigLoadingSpinner.module-GgbFol8k.js";
5
5
  import { d as g, t as a, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
6
6
  g("BigLoadingSpinner Test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { a as o, s as e } from "../../../react.esm-BkSptXxk.js";
2
+ import { a as o, s as e } from "../../../react.esm-C3jDj5Fe.js";
3
3
  import { LoadingSpinner as r } from "./LoadingSpinner.js";
4
4
  import { d as a, t as i, g as n } from "../../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  a("LoadingSpinner Test", () => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { TypoDisplay as n } from "@element/react-components";
3
- import { a as i, s as e, w as s } from "../../react.esm-BkSptXxk.js";
4
- import { u as a } from "../../index-Bh-nlz9b.js";
3
+ import { a as i, s as e, w as s } from "../../react.esm-C3jDj5Fe.js";
4
+ import { u as a } from "../../index-BQnj-5Zt.js";
5
5
  import { OverflowTooltip as c } from "./OverflowTooltip.js";
6
6
  import { d as u, t as p, g as r } from "../../vi.JYQecGiw-BbUbJcT8.js";
7
7
  u("OverflowTooltip Test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { a, s as e } from "../../react.esm-BkSptXxk.js";
2
+ import { a, s as e } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { ScrollbarY as d, ScrollbarX as l } from "./Scrollbar.js";
4
4
  import { d as c, t, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  c("Scrollbar", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { a as r, s as t, f as h, b as l } from "../../react.esm-BkSptXxk.js";
2
+ import { a as r, s as t, f as h, b as l } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { SearchBar as s } from "./SearchBar.js";
4
4
  import { d as m, t as o, v as n, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  m("SearchBar Test", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { a as r } from "../../react.esm-BkSptXxk.js";
2
+ import { a as r } from "../../react.esm-C3jDj5Fe.js";
3
3
  import { VerticalDivider as s } from "./VerticalDivider.js";
4
4
  import { d as o, t as l, g as i } from "../../vi.JYQecGiw-BbUbJcT8.js";
5
5
  o("VerticalDivider Test", () => {
@@ -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
+ };
@@ -1,4 +1,4 @@
1
- import { r as t, w as s } from "../react.esm-BkSptXxk.js";
1
+ import { r as t, w as s } from "../react.esm-C3jDj5Fe.js";
2
2
  import { u as o } from "../useBreakpoint-BNeVhjjZ.js";
3
3
  import { d as a, t as i, g as r } from "../vi.JYQecGiw-BbUbJcT8.js";
4
4
  a("useBreakpoint Test", () => {
@@ -1,4 +1,4 @@
1
- import { g as L } from "./react.esm-BkSptXxk.js";
1
+ import { g as L } from "./react.esm-C3jDj5Fe.js";
2
2
  function d(e, t, n) {
3
3
  return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
4
4
  t