@reportportal/ui-kit 0.0.1-alpha.141 → 0.0.1-alpha.142

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/adaptiveTagList.js +189 -0
  2. package/dist/attachedFile.js +9 -0
  3. package/dist/autocompletes.js +779 -0
  4. package/dist/baseIconButton-251479f7.js +25 -0
  5. package/dist/baseIconButton.js +7 -0
  6. package/dist/bind-06a7ff84.js +41 -0
  7. package/dist/breadcrumbs-8e5ca8d7.js +183 -0
  8. package/dist/breadcrumbs.js +12 -0
  9. package/dist/bubblesLoader-f3ffa240.js +28 -0
  10. package/dist/bubblesLoader.js +7 -0
  11. package/dist/button-97d9e587.js +66 -0
  12. package/dist/button.js +8 -0
  13. package/dist/calendarArrow-44c7e60e.js +5 -0
  14. package/dist/checkbox-ed6cc375.js +73 -0
  15. package/dist/checkbox.js +9 -0
  16. package/dist/chevronDownDropdown-66f5b1af.js +7 -0
  17. package/dist/clear-53660571.js +5 -0
  18. package/dist/close-4d480ef7.js +5 -0
  19. package/dist/datePicker-f8e0df24.js +194 -0
  20. package/dist/datePicker.js +35 -0
  21. package/dist/dropdown-0260bb66.js +5 -0
  22. package/dist/dropdown-893c692c.js +634 -0
  23. package/dist/dropdown.js +27 -0
  24. package/dist/fieldLabel.js +18 -0
  25. package/dist/fieldNumber-d1b5a7a1.js +140 -0
  26. package/dist/fieldNumber.js +13 -0
  27. package/dist/fieldText-1749da7a.js +167 -0
  28. package/dist/fieldText.js +14 -0
  29. package/dist/fieldTextFlex-2f51c173.js +80 -0
  30. package/dist/fieldTextFlex.js +10 -0
  31. package/dist/fileDropArea.js +325 -0
  32. package/dist/filterOutline-819b4b0d.js +6 -0
  33. package/dist/filtersButton.js +25 -0
  34. package/dist/floatingUi-41f8c7b5.js +29 -0
  35. package/dist/icons.js +85 -0
  36. package/dist/index-1a874a8b.js +110 -0
  37. package/dist/index.js +165 -0
  38. package/dist/isEmpty-ccacb5ff.js +38 -0
  39. package/dist/keyCodes-f63c0e11.js +4 -0
  40. package/dist/maxValueDisplay-9be01a75.js +13 -0
  41. package/dist/maxValueDisplay.js +6 -0
  42. package/dist/minus-2857540f.js +5 -0
  43. package/dist/modal.js +194 -0
  44. package/dist/openEye-950159cb.js +6 -0
  45. package/dist/pagination-a3dee614.js +347 -0
  46. package/dist/pagination.js +22 -0
  47. package/dist/plus-199fb2a8.js +5 -0
  48. package/dist/popover.js +80 -0
  49. package/dist/prevPage-87faf576.js +6 -0
  50. package/dist/radio-62546efa.js +76 -0
  51. package/dist/radio.js +9 -0
  52. package/dist/selection-9124d029.js +38 -0
  53. package/dist/selection.js +10 -0
  54. package/dist/sidePanel.js +88 -0
  55. package/dist/sortable.js +160 -0
  56. package/dist/spinLoader-c4a53718.js +11 -0
  57. package/dist/spinLoader.js +7 -0
  58. package/dist/success-8fd8bd2c.js +7 -0
  59. package/dist/systemAlert.js +69 -0
  60. package/dist/systemMessage-924fdaa6.js +30 -0
  61. package/dist/systemMessage.js +7 -0
  62. package/dist/table-c172f35e.js +504 -0
  63. package/dist/table.js +15 -0
  64. package/dist/themeProvider-46c2be7b.js +23 -0
  65. package/dist/themeProvider.js +7 -0
  66. package/dist/toggle-304107fa.js +59 -0
  67. package/dist/toggle.js +9 -0
  68. package/dist/tooltip.js +103 -0
  69. package/dist/tree-c3dd3d45.js +6 -0
  70. package/dist/xls-995781cc.js +11 -0
  71. package/package.json +8 -6
  72. package/dist/adaptiveTagList.cjs +0 -1
  73. package/dist/attachedFile.cjs +0 -1
  74. package/dist/autocompletes.cjs +0 -1
  75. package/dist/baseIconButton-263e74dc.js +0 -1
  76. package/dist/baseIconButton.cjs +0 -1
  77. package/dist/bind-29baac98.js +0 -5
  78. package/dist/breadcrumbs-a11e7e56.js +0 -1
  79. package/dist/breadcrumbs.cjs +0 -1
  80. package/dist/bubblesLoader-98fdf0af.js +0 -1
  81. package/dist/bubblesLoader.cjs +0 -1
  82. package/dist/button-8456d133.js +0 -1
  83. package/dist/button.cjs +0 -1
  84. package/dist/calendarArrow-6c6d9356.js +0 -1
  85. package/dist/checkbox-d4cc648d.js +0 -1
  86. package/dist/checkbox.cjs +0 -1
  87. package/dist/chevronDownDropdown-6196562c.js +0 -1
  88. package/dist/clear-07e1c174.js +0 -1
  89. package/dist/close-82e2e274.js +0 -1
  90. package/dist/datePicker-245e845d.js +0 -1
  91. package/dist/datePicker.cjs +0 -1
  92. package/dist/dropdown-b56964c6.js +0 -1
  93. package/dist/dropdown-fa4cd19c.js +0 -1
  94. package/dist/dropdown.cjs +0 -1
  95. package/dist/fieldLabel.cjs +0 -1
  96. package/dist/fieldNumber-9fe044df.js +0 -1
  97. package/dist/fieldNumber.cjs +0 -1
  98. package/dist/fieldText-2af0d7db.js +0 -1
  99. package/dist/fieldText.cjs +0 -1
  100. package/dist/fieldTextFlex-c26b190d.js +0 -1
  101. package/dist/fieldTextFlex.cjs +0 -1
  102. package/dist/fileDropArea.cjs +0 -1
  103. package/dist/filterOutline-5f3f8591.js +0 -1
  104. package/dist/filtersButton.cjs +0 -1
  105. package/dist/floatingUi-97183bba.js +0 -1
  106. package/dist/icons.cjs +0 -1
  107. package/dist/index-4c0424bf.js +0 -1
  108. package/dist/index.cjs +0 -1
  109. package/dist/isEmpty-fe949e63.js +0 -1
  110. package/dist/keyCodes-b188a920.js +0 -1
  111. package/dist/maxValueDisplay-68f1f114.js +0 -1
  112. package/dist/maxValueDisplay.cjs +0 -1
  113. package/dist/minus-0debd2c6.js +0 -1
  114. package/dist/modal.cjs +0 -1
  115. package/dist/openEye-737c72d6.js +0 -1
  116. package/dist/pagination-fc5189f7.js +0 -1
  117. package/dist/pagination.cjs +0 -1
  118. package/dist/plus-b12abe9f.js +0 -1
  119. package/dist/popover.cjs +0 -1
  120. package/dist/prevPage-063b5d63.js +0 -1
  121. package/dist/radio-aba4677b.js +0 -1
  122. package/dist/radio.cjs +0 -1
  123. package/dist/selection-49b927d0.js +0 -1
  124. package/dist/selection.cjs +0 -1
  125. package/dist/sidePanel.cjs +0 -1
  126. package/dist/sortable.cjs +0 -1
  127. package/dist/spinLoader-9ebd776a.js +0 -1
  128. package/dist/spinLoader.cjs +0 -1
  129. package/dist/success-823e5446.js +0 -1
  130. package/dist/systemAlert.cjs +0 -1
  131. package/dist/systemMessage-1ae2764d.js +0 -1
  132. package/dist/systemMessage.cjs +0 -1
  133. package/dist/table-cd9f0ff3.js +0 -1
  134. package/dist/table.cjs +0 -1
  135. package/dist/themeProvider-4dfafca5.js +0 -1
  136. package/dist/themeProvider.cjs +0 -1
  137. package/dist/toggle-359b70d4.js +0 -1
  138. package/dist/toggle.cjs +0 -1
  139. package/dist/tooltip.cjs +0 -1
  140. package/dist/tree-4610ac42.js +0 -1
  141. package/dist/xls-3ed747b0.js +0 -1
