@reportportal/ui-kit 0.0.1-alpha.237 → 0.0.1-alpha.238

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.
@@ -1,894 +1,79 @@
1
- import { jsx as r, jsxs as B, Fragment as he } from "react/jsx-runtime";
2
- import { useState as ne, useRef as Ce, useEffect as we, useCallback as K, forwardRef as je, useLayoutEffect as He, useMemo as We } from "react";
3
- import { c as G } from "./bind-06a7ff84.js";
4
- import { Scrollbars as Ye } from "rc-scrollbars";
5
- import { B as Ke } from "./bubblesLoader-f3ffa240.js";
6
- import { B as Xe } from "./button-7ab874f3.js";
7
- import { S as Ge } from "./plus-199fb2a8.js";
8
- import { i as Me } from "./isEmpty-ccacb5ff.js";
9
- import { createPortal as Je } from "react-dom";
10
- import _e from "downshift";
11
- import { useFloating as Be, autoUpdate as Oe, flip as Qe, size as Ze } from "@floating-ui/react";
12
- import { F as qe } from "./fieldText-1749da7a.js";
13
- import { S as Te } from "./dropdown-0260bb66.js";
14
- import { E as $e, A as Ue, T as Ve } from "./constants-85822a6b.js";
15
- import { S as et } from "./close-4d480ef7.js";
16
- import { S as tt } from "./clear-53660571.js";
17
- import "./openEye-950159cb.js";
1
+ import { A as fo, b as go, c as xo, a as Po, M as ho, S as jo } from "./index-7ddba309.js";
2
+ import "react/jsx-runtime";
3
+ import "react";
4
+ import "./bind-06a7ff84.js";
5
+ import "rc-scrollbars";
6
+ import "./bubblesLoader-f3ffa240.js";
7
+ import "./button-7ab874f3.js";
8
+ import "./plus-0929dda4.js";
9
+ import "./isEmpty-ccacb5ff.js";
10
+ import "react-dom";
11
+ import "downshift";
12
+ import "@floating-ui/react";
13
+ import "./clear-53660571.js";
14
+ import "./prevPage-1c4a826f.js";
15
+ import "./adaptiveTagList.js";
16
+ import "./close-4d480ef7.js";
17
+ import "./actionMenu-f8a2f5bb.js";
18
+ import "./details-dbb1530b.js";
18
19
  import "./baseIconButton-251479f7.js";
19
- import "./spinLoader-c4a53718.js";
20
- import "./maxValueDisplay-9be01a75.js";
20
+ import "./popover.js";
21
+ import "./floatingUi-46f5b896.js";
22
+ import "./index-d6e02727.js";
23
+ import "./xls-995781cc.js";
24
+ import "./breadcrumbs-5730e318.js";
25
+ import "es-toolkit";
26
+ import "./tree-c3dd3d45.js";
27
+ import "./bulkPanel.js";
28
+ import "./useOnClickOutside-8f7d68a1.js";
29
+ import "react-dnd";
30
+ import "react-dnd-html5-backend";
31
+ import "./keyCodes-f63c0e11.js";
32
+ import "./selection-da1a3528.js";
33
+ import "./chip.js";
34
+ import "./tooltip.js";
35
+ import "./chevronDownDropdown-0260bb66.js";
36
+ import "./warning-537ead32.js";
37
+ import "./checkbox-76aa8f97.js";
38
+ import "react-datepicker/dist/es/index.js";
39
+ import "./dropdown-d2a05471.js";
40
+ import "@floating-ui/react-dom";
41
+ import "./dropdown-0260bb66.js";
21
42
  import "./fieldLabel.js";
