@reportportal/ui-kit 0.0.1-alpha.119 → 0.0.1-alpha.120
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/autocompletes.js +153 -153
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/autocompletes.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsx as s, jsxs as
|
|
1
|
+
import { jsx as s, jsxs as M, Fragment as ee } from "react/jsx-runtime";
|
|
2
2
|
import { useState as de, useCallback as Y, forwardRef as xe, useRef as Ee, useEffect as Ie } from "react";
|
|
3
3
|
import { c as H } from "./bind-06a7ff84.js";
|
|
4
|
-
import { Scrollbars as
|
|
5
|
-
import { B as
|
|
6
|
-
import { B as
|
|
7
|
-
import { S as
|
|
8
|
-
import { i as
|
|
4
|
+
import { Scrollbars as Se } from "rc-scrollbars";
|
|
5
|
+
import { B as Be } from "./bubblesLoader-f3ffa240.js";
|
|
6
|
+
import { B as Fe } from "./button-97d9e587.js";
|
|
7
|
+
import { S as Me } from "./plus-199fb2a8.js";
|
|
8
|
+
import { i as qe } from "./isEmpty-ccacb5ff.js";
|
|
9
9
|
import U from "downshift";
|
|
10
10
|
import { useFloating as he, autoUpdate as be } from "@floating-ui/react";
|
|
11
|
-
import { F as
|
|
11
|
+
import { F as Ae } from "./fieldText-e4a554dc.js";
|
|
12
12
|
import { S as ve } from "./dropdown-0260bb66.js";
|
|
13
|
-
import { S as
|
|
14
|
-
import { S as
|
|
13
|
+
import { S as $e } from "./close-4d480ef7.js";
|
|
14
|
+
import { S as De } from "./openEye-7b9cf080.js";
|
|
15
15
|
import "./baseIconButton-251479f7.js";
|
|
16
16
|
import "./spinLoader-c4a53718.js";
|
|
17
17
|
import "./maxValueDisplay-9be01a75.js";
|
|
18
18
|
import "./fieldLabel.js";
|
|
19
|
-
const
|
|
19
|
+
const Ce = "_disabled_18ek6_43", Re = "_input_18ek6_97", Oe = {
|
|
20
20
|
"selected-item": "_selected-item_18ek6_16",
|
|
21
21
|
"validation-error": "_validation-error_18ek6_35",
|
|
22
22
|
"highlight-un-stored-item": "_highlight-un-stored-item_18ek6_40",
|
|
23
|
-
disabled:
|
|
23
|
+
disabled: Ce,
|
|
24
24
|
"mobile-disabled": "_mobile-disabled_18ek6_48",
|
|
25
25
|
"cross-icon": "_cross-icon_18ek6_54",
|
|
26
|
-
input:
|
|
27
|
-
}, ae = H.bind(
|
|
26
|
+
input: Re
|
|
27
|
+
}, ae = H.bind(Oe), je = ({
|
|
28
28
|
item: o,
|
|
29
29
|
onRemoveItem: e,
|
|
30
30
|
disabled: a = !1,
|
|
@@ -37,13 +37,13 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
37
37
|
storedOption: N = !0,
|
|
38
38
|
highlightUnStoredItem: b = !1,
|
|
39
39
|
variant: E = "light",
|
|
40
|
-
getItemName:
|
|
40
|
+
getItemName: w
|
|
41
41
|
}) => {
|
|
42
|
-
const [f, I] = de(!1), [k, _] = de(""),
|
|
43
|
-
!a && u && !N && (_((
|
|
44
|
-
},
|
|
42
|
+
const [f, I] = de(!1), [k, _] = de(""), y = () => {
|
|
43
|
+
!a && u && !N && (_((w == null ? void 0 : w(o)) || (n == null ? void 0 : n(o)) || ""), I(!0));
|
|
44
|
+
}, B = (t) => {
|
|
45
45
|
_(t.target.value);
|
|
46
|
-
},
|
|
46
|
+
}, $ = (t) => {
|
|
47
47
|
const l = g(k);
|
|
48
48
|
t.key === "Enter" && l && (p(o, k), I(!1), _(""));
|
|
49
49
|
}, c = () => {
|
|
@@ -56,12 +56,12 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
56
56
|
{
|
|
57
57
|
autoFocus: !0,
|
|
58
58
|
value: k,
|
|
59
|
-
onChange:
|
|
60
|
-
onKeyDown:
|
|
59
|
+
onChange: B,
|
|
60
|
+
onKeyDown: $,
|
|
61
61
|
onBlur: c,
|
|
62
62
|
className: ae("input")
|
|
63
63
|
}
|
|
64
|
-
) : /* @__PURE__ */
|
|
64
|
+
) : /* @__PURE__ */ M(
|
|
65
65
|
"div",
|
|
66
66
|
{
|
|
67
67
|
className: ae("selected-item", E, {
|
|
@@ -70,7 +70,7 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
70
70
|
"mobile-disabled": r,
|
|
71
71
|
"highlight-un-stored-item": b && !N
|
|
72
72
|
}),
|
|
73
|
-
onClick:
|
|
73
|
+
onClick: y,
|
|
74
74
|
children: [
|
|
75
75
|
n == null ? void 0 : n(o),
|
|
76
76
|
!a && /* @__PURE__ */ s(
|
|
@@ -83,7 +83,7 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
83
83
|
disabled: a
|
|
84
84
|
}),
|
|
85
85
|
onClick: d,
|
|
86
|
-
children: /* @__PURE__ */ s(
|
|
86
|
+
children: /* @__PURE__ */ s($e, {})
|
|
87
87
|
}
|
|
88
88
|
)
|
|
89
89
|
]
|
|
@@ -98,7 +98,7 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
98
98
|
renderCustomSelectedItem: i,
|
|
99
99
|
...p
|
|
100
100
|
}) => o.map((u) => i ? i(u) : /* @__PURE__ */ s(
|
|
101
|
-
|
|
101
|
+
je,
|
|
102
102
|
{
|
|
103
103
|
parseValueToString: e,
|
|
104
104
|
error: (a == null ? void 0 : a(u)) || "",
|
|
@@ -132,9 +132,9 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
132
132
|
...u
|
|
133
133
|
}) => {
|
|
134
134
|
const g = () => p || (i === "key-variant" ? "New key" : "New value");
|
|
135
|
-
return a ? /* @__PURE__ */
|
|
135
|
+
return a ? /* @__PURE__ */ M(ee, { children: [
|
|
136
136
|
/* @__PURE__ */ s("div", { className: X("divider") }),
|
|
137
|
-
/* @__PURE__ */
|
|
137
|
+
/* @__PURE__ */ M(
|
|
138
138
|
"li",
|
|
139
139
|
{
|
|
140
140
|
className: X("new-item", i, {
|
|
@@ -146,11 +146,11 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
146
146
|
children: [
|
|
147
147
|
/* @__PURE__ */ s("span", { className: X("value"), children: r }),
|
|
148
148
|
/* @__PURE__ */ s(
|
|
149
|
-
|
|
149
|
+
Fe,
|
|
150
150
|
{
|
|
151
151
|
...!n && u,
|
|
152
152
|
className: X({ "button-active": o }),
|
|
153
|
-
icon: /* @__PURE__ */ s(
|
|
153
|
+
icon: /* @__PURE__ */ s(Me, {}),
|
|
154
154
|
variant: "text",
|
|
155
155
|
children: g()
|
|
156
156
|
}
|
|
@@ -185,25 +185,25 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
185
185
|
newItemButtonText: N,
|
|
186
186
|
renderOption: b,
|
|
187
187
|
getUniqKey: E,
|
|
188
|
-
getItemProps:
|
|
188
|
+
getItemProps: w,
|
|
189
189
|
parseValueToString: f
|
|
190
190
|
} = o, I = Y(() => (e || []).filter((t) => f(t).toUpperCase().indexOf((r.toUpperCase() || "").trim()) > -1), [r, e, f]), k = Y(
|
|
191
|
-
(t, l, h = !1) => b ? b(t, l, h,
|
|
191
|
+
(t, l, h = !1) => b ? b(t, l, h, w) : /* @__PURE__ */ s(
|
|
192
192
|
fe,
|
|
193
193
|
{
|
|
194
194
|
optionVariant: g,
|
|
195
|
-
...
|
|
195
|
+
...w({ item: t, index: l }),
|
|
196
196
|
isNew: h,
|
|
197
197
|
newItemButtonText: N,
|
|
198
198
|
children: f(t)
|
|
199
199
|
},
|
|
200
200
|
(E == null ? void 0 : E(t)) || f(t)
|
|
201
201
|
),
|
|
202
|
-
[
|
|
202
|
+
[w, E, N, g, f, b]
|
|
203
203
|
), _ = Y(
|
|
204
204
|
(t) => t.length ? t.map((l, h) => k(l, h)) : "",
|
|
205
205
|
[k]
|
|
206
|
-
),
|
|
206
|
+
), y = Y(
|
|
207
207
|
(t) => {
|
|
208
208
|
const l = t.length;
|
|
209
209
|
return /* @__PURE__ */ s("div", { className: ie({ container: !l }), children: /* @__PURE__ */ s(
|
|
@@ -211,26 +211,26 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
211
211
|
{
|
|
212
212
|
optionVariant: g,
|
|
213
213
|
isNew: !0,
|
|
214
|
-
...
|
|
214
|
+
...w({ item: r, index: l }),
|
|
215
215
|
children: f(r)
|
|
216
216
|
},
|
|
217
217
|
f(r)
|
|
218
218
|
) });
|
|
219
219
|
},
|
|
220
|
-
[
|
|
221
|
-
),
|
|
222
|
-
(t) => n ? /* @__PURE__ */
|
|
223
|
-
/* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s(
|
|
224
|
-
!i &&
|
|
220
|
+
[w, r, g, f]
|
|
221
|
+
), B = Y(
|
|
222
|
+
(t) => n ? /* @__PURE__ */ M(ee, { children: [
|
|
223
|
+
/* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s(Be, {}) }),
|
|
224
|
+
!i && y(t)
|
|
225
225
|
] }) : "",
|
|
226
|
-
[i, n,
|
|
227
|
-
),
|
|
226
|
+
[i, n, y]
|
|
227
|
+
), $ = Y(() => {
|
|
228
228
|
const t = (e == null ? void 0 : e.length) === 0 ? p || "No available options" : u || "No matches found";
|
|
229
229
|
return /* @__PURE__ */ s("div", { className: ie("empty-list-message"), children: t });
|
|
230
|
-
}, [p, u, e == null ? void 0 : e.length]), c = a ? e : I(), d =
|
|
231
|
-
return d || /* @__PURE__ */
|
|
232
|
-
/* @__PURE__ */ s(
|
|
233
|
-
!i &&
|
|
230
|
+
}, [p, u, e == null ? void 0 : e.length]), c = a ? e : I(), d = B(e);
|
|
231
|
+
return d || /* @__PURE__ */ M("div", { className: ie({ container: e.length }), children: [
|
|
232
|
+
/* @__PURE__ */ s(Se, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: qe(c) ? $() : _(c) }),
|
|
233
|
+
!i && y(c)
|
|
234
234
|
] });
|
|
235
235
|
}, et = "_menu_1bgrz_16", tt = "_opened_1bgrz_35", ot = "_dark_1bgrz_38", nt = {
|
|
236
236
|
menu: et,
|
|
@@ -276,7 +276,7 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
276
276
|
getOptionUniqKeyValue: g,
|
|
277
277
|
...N
|
|
278
278
|
}) => {
|
|
279
|
-
const [b, E] = de(n),
|
|
279
|
+
const [b, E] = de(n), w = (c, d) => {
|
|
280
280
|
const t = {
|
|
281
281
|
...b
|
|
282
282
|
};
|
|
@@ -294,17 +294,17 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
294
294
|
} else
|
|
295
295
|
d(b);
|
|
296
296
|
}, I = (c, d) => {
|
|
297
|
-
const t = p(c), l = Array.isArray(t) ? t : [t], L = [...a.filter((
|
|
298
|
-
e == null || e(L, d),
|
|
297
|
+
const t = p(c), l = Array.isArray(t) ? t : [t], L = [...a.filter((C) => l.indexOf(C) < 0), ...l];
|
|
298
|
+
e == null || e(L, d), w(l, (C) => r == null ? void 0 : r(L, C));
|
|
299
299
|
}, k = (c, d) => {
|
|
300
300
|
const t = a.indexOf(c), l = [...a];
|
|
301
301
|
l.splice(t, 1, d), e == null || e(l, null);
|
|
302
302
|
}, _ = (c, d) => {
|
|
303
303
|
const t = a.filter((h) => !V(h, c));
|
|
304
304
|
e == null || e(t, d), f(c, (h) => r == null ? void 0 : r(t, h));
|
|
305
|
-
},
|
|
305
|
+
}, y = (c, d) => {
|
|
306
306
|
c && I(c, d);
|
|
307
|
-
},
|
|
307
|
+
}, B = (c) => ({
|
|
308
308
|
removeItem: _,
|
|
309
309
|
editItem: k,
|
|
310
310
|
handleChange: e,
|
|
@@ -329,27 +329,27 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
329
329
|
return d;
|
|
330
330
|
}
|
|
331
331
|
},
|
|
332
|
-
onChange:
|
|
332
|
+
onChange: y,
|
|
333
333
|
selectedItem: null,
|
|
334
|
-
children: (c) => i == null ? void 0 : i(
|
|
334
|
+
children: (c) => i == null ? void 0 : i(B(c))
|
|
335
335
|
}
|
|
336
336
|
);
|
|
337
|
-
}, at = "
|
|
337
|
+
}, at = "_autocomplete_w0t1o_16", it = "_disabled_w0t1o_32", dt = "_error_w0t1o_35", ut = "_touched_w0t1o_35", mt = "_input_w0t1o_74", ft = {
|
|
338
338
|
autocomplete: at,
|
|
339
|
-
"autocomplete-wrapper": "_autocomplete-
|
|
339
|
+
"autocomplete-wrapper": "_autocomplete-wrapper_w0t1o_28",
|
|
340
340
|
disabled: it,
|
|
341
341
|
error: dt,
|
|
342
342
|
touched: ut,
|
|
343
|
-
"clear-icon": "_clear-
|
|
344
|
-
"clear-icon--disabled": "_clear-icon--
|
|
345
|
-
"autocomplete-input": "_autocomplete-
|
|
346
|
-
"mobile-disabled": "_mobile-
|
|
343
|
+
"clear-icon": "_clear-icon_w0t1o_46",
|
|
344
|
+
"clear-icon--disabled": "_clear-icon--disabled_w0t1o_56",
|
|
345
|
+
"autocomplete-input": "_autocomplete-input_w0t1o_60",
|
|
346
|
+
"mobile-disabled": "_mobile-disabled_w0t1o_69",
|
|
347
347
|
input: mt,
|
|
348
|
-
"type-number": "_type-
|
|
349
|
-
"error-text": "_error-
|
|
350
|
-
"dropdown-button": "_dropdown-
|
|
351
|
-
"icon-reversed": "_icon-
|
|
352
|
-
},
|
|
348
|
+
"type-number": "_type-number_w0t1o_98",
|
|
349
|
+
"error-text": "_error-text_w0t1o_109",
|
|
350
|
+
"dropdown-button": "_dropdown-button_w0t1o_118",
|
|
351
|
+
"icon-reversed": "_icon-reversed_w0t1o_126"
|
|
352
|
+
}, j = H.bind(ft), Ot = (o) => {
|
|
353
353
|
const {
|
|
354
354
|
options: e = [],
|
|
355
355
|
loading: a = !1,
|
|
@@ -365,15 +365,15 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
365
365
|
},
|
|
366
366
|
onFocus: E = () => {
|
|
367
367
|
},
|
|
368
|
-
onBlur:
|
|
368
|
+
onBlur: w = () => {
|
|
369
369
|
},
|
|
370
370
|
disabled: f = !1,
|
|
371
371
|
isDropdownMode: I = !1,
|
|
372
372
|
mobileDisabled: k = !1,
|
|
373
373
|
inputProps: _ = {},
|
|
374
|
-
parseValueToString:
|
|
375
|
-
maxLength:
|
|
376
|
-
async:
|
|
374
|
+
parseValueToString: y = (m) => m == null ? "" : String(m),
|
|
375
|
+
maxLength: B = null,
|
|
376
|
+
async: $ = !1,
|
|
377
377
|
customClass: c = "",
|
|
378
378
|
createWithoutConfirmation: d = !1,
|
|
379
379
|
getItemValidationErrorType: t = null,
|
|
@@ -382,96 +382,96 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
382
382
|
getAdditionalCreationCondition: h = () => !0,
|
|
383
383
|
highlightUnStoredItem: L = !1,
|
|
384
384
|
parseInputValueFn: G = null,
|
|
385
|
-
handleUnStoredItemCb:
|
|
385
|
+
handleUnStoredItemCb: C = null,
|
|
386
386
|
dataAutomationId: te = "",
|
|
387
387
|
existingItemsMap: Z = {},
|
|
388
388
|
customizeNewSelectedValue: oe = (m) => m,
|
|
389
389
|
renderCustomSelectedItem: ne,
|
|
390
390
|
useFixedPositioning: se,
|
|
391
|
-
newItemButtonText:
|
|
392
|
-
...
|
|
393
|
-
} = o, { refs:
|
|
391
|
+
newItemButtonText: S = "",
|
|
392
|
+
...R
|
|
393
|
+
} = o, { refs: O, floatingStyles: P } = he({
|
|
394
394
|
placement: "bottom-start",
|
|
395
395
|
strategy: se ? "fixed" : "absolute",
|
|
396
396
|
whileElementsMounted: be
|
|
397
|
-
}),
|
|
397
|
+
}), q = n.length === 0 && !f ? i : "", A = Ee(null);
|
|
398
398
|
Ie(() => {
|
|
399
399
|
l();
|
|
400
400
|
}, [l, n]);
|
|
401
401
|
const re = (m, v) => {
|
|
402
402
|
b(m, v);
|
|
403
|
-
}, ce = (m, v,
|
|
403
|
+
}, ce = (m, v, F) => ({ item: x, index: T, ...z }) => m({
|
|
404
404
|
item: x,
|
|
405
405
|
index: T,
|
|
406
|
-
isSelected:
|
|
406
|
+
isSelected: F.some((le) => V(le, x)),
|
|
407
407
|
...z,
|
|
408
408
|
isActive: v === T
|
|
409
409
|
}), J = ({
|
|
410
410
|
event: m,
|
|
411
411
|
removeItem: v,
|
|
412
|
-
inputValue:
|
|
412
|
+
inputValue: F
|
|
413
413
|
}) => {
|
|
414
|
-
m.key === "Backspace" && !
|
|
415
|
-
},
|
|
414
|
+
m.key === "Backspace" && !F && n.length && v(n[n.length - 1], null);
|
|
415
|
+
}, D = ({
|
|
416
416
|
inputValue: m,
|
|
417
417
|
selectItem: v,
|
|
418
|
-
clearSelection:
|
|
418
|
+
clearSelection: F
|
|
419
419
|
}) => {
|
|
420
420
|
if (G) {
|
|
421
421
|
const x = G(m);
|
|
422
|
-
(x.length ? x : [m]).forEach((z) => v(z)),
|
|
422
|
+
(x.length ? x : [m]).forEach((z) => v(z)), F();
|
|
423
423
|
} else
|
|
424
|
-
v(m),
|
|
424
|
+
v(m), F();
|
|
425
425
|
}, W = (m) => (v) => {
|
|
426
|
-
m(v, null),
|
|
426
|
+
m(v, null), A.current && A.current.focus();
|
|
427
427
|
}, Q = e.filter((m) => n.every((v) => !V(v, m)));
|
|
428
428
|
return /* @__PURE__ */ s(
|
|
429
429
|
lt,
|
|
430
430
|
{
|
|
431
431
|
onChange: re,
|
|
432
|
-
itemToString:
|
|
432
|
+
itemToString: y,
|
|
433
433
|
selectedItems: n,
|
|
434
434
|
onStateChange: r,
|
|
435
435
|
options: e,
|
|
436
436
|
existingItemsMap: Z,
|
|
437
|
-
handleUnStoredItemCb:
|
|
437
|
+
handleUnStoredItemCb: C,
|
|
438
438
|
customizeNewSelectedValue: oe,
|
|
439
439
|
children: ({
|
|
440
440
|
getInputProps: m,
|
|
441
441
|
getItemProps: v,
|
|
442
|
-
isOpen:
|
|
442
|
+
isOpen: F,
|
|
443
443
|
inputValue: x,
|
|
444
444
|
highlightedIndex: T,
|
|
445
445
|
removeItem: z,
|
|
446
446
|
editItem: le,
|
|
447
|
-
openMenu:
|
|
447
|
+
openMenu: we,
|
|
448
448
|
selectItem: ue,
|
|
449
449
|
clearSelection: me,
|
|
450
|
-
toggleMenu:
|
|
450
|
+
toggleMenu: ye,
|
|
451
451
|
storedItemsMap: Ne,
|
|
452
452
|
getRootProps: ke
|
|
453
|
-
}) => /* @__PURE__ */
|
|
453
|
+
}) => /* @__PURE__ */ M(
|
|
454
454
|
"div",
|
|
455
455
|
{
|
|
456
456
|
...ke(void 0, { suppressRefError: !0 }),
|
|
457
|
-
className:
|
|
458
|
-
ref:
|
|
457
|
+
className: j("autocomplete-wrapper"),
|
|
458
|
+
ref: O.setReference,
|
|
459
459
|
children: [
|
|
460
|
-
/* @__PURE__ */
|
|
461
|
-
/* @__PURE__ */
|
|
460
|
+
/* @__PURE__ */ M(ee, { children: [
|
|
461
|
+
/* @__PURE__ */ M(
|
|
462
462
|
"div",
|
|
463
463
|
{
|
|
464
|
-
className:
|
|
464
|
+
className: j("autocomplete", c, {
|
|
465
465
|
"mobile-disabled": k,
|
|
466
466
|
error: p,
|
|
467
467
|
touched: u,
|
|
468
468
|
disabled: f
|
|
469
469
|
}),
|
|
470
470
|
children: [
|
|
471
|
-
/* @__PURE__ */
|
|
471
|
+
/* @__PURE__ */ M(
|
|
472
472
|
"div",
|
|
473
473
|
{
|
|
474
|
-
className:
|
|
474
|
+
className: j("autocomplete-input", {
|
|
475
475
|
"mobile-disabled": k
|
|
476
476
|
}),
|
|
477
477
|
children: [
|
|
@@ -482,7 +482,7 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
482
482
|
onRemoveItem: W(z),
|
|
483
483
|
disabled: f,
|
|
484
484
|
mobileDisabled: k,
|
|
485
|
-
parseValueToString:
|
|
485
|
+
parseValueToString: y,
|
|
486
486
|
getItemValidationErrorType: t,
|
|
487
487
|
renderCustomSelectedItem: ne,
|
|
488
488
|
editItem: le,
|
|
@@ -496,21 +496,21 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
496
496
|
"input",
|
|
497
497
|
{
|
|
498
498
|
...m({
|
|
499
|
-
ref:
|
|
500
|
-
placeholder:
|
|
501
|
-
maxLength:
|
|
499
|
+
ref: A,
|
|
500
|
+
placeholder: q,
|
|
501
|
+
maxLength: B,
|
|
502
502
|
onFocus: () => {
|
|
503
|
-
|
|
503
|
+
we(), E();
|
|
504
504
|
},
|
|
505
505
|
onKeyDown: (K) => {
|
|
506
|
-
K.key === "Enter" && x && g && h(x) &&
|
|
506
|
+
K.key === "Enter" && x && g && h(x) && D({
|
|
507
507
|
inputValue: x,
|
|
508
508
|
selectItem: ue,
|
|
509
509
|
clearSelection: me
|
|
510
510
|
}), J({ event: K, removeItem: z, inputValue: x });
|
|
511
511
|
},
|
|
512
512
|
onBlur: () => {
|
|
513
|
-
|
|
513
|
+
w(), x && g && h(x) && D({
|
|
514
514
|
inputValue: x,
|
|
515
515
|
selectItem: ue,
|
|
516
516
|
clearSelection: me
|
|
@@ -519,7 +519,7 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
519
519
|
disabled: f,
|
|
520
520
|
..._
|
|
521
521
|
}),
|
|
522
|
-
className:
|
|
522
|
+
className: j("input", { disabled: f }),
|
|
523
523
|
"data-automation-id": te
|
|
524
524
|
}
|
|
525
525
|
)
|
|
@@ -529,46 +529,46 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
529
529
|
(_ == null ? void 0 : _.clearable) && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ s(
|
|
530
530
|
"button",
|
|
531
531
|
{
|
|
532
|
-
className:
|
|
532
|
+
className: j("clear-icon", { "clear-icon--disabled": f }),
|
|
533
533
|
onClick: () => {
|
|
534
534
|
var K;
|
|
535
535
|
return !f && ((K = _ == null ? void 0 : _.onClear) == null ? void 0 : K.call(_));
|
|
536
536
|
},
|
|
537
|
-
children: /* @__PURE__ */ s(
|
|
537
|
+
children: /* @__PURE__ */ s(De, {})
|
|
538
538
|
}
|
|
539
539
|
),
|
|
540
540
|
I && /* @__PURE__ */ s(
|
|
541
541
|
"button",
|
|
542
542
|
{
|
|
543
543
|
type: "button",
|
|
544
|
-
className:
|
|
545
|
-
onClick: () =>
|
|
544
|
+
className: j("dropdown-button", { "icon-reversed": F }),
|
|
545
|
+
onClick: () => ye(),
|
|
546
546
|
"aria-label": "Toggle dropdown",
|
|
547
|
-
"aria-expanded":
|
|
547
|
+
"aria-expanded": F,
|
|
548
548
|
children: /* @__PURE__ */ s(ve, {})
|
|
549
549
|
}
|
|
550
550
|
)
|
|
551
551
|
]
|
|
552
552
|
}
|
|
553
553
|
),
|
|
554
|
-
p && u && /* @__PURE__ */ s("span", { className:
|
|
554
|
+
p && u && /* @__PURE__ */ s("span", { className: j("error-text"), children: p })
|
|
555
555
|
] }),
|
|
556
556
|
/* @__PURE__ */ s(
|
|
557
557
|
ge,
|
|
558
558
|
{
|
|
559
|
-
isOpen:
|
|
559
|
+
isOpen: F,
|
|
560
560
|
loading: a,
|
|
561
|
-
async:
|
|
562
|
-
ref:
|
|
563
|
-
newItemButtonText:
|
|
561
|
+
async: $,
|
|
562
|
+
ref: O.setFloating,
|
|
563
|
+
newItemButtonText: S,
|
|
564
564
|
isDropdownMode: I,
|
|
565
565
|
style: P,
|
|
566
566
|
inputValue: (x || "").trim(),
|
|
567
567
|
getItemProps: ce(v, T, n),
|
|
568
|
-
parseValueToString:
|
|
568
|
+
parseValueToString: y,
|
|
569
569
|
createWithoutConfirmation: d,
|
|
570
570
|
options: Q,
|
|
571
|
-
...
|
|
571
|
+
...R
|
|
572
572
|
}
|
|
573
573
|
)
|
|
574
574
|
]
|
|
@@ -580,7 +580,7 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
580
580
|
"input-wrapper": "_input-wrapper_d9vma_1",
|
|
581
581
|
"dropdown-button": "_dropdown-button_d9vma_6",
|
|
582
582
|
"icon-reversed": "_icon-reversed_d9vma_14"
|
|
583
|
-
}, pe = H.bind(ht), bt = 0,
|
|
583
|
+
}, pe = H.bind(ht), bt = 0, jt = (o) => {
|
|
584
584
|
const {
|
|
585
585
|
options: e = [],
|
|
586
586
|
value: a,
|
|
@@ -593,18 +593,18 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
593
593
|
},
|
|
594
594
|
disabled: u = !1,
|
|
595
595
|
inputProps: g = {},
|
|
596
|
-
parseValueToString: N = (
|
|
596
|
+
parseValueToString: N = (S) => S === null ? "" : String(S),
|
|
597
597
|
minLength: b = 1,
|
|
598
598
|
skipOptionCreation: E = !1,
|
|
599
|
-
maxLength:
|
|
599
|
+
maxLength: w = null,
|
|
600
600
|
optionVariant: f = "",
|
|
601
601
|
isRequired: I = !1,
|
|
602
602
|
error: k = "",
|
|
603
603
|
touched: _ = !1,
|
|
604
|
-
setTouch:
|
|
604
|
+
setTouch: y = () => {
|
|
605
605
|
},
|
|
606
|
-
createWithoutConfirmation:
|
|
607
|
-
menuClassName:
|
|
606
|
+
createWithoutConfirmation: B = !1,
|
|
607
|
+
menuClassName: $ = "",
|
|
608
608
|
icon: c,
|
|
609
609
|
isDropdownMode: d = !1,
|
|
610
610
|
isOptionUnique: t,
|
|
@@ -612,20 +612,20 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
612
612
|
stateReducer: h,
|
|
613
613
|
onStateChange: L,
|
|
614
614
|
useFixedPositioning: G,
|
|
615
|
-
newItemButtonText:
|
|
615
|
+
newItemButtonText: C = "",
|
|
616
616
|
...te
|
|
617
617
|
} = o, { refs: Z, floatingStyles: oe } = he({
|
|
618
618
|
placement: "bottom-start",
|
|
619
619
|
strategy: G ? "fixed" : "absolute",
|
|
620
620
|
whileElementsMounted: be
|
|
621
|
-
}), ne = (
|
|
621
|
+
}), ne = (S, R, O) => ({ item: P, index: q, ...A }) => S({
|
|
622
622
|
item: P,
|
|
623
|
-
index:
|
|
624
|
-
isSelected:
|
|
625
|
-
...
|
|
626
|
-
isActive:
|
|
627
|
-
}), se = (
|
|
628
|
-
|
|
623
|
+
index: q,
|
|
624
|
+
isSelected: O !== null && O === P,
|
|
625
|
+
...A,
|
|
626
|
+
isActive: R === q
|
|
627
|
+
}), se = (S, R) => {
|
|
628
|
+
S.key === pt && (S.preventDefault(), R(e.length));
|
|
629
629
|
};
|
|
630
630
|
return /* @__PURE__ */ s(
|
|
631
631
|
U,
|
|
@@ -637,16 +637,16 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
637
637
|
defaultHighlightedIndex: bt,
|
|
638
638
|
stateReducer: h,
|
|
639
639
|
children: ({
|
|
640
|
-
getInputProps:
|
|
641
|
-
getItemProps:
|
|
642
|
-
setHighlightedIndex:
|
|
640
|
+
getInputProps: S,
|
|
641
|
+
getItemProps: R,
|
|
642
|
+
setHighlightedIndex: O,
|
|
643
643
|
toggleMenu: P,
|
|
644
|
-
isOpen:
|
|
645
|
-
inputValue:
|
|
644
|
+
isOpen: q,
|
|
645
|
+
inputValue: A,
|
|
646
646
|
highlightedIndex: re,
|
|
647
647
|
getRootProps: ce,
|
|
648
648
|
selectItem: J
|
|
649
|
-
}) => /* @__PURE__ */ s(ee, { children: /* @__PURE__ */
|
|
649
|
+
}) => /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ M(
|
|
650
650
|
"div",
|
|
651
651
|
{
|
|
652
652
|
className: pe("input-wrapper"),
|
|
@@ -654,23 +654,23 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
654
654
|
ref: Z.setReference,
|
|
655
655
|
children: [
|
|
656
656
|
/* @__PURE__ */ s(
|
|
657
|
-
|
|
657
|
+
Ae,
|
|
658
658
|
{
|
|
659
|
-
...
|
|
659
|
+
...S({
|
|
660
660
|
placeholder: u ? "" : r,
|
|
661
|
-
maxLength:
|
|
661
|
+
maxLength: w || void 0,
|
|
662
662
|
onFocus: () => {
|
|
663
663
|
i();
|
|
664
664
|
},
|
|
665
665
|
refFunction: l,
|
|
666
|
-
onKeyDown: (
|
|
667
|
-
|
|
666
|
+
onKeyDown: (D) => {
|
|
667
|
+
D.key === _t && D.preventDefault(), A && q && se(D, O);
|
|
668
668
|
},
|
|
669
|
-
onBlur: (
|
|
670
|
-
const W = (
|
|
671
|
-
J(m || (!E &&
|
|
669
|
+
onBlur: (D) => {
|
|
670
|
+
const W = (A ?? "").trim(), Q = !!W, m = Q ? e.find((v) => N(v) === W) : void 0;
|
|
671
|
+
J(m || (!E && B && Q ? W : null)), p(D), t == null || t(
|
|
672
672
|
Q ? !e.some((v) => N(v) === W) : null
|
|
673
|
-
),
|
|
673
|
+
), y == null || y(!0);
|
|
674
674
|
},
|
|
675
675
|
disabled: u,
|
|
676
676
|
defaultWidth: !1,
|
|
@@ -682,10 +682,10 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
682
682
|
"button",
|
|
683
683
|
{
|
|
684
684
|
type: "button",
|
|
685
|
-
className: pe("dropdown-button", { "icon-reversed":
|
|
685
|
+
className: pe("dropdown-button", { "icon-reversed": q }),
|
|
686
686
|
onClick: () => P(),
|
|
687
687
|
"aria-label": "Toggle dropdown",
|
|
688
|
-
"aria-expanded":
|
|
688
|
+
"aria-expanded": q,
|
|
689
689
|
children: /* @__PURE__ */ s(ve, {})
|
|
690
690
|
}
|
|
691
691
|
) : c,
|
|
@@ -696,19 +696,19 @@ const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
|
|
|
696
696
|
/* @__PURE__ */ s(
|
|
697
697
|
ge,
|
|
698
698
|
{
|
|
699
|
-
isOpen:
|
|
699
|
+
isOpen: q,
|
|
700
700
|
isDropdownMode: d,
|
|
701
701
|
style: oe,
|
|
702
702
|
ref: Z.setFloating,
|
|
703
703
|
minLength: b,
|
|
704
|
-
inputValue: (
|
|
705
|
-
getItemProps: ne(
|
|
704
|
+
inputValue: (A || "").trim(),
|
|
705
|
+
getItemProps: ne(R, re, a),
|
|
706
706
|
parseValueToString: N,
|
|
707
707
|
optionVariant: f,
|
|
708
|
-
createWithoutConfirmation:
|
|
709
|
-
className:
|
|
708
|
+
createWithoutConfirmation: B,
|
|
709
|
+
className: $,
|
|
710
710
|
options: e,
|
|
711
|
-
newItemButtonText:
|
|
711
|
+
newItemButtonText: C,
|
|
712
712
|
...te
|
|
713
713
|
}
|
|
714
714
|
)
|
|
@@ -723,6 +723,6 @@ export {
|
|
|
723
723
|
fe as AutocompleteOption,
|
|
724
724
|
Ve as AutocompleteOptions,
|
|
725
725
|
ze as AutocompletePrompt,
|
|
726
|
-
|
|
727
|
-
|
|
726
|
+
Ot as MultipleAutocomplete,
|
|
727
|
+
jt as SingleAutocomplete
|
|
728
728
|
};
|