@hortiview/shared-components 0.0.9233 → 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.
Files changed (32) hide show
  1. package/dist/HashTabView.module-ZhwSfDeQ.js +16 -0
  2. package/dist/{Iconify-B9ptjDuU.js → Iconify-DoU6pP1o.js} +73 -67
  3. package/dist/{_Map-2-rfNHMr.js → _Map-DKsHX-kc.js} +2 -2
  4. package/dist/{_baseToString-xTcv8tEN.js → _baseToString-dkhmFwqS.js} +1 -1
  5. package/dist/{_equalByTag-Bi6Uk01d.js → _equalByTag-BZEJl6ST.js} +2 -2
  6. package/dist/assets/HashTabView.css +1 -1
  7. package/dist/assets/formSelect.css +1 -1
  8. package/dist/components/BasicHeading/BasicHeading.js +1 -1
  9. package/dist/components/DeleteModal/DeleteModal.js +1 -1
  10. package/dist/components/Filter/Filter.js +6 -6
  11. package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js +1 -1
  12. package/dist/components/FormComponents/FormSelect/FormSelect.d.ts +5 -1
  13. package/dist/components/FormComponents/FormSelect/FormSelect.js +93 -83
  14. package/dist/components/FormComponents/FormText/FormText.js +1 -1
  15. package/dist/components/GenericTable/GenericTable.js +5 -5
  16. package/dist/components/HashTabView/HashTabView.d.ts +6 -1
  17. package/dist/components/HashTabView/HashTabView.js +81 -65
  18. package/dist/components/Iconify/Iconify.js +2 -2
  19. package/dist/components/Iconify/Iconify.test.js +1 -1
  20. package/dist/components/ListArea/ListArea.js +6 -6
  21. package/dist/components/ListArea/ListAreaService.js +1 -1
  22. package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js +1 -1
  23. package/dist/enums/AvailableCustomIcons.d.ts +20 -14
  24. package/dist/enums/AvailableCustomIcons.js +1 -1
  25. package/dist/formSelect.module-nnJoBE6f.js +12 -0
  26. package/dist/{get-DAwLfiRB.js → get-BJn2Enx7.js} +1 -1
  27. package/dist/{iconify.module-D_I3-4iU.js → iconify.module-Cru5NS2X.js} +5 -5
  28. package/dist/main.js +1 -1
  29. package/dist/types/HashTab.d.ts +4 -0
  30. package/package.json +1 -1
  31. package/dist/HashTabView.module-DUekkiTC.js +0 -13
  32. package/dist/formSelect.module-DMHh1bp8.js +0 -12
@@ -1,6 +1,6 @@
1
1
  import { jsx as X, jsxs as va } from "react/jsx-runtime";
2
2
  import { Datepicker as fa, Divider as ga, Padding as pa, Button as ba } from "@element/react-components";
3
- import { g as wa } from "../../../get-DAwLfiRB.js";
3
+ import { g as wa } from "../../../get-BJn2Enx7.js";
4
4
  import { useMemo as S, useState as ya } from "react";
5
5
  import { useFormContext as Pa, Controller as $a } from "react-hook-form";
6
6
  import { s as L } from "../../../formDatePicker.module-BV3ma_7y.js";
@@ -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-DAwLfiRB.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
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as t, Fragment as S, jsxs as J } from "react/jsx-runtime";
2
2
  import { Textfield as K, TypoCaption as O } from "@element/react-components";
3
- import { g as B } from "../../../get-DAwLfiRB.js";
3
+ import { g as B } from "../../../get-BJn2Enx7.js";
4
4
  import { useState as A, useCallback as Q, useMemo as c, useEffect as U } from "react";
5
5
  import { useFormContext as X, Controller as j } from "react-hook-form";
6
6
  import { s as i } from "../../../formText.module-C0by6_DK.js";
@@ -4,13 +4,13 @@ import { Fragment as C } from "react";
4
4
  import { a as t } from "../../genericTable.module-Dk3yy2S3.js";
5
5
  import { u as j } from "../../useBreakpoints-MzTZ0tCT.js";