22
- const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
23
- "selected-item": "_selected-item_1rpph_16",
24
- "validation-error": "_validation-error_1rpph_35",
25
- "highlight-un-stored-item": "_highlight-un-stored-item_1rpph_40",
26
- disabled: ot,
27
- "mobile-disabled": "_mobile-disabled_1rpph_48",
28
- "selected-item-text": "_selected-item-text_1rpph_54",
29
- "single-line": "_single-line_1rpph_58",
30
- "cross-icon": "_cross-icon_1rpph_64",
31
- input: st
32
- }, fe = G.bind(nt), rt = (t) => t.scrollWidth > t.clientWidth, lt = ({
33
- item: t,
34
- onRemoveItem: e,
35
- disabled: n = !1,
36
- mobileDisabled: o = !1,
37
- parseValueToString: s,
38
- error: l = !1,
39
- editItem: h,
40
- editable: d = !1,
41
- getAdditionalCreationCondition: b = () => !0,
42
- storedOption: N = !0,
43
- highlightUnStoredItem: p = !1,
44
- variant: R = "light",
45
- getItemName: C,
46
- singleLine: m = !1,
47
- className: F,
48
- textClassName: P
49
- }) => {
50
- const [y, E] = ne(!1), [L, O] = ne(""), [c, i] = ne(!1), a = Ce(null), f = () => {
51
- !n && d && !N && (O((C == null ? void 0 : C(t)) || (s == null ? void 0 : s(t)) || ""), E(!0));
52
- }, g = (x) => {
53
- O(x.target.value);
54
- }, S = (x) => {
55
- const $ = b(L);
56
- x.key === "Enter" && $ && (h(t, L), E(!1), O(""));
57
- }, _ = () => {
58
- E(!1), O("");
59
- }, k = (x) => {
60
- x.stopPropagation(), e(t);
61
- }, M = (s == null ? void 0 : s(t)) || "";
62
- we(() => {
63
- if (a.current && m) {
64
- const x = () => {
65
- a.current && i(rt(a.current));
66
- };
67
- if (x(), typeof ResizeObserver < "u") {
68
- const $ = new ResizeObserver(x);
69
- return $.observe(a.current), () => $.disconnect();
70
- }
71
- } else
72
- i(!1);
73
- }, [M, m]);
74
- const A = fe(
75
- "selected-item-text",
76
- {
77
- "single-line": m
78
- },
79
- P
80
- ), H = fe(
81
- "selected-item",
82
- R,
83
- {
84
- [`validation-${l}`]: l,
85
- disabled: n,
86
- "mobile-disabled": o,
87
- "highlight-un-stored-item": p && !N
88
- },
89
- F
90
- );
91
- return y ? /* @__PURE__ */ r(
92
- "input",
93
- {
94
- autoFocus: !0,
95
- value: L,
96
- onChange: g,
97
- onKeyDown: S,
98
- onBlur: _,
99
- className: fe("input")
100
- }
101
- ) : /* @__PURE__ */ B("div", { className: H, onClick: f, children: [
102
- /* @__PURE__ */ r(
103
- "span",
104
- {
105
- ref: a,
106
- className: A,
107
- title: m && c ? M : void 0,
108
- children: M
109
- }
110
- ),
111
- !n && /* @__PURE__ */ r(
112
- "button",
113
- {
114
- type: "button",
115
- className: fe("cross-icon", {
116
- [`validation-${l}`]: l,
117
- "mobile-disabled": o,
118
- disabled: n
119
- }),
120
- onClick: k,
121
- children: /* @__PURE__ */ r(et, {})
122
- }
123
- )
124
- ] });
125
- }, ct = ({
126
- items: t = [],
127
- parseValueToString: e,
128
- getItemValidationErrorType: n,
129
- storedItemsMap: o = {},
130
- highlightUnStoredItem: s = !1,
131
- renderCustomSelectedItem: l,
132
- selectedItemSingleLine: h,
133
- selectedItemClassName: d,
134
- selectedItemTextClassName: b,
135
- ...N
136
- }) => t.map((p) => l ? l(p) : /* @__PURE__ */ r(
137
- lt,
138
- {
139
- parseValueToString: e,
140
- error: (n == null ? void 0 : n(p)) || "",
141
- item: p,
142
- storedOption: !!o[e(p)],
143
- highlightUnStoredItem: s,
144
- singleLine: h,
145
- className: d,
146
- textClassName: b,
147
- ...N
148
- },
149
- e == null ? void 0 : e(p)
150
- )), it = "_prompt_1xfmd_16", at = {
151
- prompt: it
152
- }, dt = G.bind(at), ut = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: dt("prompt"), children: t }), mt = "_item_zw4ux_16", ft = "_divider_zw4ux_24", pt = "_active_zw4ux_49", _t = "_value_zw4ux_55", ht = "_tag_zw4ux_69", wt = "_disabled_zw4ux_80", vt = {
153
- item: mt,
154
- divider: ft,
155
- "new-item": "_new-item_zw4ux_31",
156
- active: pt,
157
- value: _t,
158
- "key-variant": "_key-variant_zw4ux_66",
159
- tag: ht,
160
- "button-active": "_button-active_zw4ux_80",
161
- disabled: wt,
162
- "value-variant": "_value-variant_zw4ux_100"
163
- }, V = G.bind(vt), Fe = ({
164
- isActive: t = !1,
165
- isSelected: e = !1,
166
- isNew: n = !1,
167
- children: o = null,
168
- disabled: s = !1,
169
- optionVariant: l = "",
170
- newItemButtonText: h = "",
171
- ...d
172
- }) => {
173
- const b = () => h || (l === "key-variant" ? "New key" : "New value");
174
- return n ? /* @__PURE__ */ B(he, { children: [
175
- /* @__PURE__ */ r("div", { className: V("divider") }),
176
- /* @__PURE__ */ B(
177
- "li",
178
- {
179
- className: V("new-item", l, {
180
- active: t,
181
- selected: e,
182
- disabled: s
183
- }),
184
- ...d,
185
- children: [
186
- /* @__PURE__ */ r("span", { className: V("value"), children: o }),
187
- /* @__PURE__ */ r(
188
- Xe,
189
- {
190
- ...!s && d,
191
- className: V({ "button-active": t }),
192
- icon: /* @__PURE__ */ r(Ge, {}),
193
- variant: "text",
194
- children: b()
195
- }
196
- )
197
- ]
198
- }
199
- )
200
- ] }) : /* @__PURE__ */ r(
201
- "li",
202
- {
203
- className: V("item", l, {
204
- active: t,
205
- selected: e,
206
- disabled: s
207
- }),
208
- ...s ? {} : d,
209
- children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
210
- }
211
- );
212
- }, bt = "_container_12uzd_16", yt = {
213
- container: bt,
214
- "empty-list-message": "_empty-list-message_12uzd_20",
215
- "limitation-item": "_limitation-item_12uzd_28"
216
- }, pe = G.bind(yt), gt = (t) => {
217
- const {
218
- options: e,
219
- async: n,
220
- inputValue: o,
221
- loading: s,
222
- createWithoutConfirmation: l,
223
- customEmptyListMessage: h,
224
- customNoMatchesMessage: d,
225
- optionVariant: b,
226
- newItemButtonText: N,
227
- renderOption: p,
228
- getUniqKey: R,
229
- getItemProps: C,
230
- parseValueToString: m,
231
- limitationText: F = "Too many results. Type to search",
232
- optionsLimit: P = 0,
233
- shouldShowEmptyListMessage: y = !0
234
- } = t, E = K(() => (e || []).filter((_) => m(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, m]), L = K(
235
- (_, k, M = !1) => p ? p(_, k, M, C) : /* @__PURE__ */ r(
236
- Fe,
237
- {
238
- optionVariant: b,
239
- ...C({ item: _, index: k }),
240
- isNew: M,
241
- newItemButtonText: N,
242
- children: m(_)
243
- },
244
- (R == null ? void 0 : R(_)) || m(_)
245
- ),
246
- [C, R, N, b, m, p]
247
- ), O = K(
248
- (_) => _.length ? _.map((k, M) => L(k, M)) : "",
249
- [L]
250
- ), c = K(
251
- (_) => {
252
- const k = _.length;
253
- return /* @__PURE__ */ r("div", { className: pe({ container: !k }), children: /* @__PURE__ */ r(
254
- Fe,
255
- {
256
- optionVariant: b,
257
- isNew: !0,
258
- newItemButtonText: N,
259
- ...C({ item: o, index: k }),
260
- children: m(o)
261
- },
262
- m(o)
263
- ) });
264
- },
265
- [C, o, N, b, m]
266
- ), i = K(
267
- (_) => s ? /* @__PURE__ */ B(he, { children: [
268
- /* @__PURE__ */ r(ut, { children: /* @__PURE__ */ r(Ke, {}) }),
269
- !l && c(_)
270
- ] }) : "",
271
- [l, s, c]
272
- ), a = K(() => {
273
- const _ = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : d || "No matches found";
274
- return /* @__PURE__ */ r("div", { className: pe("empty-list-message"), children: _ });
275
- }, [h, d, e == null ? void 0 : e.length]), f = n ? e : E(), g = i(e);
276
- if (g)
277
- return g;
278
- const S = Me(f);
279
- return S && !y && l ? null : /* @__PURE__ */ B("div", { className: pe({ container: e.length }), children: [
280
- /* @__PURE__ */ B(Ye, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
281
- S ? y && a() : O(f),
282
- (f == null ? void 0 : f.length) > P && P > 0 && F ? /* @__PURE__ */ r("li", { className: pe("limitation-item"), "aria-hidden": "true", children: F }) : null
283
- ] }),
284
- !l && c(f)
285
- ] });
286
- }, xt = "_menu_f64z5_16", Nt = "_opened_f64z5_34", Et = "_dark_f64z5_37", It = {
287
- menu: xt,
288
- opened: Nt,
289
- dark: Et
290
- }, St = G.bind(It), kt = (t, e) => !t || t <= e.trim().length, De = je(
291
- ({
292
- isOpen: t = !1,
293
- style: e = {},
294
- minLength: n = 1,
295
- isDropdownMode: o,
296
- inputValue: s = "",
297
- className: l = "",
298
- portalMenuAttribute: h = null,
299
- ...d
300
- }, b) => /* @__PURE__ */ r(
301
- "ul",
302
- {
303
- ref: b,
304
- className: St(
305
- "menu",
306
- { opened: t && (o || kt(n, s)) },
307
- l
308
- ),
309
- style: e,
310
- ...h ? { [h]: "" } : {},
311
- children: /* @__PURE__ */ r(gt, { inputValue: s, ...d })
312
- }
313
- )
314
- ), Le = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ee = (t, e) => {
315
- var o;
316
- return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((o = Object.entries(t)) != null && o.every(([s, l]) => ee(l, e[s]))));
317
- }, At = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
318
- const o = n(t);
319
- return t[o] === e[o];
320
- })() : !1, Ct = ({
321
- options: t = [],
322
- onChange: e,
323
- selectedItems: n = [],
324
- handleUnStoredItemCb: o = null,
325
- existingItemsMap: s = {},
326
- children: l,
327
- customizeNewSelectedValue: h = (p) => p,
328
- getOptionUniqKey: d,
329
- getOptionUniqKeyValue: b,
330
- ...N
331
- }) => {
332
- const [p, R] = ne(s), C = (c, i) => {
333
- const a = {
334
- ...p
335
- };
336
- c.forEach((f) => {
337
- if (t.find((g) => At(g, f, d))) {
338
- const g = Le(f, d);
339
- a[g] = !0;
340
- }
341
- }), R(a), i(a);
342
- }, m = (c, i) => {
343
- const a = Le(c, d);
344
- if (a in p) {
345
- const f = { ...p };
346
- delete f[a], R(f), i(f);
347
- } else
348
- i(p);
349
- }, F = (c, i) => {
350
- const S = (Array.isArray(c) ? c : [c]).map((A) => h(A)).flatMap((A) => Array.isArray(A) ? A : [A]).filter(
351
- (A, H, x) => x.findIndex(($) => ee($, A)) === H
352
- );
353
- if (!S || S.length === 0)
354
- return;
355
- const k = [...n.filter(
356
- (A) => !S.some((H) => ee(H, A))
357
- ), ...S];
358
- e == null || e(k, i), C(S, (A) => o == null ? void 0 : o(k, A));
359
- }, P = (c, i) => {
360
- const a = n.indexOf(c), f = [...n];
361
- f.splice(a, 1, i), e == null || e(f, null);
362
- }, y = (c, i) => {
363
- const a = n.filter((g) => !ee(g, c));
364
- e == null || e(a, i), m(c, (g) => o == null ? void 0 : o(a, g));
365
- }, E = (c, i) => {
366
- c && F(c, i);
367
- }, L = (c) => ({
368
- removeItem: y,
369
- editItem: P,
370
- handleChange: e,
371
- getOptionUniqKeyValue: b,
372
- storedItemsMap: p,
373
- batchAddItems: (a) => {
374
- F(a, c);
375
- },
376
- ...c
377
- });
378
- return /* @__PURE__ */ r(
379
- _e,
380
- {
381
- ...N,
382
- stateReducer: (c, i) => {
383
- switch (i.type) {
384
- case _e.stateChangeTypes.keyDownEnter:
385
- case _e.stateChangeTypes.clickItem:
386
- return {
387
- ...i,
388
- highlightedIndex: c.highlightedIndex,
389
- inputValue: ""
390
- };
391
- default:
392
- return i;
393
- }
394
- },
395
- onChange: E,
396
- selectedItem: null,
397
- children: (c) => l == null ? void 0 : l(L(c))
398
- }
399
- );
400
- }, Mt = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", Rt = "_error_1so4a_35", Ft = "_touched_1so4a_35", Lt = "_input_1so4a_77", Pt = {
401
- autocomplete: Mt,
402
- "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
403
- disabled: zt,
404
- error: Rt,
405
- touched: Ft,
406
- "clear-icon": "_clear-icon_1so4a_46",
407
- "clear-icon--disabled": "_clear-icon--disabled_1so4a_56",
408
- "autocomplete-input": "_autocomplete-input_1so4a_60",
409
- "single-line-mode": "_single-line-mode_1so4a_68",
410
- "mobile-disabled": "_mobile-disabled_1so4a_72",
411
- input: Lt,
412
- "type-number": "_type-number_1so4a_101",
413
- "error-text": "_error-text_1so4a_112",
414
- "dropdown-button": "_dropdown-button_1so4a_121",
415
- "icon-reversed": "_icon-reversed_1so4a_129"
416
- }, X = G.bind(Pt), uo = (t) => {
417
- const {
418
- options: e = [],
419
- loading: n = !1,
420
- onStateChange: o = () => {
421
- },
422
- value: s = [],
423
- placeholder: l = "",
424
- error: h = "",
425
- touched: d = !1,
426
- creatable: b = !1,
427
- editable: N = !1,
428
- onChange: p = () => {
429
- },
430
- onFocus: R = () => {
431
- },
432
- onBlur: C = () => {
433
- },
434
- disabled: m = !1,
435
- isDropdownMode: F = !1,
436
- mobileDisabled: P = !1,
437
- inputProps: y = {},
438
- parseValueToString: E = (u) => u == null ? "" : String(u),
439
- maxLength: L = null,
440
- async: O = !1,
441
- customClass: c = "",
442
- createWithoutConfirmation: i = !1,
443
- getItemValidationErrorType: a = null,
444
- clearItemsError: f = () => {
445
- },
446
- getAdditionalCreationCondition: g = () => !0,
447
- highlightUnStoredItem: S = !1,
448
- parseInputValueFn: _ = null,
449
- handleUnStoredItemCb: k = null,
450
- dataAutomationId: M = "",
451
- existingItemsMap: A = {},
452
- customizeNewSelectedValue: H = (u) => u,
453
- renderCustomSelectedItem: x,
454
- useFixedPositioning: $,
455
- newItemButtonText: re = "",
456
- menuClassName: ve = "",
457
- selectedItemSingleLine: Y,
458
- selectedItemClassName: be,
459
- selectedItemTextClassName: le,
460
- ...ce
461
- } = t, { refs: ie, floatingStyles: ye } = Be({
462
- placement: "bottom-start",
463
- strategy: $ ? "fixed" : "absolute",
464
- whileElementsMounted: Oe
465
- }), J = s.length === 0 && !m ? l : "", te = Ce(null);
466
- we(() => {
467
- f();
468
- }, [f, s]);
469
- const ge = (u, I) => {
470
- p(u, I);
471
- }, xe = (u, I, z) => ({ item: v, index: T, ...Z }) => u({
472
- item: v,
473
- index: T,
474
- isSelected: z.some((oe) => ee(oe, v)),
475
- ...Z,
476
- isActive: I === T
477
- }), Ne = ({
478
- event: u,
479
- removeItem: I,
480
- inputValue: z
481
- }) => {
482
- u.key === "Backspace" && !z && s.length && I(s[s.length - 1], null);
483
- }, w = ({
484
- inputValue: u,
485
- selectItem: I,
486
- clearSelection: z,
487
- batchAddItems: v
488
- }) => {
489
- if (_) {
490
- const T = _(u);
491
- v(T.length ? T : [u]), z();
492
- } else
493
- I(u), z();
494
- }, W = (u) => (I) => {
495
- u(I, null), te.current && te.current.focus();
496
- }, Q = e.filter((u) => s.every((I) => !ee(I, u)));
497
- return /* @__PURE__ */ r(
498
- Ct,
499
- {
500
- onChange: ge,
501
- itemToString: E,
502
- selectedItems: s,
503
- onStateChange: o,
504
- options: e,
505
- existingItemsMap: A,
506
- handleUnStoredItemCb: k,
507
- customizeNewSelectedValue: H,
508
- children: ({
509
- getInputProps: u,
510
- getItemProps: I,
511
- isOpen: z,
512
- inputValue: v = "",
513
- highlightedIndex: T,
514
- removeItem: Z,
515
- editItem: oe,
516
- openMenu: q,
517
- selectItem: se,
518
- clearSelection: ae,
519
- toggleMenu: Ee,
520
- storedItemsMap: U,
521
- getRootProps: Ie,
522
- batchAddItems: de
523
- }) => {
524
- const ze = Ie(void 0, { suppressRefError: !0 }), ue = v ?? "";
525
- return /* @__PURE__ */ B("div", { ...ze, className: X("autocomplete-wrapper"), children: [
526
- /* @__PURE__ */ B(he, { children: [
527
- /* @__PURE__ */ B(
528
- "div",
529
- {
530
- ref: ie.setReference,
531
- className: X("autocomplete", c, {
532
- "mobile-disabled": P,
533
- error: h,
534
- touched: d,
535
- disabled: m
536
- }),
537
- children: [
538
- /* @__PURE__ */ B(
539
- "div",
540
- {
541
- className: X("autocomplete-input", {
542
- "mobile-disabled": P,
543
- "single-line-mode": Y
544
- }),
545
- children: [
546
- /* @__PURE__ */ r(
547
- ct,
548
- {
549
- items: s,
550
- onRemoveItem: W(Z),
551
- disabled: m,
552
- mobileDisabled: P,
553
- parseValueToString: E,
554
- getItemValidationErrorType: a,
555
- renderCustomSelectedItem: x,
556
- editItem: oe,
557
- editable: N,
558
- getAdditionalCreationCondition: g,
559
- storedItemsMap: U,
560
- highlightUnStoredItem: S,
561
- selectedItemSingleLine: Y,
562
- selectedItemClassName: be,
563
- selectedItemTextClassName: le
564
- }
565
- ),
566
- /* @__PURE__ */ r(
567
- "input",
568
- {
569
- ...u({
570
- ref: te,
571
- placeholder: J,
572
- maxLength: L,
573
- onFocus: () => {
574
- F && q(), R();
575
- },
576
- onKeyDown: (D) => {
577
- D.key === $e && v && b && g(v) && w({
578
- inputValue: v,
579
- selectItem: se,
580
- clearSelection: ae,
581
- batchAddItems: de
582
- }), Ne({ event: D, removeItem: Z, inputValue: v });
583
- },
584
- onBlur: () => {
585
- C(), v && b && g(v) && w({
586
- inputValue: v,
587
- selectItem: se,
588
- clearSelection: ae,
589
- batchAddItems: de
590
- });
591
- },
592
- disabled: m,
593
- ...y
594
- }),
595
- className: X("input", { disabled: m }, y.className),
596
- "data-automation-id": M
597
- }
598
- )
599
- ]
600
- }
601
- ),
602
- (y == null ? void 0 : y.clearable) && !Me(s) && /* @__PURE__ */ r(
603
- "button",
604
- {
605
- type: "button",
606
- className: X("clear-icon", { "clear-icon--disabled": m }),
607
- onClick: () => {
608
- var D;
609
- return !m && ((D = y == null ? void 0 : y.onClear) == null ? void 0 : D.call(y));
610
- },
611
- onMouseDown: (D) => D.preventDefault(),
612
- children: /* @__PURE__ */ r(tt, {})
613
- }
614
- ),
615
- F && /* @__PURE__ */ r(
616
- "button",
617
- {
618
- type: "button",
619
- className: X("dropdown-button", { "icon-reversed": z }),
620
- onClick: () => Ee(),
621
- "aria-label": "Toggle dropdown",
622
- "aria-expanded": z,
623
- children: /* @__PURE__ */ r(Te, {})
624
- }
625
- )
626
- ]
627
- }
628
- ),
629
- h && d && /* @__PURE__ */ r("span", { className: X("error-text"), children: h })
630
- ] }),
631
- /* @__PURE__ */ r(
632
- De,
633
- {
634
- isOpen: z,
635
- loading: n,
636
- async: O,
637
- ref: ie.setFloating,
638
- newItemButtonText: re,
639
- isDropdownMode: F,
640
- style: ye,
641
- inputValue: ue.trim(),
642
- getItemProps: xe(I, T, s),
643
- parseValueToString: E,
644
- createWithoutConfirmation: i,
645
- options: Q,
646
- className: ve,
647
- ...ce
648
- }
649
- )
650
- ] });
651
- }
652
- }
653
- );
654
- }, Bt = ({ skip: t }) => {
655
- He(() => {
656
- if (t)
657
- return;
658
- let e = window.scrollY, n = !0;
659
- const o = 300, s = () => {
660
- if (!n)
661
- return;
662
- window.scrollY !== e && window.scrollTo(0, e);
663
- }, l = (d) => {
664
- n && (d.preventDefault(), d.stopImmediatePropagation(), s());
665
- };
666
- e = window.scrollY, window.addEventListener("scroll", l, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
667
- e = window.scrollY, s();
668
- });
669
- const h = setTimeout(() => {
670
- n = !1;
671
- }, o);
672
- return () => {
673
- clearTimeout(h), window.removeEventListener("scroll", l, { capture: !0 });
674
- };
675
- }, [t]);
676
- }, Ot = ({ skip: t, reference: e }) => {
677
- we(() => {
678
- if (t)
679
- return;
680
- const n = () => {
681
- const o = e.current;
682
- o instanceof HTMLElement && o.blur();
683
- };
684
- return window.addEventListener("resize", n), () => {
685
- window.removeEventListener("resize", n);
686
- };
687
- }, [t, e]);
688
- }, Tt = ({ skip: t, onClose: e, menuRef: n }) => {
689
- we(() => {
690
- if (t)
691
- return;
692
- const o = (s) => {
693
- var l;
694
- (l = n.current) != null && l.contains(s.target) || e();
695
- };
696
- return window.addEventListener("scroll", o, !0), () => {
697
- window.removeEventListener("scroll", o, !0);
698
- };
699
- }, [t, e, n]);
700
- }, $t = {
701
- "input-wrapper": "_input-wrapper_d9vma_1",
702
- "dropdown-button": "_dropdown-button_d9vma_6",
703
- "icon-reversed": "_icon-reversed_d9vma_14"
704
- }, Pe = G.bind($t), Dt = 0, jt = Qe({
705
- fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
706
- boundary: document == null ? void 0 : document.documentElement,
707
- rootBoundary: "viewport"
708
- }), Ht = Ze({
709
- apply({ rects: t, elements: e }) {
710
- Object.assign(e.floating.style, {
711
- width: `${t.reference.width}px`
712
- });
713
- }
714
- }), mo = (t) => {
715
- const {
716
- options: e = [],
717
- value: n,
718
- placeholder: o = "",
719
- onChange: s = () => {
720
- },
721
- onFocus: l = () => {
722
- },
723
- onBlur: h = () => {
724
- },
725
- disabled: d = !1,
726
- inputProps: b = {},
727
- parseValueToString: N = (w) => w === null ? "" : String(w),
728
- minLength: p = 1,
729
- skipOptionCreation: R = !1,
730
- maxLength: C = null,
731
- optionVariant: m = "",
732
- isRequired: F = !1,
733
- error: P = "",
734
- touched: y = !1,
735
- setTouch: E = () => {
736
- },
737
- createWithoutConfirmation: L = !1,
738
- menuClassName: O = "",
739
- icon: c,
740
- isDropdownMode: i = !1,
741
- isOptionUnique: a,
742
- refFunction: f,
743
- stateReducer: g,
744
- onStateChange: S,
745
- useFixedPositioning: _,
746
- dropdownMatchInputWidth: k = !1,
747
- withMenuFlip: M = !1,
748
- placement: A = "bottom-start",
749
- newItemButtonText: H = "",
750
- menuPortalRoot: x,
751
- ...$
752
- } = t, [re, ve] = ne(!1), Y = Ce(null), be = K(() => {
753
- var w;
754
- return (w = Y.current) == null ? void 0 : w.call(Y);
755
- }, []), le = !re || !x, ce = x || _ ? "fixed" : "absolute", ie = !re || ce === "absolute", ye = We(
756
- () => [
757
- ...M ? [jt] : [],
758
- ...k ? [Ht] : []
759
- ],
760
- [M, k]
761
- ), { refs: J, floatingStyles: te } = Be({
762
- placement: A,
763
- whileElementsMounted: Oe,
764
- strategy: ce,
765
- middleware: ye
766
- });
767
- Bt({ skip: le }), Ot({ skip: le, reference: J.reference }), Tt({
768
- skip: ie,
769
- onClose: be,
770
- menuRef: J.floating
771
- });
772
- const ge = (w, W, Q) => ({ item: u, index: I, ...z }) => w({
773
- item: u,
774
- index: I,
775
- isSelected: Q !== null && Q === u,
776
- ...z,
777
- isActive: W === I
778
- }), xe = (w, W) => {
779
- w.key === Ve && (w.preventDefault(), W(e.length));
780
- }, Ne = K(
781
- (w, ...W) => {
782
- (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), S == null || S(w, ...W);
783
- },
784
- [S]
785
- );
786
- return /* @__PURE__ */ r(
787
- _e,
788
- {
789
- onChange: s,
790
- itemToString: N,
791
- selectedItem: n,
792
- onStateChange: Ne,
793
- defaultHighlightedIndex: Dt,
794
- stateReducer: g,
795
- children: ({
796
- getInputProps: w,
797
- getItemProps: W,
798
- setHighlightedIndex: Q,
799
- toggleMenu: u,
800
- openMenu: I,
801
- closeMenu: z,
802
- isOpen: v,
803
- inputValue: T,
804
- highlightedIndex: Z,
805
- getRootProps: oe,
806
- selectItem: q
807
- }) => {
808
- const se = oe(void 0, { suppressRefError: !0 }), ae = {
809
- ...se,
810
- ref: (j) => (J.setReference(j), se.ref(j))
811
- };
812
- Y.current || (Y.current = z);
813
- const Ee = T ?? "", { onClear: U, clearable: Ie, ...de } = b, ue = Ie && n !== null, D = (...j) => {
814
- q(null), U == null || U(...j);
815
- }, Se = /* @__PURE__ */ r(
816
- De,
817
- {
818
- isOpen: v,
819
- isDropdownMode: i,
820
- style: te,
821
- ref: J.setFloating,
822
- portalMenuAttribute: x ? Ue : null,
823
- minLength: p,
824
- inputValue: (T || "").trim(),
825
- getItemProps: ge(W, Z, n),
826
- parseValueToString: N,
827
- optionVariant: m,
828
- createWithoutConfirmation: L,
829
- className: O,
830
- options: e,
831
- newItemButtonText: H,
832
- ...$
833
- }
834
- );
835
- return /* @__PURE__ */ B(he, { children: [
836
- /* @__PURE__ */ B("div", { className: Pe("input-wrapper"), ...ae, children: [
837
- /* @__PURE__ */ r(
838
- qe,
839
- {
840
- ...w({
841
- placeholder: d ? "" : o,
842
- maxLength: C || void 0,
843
- onFocus: () => {
844
- i && !v && (I(), E == null || E(!0)), l();
845
- },
846
- ref: f,
847
- onKeyDown: (j) => {
848
- j.key === $e && j.preventDefault(), T && v && xe(j, Q);
849
- },
850
- onBlur: (j) => {
851
- const me = Ee.trim(), ke = !Me(me), Re = ke ? e.find((Ae) => N(Ae) === me) : void 0;
852
- q(Re || (!R && L && ke ? me : null)), h(j), a == null || a(
853
- ke ? !e.some((Ae) => N(Ae) === me) : null
854
- ), i && v && u(), E == null || E(!0);
855
- },
856
- disabled: d,
857
- defaultWidth: !1,
858
- isRequired: F,
859
- touched: y,
860
- error: P,
861
- ...de,
862
- clearable: ue,
863
- onClear: ue ? D : U,
864
- endIcon: i && !c ? /* @__PURE__ */ r(
865
- "button",
866
- {
867
- type: "button",
868
- className: Pe("dropdown-button", { "icon-reversed": v }),
869
- onClick: () => u(),
870
- "aria-label": "Toggle dropdown",
871
- "aria-expanded": v,
872
- children: /* @__PURE__ */ r(Te, {})
873
- }
874
- ) : c,
875
- minLength: i ? 0 : p
876
- })
877
- }
878
- ),
879
- !x && Se
880
- ] }),
881
- x && Je(Se, x)
882
- ] });
883
- }
884
- }
885
- );
886
- };
43
+ import "./useEllipsisTitle-462fa254.js";
44
+ import "react-datepicker";
45
+ import "./fieldNumber-c9795245.js";
46
+ import "./fieldTextFlex-2f51c173.js";
47
+ import "./maxValueDisplay-9be01a75.js";
48
+ import "./fileDropArea.js";
49
+ import "react-dropzone";
50
+ import "./filtersButton.js";
51
+ import "./filterOutline-819b4b0d.js";
52
+ import "./filterItem.js";
53
+ import "./issueList.js";
54
+ import "./index-a13c9a87.js";
55
+ import "framer-motion";
56
+ import "./useWindowResize-a7e1ac92.js";
57
+ import "./radio-62546efa.js";
58
+ import "./segmentedControl.js";
59
+ import "./spinLoader-c4a53718.js";
60
+ import "./systemAlert.js";
61
+ import "./success-8fd8bd2c.js";
62
+ import "./systemMessage-924fdaa6.js";
63
+ import "./treeSortableItem-301dbd92.js";
64
+ import "./useTreeSortable-bc631689.js";
65
+ import "./common.js";
66
+ import "./table-4d35951e.js";
67
+ import "react-resizable";
68
+ import "./resizeColumn-46b5b30f.js";
69
+ import "./themeProvider-46c2be7b.js";
70
+ import "./toggle-304107fa.js";
71
+ import "./sidePanel.js";
887
72
  export {
888
- De as AutocompleteMenu,
889
- Fe as AutocompleteOption,
890
- gt as AutocompleteOptions,
891
- ut as AutocompletePrompt,
892
- uo as MultipleAutocomplete,
893
- mo as SingleAutocomplete
73
+ fo as AutocompleteMenu,
74
+ go as AutocompleteOption,
75
+ xo as AutocompleteOptions,
76
+ Po as AutocompletePrompt,
77
+ ho as MultipleAutocomplete,
78
+ jo as SingleAutocomplete
894
79
  };