@stenajs-webui/forms 23.16.3 → 23.17.1
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/components/ui/labelled-text-area/LabelledTextArea.d.ts +51 -0
- package/dist/components/ui/labelled-text-area/__tests__/LabelledTextArea.test.d.ts +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +456 -387
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/dist/index.es.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import { Row as k, Box as
|
|
3
|
-
import * as
|
|
4
|
-
import { useCallback as
|
|
5
|
-
import { PrimaryButton as
|
|
6
|
-
import
|
|
7
|
-
import { cssColor as
|
|
1
|
+
import { jsx as o, jsxs as m, Fragment as N } from "react/jsx-runtime";
|
|
2
|
+
import { Row as k, Box as Tt, Space as B, ScreenReaderOnlyText as A, Text as C, parseFloatElseUndefined as v, getDataProps as kt, useTimeoutState as St } from "@stenajs-webui/core";
|
|
3
|
+
import * as Rt from "react";
|
|
4
|
+
import { useCallback as y, forwardRef as H, useRef as M, useEffect as Q, useMemo as Nt, useState as $t, useId as O } from "react";
|
|
5
|
+
import { PrimaryButton as G, stenaMinus as Y, stenaPlus as Z, Icon as V, stenaCheck as tt, stenaExclamationTriangle as et, InputSpinner as nt, UpDownButtons as At, FlatButton as L, TextInputButton as D, stenaEyeShow as Ct, stenaEyeHide as vt, stenaAngleDown as jt, stenaCopy as qt } from "@stenajs-webui/elements";
|
|
6
|
+
import g from "classnames";
|
|
7
|
+
import { cssColor as U } from "@stenajs-webui/theme";
|
|
8
8
|
import { FontAwesomeIcon as Pt } from "@fortawesome/react-fontawesome";
|
|
9
9
|
import { isNil as S } from "lodash-es";
|
|
10
|
-
import { Tooltip as
|
|
11
|
-
import './index.css';const
|
|
12
|
-
readOnlyInput:
|
|
13
|
-
},
|
|
10
|
+
import { Tooltip as Ht } from "@stenajs-webui/tooltip";
|
|
11
|
+
import './index.css';const Ft = "_readOnlyInput_7bzmw_1", Wt = {
|
|
12
|
+
readOnlyInput: Ft
|
|
13
|
+
}, Lt = ({
|
|
14
14
|
value: t,
|
|
15
15
|
id: e,
|
|
16
16
|
...n
|
|
@@ -22,9 +22,9 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
22
22
|
id: e,
|
|
23
23
|
value: t,
|
|
24
24
|
readOnly: !0,
|
|
25
|
-
className:
|
|
25
|
+
className: Wt.readOnlyInput
|
|
26
26
|
}
|
|
27
|
-
),
|
|
27
|
+
), hn = ({
|
|
28
28
|
value: t,
|
|
29
29
|
onValueChange: e,
|
|
30
30
|
variant: n,
|
|
@@ -34,32 +34,32 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
34
34
|
ariaLabelDecrease: i,
|
|
35
35
|
ariaLabelIncrease: a,
|
|
36
36
|
textValueAriaLabel: s,
|
|
37
|
-
increaseTestId:
|
|
37
|
+
increaseTestId: p,
|
|
38
38
|
decreaseTestId: h,
|
|
39
|
-
onIncrease:
|
|
40
|
-
onDecrease:
|
|
41
|
-
size:
|
|
39
|
+
onIncrease: u,
|
|
40
|
+
onDecrease: d,
|
|
41
|
+
size: _
|
|
42
42
|
}) => {
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
}, [
|
|
46
|
-
|
|
47
|
-
}, [
|
|
48
|
-
return /* @__PURE__ */
|
|
43
|
+
const f = y(() => {
|
|
44
|
+
u?.(), e?.(t + 1);
|
|
45
|
+
}, [u, e, t]), b = y(() => {
|
|
46
|
+
d?.(), e?.(t - 1);
|
|
47
|
+
}, [d, e, t]);
|
|
48
|
+
return /* @__PURE__ */ m(k, { alignItems: "center", children: [
|
|
49
49
|
/* @__PURE__ */ o(
|
|
50
|
-
|
|
50
|
+
G,
|
|
51
51
|
{
|
|
52
|
-
size:
|
|
52
|
+
size: _,
|
|
53
53
|
"aria-label": i,
|
|
54
54
|
variant: n,
|
|
55
|
-
leftIcon:
|
|
55
|
+
leftIcon: Y,
|
|
56
56
|
"data-testid": h ?? "decrease",
|
|
57
57
|
disabled: r,
|
|
58
|
-
onClick:
|
|
58
|
+
onClick: b
|
|
59
59
|
}
|
|
60
60
|
),
|
|
61
61
|
/* @__PURE__ */ o(
|
|
62
|
-
|
|
62
|
+
Lt,
|
|
63
63
|
{
|
|
64
64
|
id: c,
|
|
65
65
|
"data-testid": "amountStepperValue",
|
|
@@ -68,37 +68,37 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
68
68
|
}
|
|
69
69
|
),
|
|
70
70
|
/* @__PURE__ */ o(
|
|
71
|
-
|
|
71
|
+
G,
|
|
72
72
|
{
|
|
73
|
-
size:
|
|
74
|
-
leftIcon:
|
|
73
|
+
size: _,
|
|
74
|
+
leftIcon: Z,
|
|
75
75
|
variant: n,
|
|
76
76
|
"aria-label": a,
|
|
77
|
-
"data-testid":
|
|
77
|
+
"data-testid": p ?? "increase",
|
|
78
78
|
disabled: l,
|
|
79
|
-
onClick:
|
|
79
|
+
onClick: f
|
|
80
80
|
}
|
|
81
81
|
)
|
|
82
82
|
] });
|
|
83
|
-
}, Dt = "_knob_1d6s8_56", Et = "_filler_1d6s8_61",
|
|
83
|
+
}, Dt = "_knob_1d6s8_56", Et = "_filler_1d6s8_61", Mt = "_checked_1d6s8_75", $ = {
|
|
84
84
|
switch: "_switch_1d6s8_1",
|
|
85
85
|
knob: Dt,
|
|
86
86
|
filler: Et,
|
|
87
|
-
checked:
|
|
88
|
-
},
|
|
87
|
+
checked: Mt
|
|
88
|
+
}, Ot = `${$.switch} ${$.checked}`, Ut = ({
|
|
89
89
|
value: t,
|
|
90
90
|
disabled: e,
|
|
91
91
|
onValueChange: n,
|
|
92
92
|
className: r,
|
|
93
93
|
wrapperRef: l,
|
|
94
94
|
...c
|
|
95
|
-
}) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */
|
|
95
|
+
}) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ m(
|
|
96
96
|
"button",
|
|
97
97
|
{
|
|
98
98
|
type: "button",
|
|
99
99
|
role: "switch",
|
|
100
100
|
"aria-checked": t,
|
|
101
|
-
className: t ?
|
|
101
|
+
className: t ? Ot : $.switch,
|
|
102
102
|
disabled: e,
|
|
103
103
|
onClick: () => n && n(!t),
|
|
104
104
|
...c,
|
|
@@ -107,19 +107,19 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
107
107
|
/* @__PURE__ */ o("div", { className: $.knob })
|
|
108
108
|
]
|
|
109
109
|
}
|
|
110
|
-
) }),
|
|
110
|
+
) }), mn = ({
|
|
111
111
|
label: t,
|
|
112
112
|
disabled: e,
|
|
113
113
|
textColor: n,
|
|
114
114
|
wrapperRef: r,
|
|
115
115
|
screenReaderLabel: l,
|
|
116
116
|
...c
|
|
117
|
-
}) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */
|
|
118
|
-
/* @__PURE__ */ o(
|
|
119
|
-
/* @__PURE__ */ o(
|
|
120
|
-
l ? /* @__PURE__ */ o(
|
|
117
|
+
}) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(Tt, { row: !0, alignItems: "center", children: [
|
|
118
|
+
/* @__PURE__ */ o(Ut, { disabled: e, ...c }),
|
|
119
|
+
/* @__PURE__ */ o(B, {}),
|
|
120
|
+
l ? /* @__PURE__ */ o(A, { children: l }) : null,
|
|
121
121
|
/* @__PURE__ */ o(
|
|
122
|
-
|
|
122
|
+
C,
|
|
123
123
|
{
|
|
124
124
|
color: n,
|
|
125
125
|
"aria-hidden": !!l,
|
|
@@ -127,11 +127,11 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
127
127
|
children: t
|
|
128
128
|
}
|
|
129
129
|
)
|
|
130
|
-
] }) }) }),
|
|
131
|
-
checkbox:
|
|
132
|
-
standard:
|
|
133
|
-
small:
|
|
134
|
-
},
|
|
130
|
+
] }) }) }), Kt = "_checkbox_173af_1", zt = "_standard_173af_40", Gt = "_small_173af_52", X = {
|
|
131
|
+
checkbox: Kt,
|
|
132
|
+
standard: zt,
|
|
133
|
+
small: Gt
|
|
134
|
+
}, Xt = H(
|
|
135
135
|
({
|
|
136
136
|
indeterminate: t = !1,
|
|
137
137
|
onChange: e,
|
|
@@ -141,29 +141,29 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
141
141
|
className: c,
|
|
142
142
|
...i
|
|
143
143
|
}, a) => {
|
|
144
|
-
const s =
|
|
145
|
-
s.current =
|
|
146
|
-
}, h =
|
|
147
|
-
(
|
|
148
|
-
e && e(
|
|
144
|
+
const s = M(null), p = (u) => {
|
|
145
|
+
s.current = u, s.current && (s.current.indeterminate = !!t), a && (typeof a == "function" ? a(u) : a.current = u);
|
|
146
|
+
}, h = y(
|
|
147
|
+
(u) => {
|
|
148
|
+
e && e(u), n && n(u.target.checked);
|
|
149
149
|
},
|
|
150
150
|
[e, n]
|
|
151
151
|
);
|
|
152
|
-
return
|
|
152
|
+
return Q(() => {
|
|
153
153
|
s.current && (s.current.indeterminate = !!t);
|
|
154
154
|
}, [t, s]), /* @__PURE__ */ o(
|
|
155
155
|
"input",
|
|
156
156
|
{
|
|
157
157
|
type: "checkbox",
|
|
158
|
-
className:
|
|
158
|
+
className: g(X.checkbox, X[l], c),
|
|
159
159
|
checked: r,
|
|
160
160
|
onChange: h,
|
|
161
|
-
ref:
|
|
161
|
+
ref: p,
|
|
162
162
|
...i
|
|
163
163
|
}
|
|
164
164
|
);
|
|
165
165
|
}
|
|
166
|
-
),
|
|
166
|
+
), fn = ({
|
|
167
167
|
children: t,
|
|
168
168
|
label: e,
|
|
169
169
|
inputRef: n,
|
|
@@ -171,12 +171,12 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
171
171
|
textColor: l,
|
|
172
172
|
screenReaderLabel: c,
|
|
173
173
|
...i
|
|
174
|
-
}) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */
|
|
175
|
-
/* @__PURE__ */ o(
|
|
176
|
-
/* @__PURE__ */ o(
|
|
177
|
-
c ? /* @__PURE__ */ o(
|
|
174
|
+
}) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(k, { alignItems: "center", children: [
|
|
175
|
+
/* @__PURE__ */ o(Xt, { ...i, ref: n }),
|
|
176
|
+
/* @__PURE__ */ o(B, {}),
|
|
177
|
+
c ? /* @__PURE__ */ o(A, { children: c }) : null,
|
|
178
178
|
/* @__PURE__ */ o(
|
|
179
|
-
|
|
179
|
+
C,
|
|
180
180
|
{
|
|
181
181
|
color: l,
|
|
182
182
|
"aria-hidden": !!c,
|
|
@@ -185,11 +185,11 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
185
185
|
}
|
|
186
186
|
),
|
|
187
187
|
t
|
|
188
|
-
] }) }) }),
|
|
189
|
-
radiobutton:
|
|
190
|
-
standard:
|
|
191
|
-
small:
|
|
192
|
-
},
|
|
188
|
+
] }) }) }), Jt = "_radiobutton_a19yk_1", Qt = "_standard_a19yk_46", Yt = "_small_a19yk_56", J = {
|
|
189
|
+
radiobutton: Jt,
|
|
190
|
+
standard: Qt,
|
|
191
|
+
small: Yt
|
|
192
|
+
}, ot = H(
|
|
193
193
|
({
|
|
194
194
|
onChange: t,
|
|
195
195
|
onValueChange: e,
|
|
@@ -198,7 +198,7 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
198
198
|
className: l,
|
|
199
199
|
...c
|
|
200
200
|
}, i) => {
|
|
201
|
-
const a =
|
|
201
|
+
const a = y(
|
|
202
202
|
(s) => {
|
|
203
203
|
t && t(s), e && e(s.target.value);
|
|
204
204
|
},
|
|
@@ -209,20 +209,20 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
209
209
|
{
|
|
210
210
|
type: "radio",
|
|
211
211
|
name: r,
|
|
212
|
-
className:
|
|
212
|
+
className: g(J.radiobutton, J[n], l),
|
|
213
213
|
onChange: a,
|
|
214
214
|
ref: i,
|
|
215
215
|
...c
|
|
216
216
|
}
|
|
217
217
|
);
|
|
218
218
|
}
|
|
219
|
-
),
|
|
220
|
-
radioButtonBox:
|
|
221
|
-
medium:
|
|
222
|
-
large:
|
|
223
|
-
danger:
|
|
224
|
-
radioButtonWrapper:
|
|
225
|
-
},
|
|
219
|
+
), Zt = "_radioButtonBox_yl38n_1", Vt = "_medium_yl38n_14", te = "_large_yl38n_19", ee = "_danger_yl38n_28", ne = "_radioButtonWrapper_yl38n_39", W = {
|
|
220
|
+
radioButtonBox: Zt,
|
|
221
|
+
medium: Vt,
|
|
222
|
+
large: te,
|
|
223
|
+
danger: ee,
|
|
224
|
+
radioButtonWrapper: ne
|
|
225
|
+
}, yn = ({
|
|
226
226
|
label: t,
|
|
227
227
|
screenReaderLabel: e,
|
|
228
228
|
variant: n = "normal",
|
|
@@ -232,42 +232,42 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
232
232
|
contentRight: i,
|
|
233
233
|
style: a,
|
|
234
234
|
disabled: s,
|
|
235
|
-
radioButtonClassName:
|
|
235
|
+
radioButtonClassName: p,
|
|
236
236
|
...h
|
|
237
237
|
}) => {
|
|
238
|
-
const
|
|
238
|
+
const u = s ? U("--swui-text-disabled-color") : void 0;
|
|
239
239
|
return /* @__PURE__ */ o(
|
|
240
240
|
"label",
|
|
241
241
|
{
|
|
242
|
-
className:
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
242
|
+
className: g(
|
|
243
|
+
W.radioButtonBox,
|
|
244
|
+
W[n],
|
|
245
|
+
W[r],
|
|
246
246
|
l
|
|
247
247
|
),
|
|
248
248
|
style: a,
|
|
249
|
-
children: /* @__PURE__ */
|
|
250
|
-
/* @__PURE__ */
|
|
249
|
+
children: /* @__PURE__ */ m(k, { justifyContent: "space-between", flexGrow: 1, children: [
|
|
250
|
+
/* @__PURE__ */ m(k, { alignItems: "center", children: [
|
|
251
251
|
/* @__PURE__ */ o(
|
|
252
|
-
|
|
252
|
+
ot,
|
|
253
253
|
{
|
|
254
254
|
...h,
|
|
255
255
|
disabled: s,
|
|
256
|
-
className:
|
|
256
|
+
className: p
|
|
257
257
|
}
|
|
258
258
|
),
|
|
259
|
-
/* @__PURE__ */ o(
|
|
260
|
-
e ? /* @__PURE__ */ o(
|
|
261
|
-
/* @__PURE__ */ o(
|
|
259
|
+
/* @__PURE__ */ o(B, {}),
|
|
260
|
+
e ? /* @__PURE__ */ o(A, { children: e }) : null,
|
|
261
|
+
/* @__PURE__ */ o(C, { color: u, "aria-hidden": !!e, children: t })
|
|
262
262
|
] }),
|
|
263
|
-
/* @__PURE__ */
|
|
263
|
+
/* @__PURE__ */ m(
|
|
264
264
|
k,
|
|
265
265
|
{
|
|
266
266
|
alignItems: "center",
|
|
267
267
|
width: c ? "48px" : void 0,
|
|
268
268
|
justifyContent: "center",
|
|
269
269
|
children: [
|
|
270
|
-
c && /* @__PURE__ */ o(
|
|
270
|
+
c && /* @__PURE__ */ o(V, { icon: c, size: 24, color: u }),
|
|
271
271
|
!c && i
|
|
272
272
|
]
|
|
273
273
|
}
|
|
@@ -275,19 +275,19 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
275
275
|
] })
|
|
276
276
|
}
|
|
277
277
|
);
|
|
278
|
-
},
|
|
278
|
+
}, bn = ({
|
|
279
279
|
label: t,
|
|
280
280
|
inputRef: e,
|
|
281
281
|
wrapperRef: n,
|
|
282
282
|
textColor: r,
|
|
283
283
|
screenReaderLabel: l,
|
|
284
284
|
...c
|
|
285
|
-
}) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */
|
|
286
|
-
/* @__PURE__ */ o(
|
|
287
|
-
/* @__PURE__ */ o(
|
|
288
|
-
l ? /* @__PURE__ */ o(
|
|
285
|
+
}) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(k, { alignItems: "center", children: [
|
|
286
|
+
/* @__PURE__ */ o(ot, { ref: e, ...c }),
|
|
287
|
+
/* @__PURE__ */ o(B, {}),
|
|
288
|
+
l ? /* @__PURE__ */ o(A, { children: l }) : null,
|
|
289
289
|
/* @__PURE__ */ o(
|
|
290
|
-
|
|
290
|
+
C,
|
|
291
291
|
{
|
|
292
292
|
color: r,
|
|
293
293
|
"aria-hidden": !!l,
|
|
@@ -295,45 +295,45 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
295
295
|
children: t
|
|
296
296
|
}
|
|
297
297
|
)
|
|
298
|
-
] }) }) }),
|
|
299
|
-
const s =
|
|
300
|
-
s.current || c?.(
|
|
301
|
-
}, h = (
|
|
302
|
-
s.current = !1, a?.(
|
|
298
|
+
] }) }) }), oe = (t, e, n, r, l, c, i, a) => {
|
|
299
|
+
const s = M(!1), p = (d) => {
|
|
300
|
+
s.current || c?.(d.target.value ?? ""), i?.(d);
|
|
301
|
+
}, h = (d) => {
|
|
302
|
+
s.current = !1, a?.(d);
|
|
303
303
|
};
|
|
304
304
|
return {
|
|
305
|
-
onKeyDownHandler:
|
|
306
|
-
(
|
|
307
|
-
const { key:
|
|
308
|
-
if (
|
|
309
|
-
s.current = !0, n?.(), c?.(
|
|
310
|
-
else if (
|
|
311
|
-
s.current = !0, r?.(),
|
|
305
|
+
onKeyDownHandler: y(
|
|
306
|
+
(d) => {
|
|
307
|
+
const { key: _ } = d;
|
|
308
|
+
if (_ === "Enter")
|
|
309
|
+
s.current = !0, n?.(), c?.(d.currentTarget.value ?? "");
|
|
310
|
+
else if (_ === "Escape")
|
|
311
|
+
s.current = !0, r?.(), d.preventDefault(), d.stopPropagation();
|
|
312
312
|
else if (l) {
|
|
313
|
-
const
|
|
314
|
-
s.current = !0, t.current.blur(), l(
|
|
313
|
+
const f = (b, x) => {
|
|
314
|
+
s.current = !0, t.current.blur(), l(b), x.preventDefault(), x.stopPropagation();
|
|
315
315
|
};
|
|
316
|
-
|
|
316
|
+
d.shiftKey && _ === "Tab" ? f("left", d) : _ === "Tab" ? f("right", d) : _ === "ArrowUp" ? f("up", d) : _ === "ArrowDown" ? f("down", d) : _ === "ArrowRight" ? t.current.value.length === t.current.selectionStart && f("right", d) : _ === "ArrowLeft" && t.current.selectionStart === 0 && f("left", d);
|
|
317
317
|
}
|
|
318
|
-
e && e(
|
|
318
|
+
e && e(d);
|
|
319
319
|
},
|
|
320
320
|
[r, l, e, t, n, c]
|
|
321
321
|
),
|
|
322
|
-
onBlurHandler:
|
|
322
|
+
onBlurHandler: p,
|
|
323
323
|
onFocusHandler: h
|
|
324
324
|
};
|
|
325
325
|
};
|
|
326
|
-
function
|
|
326
|
+
function re(t) {
|
|
327
327
|
return t.tagName === "TEXTAREA" || t.tagName === "INPUT" && (t.type === "text" || t.type === "search" || t.type === "url" || t.type === "tel" || t.type === "password");
|
|
328
328
|
}
|
|
329
|
-
const
|
|
330
|
-
|
|
331
|
-
t.current &&
|
|
329
|
+
const le = (t, e, n) => {
|
|
330
|
+
Q(() => {
|
|
331
|
+
t.current && re(t.current) && (n ? t.current.setSelectionRange(0, t.current.value.length) : e && t.current.setSelectionRange(
|
|
332
332
|
t.current.value.length,
|
|
333
333
|
t.current.value.length
|
|
334
334
|
));
|
|
335
335
|
}, [e, t, n]);
|
|
336
|
-
},
|
|
336
|
+
}, ce = (t, {
|
|
337
337
|
onEnter: e,
|
|
338
338
|
onEsc: n,
|
|
339
339
|
onChange: r,
|
|
@@ -342,53 +342,53 @@ const re = (t, e, n) => {
|
|
|
342
342
|
moveCursorToEndOnMount: i,
|
|
343
343
|
onDone: a,
|
|
344
344
|
onMove: s,
|
|
345
|
-
onFocus:
|
|
345
|
+
onFocus: p,
|
|
346
346
|
onBlur: h,
|
|
347
|
-
onKeyDown:
|
|
348
|
-
autoFocus:
|
|
347
|
+
onKeyDown: u,
|
|
348
|
+
autoFocus: d
|
|
349
349
|
}) => {
|
|
350
|
-
|
|
351
|
-
const { onKeyDownHandler:
|
|
350
|
+
le(t, !!i, !!c);
|
|
351
|
+
const { onKeyDownHandler: _, onFocusHandler: f, onBlurHandler: b } = oe(
|
|
352
352
|
t,
|
|
353
|
-
|
|
353
|
+
u,
|
|
354
354
|
e,
|
|
355
355
|
n,
|
|
356
356
|
s,
|
|
357
357
|
a,
|
|
358
358
|
h,
|
|
359
|
-
|
|
360
|
-
),
|
|
361
|
-
(
|
|
362
|
-
r?.(
|
|
359
|
+
p
|
|
360
|
+
), x = y(
|
|
361
|
+
(w) => {
|
|
362
|
+
r?.(w), l?.(w.target.value);
|
|
363
363
|
},
|
|
364
364
|
[r, l]
|
|
365
365
|
);
|
|
366
366
|
return {
|
|
367
|
-
onBlur:
|
|
368
|
-
onChange:
|
|
369
|
-
onFocus:
|
|
370
|
-
onKeyDown:
|
|
371
|
-
autoFocus: c ||
|
|
367
|
+
onBlur: b,
|
|
368
|
+
onChange: x,
|
|
369
|
+
onFocus: f,
|
|
370
|
+
onKeyDown: _,
|
|
371
|
+
autoFocus: c || d
|
|
372
372
|
};
|
|
373
|
-
},
|
|
374
|
-
textInput:
|
|
375
|
-
onlyTop:
|
|
376
|
-
disabled:
|
|
377
|
-
onlyBottom:
|
|
378
|
-
onlyLeft:
|
|
379
|
-
onlyRight:
|
|
380
|
-
input:
|
|
381
|
-
alwaysShowPlaceholder:
|
|
382
|
-
icon:
|
|
373
|
+
}, se = "_textInput_1qe61_1", ie = "_onlyTop_1qe61_11", ae = "_disabled_1qe61_15", de = "_onlyBottom_1qe61_20", ue = "_onlyLeft_1qe61_28", _e = "_onlyRight_1qe61_37", pe = "_input_1qe61_50", he = "_alwaysShowPlaceholder_1qe61_74", me = "_icon_1qe61_85", fe = "_standard_1qe61_95", ye = "_success_1qe61_96", be = "_loading_1qe61_108", ge = "_modified_1qe61_113", Be = "_error_1qe61_122", Ie = "_warning_1qe61_131", xe = "_hideBorder_1qe61_145", we = "_clickable_1qe61_152", I = {
|
|
374
|
+
textInput: se,
|
|
375
|
+
onlyTop: ie,
|
|
376
|
+
disabled: ae,
|
|
377
|
+
onlyBottom: de,
|
|
378
|
+
onlyLeft: ue,
|
|
379
|
+
onlyRight: _e,
|
|
380
|
+
input: pe,
|
|
381
|
+
alwaysShowPlaceholder: he,
|
|
382
|
+
icon: me,
|
|
383
383
|
standard: fe,
|
|
384
384
|
success: ye,
|
|
385
|
-
loading:
|
|
385
|
+
loading: be,
|
|
386
386
|
modified: ge,
|
|
387
|
-
error:
|
|
388
|
-
warning:
|
|
389
|
-
hideBorder:
|
|
387
|
+
error: Be,
|
|
388
|
+
warning: Ie,
|
|
389
|
+
hideBorder: xe,
|
|
390
390
|
clickable: we
|
|
391
|
-
},
|
|
391
|
+
}, P = ({
|
|
392
392
|
button: t,
|
|
393
393
|
icon: e,
|
|
394
394
|
iconClassName: n,
|
|
@@ -398,25 +398,25 @@ const re = (t, e, n) => {
|
|
|
398
398
|
disableContentPadding: i,
|
|
399
399
|
disableContentPaddingLeft: a,
|
|
400
400
|
disableContentPaddingRight: s
|
|
401
|
-
}) => !r && !e && !t ? null : t ? /* @__PURE__ */
|
|
402
|
-
l ? /* @__PURE__ */ o(
|
|
401
|
+
}) => !r && !e && !t ? null : t ? /* @__PURE__ */ m(N, { children: [
|
|
402
|
+
l ? /* @__PURE__ */ o(B, { num: 0.25 }) : null,
|
|
403
403
|
t,
|
|
404
|
-
c ? /* @__PURE__ */ o(
|
|
405
|
-
] }) : r ? /* @__PURE__ */
|
|
406
|
-
l && !(i || a) ? /* @__PURE__ */ o(
|
|
404
|
+
c ? /* @__PURE__ */ o(B, { num: 0.25 }) : null
|
|
405
|
+
] }) : r ? /* @__PURE__ */ m(N, { children: [
|
|
406
|
+
l && !(i || a) ? /* @__PURE__ */ o(B, {}) : null,
|
|
407
407
|
r || null,
|
|
408
|
-
c && !(i || s) ? /* @__PURE__ */ o(
|
|
409
|
-
] }) : /* @__PURE__ */
|
|
410
|
-
l ? /* @__PURE__ */ o(
|
|
408
|
+
c && !(i || s) ? /* @__PURE__ */ o(B, {}) : null
|
|
409
|
+
] }) : /* @__PURE__ */ m(N, { children: [
|
|
410
|
+
l ? /* @__PURE__ */ o(B, {}) : null,
|
|
411
411
|
e && /* @__PURE__ */ o(
|
|
412
412
|
Pt,
|
|
413
413
|
{
|
|
414
414
|
icon: e,
|
|
415
|
-
className:
|
|
415
|
+
className: g(I.icon, n)
|
|
416
416
|
}
|
|
417
417
|
),
|
|
418
|
-
c ? /* @__PURE__ */ o(
|
|
419
|
-
] }),
|
|
418
|
+
c ? /* @__PURE__ */ o(B, {}) : null
|
|
419
|
+
] }), rt = (t) => {
|
|
420
420
|
const {
|
|
421
421
|
variant: e = "standard",
|
|
422
422
|
inputRef: n,
|
|
@@ -426,48 +426,48 @@ const re = (t, e, n) => {
|
|
|
426
426
|
buttonRight: i,
|
|
427
427
|
contentLeft: a,
|
|
428
428
|
contentRight: s,
|
|
429
|
-
disableContentPadding:
|
|
429
|
+
disableContentPadding: p,
|
|
430
430
|
disableContentPaddingLeft: h,
|
|
431
|
-
disableContentPaddingRight:
|
|
432
|
-
iconLeft:
|
|
433
|
-
iconRight:
|
|
434
|
-
moveCursorToEndOnMount:
|
|
435
|
-
selectAllOnMount:
|
|
436
|
-
autoFocus:
|
|
437
|
-
onValueChange:
|
|
438
|
-
wrapperClassName:
|
|
439
|
-
wrapperStyle:
|
|
440
|
-
onDone:
|
|
441
|
-
onEnter:
|
|
442
|
-
onEsc:
|
|
443
|
-
onMove:
|
|
444
|
-
onChange:
|
|
445
|
-
onKeyDown:
|
|
446
|
-
hideBorder:
|
|
447
|
-
onFocus:
|
|
448
|
-
onBlur:
|
|
431
|
+
disableContentPaddingRight: u,
|
|
432
|
+
iconLeft: d,
|
|
433
|
+
iconRight: _,
|
|
434
|
+
moveCursorToEndOnMount: f,
|
|
435
|
+
selectAllOnMount: b,
|
|
436
|
+
autoFocus: x,
|
|
437
|
+
onValueChange: w,
|
|
438
|
+
wrapperClassName: F,
|
|
439
|
+
wrapperStyle: j,
|
|
440
|
+
onDone: st,
|
|
441
|
+
onEnter: it,
|
|
442
|
+
onEsc: at,
|
|
443
|
+
onMove: dt,
|
|
444
|
+
onChange: ut,
|
|
445
|
+
onKeyDown: _t,
|
|
446
|
+
hideBorder: pt,
|
|
447
|
+
onFocus: ht,
|
|
448
|
+
onBlur: mt,
|
|
449
449
|
borderRadiusVariant: ft = "normalBorder",
|
|
450
450
|
width: yt,
|
|
451
|
-
alwaysShowPlaceholder:
|
|
451
|
+
alwaysShowPlaceholder: bt,
|
|
452
452
|
...gt
|
|
453
|
-
} = t,
|
|
454
|
-
onEnter:
|
|
455
|
-
onEsc:
|
|
456
|
-
onChange:
|
|
457
|
-
onValueChange:
|
|
458
|
-
selectAllOnMount:
|
|
459
|
-
moveCursorToEndOnMount:
|
|
460
|
-
onDone:
|
|
461
|
-
onMove:
|
|
462
|
-
onFocus:
|
|
463
|
-
onBlur:
|
|
464
|
-
onKeyDown:
|
|
465
|
-
autoFocus:
|
|
466
|
-
}),
|
|
467
|
-
return /* @__PURE__ */
|
|
453
|
+
} = t, Bt = M(null), z = n ?? Bt, It = ce(z, {
|
|
454
|
+
onEnter: it,
|
|
455
|
+
onEsc: at,
|
|
456
|
+
onChange: ut,
|
|
457
|
+
onValueChange: w,
|
|
458
|
+
selectAllOnMount: b,
|
|
459
|
+
moveCursorToEndOnMount: f,
|
|
460
|
+
onDone: st,
|
|
461
|
+
onMove: dt,
|
|
462
|
+
onFocus: ht,
|
|
463
|
+
onBlur: mt,
|
|
464
|
+
onKeyDown: _t,
|
|
465
|
+
autoFocus: x
|
|
466
|
+
}), xt = e === "success" ? tt : e === "warning" || e === "error" ? et : _, wt = e === "loading" ? /* @__PURE__ */ o(nt, {}) : s;
|
|
467
|
+
return /* @__PURE__ */ m(
|
|
468
468
|
"div",
|
|
469
469
|
{
|
|
470
|
-
className:
|
|
470
|
+
className: g(
|
|
471
471
|
I.textInput,
|
|
472
472
|
I[e],
|
|
473
473
|
I[ft],
|
|
@@ -475,20 +475,20 @@ const re = (t, e, n) => {
|
|
|
475
475
|
[I.disabled]: r
|
|
476
476
|
},
|
|
477
477
|
{
|
|
478
|
-
[I.hideBorder]:
|
|
478
|
+
[I.hideBorder]: pt
|
|
479
479
|
},
|
|
480
|
-
|
|
480
|
+
F
|
|
481
481
|
),
|
|
482
|
-
style: { width: yt, ...
|
|
482
|
+
style: { width: yt, ...j },
|
|
483
483
|
children: [
|
|
484
484
|
/* @__PURE__ */ o(
|
|
485
|
-
|
|
485
|
+
P,
|
|
486
486
|
{
|
|
487
487
|
content: a,
|
|
488
|
-
disableContentPadding:
|
|
488
|
+
disableContentPadding: p,
|
|
489
489
|
disableContentPaddingLeft: h,
|
|
490
|
-
disableContentPaddingRight:
|
|
491
|
-
icon:
|
|
490
|
+
disableContentPaddingRight: u,
|
|
491
|
+
icon: d,
|
|
492
492
|
spaceOnLeft: !0,
|
|
493
493
|
button: c
|
|
494
494
|
}
|
|
@@ -496,29 +496,29 @@ const re = (t, e, n) => {
|
|
|
496
496
|
/* @__PURE__ */ o(
|
|
497
497
|
"input",
|
|
498
498
|
{
|
|
499
|
-
className:
|
|
499
|
+
className: g(
|
|
500
500
|
I.input,
|
|
501
501
|
{
|
|
502
|
-
[I.alwaysShowPlaceholder]:
|
|
502
|
+
[I.alwaysShowPlaceholder]: bt
|
|
503
503
|
},
|
|
504
504
|
l
|
|
505
505
|
),
|
|
506
506
|
type: "text",
|
|
507
507
|
disabled: r,
|
|
508
|
-
ref:
|
|
509
|
-
autoFocus:
|
|
508
|
+
ref: z,
|
|
509
|
+
autoFocus: x,
|
|
510
510
|
...gt,
|
|
511
|
-
...
|
|
511
|
+
...It
|
|
512
512
|
}
|
|
513
513
|
),
|
|
514
514
|
/* @__PURE__ */ o(
|
|
515
|
-
|
|
515
|
+
P,
|
|
516
516
|
{
|
|
517
517
|
content: wt,
|
|
518
|
-
disableContentPadding:
|
|
518
|
+
disableContentPadding: p,
|
|
519
519
|
disableContentPaddingLeft: h,
|
|
520
|
-
disableContentPaddingRight:
|
|
521
|
-
icon:
|
|
520
|
+
disableContentPaddingRight: u,
|
|
521
|
+
icon: xt,
|
|
522
522
|
spaceOnRight: !0,
|
|
523
523
|
button: i
|
|
524
524
|
}
|
|
@@ -526,9 +526,9 @@ const re = (t, e, n) => {
|
|
|
526
526
|
]
|
|
527
527
|
}
|
|
528
528
|
);
|
|
529
|
-
},
|
|
530
|
-
numericTextInputInput:
|
|
531
|
-
},
|
|
529
|
+
}, Te = "_numericTextInputInput_1tnr6_1", ke = {
|
|
530
|
+
numericTextInputInput: Te
|
|
531
|
+
}, lt = ({
|
|
532
532
|
onValueChange: t,
|
|
533
533
|
value: e,
|
|
534
534
|
numSteps: n,
|
|
@@ -537,12 +537,12 @@ const re = (t, e, n) => {
|
|
|
537
537
|
}) => {
|
|
538
538
|
if (t)
|
|
539
539
|
if (!e)
|
|
540
|
-
t(String(
|
|
540
|
+
t(String(E(n, r, l)));
|
|
541
541
|
else {
|
|
542
|
-
const i = (
|
|
543
|
-
t(String(
|
|
542
|
+
const i = (v(e) || 0) + n;
|
|
543
|
+
t(String(E(i, r, l)));
|
|
544
544
|
}
|
|
545
|
-
},
|
|
545
|
+
}, ct = ({
|
|
546
546
|
onValueChange: t,
|
|
547
547
|
newValue: e,
|
|
548
548
|
min: n,
|
|
@@ -552,13 +552,13 @@ const re = (t, e, n) => {
|
|
|
552
552
|
if (e === "")
|
|
553
553
|
t("");
|
|
554
554
|
else {
|
|
555
|
-
const c =
|
|
556
|
-
t(String(
|
|
555
|
+
const c = v(e) || 0;
|
|
556
|
+
t(String(E(c, n, r)));
|
|
557
557
|
}
|
|
558
|
-
},
|
|
558
|
+
}, E = (t, e, n) => {
|
|
559
559
|
let r = t;
|
|
560
560
|
return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
|
|
561
|
-
},
|
|
561
|
+
}, Se = ({
|
|
562
562
|
value: t,
|
|
563
563
|
onValueChange: e,
|
|
564
564
|
max: n,
|
|
@@ -568,29 +568,29 @@ const re = (t, e, n) => {
|
|
|
568
568
|
disabled: i,
|
|
569
569
|
className: a,
|
|
570
570
|
hideButtons: s,
|
|
571
|
-
...
|
|
571
|
+
...p
|
|
572
572
|
}) => {
|
|
573
|
-
const h =
|
|
574
|
-
(
|
|
575
|
-
|
|
573
|
+
const h = y(
|
|
574
|
+
(_) => {
|
|
575
|
+
lt({ onValueChange: e, value: t, numSteps: _, min: r, max: n });
|
|
576
576
|
},
|
|
577
577
|
[t, n, r, e]
|
|
578
|
-
),
|
|
579
|
-
(
|
|
580
|
-
|
|
578
|
+
), u = y(
|
|
579
|
+
(_) => {
|
|
580
|
+
ct({ onValueChange: e, newValue: _, min: r, max: n });
|
|
581
581
|
},
|
|
582
582
|
[n, r, e]
|
|
583
583
|
);
|
|
584
584
|
return /* @__PURE__ */ o(
|
|
585
|
-
|
|
585
|
+
rt,
|
|
586
586
|
{
|
|
587
|
-
contentRight: s ? c : /* @__PURE__ */
|
|
588
|
-
c && /* @__PURE__ */
|
|
587
|
+
contentRight: s ? c : /* @__PURE__ */ m(N, { children: [
|
|
588
|
+
c && /* @__PURE__ */ m(N, { children: [
|
|
589
589
|
c,
|
|
590
|
-
/* @__PURE__ */ o(
|
|
590
|
+
/* @__PURE__ */ o(B, {})
|
|
591
591
|
] }),
|
|
592
592
|
/* @__PURE__ */ o(
|
|
593
|
-
|
|
593
|
+
At,
|
|
594
594
|
{
|
|
595
595
|
onClickUp: i ? void 0 : () => h(l),
|
|
596
596
|
onClickDown: i ? void 0 : () => h(-l),
|
|
@@ -600,49 +600,49 @@ const re = (t, e, n) => {
|
|
|
600
600
|
)
|
|
601
601
|
] }),
|
|
602
602
|
value: t,
|
|
603
|
-
onValueChange:
|
|
603
|
+
onValueChange: u,
|
|
604
604
|
disableContentPaddingRight: !s,
|
|
605
605
|
type: "number",
|
|
606
606
|
min: r,
|
|
607
607
|
max: n,
|
|
608
608
|
step: l,
|
|
609
|
-
className:
|
|
609
|
+
className: g(ke.numericTextInputInput, a),
|
|
610
610
|
disabled: i,
|
|
611
|
-
...
|
|
611
|
+
...p
|
|
612
612
|
}
|
|
613
613
|
);
|
|
614
|
-
},
|
|
615
|
-
const n =
|
|
614
|
+
}, gn = (t, e) => {
|
|
615
|
+
const n = y(
|
|
616
616
|
(l) => {
|
|
617
617
|
if (e)
|
|
618
618
|
if (!l)
|
|
619
619
|
e(void 0);
|
|
620
620
|
else {
|
|
621
|
-
const c =
|
|
621
|
+
const c = v(l);
|
|
622
622
|
c !== void 0 && e(c);
|
|
623
623
|
}
|
|
624
624
|
},
|
|
625
625
|
[e]
|
|
626
|
-
), r =
|
|
626
|
+
), r = Nt(() => t === void 0 ? "" : String(t), [t]);
|
|
627
627
|
return {
|
|
628
628
|
onValueChange: n,
|
|
629
629
|
value: r
|
|
630
630
|
};
|
|
631
|
-
},
|
|
631
|
+
}, Re = (t, e) => {
|
|
632
632
|
if (S(t))
|
|
633
633
|
return !1;
|
|
634
634
|
{
|
|
635
|
-
const n =
|
|
635
|
+
const n = v(t);
|
|
636
636
|
return !S(n) && !S(e) && n <= e;
|
|
637
637
|
}
|
|
638
|
-
},
|
|
638
|
+
}, Ne = (t, e) => {
|
|
639
639
|
if (S(t))
|
|
640
640
|
return !1;
|
|
641
641
|
{
|
|
642
|
-
const n =
|
|
642
|
+
const n = v(t);
|
|
643
643
|
return !S(n) && !S(e) && n >= e;
|
|
644
644
|
}
|
|
645
|
-
},
|
|
645
|
+
}, Bn = ({
|
|
646
646
|
disabled: t,
|
|
647
647
|
onValueChange: e,
|
|
648
648
|
value: n,
|
|
@@ -651,30 +651,30 @@ const re = (t, e, n) => {
|
|
|
651
651
|
step: c = 1,
|
|
652
652
|
...i
|
|
653
653
|
}) => {
|
|
654
|
-
const a =
|
|
655
|
-
(
|
|
656
|
-
|
|
654
|
+
const a = y(
|
|
655
|
+
(p) => {
|
|
656
|
+
lt({ onValueChange: e, value: n, numSteps: p, min: l, max: r });
|
|
657
657
|
},
|
|
658
658
|
[n, r, l, e]
|
|
659
|
-
), s =
|
|
660
|
-
(
|
|
661
|
-
|
|
659
|
+
), s = y(
|
|
660
|
+
(p) => {
|
|
661
|
+
ct({ onValueChange: e, newValue: p, min: l, max: r });
|
|
662
662
|
},
|
|
663
663
|
[r, l, e]
|
|
664
664
|
);
|
|
665
|
-
return /* @__PURE__ */
|
|
665
|
+
return /* @__PURE__ */ m(k, { role: "group", children: [
|
|
666
666
|
/* @__PURE__ */ o(
|
|
667
|
-
|
|
667
|
+
L,
|
|
668
668
|
{
|
|
669
|
-
leftIcon:
|
|
669
|
+
leftIcon: Y,
|
|
670
670
|
"aria-label": "Decrease",
|
|
671
|
-
disabled: t ||
|
|
671
|
+
disabled: t || Re(n, l),
|
|
672
672
|
onClick: () => a(-c)
|
|
673
673
|
}
|
|
674
674
|
),
|
|
675
|
-
/* @__PURE__ */ o(
|
|
675
|
+
/* @__PURE__ */ o(B, {}),
|
|
676
676
|
/* @__PURE__ */ o(
|
|
677
|
-
|
|
677
|
+
Se,
|
|
678
678
|
{
|
|
679
679
|
hideButtons: !0,
|
|
680
680
|
onValueChange: s,
|
|
@@ -686,28 +686,28 @@ const re = (t, e, n) => {
|
|
|
686
686
|
...i
|
|
687
687
|
}
|
|
688
688
|
),
|
|
689
|
-
/* @__PURE__ */ o(
|
|
689
|
+
/* @__PURE__ */ o(B, {}),
|
|
690
690
|
/* @__PURE__ */ o(
|
|
691
|
-
|
|
691
|
+
L,
|
|
692
692
|
{
|
|
693
|
-
leftIcon:
|
|
693
|
+
leftIcon: Z,
|
|
694
694
|
"aria-label": "Increase",
|
|
695
|
-
disabled: t ||
|
|
695
|
+
disabled: t || Ne(n, r),
|
|
696
696
|
onClick: () => a(c)
|
|
697
697
|
}
|
|
698
698
|
)
|
|
699
699
|
] });
|
|
700
|
-
},
|
|
700
|
+
}, In = ({
|
|
701
701
|
hiddenIcon: t = Ct,
|
|
702
|
-
visibleIcon: e =
|
|
702
|
+
visibleIcon: e = vt,
|
|
703
703
|
...n
|
|
704
704
|
}) => {
|
|
705
|
-
const [r, l] =
|
|
705
|
+
const [r, l] = $t(!0);
|
|
706
706
|
return /* @__PURE__ */ o(
|
|
707
|
-
|
|
707
|
+
rt,
|
|
708
708
|
{
|
|
709
709
|
buttonRight: /* @__PURE__ */ o(
|
|
710
|
-
|
|
710
|
+
D,
|
|
711
711
|
{
|
|
712
712
|
icon: r ? t : e,
|
|
713
713
|
onClick: () => l((c) => !c)
|
|
@@ -717,49 +717,49 @@ const re = (t, e, n) => {
|
|
|
717
717
|
...n
|
|
718
718
|
}
|
|
719
719
|
);
|
|
720
|
-
},
|
|
720
|
+
}, $e = ({
|
|
721
721
|
disabled: t,
|
|
722
722
|
text: e,
|
|
723
723
|
...n
|
|
724
724
|
}) => /* @__PURE__ */ o(
|
|
725
|
-
|
|
725
|
+
C,
|
|
726
726
|
{
|
|
727
727
|
variant: "bold",
|
|
728
|
-
color:
|
|
728
|
+
color: U(t ? "--silver" : "--tjara"),
|
|
729
729
|
size: "small",
|
|
730
730
|
...kt(n),
|
|
731
731
|
children: e
|
|
732
732
|
}
|
|
733
|
-
),
|
|
733
|
+
), K = ({
|
|
734
734
|
htmlFor: t,
|
|
735
735
|
screenReaderLabel: e,
|
|
736
736
|
label: n,
|
|
737
737
|
disabled: r,
|
|
738
738
|
className: l
|
|
739
|
-
}) => /* @__PURE__ */
|
|
740
|
-
e ? /* @__PURE__ */ o(
|
|
739
|
+
}) => /* @__PURE__ */ m("label", { htmlFor: t, className: l, children: [
|
|
740
|
+
e ? /* @__PURE__ */ o(A, { children: e }) : null,
|
|
741
741
|
/* @__PURE__ */ o(
|
|
742
|
-
|
|
742
|
+
$e,
|
|
743
743
|
{
|
|
744
744
|
"aria-hidden": !!e,
|
|
745
745
|
text: n,
|
|
746
746
|
disabled: r
|
|
747
747
|
}
|
|
748
748
|
)
|
|
749
|
-
] }),
|
|
750
|
-
labelledSelect:
|
|
749
|
+
] }), Ae = "_labelledSelect_vs9pj_1", Ce = "_medium_vs9pj_7", ve = "_large_vs9pj_11", je = "_error_vs9pj_15", qe = "_normal_vs9pj_20", Pe = "_onlyTopBorder_vs9pj_25", He = "_onlyBottomBorder_vs9pj_31", Fe = "_onlyLeftBorder_vs9pj_36", We = "_onlyRightBorder_vs9pj_42", Le = "_label_vs9pj_1", De = "_select_vs9pj_65", Ee = "_iconWrapper_vs9pj_99", T = {
|
|
750
|
+
labelledSelect: Ae,
|
|
751
751
|
medium: Ce,
|
|
752
|
-
large:
|
|
753
|
-
error:
|
|
754
|
-
normal:
|
|
752
|
+
large: ve,
|
|
753
|
+
error: je,
|
|
754
|
+
normal: qe,
|
|
755
755
|
onlyTopBorder: Pe,
|
|
756
|
-
onlyBottomBorder:
|
|
757
|
-
onlyLeftBorder:
|
|
758
|
-
onlyRightBorder:
|
|
759
|
-
label:
|
|
756
|
+
onlyBottomBorder: He,
|
|
757
|
+
onlyLeftBorder: Fe,
|
|
758
|
+
onlyRightBorder: We,
|
|
759
|
+
label: Le,
|
|
760
760
|
select: De,
|
|
761
761
|
iconWrapper: Ee
|
|
762
|
-
},
|
|
762
|
+
}, xn = ({
|
|
763
763
|
onChange: t,
|
|
764
764
|
onValueChange: e,
|
|
765
765
|
id: n,
|
|
@@ -769,29 +769,29 @@ const re = (t, e, n) => {
|
|
|
769
769
|
variant: i = "normal",
|
|
770
770
|
size: a = "medium",
|
|
771
771
|
children: s,
|
|
772
|
-
...
|
|
772
|
+
...p
|
|
773
773
|
}) => {
|
|
774
|
-
const h =
|
|
775
|
-
(
|
|
776
|
-
t?.(
|
|
774
|
+
const h = O(), u = n ?? h, d = y(
|
|
775
|
+
(_) => {
|
|
776
|
+
t?.(_), e?.(_.target.value);
|
|
777
777
|
},
|
|
778
778
|
[t, e]
|
|
779
779
|
);
|
|
780
|
-
return /* @__PURE__ */
|
|
780
|
+
return /* @__PURE__ */ m(
|
|
781
781
|
"div",
|
|
782
782
|
{
|
|
783
|
-
className:
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
783
|
+
className: g(
|
|
784
|
+
T.labelledSelect,
|
|
785
|
+
T[i],
|
|
786
|
+
T[a],
|
|
787
|
+
T[c]
|
|
788
788
|
),
|
|
789
789
|
children: [
|
|
790
790
|
/* @__PURE__ */ o(
|
|
791
|
-
|
|
791
|
+
K,
|
|
792
792
|
{
|
|
793
|
-
htmlFor:
|
|
794
|
-
className:
|
|
793
|
+
htmlFor: u,
|
|
794
|
+
className: T.label,
|
|
795
795
|
label: r,
|
|
796
796
|
screenReaderLabel: l
|
|
797
797
|
}
|
|
@@ -799,28 +799,96 @@ const re = (t, e, n) => {
|
|
|
799
799
|
/* @__PURE__ */ o(
|
|
800
800
|
"select",
|
|
801
801
|
{
|
|
802
|
-
id:
|
|
803
|
-
onChange:
|
|
804
|
-
className:
|
|
805
|
-
...
|
|
802
|
+
id: u,
|
|
803
|
+
onChange: d,
|
|
804
|
+
className: g(T.select, T[i], T[a]),
|
|
805
|
+
...p,
|
|
806
806
|
children: s
|
|
807
807
|
}
|
|
808
808
|
),
|
|
809
|
-
/* @__PURE__ */ o("div", { className:
|
|
809
|
+
/* @__PURE__ */ o("div", { className: g(T.iconWrapper), children: /* @__PURE__ */ o(V, { icon: jt, size: 24, color: U("--core-blue") }) })
|
|
810
810
|
]
|
|
811
811
|
}
|
|
812
812
|
);
|
|
813
|
-
},
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
813
|
+
}, Me = "_labelledTextArea_22cbm_1", Oe = "_disabled_22cbm_33", Ue = "_medium_22cbm_41", Ke = "_large_22cbm_53", ze = "_error_22cbm_67", q = {
|
|
814
|
+
labelledTextArea: Me,
|
|
815
|
+
disabled: Oe,
|
|
816
|
+
medium: Ue,
|
|
817
|
+
large: Ke,
|
|
818
|
+
error: ze
|
|
819
|
+
}, wn = H(
|
|
820
|
+
({
|
|
821
|
+
className: t,
|
|
822
|
+
id: e,
|
|
823
|
+
label: n,
|
|
824
|
+
screenReaderLabel: r,
|
|
825
|
+
size: l = "medium",
|
|
826
|
+
variant: c = "normal",
|
|
827
|
+
value: i,
|
|
828
|
+
onValueChange: a,
|
|
829
|
+
onChange: s,
|
|
830
|
+
resize: p = "none",
|
|
831
|
+
readOnly: h = !1,
|
|
832
|
+
rows: u,
|
|
833
|
+
disabled: d,
|
|
834
|
+
width: _,
|
|
835
|
+
...f
|
|
836
|
+
}, b) => {
|
|
837
|
+
const x = O(), w = e ?? x, F = y(
|
|
838
|
+
(j) => {
|
|
839
|
+
s?.(j), a?.(j.target.value);
|
|
840
|
+
},
|
|
841
|
+
[s, a]
|
|
842
|
+
);
|
|
843
|
+
return /* @__PURE__ */ m(
|
|
844
|
+
"div",
|
|
845
|
+
{
|
|
846
|
+
className: g(
|
|
847
|
+
q.labelledTextArea,
|
|
848
|
+
q[c],
|
|
849
|
+
q[l],
|
|
850
|
+
d && q.disabled,
|
|
851
|
+
t
|
|
852
|
+
),
|
|
853
|
+
style: _ ? { width: _ } : void 0,
|
|
854
|
+
children: [
|
|
855
|
+
/* @__PURE__ */ o(
|
|
856
|
+
K,
|
|
857
|
+
{
|
|
858
|
+
htmlFor: w,
|
|
859
|
+
screenReaderLabel: r,
|
|
860
|
+
label: n
|
|
861
|
+
}
|
|
862
|
+
),
|
|
863
|
+
/* @__PURE__ */ o(
|
|
864
|
+
"textarea",
|
|
865
|
+
{
|
|
866
|
+
ref: b,
|
|
867
|
+
id: w,
|
|
868
|
+
disabled: d,
|
|
869
|
+
rows: u,
|
|
870
|
+
readOnly: h,
|
|
871
|
+
style: { resize: p },
|
|
872
|
+
onChange: F,
|
|
873
|
+
value: i,
|
|
874
|
+
...f
|
|
875
|
+
}
|
|
876
|
+
)
|
|
877
|
+
]
|
|
878
|
+
}
|
|
879
|
+
);
|
|
880
|
+
}
|
|
881
|
+
), Ge = "_labelledTextInput_1uyc3_1", Xe = "_onlyTop_1uyc3_21", Je = "_onlyBottom_1uyc3_27", Qe = "_onlyLeft_1uyc3_32", Ye = "_onlyRight_1uyc3_38", Ze = "_disabled_1uyc3_53", Ve = "_medium_1uyc3_61", tn = "_large_1uyc3_73", en = "_error_1uyc3_87", R = {
|
|
882
|
+
labelledTextInput: Ge,
|
|
883
|
+
onlyTop: Xe,
|
|
884
|
+
onlyBottom: Je,
|
|
885
|
+
onlyLeft: Qe,
|
|
886
|
+
onlyRight: Ye,
|
|
887
|
+
disabled: Ze,
|
|
888
|
+
medium: Ve,
|
|
889
|
+
large: tn,
|
|
890
|
+
error: en
|
|
891
|
+
}, Tn = Rt.forwardRef(
|
|
824
892
|
({
|
|
825
893
|
autoComplete: t = "off",
|
|
826
894
|
label: e,
|
|
@@ -831,33 +899,33 @@ const re = (t, e, n) => {
|
|
|
831
899
|
onChange: i,
|
|
832
900
|
disabled: a,
|
|
833
901
|
onValueChange: s,
|
|
834
|
-
borderRadiusVariant:
|
|
902
|
+
borderRadiusVariant: p = "normalBorder",
|
|
835
903
|
variant: h = "normal",
|
|
836
|
-
width:
|
|
837
|
-
...
|
|
838
|
-
},
|
|
839
|
-
const
|
|
840
|
-
(
|
|
841
|
-
i?.(
|
|
904
|
+
width: u,
|
|
905
|
+
...d
|
|
906
|
+
}, _) => {
|
|
907
|
+
const f = O(), b = n ?? f, x = y(
|
|
908
|
+
(w) => {
|
|
909
|
+
i?.(w), s?.(w.target.value);
|
|
842
910
|
},
|
|
843
911
|
[i, s]
|
|
844
912
|
);
|
|
845
|
-
return /* @__PURE__ */
|
|
913
|
+
return /* @__PURE__ */ m(
|
|
846
914
|
"div",
|
|
847
915
|
{
|
|
848
|
-
className:
|
|
916
|
+
className: g(
|
|
849
917
|
R.labelledTextInput,
|
|
850
918
|
R[h],
|
|
851
|
-
R[
|
|
919
|
+
R[p],
|
|
852
920
|
R[l],
|
|
853
921
|
a && R.disabled
|
|
854
922
|
),
|
|
855
|
-
style:
|
|
923
|
+
style: u ? { width: u } : void 0,
|
|
856
924
|
children: [
|
|
857
925
|
/* @__PURE__ */ o(
|
|
858
|
-
|
|
926
|
+
K,
|
|
859
927
|
{
|
|
860
|
-
htmlFor:
|
|
928
|
+
htmlFor: b,
|
|
861
929
|
screenReaderLabel: r,
|
|
862
930
|
label: e
|
|
863
931
|
}
|
|
@@ -865,21 +933,21 @@ const re = (t, e, n) => {
|
|
|
865
933
|
/* @__PURE__ */ o(
|
|
866
934
|
"input",
|
|
867
935
|
{
|
|
868
|
-
ref:
|
|
869
|
-
id:
|
|
936
|
+
ref: _,
|
|
937
|
+
id: b,
|
|
870
938
|
autoComplete: t,
|
|
871
939
|
type: "text",
|
|
872
940
|
value: c,
|
|
873
|
-
onChange:
|
|
941
|
+
onChange: x,
|
|
874
942
|
disabled: a,
|
|
875
|
-
...
|
|
943
|
+
...d
|
|
876
944
|
}
|
|
877
945
|
)
|
|
878
946
|
]
|
|
879
947
|
}
|
|
880
948
|
);
|
|
881
949
|
}
|
|
882
|
-
),
|
|
950
|
+
), kn = ({
|
|
883
951
|
variant: t = "standard",
|
|
884
952
|
disabled: e,
|
|
885
953
|
wrapperClassName: n,
|
|
@@ -889,17 +957,17 @@ const re = (t, e, n) => {
|
|
|
889
957
|
disableContentPadding: i,
|
|
890
958
|
disableContentPaddingLeft: a,
|
|
891
959
|
disableContentPaddingRight: s,
|
|
892
|
-
iconRight:
|
|
960
|
+
iconRight: p,
|
|
893
961
|
iconLeft: h,
|
|
894
|
-
onClickLeft:
|
|
895
|
-
onClickRight:
|
|
896
|
-
children:
|
|
962
|
+
onClickLeft: u,
|
|
963
|
+
onClickRight: d,
|
|
964
|
+
children: _
|
|
897
965
|
}) => {
|
|
898
|
-
const
|
|
899
|
-
return /* @__PURE__ */
|
|
966
|
+
const f = t === "success" ? tt : t === "warning" || t === "error" ? et : p, b = t === "loading" ? /* @__PURE__ */ o(nt, {}) : c;
|
|
967
|
+
return /* @__PURE__ */ m(
|
|
900
968
|
"div",
|
|
901
969
|
{
|
|
902
|
-
className:
|
|
970
|
+
className: g(
|
|
903
971
|
I.textInput,
|
|
904
972
|
I.inputContainer,
|
|
905
973
|
I[t],
|
|
@@ -911,34 +979,34 @@ const re = (t, e, n) => {
|
|
|
911
979
|
style: r,
|
|
912
980
|
children: [
|
|
913
981
|
/* @__PURE__ */ o(
|
|
914
|
-
|
|
982
|
+
P,
|
|
915
983
|
{
|
|
916
984
|
content: l,
|
|
917
985
|
disableContentPadding: i,
|
|
918
986
|
disableContentPaddingLeft: a,
|
|
919
987
|
disableContentPaddingRight: s,
|
|
920
988
|
spaceOnLeft: !0,
|
|
921
|
-
button: h ? /* @__PURE__ */ o(
|
|
989
|
+
button: h ? /* @__PURE__ */ o(D, { onClick: u, icon: h }) : void 0
|
|
922
990
|
}
|
|
923
991
|
),
|
|
924
|
-
/* @__PURE__ */ o(k, { alignItems: "center", children:
|
|
992
|
+
/* @__PURE__ */ o(k, { alignItems: "center", children: _ }),
|
|
925
993
|
/* @__PURE__ */ o(
|
|
926
|
-
|
|
994
|
+
P,
|
|
927
995
|
{
|
|
928
|
-
content:
|
|
996
|
+
content: b,
|
|
929
997
|
disableContentPadding: i,
|
|
930
998
|
disableContentPaddingLeft: a,
|
|
931
999
|
disableContentPaddingRight: s,
|
|
932
1000
|
spaceOnRight: !0,
|
|
933
|
-
button:
|
|
1001
|
+
button: f ? /* @__PURE__ */ o(D, { onClick: d, icon: f }) : void 0
|
|
934
1002
|
}
|
|
935
1003
|
)
|
|
936
1004
|
]
|
|
937
1005
|
}
|
|
938
1006
|
);
|
|
939
|
-
},
|
|
940
|
-
textArea:
|
|
941
|
-
},
|
|
1007
|
+
}, nn = "_textArea_6n6nc_1", on = {
|
|
1008
|
+
textArea: nn
|
|
1009
|
+
}, Sn = H(
|
|
942
1010
|
({
|
|
943
1011
|
className: t,
|
|
944
1012
|
value: e,
|
|
@@ -949,10 +1017,10 @@ const re = (t, e, n) => {
|
|
|
949
1017
|
rows: i,
|
|
950
1018
|
disabled: a,
|
|
951
1019
|
...s
|
|
952
|
-
},
|
|
953
|
-
const h =
|
|
954
|
-
(
|
|
955
|
-
r && r(
|
|
1020
|
+
}, p) => {
|
|
1021
|
+
const h = y(
|
|
1022
|
+
(u) => {
|
|
1023
|
+
r && r(u), n && n(u.target.value);
|
|
956
1024
|
},
|
|
957
1025
|
[r, n]
|
|
958
1026
|
);
|
|
@@ -962,61 +1030,62 @@ const re = (t, e, n) => {
|
|
|
962
1030
|
disabled: a,
|
|
963
1031
|
rows: i,
|
|
964
1032
|
readOnly: c,
|
|
965
|
-
className:
|
|
1033
|
+
className: g(on.textArea, t),
|
|
966
1034
|
style: { resize: l },
|
|
967
1035
|
onChange: h,
|
|
968
1036
|
value: e,
|
|
969
|
-
ref:
|
|
1037
|
+
ref: p,
|
|
970
1038
|
...s
|
|
971
1039
|
}
|
|
972
1040
|
);
|
|
973
1041
|
}
|
|
974
1042
|
);
|
|
975
|
-
function
|
|
1043
|
+
function Rn({
|
|
976
1044
|
value: t,
|
|
977
1045
|
tooltipLabel: e = "Copied to clipboard!",
|
|
978
1046
|
size: n = "small"
|
|
979
1047
|
}) {
|
|
980
|
-
const [r, l] =
|
|
1048
|
+
const [r, l] = St(!1, 2e3), c = y(async () => {
|
|
981
1049
|
t != null && (await navigator.clipboard.writeText(t), l(!0));
|
|
982
1050
|
}, [l, t]);
|
|
983
|
-
return /* @__PURE__ */ o(
|
|
984
|
-
|
|
1051
|
+
return /* @__PURE__ */ o(Ht, { visible: r, label: e, children: /* @__PURE__ */ o(
|
|
1052
|
+
L,
|
|
985
1053
|
{
|
|
986
1054
|
size: n,
|
|
987
1055
|
onClick: c,
|
|
988
|
-
leftIcon:
|
|
1056
|
+
leftIcon: qt,
|
|
989
1057
|
disabled: t == null
|
|
990
1058
|
}
|
|
991
1059
|
) });
|
|
992
1060
|
}
|
|
993
1061
|
export {
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
le as
|
|
1062
|
+
hn as AmountStepperButtons,
|
|
1063
|
+
Xt as Checkbox,
|
|
1064
|
+
fn as CheckboxWithLabel,
|
|
1065
|
+
Rn as CopyToClipboardButton,
|
|
1066
|
+
K as InputLabel,
|
|
1067
|
+
$e as InputLabelText,
|
|
1068
|
+
xn as LabelledSelect,
|
|
1069
|
+
wn as LabelledTextArea,
|
|
1070
|
+
Tn as LabelledTextInput,
|
|
1071
|
+
Bn as NumericStepper,
|
|
1072
|
+
Se as NumericTextInput,
|
|
1073
|
+
In as PasswordInput,
|
|
1074
|
+
ot as RadioButton,
|
|
1075
|
+
yn as RadioButtonBox,
|
|
1076
|
+
bn as RadioButtonWithLabel,
|
|
1077
|
+
Lt as ReadOnlyNumericInput,
|
|
1078
|
+
Ut as Switch,
|
|
1079
|
+
mn as SwitchWithLabel,
|
|
1080
|
+
Sn as TextArea,
|
|
1081
|
+
rt as TextInput,
|
|
1082
|
+
kn as TextInputBox,
|
|
1083
|
+
re as elementHasSelectionRange,
|
|
1084
|
+
lt as onStepValueChange,
|
|
1085
|
+
ct as onTextValueChange,
|
|
1086
|
+
oe as useKeyboardNavigation,
|
|
1087
|
+
gn as useNumericInputValue,
|
|
1088
|
+
le as useSelectAllOnMount,
|
|
1089
|
+
ce as useTextInput
|
|
1021
1090
|
};
|
|
1022
1091
|
//# sourceMappingURL=index.es.js.map
|