6
6
  import "../../alertBanner.module-BPiKN0gh.js";
7
- import "../../iconify.module-D_I3-4iU.js";
7
+ import "../../iconify.module-Cru5NS2X.js";
8
8
  import "../../isArray-thIeLpc5.js";
9
9
  import "../../react-tooltip.min-BzHiZW8k.js";
10
10
  import "../../overflowTooltip.module-YyRN2MGc.js";
11
11
  import "../../basicHeading.module-BYb8xvuk.js";
12
- import "../../_baseToString-xTcv8tEN.js";
13
- import "../../_equalByTag-Bi6Uk01d.js";
12
+ import "../../_baseToString-dkhmFwqS.js";
13
+ import "../../_equalByTag-BZEJl6ST.js";
14
14
  import "../../searchBar.module-9gKyrZRT.js";
15
15
  import "../../listArea.module-BhO_OJ1S.js";
16
16
  import "../../verticalDivider.module-C3_GL-fH.js";
@@ -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
  )
@@ -1,8 +1,8 @@
1
1
  import "react/jsx-runtime";
2
2
  import "@element/react-components";
3
- import { I as f } from "../../Iconify-B9ptjDuU.js";
3
+ import { I as f } from "../../Iconify-DoU6pP1o.js";
4
4
  import "../../enums/AvailableCustomIcons.js";