@@ -0,0 +1,634 @@
1
+ import { jsxs as x, jsx as u, Fragment as Ye } from "react/jsx-runtime";
2
+ import { forwardRef as mr, useState as ne, useRef as K, useMemo as y, useCallback as D, useLayoutEffect as Pe, useEffect as Y } from "react";
3
+ import { createPortal as gr } from "react-dom";
4
+ import { c as We } from "./bind-06a7ff84.js";
5
+ import { useFloating as wr, offset as Er, flip as yr, size as Cr, autoUpdate as Or } from "@floating-ui/react-dom";
6
+ import { useSelect as _e } from "downshift";
7
+ import { Scrollbars as vr } from "rc-scrollbars";
8
+ import { K as _ } from "./keyCodes-f63c0e11.js";
9
+ import { B as Ar } from "./baseIconButton-251479f7.js";
10
+ import { S as Dr } from "./clear-53660571.js";
11
+ import { S as Nr } from "./dropdown-0260bb66.js";
12
+ import { Tooltip as br } from "./tooltip.js";
13
+ import { FieldLabel as Ir } from "./fieldLabel.js";
14
+ import { AdaptiveTagList as Kr } from "./adaptiveTagList.js";
15
+ import { C as Tr } from "./checkbox-ed6cc375.js";
16
+ import { i as Ve } from "./isEmpty-ccacb5ff.js";
17
+ const Lr = "_disabled_14s7v_12", kr = "_hidden_14s7v_16", xr = "_hover_14s7v_22", qr = "_selected_14s7v_38", Rr = {
18
+ "dropdown-option": "_dropdown-option_14s7v_1",
19
+ disabled: Lr,
20
+ hidden: kr,
21
+ hover: xr,
22
+ "depth-1": "_depth-1_14s7v_32",
23
+ selected: qr,
24
+ "multi-select": "_multi-select_14s7v_38",
25
+ "single-option": "_single-option_14s7v_43",
26
+ "sub-option": "_sub-option_14s7v_50"
27
+ }, Se = We.bind(Rr), He = mr(
28
+ (n, t) => {
29
+ const {
30
+ option: { value: d, disabled: l, hidden: p, label: m, title: C, groupRef: O },
31
+ selected: z,
32
+ onChange: V,
33
+ render: F,
34
+ highlightHovered: U,
35
+ onMouseEnter: se,
36
+ multiSelect: N,
37
+ isPartiallyChecked: B = !1,
38
+ depth: j = 0,
39
+ hasChildren: oe = !1
40
+ } = n, ae = (G) => {
41
+ (G.target instanceof HTMLDivElement || G.target instanceof HTMLInputElement) && (V == null || V(d));
42
+ };
43
+ return /* @__PURE__ */ x(
44
+ "div",
45
+ {
46
+ className: Se("dropdown-option", {
47
+ selected: z,
48
+ disabled: l,
49
+ hidden: p,
50
+ hover: U,
51
+ "multi-select": N,
52
+ "has-children": oe,
53
+ [`depth-${j}`]: j > 0
54
+ }),
55
+ title: C,
56
+ onClick: ae,
57
+ ref: t,
58
+ onMouseEnter: se,
59
+ children: [
60
+ N && /* @__PURE__ */ u(Tr, { value: !!z, partiallyChecked: B }),
61
+ /* @__PURE__ */ u(
62
+ "div",
63
+ {
64
+ className: Se("single-option", {
65
+ "sub-option": !!O
66
+ }),
67
+ children: F ? F(n) : m
68
+ }
69
+ )
70
+ ]
71
+ }
72
+ );
73
+ }
74
+ ), Yr = [
75
+ _.ENTER_KEY_CODE,
76
+ _.SPACE_KEY_CODE,
77
+ _.ARROW_DOWN_KEY_CODE
78
+ ], Pr = [_.ESCAPE_KEY_CODE, _.TAB_KEY_CODE];
79
+ var P = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(P || {});
80
+ const Vr = 216, Sr = "data-dropdown-portal-menu", Hr = 10, Wr = (n, t) => {
81
+ const d = Array.isArray(t) ? t : [t];
82
+ return n.findIndex(({ value: l }) => d.includes(l));
83
+ }, Mr = (n, t) => (n % t + t) % t, pe = (n, t = 0, d = 1) => {
84
+ var p;
85
+ if (n.length === 0)
86
+ return 0;
87
+ if (!((p = n[t]) != null && p.disabled))
88
+ return t;
89
+ const l = n.length;
90
+ return pe(
91
+ n,
92
+ Mr(t + d, l),
93
+ d
94
+ );
95
+ }, $r = (n, t) => pe(n, t), zr = (n, t) => pe(n, t, -1), Me = (n, t = 0, d) => !n || n.length === 0 ? [] : n.reduce((l, p) => {
96
+ var m;
97
+ return p && (l.push({ option: p, depth: t, parent: d }), (m = p.children) != null && m.length && l.push(...Me(p.children, t + 1, p))), l;
98
+ }, []), $e = (n) => !n || n.length === 0 ? [] : n.reduce((t, d) => {
99
+ var l;
100
+ return d && ((l = d.children) != null && l.length ? t.push(...$e(d.children)) : t.push(d)), t;
101
+ }, []), ze = (n) => {
102
+ var t;
103
+ return n ? (t = n.children) != null && t.length ? n.children.reduce((d, l) => (l && d.push(...ze(l)), d), []) : [n.value] : [];
104
+ }, Fr = "_container_5qitl_1", Ur = "_icon_5qitl_7", Br = "_arrow_5qitl_15", jr = "_dropdown_5qitl_33", Gr = "_disabled_5qitl_50", Xr = "_value_5qitl_57", Jr = "_error_5qitl_60", Qr = "_touched_5qitl_60", Zr = "_opened_5qitl_64", et = "_placeholder_5qitl_99", rt = "_ghost_5qitl_175", tt = "_divider_5qitl_196", nt = {
105
+ container: Fr,
106
+ icon: Ur,
107
+ arrow: Br,
108
+ "clear-button": "_clear-button_5qitl_23",
109
+ dropdown: jr,
110
+ "transparent-background": "_transparent-background_5qitl_47",
111
+ disabled: Gr,
112
+ value: Xr,
113
+ error: Jr,
114
+ touched: Qr,
115
+ opened: Zr,
116
+ placeholder: et,
117
+ "mobile-disabled": "_mobile-disabled_5qitl_103",
118
+ "value-wrapper": "_value-wrapper_5qitl_108",
119
+ "tags-wrapper": "_tags-wrapper_5qitl_114",
120
+ "with-search": "_with-search_5qitl_119",
121
+ "search-input": "_search-input_5qitl_126",
122
+ "value-tooltip": "_value-tooltip_5qitl_144",
123
+ "select-list": "_select-list_5qitl_149",
124
+ "limited-width": "_limited-width_5qitl_166",
125
+ "options-container": "_options-container_5qitl_170",
126
+ ghost: rt,
127
+ divider: tt
128
+ }, h = We.bind(nt), Ct = ({
129
+ multiSelect: n = !1,
130
+ value: t = n ? [] : "",
131
+ options: d = [],
132
+ disabled: l = !1,
133
+ error: p,
134
+ onChange: m,
135
+ onFocus: C,
136
+ onBlur: O,
137
+ mobileDisabled: z,
138
+ title: V,
139
+ touched: F = !1,
140
+ icon: U,
141
+ variant: se,
142
+ placeholder: N = "",
143
+ label: B = "",
144
+ renderOption: j,
145
+ transparentBackground: oe = !1,
146
+ className: ae,
147
+ toggleButtonClassName: G,
148
+ selectListClassName: Fe,
149
+ isListWidthLimited: Ue = !1,
150
+ optionAll: le = { value: "all", label: "All" },
151
+ isOptionAllVisible: me = !1,
152
+ onSelectAll: Be = () => {
153
+ },
154
+ formatDisplayedValue: ge,
155
+ notScrollable: S = !1,
156
+ footer: X,
157
+ includeGroupValue: we = !1,
158
+ clearable: je = !1,
159
+ onClear: Ee = () => {
160
+ },
161
+ clearButtonAriaLabel: Ge = "Clear selection",
162
+ tooltipPortalRoot: Xe,
163
+ tooltipZIndex: Je,
164
+ menuPortalRoot: g,
165
+ isMultiSelectWithTags: b = !1
166
+ }) => {
167
+ const [i, J] = ne(!1), [I, ye] = ne(""), Ce = K(null), Oe = K(null), H = K(null), ie = K(0), ce = K(null), de = K(null), ue = K(""), [Qe, ve] = ne(!1), [Ze, Q] = ne(null), T = K(null), W = y(() => Me(d), [d]), M = y(() => {
168
+ if (!b || !I.trim())
169
+ return W;
170
+ const e = I.toLowerCase();
171
+ return W.filter(
172
+ ({ option: r }) => r.label.toLowerCase().includes(e)
173
+ );
174
+ }, [W, I, b]), w = y(
175
+ () => M.map(({ option: e }) => e),
176
+ [M]
177
+ ), Ae = y(
178
+ () => W.map(({ option: e }) => e),
179
+ [W]
180
+ ), Z = y(() => M.filter(({ option: e }) => {
181
+ var r;
182
+ return (r = e.children) == null ? void 0 : r.length;
183
+ }).map(({ option: e }) => e), [M]), De = y(() => $e(d), [d]), v = y(
184
+ () => De.map(({ value: e }) => e),
185
+ [De]
186
+ ), ee = y(() => {
187
+ const e = /* @__PURE__ */ new Map();
188
+ return Z.forEach((r) => {
189
+ e.set(r.value, ze(r));
190
+ }), e;
191
+ }, [Z]), $ = D(
192
+ (e) => (Z.forEach((r) => {
193
+ const s = ee.get(r.value) ?? [], a = s.length > 0 && s.every((c) => e.has(c));
194
+ we && a ? e.add(r.value) : e.delete(r.value);
195
+ }), e),
196
+ [Z, we, ee]
197
+ ), L = y(() => !n || !Array.isArray(t) ? /* @__PURE__ */ new Set() : $(new Set(t)), [n, t, $]), Ne = n ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, er = je && Ne && !l, rr = D((e) => {
198
+ ie.current = e.scrollTop;
199
+ }, []);
200
+ Pe(() => {
201
+ i && !S && H.current && !(n && T.current !== null) && H.current.scrollTop(ie.current);
202
+ }, [i, S, t, n]);
203
+ const { refs: q, floatingStyles: be } = wr({
204
+ placement: "bottom-start",
205
+ middleware: [
206
+ Er(5),
207
+ yr({
208
+ fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
209
+ ...g && {
210
+ boundary: document.documentElement,
211
+ rootBoundary: "viewport"
212
+ }
213
+ }),
214
+ g ? Cr({
215
+ apply({ rects: e, elements: r }) {
216
+ const s = e.reference.width;
217
+ Object.assign(r.floating.style, {
218
+ width: `${s}px`,
219
+ minWidth: `${s}px`,
220
+ maxWidth: `${s}px`
221
+ });
222
+ }
223
+ }) : null
224
+ ].filter(Boolean),
225
+ whileElementsMounted: i && g ? (e, r, s) => Or(e, r, s, {
226
+ animationFrame: !0
227
+ }) : void 0
228
+ }), tr = () => {
229
+ if (!me)
230
+ return;
231
+ const e = Array.isArray(t) ? t : [], r = new Set(e), s = v.some((c) => !r.has(c));
232
+ v.forEach((c) => {
233
+ s ? r.add(c) : r.delete(c);
234
+ });
235
+ const a = $(r);
236
+ m(Array.from(a)), Be();
237
+ }, re = D(() => {
238
+ i || (J(!0), C == null || C());
239
+ }, [i, C]), E = D(() => {
240
+ J(!1), ye(""), ue.current = "", O == null || O();
241
+ }, [O]), fe = D(() => {
242
+ if (l)
243
+ return;
244
+ m(n ? [] : ""), Ee(), E(), requestAnimationFrame(() => {
245
+ const r = q.reference.current;
246
+ r && r instanceof HTMLElement && r.focus();
247
+ });
248
+ }, [l, n, m, Ee, E, q]), nr = D(
249
+ (e) => {
250
+ e.preventDefault(), e.stopPropagation(), fe();
251
+ },
252
+ [fe]
253
+ ), Ie = D(
254
+ (e) => {
255
+ var c, o;
256
+ if (!i)
257
+ return;
258
+ const r = e == null ? void 0 : e.target;
259
+ if (!r)
260
+ return;
261
+ const s = (c = Ce.current) == null ? void 0 : c.contains(r), a = (o = Oe.current) == null ? void 0 : o.contains(r);
262
+ !s && !a && E();
263
+ },
264
+ [i, E]
265
+ );
266
+ Y(() => {
267
+ if (!i)
268
+ return;
269
+ const e = (r) => {
270
+ Ie(r);
271
+ };
272
+ return document.addEventListener("pointerdown", e), () => {
273
+ document.removeEventListener("pointerdown", e);
274
+ };
275
+ }, [i, Ie]);
276
+ const Ke = (e) => {
277
+ var r;
278
+ if (!e.disabled) {
279
+ if (n) {
280
+ const s = Array.isArray(t) ? t : [], a = new Set(s);
281
+ if ((r = e.children) != null && r.length) {
282
+ const o = ee.get(e.value) ?? [], f = o.some((A) => !a.has(A));
283
+ o.forEach((A) => {
284
+ f ? a.add(A) : a.delete(A);
285
+ });
286
+ } else
287
+ a.has(e.value) ? a.delete(e.value) : a.add(e.value);
288
+ const c = $(a);
289
+ m(Array.from(c));
290
+ } else
291
+ m(e.value);
292
+ J((s) => n || !s);
293
+ }
294
+ }, sr = () => w.find(({ value: e }) => e === t), Te = Wr(w, t), {
295
+ getToggleButtonProps: or,
296
+ getLabelProps: ar,
297
+ getMenuProps: Le,
298
+ getItemProps: lr,
299
+ setHighlightedIndex: k,
300
+ highlightedIndex: he
301
+ } = _e({
302
+ items: w,
303
+ itemToString: (e) => (e != null && e.label ? String(e.label) : N) || "",
304
+ selectedItem: sr(),
305
+ isOpen: i,
306
+ circularNavigation: !0,
307
+ defaultHighlightedIndex: Te,
308
+ onHighlightedIndexChange: (e) => {
309
+ switch (e.type) {
310
+ case _e.stateChangeTypes.MenuKeyDownArrowUp:
311
+ return Q(P.ON_KEY_DOWN), k(zr(w, e.highlightedIndex)), e;
312
+ case _e.stateChangeTypes.MenuKeyDownArrowDown:
313
+ return Q(P.ON_KEY_DOWN), k($r(w, e.highlightedIndex)), e;
314
+ default:
315
+ return e;
316
+ }
317
+ }
318
+ }), ke = D(
319
+ (e) => {
320
+ Oe.current = e, q.setFloating(e);
321
+ },
322
+ [q]
323
+ ), ir = D(
324
+ (e = {}) => {
325
+ const r = Le(e), s = r.ref;
326
+ return {
327
+ ...r,
328
+ ref: (a) => {
329
+ ke(a), typeof s == "function" ? s(a) : s && (s.current = a);
330
+ }
331
+ };
332
+ },
333
+ [Le, ke]
334
+ );
335
+ Y(() => {
336
+ n && i && T.current !== null && T.current >= 0 && T.current < w.length && (k(T.current), T.current = null, requestAnimationFrame(() => {
337
+ H.current && !S && H.current.scrollTop(ie.current);
338
+ }));
339
+ }, [n, i, t, w.length, k, S]), Y(() => {
340
+ i && b && requestAnimationFrame(() => {
341
+ var e;
342
+ (e = de.current) == null || e.focus();
343
+ });
344
+ }, [i, b]), Y(() => {
345
+ b && i && I !== ue.current && (ue.current = I, I && k(0));
346
+ }, [I, b, i]), Pe(() => {
347
+ if (!i || !g)
348
+ return;
349
+ let e = window.scrollY, r = !0;
350
+ const s = 300, a = () => {
351
+ if (!r)
352
+ return;
353
+ window.scrollY !== e && window.scrollTo(0, e);
354
+ }, c = (f) => {
355
+ r && (f.preventDefault(), f.stopImmediatePropagation(), a());
356
+ };
357
+ e = window.scrollY, window.addEventListener("scroll", c, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
358
+ e = window.scrollY, a();
359
+ });
360
+ const o = setTimeout(() => {
361
+ r = !1;
362
+ }, s);
363
+ return () => {
364
+ clearTimeout(o), window.removeEventListener("scroll", c, { capture: !0 });
365
+ };
366
+ }, [i, g]), Y(() => {
367
+ if (!i || !g)
368
+ return;
369
+ const e = () => {
370
+ E();
371
+ };
372
+ return window.addEventListener("resize", e), () => {
373
+ window.removeEventListener("resize", e);
374
+ };
375
+ }, [i, g, E]);
376
+ const xe = () => {
377
+ l || (J((e) => !e), i ? O == null || O() : C == null || C(), Q(P.ON_CLICK));
378
+ }, te = y(() => {
379
+ if (n && Array.isArray(t) && v.length > 0 && v.every((r) => L.has(r)))
380
+ return le.label;
381
+ const e = w.reduce((r, s) => ((Array.isArray(t) && t.includes(s.value) || s.value === t) && r.push(s.label), r), []);
382
+ if (e.length > 0)
383
+ return e.join(", ");
384
+ if (!t && t !== !1 && t !== 0 || Array.isArray(t) && !t.length)
385
+ return N;
386
+ }, [
387
+ n,
388
+ t,
389
+ v,
390
+ L,
391
+ le.label,
392
+ w,
393
+ N
394
+ ]);
395
+ Y(() => {
396
+ if (ce.current) {
397
+ const { offsetWidth: e, scrollWidth: r } = ce.current;
398
+ ve(r > e);
399
+ } else
400
+ ve(!1);
401
+ }, [te]);
402
+ const cr = (e) => {
403
+ const { keyCode: r } = e;
404
+ Yr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !i && (k(Te), re(), Q(P.ON_KEY_DOWN)));
405
+ }, dr = (e) => {
406
+ const { keyCode: r } = e;
407
+ if (r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) {
408
+ const s = w[he];
409
+ if (!s)
410
+ return;
411
+ n && (T.current = he), Ke(s), n || E();
412
+ return;
413
+ }
414
+ Pr.includes(r) && (e.stopPropagation(), E());
415
+ }, qe = () => /* @__PURE__ */ x("div", { className: h("options-container"), children: [
416
+ n && me && /* @__PURE__ */ x(Ye, { children: [
417
+ /* @__PURE__ */ u(
418
+ He,
419
+ {
420
+ option: le,
421
+ selected: Array.isArray(t) && v.length > 0 && v.every((e) => L.has(e)),
422
+ onChange: tr,
423
+ multiSelect: n,
424
+ isPartiallyChecked: v.some((e) => L.has(e)) && !v.every((e) => L.has(e))
425
+ }
426
+ ),
427
+ /* @__PURE__ */ u("div", { className: h("divider") }),
428
+ " "
429
+ ] }),
430
+ M.map(({ option: e, depth: r }, s) => {
431
+ var f, A;
432
+ const a = ee.get(e.value) ?? [e.value], c = n && a.every((R) => L.has(R)), o = n && ((f = e.children) == null ? void 0 : f.length) && a.some((R) => L.has(R)) && !c;
433
+ return /* @__PURE__ */ u(
434
+ He,
435
+ {
436
+ ...lr({
437
+ item: e,
438
+ index: s
439
+ }),
440
+ multiSelect: n,
441
+ selected: n ? c : e.value === t,
442
+ option: { title: e.label, ...e },
443
+ highlightHovered: he === s && Ze !== P.ON_CLICK,
444
+ render: j,
445
+ onChange: e.disabled ? null : () => Ke(e),
446
+ onMouseEnter: () => k(s),
447
+ depth: r,
448
+ hasChildren: !!((A = e.children) != null && A.length),
449
+ isPartiallyChecked: o
450
+ },
451
+ e.value
452
+ );
453
+ }),
454
+ X && /* @__PURE__ */ x(Ye, { children: [
455
+ /* @__PURE__ */ u("div", { className: h("divider") }),
456
+ typeof X == "function" ? X(E) : X
457
+ ] })
458
+ ] }), ur = () => {
459
+ const e = Ae.reduce((o, f) => (Array.isArray(t) && t.includes(f.value) && o.push(f.label), o), []), r = (o) => {
460
+ const f = Ae.find(
461
+ ({ label: pr }) => pr === o
462
+ );
463
+ if (!f)
464
+ return;
465
+ const A = Array.isArray(t) ? t : [], R = new Set(A);
466
+ R.delete(f.value);
467
+ const _r = $(R);
468
+ m(Array.from(_r));
469
+ }, s = (o) => {
470
+ const f = o.target;
471
+ ye(f.value), i || (re(), requestAnimationFrame(() => {
472
+ f.focus();
473
+ }));
474
+ }, a = (o) => {
475
+ if (o.keyCode === _.ESCAPE_KEY_CODE) {
476
+ o.stopPropagation(), E();
477
+ return;
478
+ }
479
+ o.keyCode === _.ENTER_KEY_CODE || o.keyCode === _.SPACE_KEY_CODE || (o.keyCode === _.ARROW_DOWN_KEY_CODE || o.keyCode === _.ARROW_UP_KEY_CODE) && (o.preventDefault(), re());
480
+ }, c = /* @__PURE__ */ u(
481
+ "input",
482
+ {
483
+ ref: de,
484
+ type: "text",
485
+ className: h("search-input"),
486
+ value: I,
487
+ onChange: s,
488
+ onKeyDown: a,
489
+ onClick: (o) => {
490
+ o.stopPropagation(), re();
491
+ },
492
+ placeholder: Ve(e) ? N : "",
493
+ autoComplete: "off"
494
+ }
495
+ );
496
+ return Ve(e) ? /* @__PURE__ */ u("div", { className: h("tags-wrapper", "with-search"), children: c }) : /* @__PURE__ */ x("div", { className: h("tags-wrapper", "with-search"), children: [
497
+ /* @__PURE__ */ u(
498
+ Kr,
499
+ {
500
+ tags: e,
501
+ onRemoveTag: r,
502
+ isShowAllView: !0,
503
+ defaultVisibleLines: Hr
504
+ }
505
+ ),
506
+ c
507
+ ] });
508
+ }, fr = () => {
509
+ if (b && n && Array.isArray(t))
510
+ return ur();
511
+ const e = ge ? ge(te) : te, r = /* @__PURE__ */ u(
512
+ "span",
513
+ {
514
+ ref: ce,
515
+ className: h("value", {
516
+ placeholder: te === N
517
+ }),
518
+ children: e
519
+ }
520
+ );
521
+ return Ne && !!e && Qe ? /* @__PURE__ */ u(
522
+ br,
523
+ {
524
+ content: e,
525
+ placement: "top",
526
+ wrapperClassName: h("value-tooltip"),
527
+ portalRoot: Xe,
528
+ zIndex: Je,
529
+ children: r
530
+ }
531
+ ) : r;
532
+ }, hr = or({
533
+ className: h("dropdown", se, G, {
534
+ "transparent-background": oe,
535
+ opened: i,
536
+ disabled: l,
537
+ error: p,
538
+ touched: F,
539
+ "mobile-disabled": z
540
+ }),
541
+ onClick: xe,
542
+ onKeyDown: cr,
543
+ ref: q.setReference
544
+ }), { type: st, ...Re } = hr;
545
+ return /* @__PURE__ */ x("div", { ref: Ce, className: h("container", ae), title: V, children: [
546
+ B && /* @__PURE__ */ u(
547
+ Ir,
548
+ {
549
+ ...ar(),
550
+ onClick: () => !l && xe(),
551
+ style: { cursor: l ? "default" : "pointer" },
552
+ children: B
553
+ }
554
+ ),
555
+ /* @__PURE__ */ x(
556
+ "div",
557
+ {
558
+ ...Re,
559
+ role: "button",
560
+ "aria-disabled": l,
561
+ tabIndex: l ? -1 : Re.tabIndex ?? 0,
562
+ children: [
563
+ U && /* @__PURE__ */ u("span", { className: h("icon"), children: U }),
564
+ /* @__PURE__ */ u("div", { className: h("value-wrapper"), children: fr() }),
565
+ er && /* @__PURE__ */ u(
566
+ Ar,
567
+ {
568
+ className: h("clear-button"),
569
+ onClick: nr,
570
+ onKeyDown: (e) => {
571
+ const { keyCode: r } = e;
572
+ (r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), fe());
573
+ },
574
+ "aria-label": Ge,
575
+ children: /* @__PURE__ */ u(Dr, {})
576
+ }
577
+ ),
578
+ /* @__PURE__ */ u("span", { className: h("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ u(Nr, {}) })
579
+ ]
580
+ }
581
+ ),
582
+ i && (() => {
583
+ var a;
584
+ const e = (a = q.reference.current) == null ? void 0 : a.getBoundingClientRect().width, r = g && e ? {
585
+ ...be,
586
+ width: `${e}px`,
587
+ minWidth: `${e}px`,
588
+ maxWidth: `${e}px`
589
+ } : be, s = /* @__PURE__ */ u(
590
+ "div",
591
+ {
592
+ style: r,
593
+ className: h(
594
+ "select-list",
595
+ {
596
+ opened: i,
597
+ "limited-width": Ue
598
+ },
599
+ Fe
600
+ ),
601
+ ...g && { [Sr]: "" },
602
+ ...ir({
603
+ onKeyDown: dr,
604
+ ...b && {
605
+ tabIndex: -1,
606
+ onFocus: (c) => {
607
+ var o;
608
+ c.preventDefault(), (o = de.current) == null || o.focus();
609
+ }
610
+ }
611
+ }),
612
+ children: S ? qe() : /* @__PURE__ */ u(
613
+ vr,
614
+ {
615
+ autoHeight: !0,
616
+ autoHeightMax: Vr,
617
+ hideTracksWhenNotNeeded: !0,
618
+ ref: (c) => {
619
+ H.current = c;
620
+ },
621
+ onScrollFrame: rr,
622
+ children: qe()
623
+ }
624
+ )
625
+ }
626
+ );
627
+ return g ? gr(s, g) : s;
628
+ })()
629
+ ] });
630
+ };
631
+ export {
632
+ Ct as D,
633
+ Sr as a
634
+ };
@@ -0,0 +1,27 @@
1
+ import { D as r } from "./dropdown-893c692c.js";
2
+ import { a as E } from "./dropdown-893c692c.js";
3
+ import "react/jsx-runtime";
4
+ import "react";
5
+ import "react-dom";
6
+ import "./bind-06a7ff84.js";
7
+ import "@floating-ui/react-dom";
8
+ import "downshift";
9
+ import "rc-scrollbars";
10
+ import "./keyCodes-f63c0e11.js";
11
+ import "./baseIconButton-251479f7.js";
12
+ import "./clear-53660571.js";
13
+ import "./dropdown-0260bb66.js";
14
+ import "./tooltip.js";
15
+ import "@floating-ui/react";
16
+ import "./floatingUi-41f8c7b5.js";
17
+ import "./fieldLabel.js";
18
+ import "./adaptiveTagList.js";
19
+ import "./button-97d9e587.js";
20
+ import "./close-4d480ef7.js";
21
+ import "./isEmpty-ccacb5ff.js";
22
+ import "./checkbox-ed6cc375.js";
23
+ export {
24
+ E as DROPDOWN_PORTAL_MENU_ATTR,
25
+ r as Dropdown,
26
+ r as default
27
+ };
@@ -0,0 +1,18 @@
1
+ import { jsxs as r, jsx as d } from "react/jsx-runtime";
2
+ import { c as t } from "./bind-06a7ff84.js";
3
+ const c = "_asterisk_1rhlz_11", o = "_disabled_1rhlz_17", b = {
4
+ "field-label": "_field-label_1rhlz_1",
5
+ asterisk: c,
6
+ disabled: o
7
+ }, s = t.bind(b), m = ({
8
+ children: l,
9
+ isRequired: e = !1,
10
+ className: a,
11
+ ...i
12
+ }) => /* @__PURE__ */ r("label", { className: s("field-label", a), ...i, children: [
13
+ l,
14
+ e && /* @__PURE__ */ d("span", { className: s("asterisk"), children: "*" })
15
+ ] });
16
+ export {
17
+ m as FieldLabel
18
+ };