5
- import "../../iconify.module-D_I3-4iU.js";
5
+ import "../../iconify.module-Cru5NS2X.js";
6
6
  export {
7
7
  f as Iconify
8
8
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { I as c } from "../../Iconify-B9ptjDuU.js";
2
+ import { I as c } from "../../Iconify-DoU6pP1o.js";
3
3
  import { AvailableCustomIcons as l } from "../../enums/AvailableCustomIcons.js";
4
4
  import { a as r, w as s, s as i } from "../../react.esm-Dy4VzU4L.js";
5
5
  import { d as f, t as a, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
@@ -1,13 +1,13 @@
1
1
  import { jsx as A, jsxs as S } from "react/jsx-runtime";
2
2
  import { Elevation as tr, Divider as x, List as ir } from "@element/react-components";
3
3
  import { g as sr } from "../../_commonjsHelpers-CT_km90n.js";
4
- import { i as fr, d as ur } from "../../_baseToString-xTcv8tEN.js";
5
- import { _ as lr, a as E, b as vr, c as Q, d as Y } from "../../get-DAwLfiRB.js";
6
- import { _ as Z, a as pr, b as yr } from "../../_equalByTag-Bi6Uk01d.js";
4
+ import { i as fr, d as ur } from "../../_baseToString-dkhmFwqS.js";
5
+ import { _ as lr, a as E, b as vr, c as Q, d as Y } from "../../get-BJn2Enx7.js";
6
+ import { _ as Z, a as pr, b as yr } from "../../_equalByTag-BZEJl6ST.js";
7
7
  import { a as g, b as _r } from "../../isArray-thIeLpc5.js";
8
- import { a as W, b as z, c as V, _ as or, i as $r, d as cr } from "../../iconify.module-D_I3-4iU.js";
9
- import { _ as gr, i as M } from "../../Iconify-B9ptjDuU.js";
10
- import { c as dr } from "../../_Map-2-rfNHMr.js";
8
+ import { i as W, a as z, b as V, _ as or, c as $r, d as cr } from "../../iconify.module-Cru5NS2X.js";
9
+ import { _ as gr, i as M } from "../../Iconify-DoU6pP1o.js";
10
+ import { i as dr } from "../../_Map-DKsHX-kc.js";
11
11
  import { useState as Ar, useMemo as K } from "react";
12
12
  import { SearchBar as br } from "../SearchBar/SearchBar.js";
13
13
  import { getGroupedItems as hr, getListedItems as mr } from "./ListAreaService.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as r, jsxs as B } from "react/jsx-runtime";
2
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-B9ptjDuU.js";
3
+ import { I as L } from "../../Iconify-DoU6pP1o.js";
4
4
  import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
5
5
  import { s as n } from "../../listArea.module-BhO_OJ1S.js";
6
6
  const D = (t, a, l, s) => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
2
2
  import { TypoBody as e } from "@element/react-components";
3
3
  import { s as r } from "../../../bigLoadingSpinner.module-GgbFol8k.js";
4
- import { I as n } from "../../../Iconify-B9ptjDuU.js";
4
+ import { I as n } from "../../../Iconify-DoU6pP1o.js";
5
5
  const s = ({ text: o }) => /* @__PURE__ */ a("div", { className: r.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
6
6
  /* @__PURE__ */ i(n, { icon: "hortiview", className: r.logo, "data-testid": "logo-icon" }),
7
7
  /* @__PURE__ */ i(e, { tag: "p", bold: !0, level: 1, className: r.bigLoadSpinnerCardText, children: o })
@@ -21,18 +21,24 @@ export declare enum AvailableCustomIcons {
21
21
  'pd-scouting' = 16,
22
22
  'season-end' = 17,
23
23
  'vertical-farming' = 18,
24
- block = 19,
25
- cloud = 20,
26
- farm = 21,
27
- fertigation = 22,
28
- glasshouse = 23,
29
- greenhouse = 24,
30
- hortiview = 25,
31
- orchard = 26,
32
- potato = 27,
33
- season = 28,
34
- subscription = 29,
35
- tomato = 30,
36
- weather = 31,
37
- wind = 32
24
+ 'crop-independent' = 19,
25
+ block = 20,
26
+ cloud = 21,
27
+ farm = 22,
28
+ fertigation = 23,
29
+ glasshouse = 24,
30
+ greenhouse = 25,
31
+ hortiview = 26,
32
+ orchard = 27,
33
+ potato = 28,
34
+ season = 29,
35
+ subscription = 30,
36
+ tomato = 31,
37
+ weather = 32,
38
+ wind = 33,
39
+ apple = 34,
40
+ banana = 35,
41
+ berries = 36,
42
+ citrus = 37,
43
+ grapes = 38
38
44
  }
@@ -1,4 +1,4 @@
1
- var d = /* @__PURE__ */ ((r) => (r[r["battery-0"] = 0] = "battery-0", r[r["battery-100"] = 1] = "battery-100", r[r["battery-20"] = 2] = "battery-20", r[r["battery-50"] = 3] = "battery-50", r[r["battery-80"] = 4] = "battery-80", r[r["block-delete"] = 5] = "block-delete", r[r["cloud-rain"] = 6] = "cloud-rain", r[r["cloud-sunny"] = 7] = "cloud-sunny", r[r["crop-health"] = 8] = "crop-health", r[r["farm-delete"] = 9] = "farm-delete", r[r["farm-management"] = 10] = "farm-management", r[r["greenhouse-delete"] = 11] = "greenhouse-delete", r[r["harvest-quality"] = 12] = "harvest-quality", r[r["manage-labour"] = 13] = "manage-labour", r[r["open-field"] = 14] = "open-field", r[r["other-category"] = 15] = "other-category", r[r["pd-scouting"] = 16] = "pd-scouting", r[r["season-end"] = 17] = "season-end", r[r["vertical-farming"] = 18] = "vertical-farming", r[r.block = 19] = "block", r[r.cloud = 20] = "cloud", r[r.farm = 21] = "farm", r[r.fertigation = 22] = "fertigation", r[r.glasshouse = 23] = "glasshouse", r[r.greenhouse = 24] = "greenhouse", r[r.hortiview = 25] = "hortiview", r[r.orchard = 26] = "orchard", r[r.potato = 27] = "potato", r[r.season = 28] = "season", r[r.subscription = 29] = "subscription", r[r.tomato = 30] = "tomato", r[r.weather = 31] = "weather", r[r.wind = 32] = "wind", r))(d || {});
1
+ var d = /* @__PURE__ */ ((r) => (r[r["battery-0"] = 0] = "battery-0", r[r["battery-100"] = 1] = "battery-100", r[r["battery-20"] = 2] = "battery-20", r[r["battery-50"] = 3] = "battery-50", r[r["battery-80"] = 4] = "battery-80", r[r["block-delete"] = 5] = "block-delete", r[r["cloud-rain"] = 6] = "cloud-rain", r[r["cloud-sunny"] = 7] = "cloud-sunny", r[r["crop-health"] = 8] = "crop-health", r[r["farm-delete"] = 9] = "farm-delete", r[r["farm-management"] = 10] = "farm-management", r[r["greenhouse-delete"] = 11] = "greenhouse-delete", r[r["harvest-quality"] = 12] = "harvest-quality", r[r["manage-labour"] = 13] = "manage-labour", r[r["open-field"] = 14] = "open-field", r[r["other-category"] = 15] = "other-category", r[r["pd-scouting"] = 16] = "pd-scouting", r[r["season-end"] = 17] = "season-end", r[r["vertical-farming"] = 18] = "vertical-farming", r[r["crop-independent"] = 19] = "crop-independent", r[r.block = 20] = "block", r[r.cloud = 21] = "cloud", r[r.farm = 22] = "farm", r[r.fertigation = 23] = "fertigation", r[r.glasshouse = 24] = "glasshouse", r[r.greenhouse = 25] = "greenhouse", r[r.hortiview = 26] = "hortiview", r[r.orchard = 27] = "orchard", r[r.potato = 28] = "potato", r[r.season = 29] = "season", r[r.subscription = 30] = "subscription", r[r.tomato = 31] = "tomato", r[r.weather = 32] = "weather", r[r.wind = 33] = "wind", r[r.apple = 34] = "apple", r[r.banana = 35] = "banana", r[r.berries = 36] = "berries", r[r.citrus = 37] = "citrus", r[r.grapes = 38] = "grapes", r))(d || {});
2
2
  export {
3
3
  d as AvailableCustomIcons
4
4
  };
@@ -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
+ };
@@ -1,6 +1,6 @@
1
1
  import { g as a } from "./_commonjsHelpers-CT_km90n.js";
2
2
  import { a as i } from "./isArray-thIeLpc5.js";
3
- import { i as e, _ as o, a as f } from "./_baseToString-xTcv8tEN.js";
3
+ import { i as e, _ as o, a as f } from "./_baseToString-dkhmFwqS.js";
4
4
  var g = i, y = e, u = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, m = /^\w*$/;
5
5
  function _(r, t) {
6
6
  if (g(r))
@@ -1,5 +1,5 @@
1
1
  import "./assets/iconify.css";
2
- import { a as T, _ as P, b as V } from "./_Map-2-rfNHMr.js";
2
+ import { a as T, _ as P, b as V } from "./_Map-DKsHX-kc.js";
3
3
  import { c as b, _, b as l, e as h } from "./isArray-thIeLpc5.js";
4
4
  var C = T, D = b, F = C(D, "DataView"), G = F, L = T, N = b, W = L(N, "Promise"), q = W, R = T, X = b, z = R(X, "Set"), H = z, J = T, K = b, Q = J(K, "WeakMap"), Y = Q, j = G, y = P, d = q, m = H, A = Y, U = _, i = V, w = "[object Map]", Z = "[object Object]", x = "[object Promise]", M = "[object Set]", S = "[object WeakMap]", I = "[object DataView]", ee = i(j), re = i(y), ae = i(d), te = i(m), oe = i(A), s = U;
5
5
  (j && s(new j(new ArrayBuffer(1))) != I || y && s(new y()) != w || d && s(d.resolve()) != x || m && s(new m()) != M || A && s(new A()) != S) && (s = function(e) {
@@ -71,10 +71,10 @@ const er = "_image_178sv_1", cr = {
71
71
  };
72
72
  export {
73
73
  or as _,
74
- sr as a,
75
- nr as b,
76
- ir as c,
74
+ nr as a,
75
+ ir as b,
76
+ je as c,
77
77
  Je as d,
78
- je as i,
78
+ sr as i,
79
79
  cr as s
80
80
  };