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

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.cjs +1 -0
  2. package/dist/attachedFile.cjs +1 -0
  3. package/dist/autocompletes.cjs +1 -0
  4. package/dist/baseIconButton-263e74dc.js +1 -0
  5. package/dist/baseIconButton.cjs +1 -0
  6. package/dist/bind-29baac98.js +5 -0
  7. package/dist/breadcrumbs-a11e7e56.js +1 -0
  8. package/dist/breadcrumbs.cjs +1 -0
  9. package/dist/bubblesLoader-98fdf0af.js +1 -0
  10. package/dist/bubblesLoader.cjs +1 -0
  11. package/dist/button-8456d133.js +1 -0
  12. package/dist/button.cjs +1 -0
  13. package/dist/calendarArrow-6c6d9356.js +1 -0
  14. package/dist/checkbox-d4cc648d.js +1 -0
  15. package/dist/checkbox.cjs +1 -0
  16. package/dist/chevronDownDropdown-6196562c.js +1 -0
  17. package/dist/clear-07e1c174.js +1 -0
  18. package/dist/close-82e2e274.js +1 -0
  19. package/dist/datePicker-245e845d.js +1 -0
  20. package/dist/datePicker.cjs +1 -0
  21. package/dist/dropdown-b56964c6.js +1 -0
  22. package/dist/dropdown-fa4cd19c.js +1 -0
  23. package/dist/dropdown.cjs +1 -0
  24. package/dist/fieldLabel.cjs +1 -0
  25. package/dist/fieldNumber-9fe044df.js +1 -0
  26. package/dist/fieldNumber.cjs +1 -0
  27. package/dist/fieldText-2af0d7db.js +1 -0
  28. package/dist/fieldText.cjs +1 -0
  29. package/dist/fieldTextFlex-c26b190d.js +1 -0
  30. package/dist/fieldTextFlex.cjs +1 -0
  31. package/dist/fileDropArea.cjs +1 -0
  32. package/dist/filterOutline-5f3f8591.js +1 -0
  33. package/dist/filtersButton.cjs +1 -0
  34. package/dist/floatingUi-97183bba.js +1 -0
  35. package/dist/icons.cjs +1 -0
  36. package/dist/index-4c0424bf.js +1 -0
  37. package/dist/index.cjs +1 -0
  38. package/dist/isEmpty-fe949e63.js +1 -0
  39. package/dist/keyCodes-b188a920.js +1 -0
  40. package/dist/maxValueDisplay-68f1f114.js +1 -0
  41. package/dist/maxValueDisplay.cjs +1 -0
  42. package/dist/minus-0debd2c6.js +1 -0
  43. package/dist/modal.cjs +1 -0
  44. package/dist/openEye-737c72d6.js +1 -0
  45. package/dist/pagination-fc5189f7.js +1 -0
  46. package/dist/pagination.cjs +1 -0
  47. package/dist/plus-b12abe9f.js +1 -0
  48. package/dist/popover.cjs +1 -0
  49. package/dist/prevPage-063b5d63.js +1 -0
  50. package/dist/radio-aba4677b.js +1 -0
  51. package/dist/radio.cjs +1 -0
  52. package/dist/selection-49b927d0.js +1 -0
  53. package/dist/selection.cjs +1 -0
  54. package/dist/sidePanel.cjs +1 -0
  55. package/dist/sortable.cjs +1 -0
  56. package/dist/spinLoader-9ebd776a.js +1 -0
  57. package/dist/spinLoader.cjs +1 -0
  58. package/dist/success-823e5446.js +1 -0
  59. package/dist/systemAlert.cjs +1 -0
  60. package/dist/systemMessage-1ae2764d.js +1 -0
  61. package/dist/systemMessage.cjs +1 -0
  62. package/dist/table-cd9f0ff3.js +1 -0
  63. package/dist/table.cjs +1 -0
  64. package/dist/themeProvider-4dfafca5.js +1 -0
  65. package/dist/themeProvider.cjs +1 -0
  66. package/dist/toggle-359b70d4.js +1 -0
  67. package/dist/toggle.cjs +1 -0
  68. package/dist/tooltip.cjs +1 -0
  69. package/dist/tree-4610ac42.js +1 -0
  70. package/dist/xls-3ed747b0.js +1 -0
  71. package/package.json +6 -8
  72. package/dist/adaptiveTagList.js +0 -189
  73. package/dist/attachedFile.js +0 -9
  74. package/dist/autocompletes.js +0 -779
  75. package/dist/baseIconButton-251479f7.js +0 -25
  76. package/dist/baseIconButton.js +0 -7
  77. package/dist/bind-06a7ff84.js +0 -41
  78. package/dist/breadcrumbs-8e5ca8d7.js +0 -183
  79. package/dist/breadcrumbs.js +0 -12
  80. package/dist/bubblesLoader-f3ffa240.js +0 -28
  81. package/dist/bubblesLoader.js +0 -7
  82. package/dist/button-97d9e587.js +0 -66
  83. package/dist/button.js +0 -8
  84. package/dist/calendarArrow-44c7e60e.js +0 -5
  85. package/dist/checkbox-ed6cc375.js +0 -73
  86. package/dist/checkbox.js +0 -9
  87. package/dist/chevronDownDropdown-66f5b1af.js +0 -7
  88. package/dist/clear-53660571.js +0 -5
  89. package/dist/close-4d480ef7.js +0 -5
  90. package/dist/datePicker-f8e0df24.js +0 -194
  91. package/dist/datePicker.js +0 -35
  92. package/dist/dropdown-0260bb66.js +0 -5
  93. package/dist/dropdown-893c692c.js +0 -634
  94. package/dist/dropdown.js +0 -27
  95. package/dist/fieldLabel.js +0 -18
  96. package/dist/fieldNumber-d1b5a7a1.js +0 -140
  97. package/dist/fieldNumber.js +0 -13
  98. package/dist/fieldText-1749da7a.js +0 -167
  99. package/dist/fieldText.js +0 -14
  100. package/dist/fieldTextFlex-2f51c173.js +0 -80
  101. package/dist/fieldTextFlex.js +0 -10
  102. package/dist/fileDropArea.js +0 -325
  103. package/dist/filterOutline-819b4b0d.js +0 -6
  104. package/dist/filtersButton.js +0 -25
  105. package/dist/floatingUi-41f8c7b5.js +0 -29
  106. package/dist/icons.js +0 -85
  107. package/dist/index-1a874a8b.js +0 -110
  108. package/dist/index.js +0 -165
  109. package/dist/isEmpty-ccacb5ff.js +0 -38
  110. package/dist/keyCodes-f63c0e11.js +0 -4
  111. package/dist/maxValueDisplay-9be01a75.js +0 -13
  112. package/dist/maxValueDisplay.js +0 -6
  113. package/dist/minus-2857540f.js +0 -5
  114. package/dist/modal.js +0 -194
  115. package/dist/openEye-950159cb.js +0 -6
  116. package/dist/pagination-a3dee614.js +0 -347
  117. package/dist/pagination.js +0 -22
  118. package/dist/plus-199fb2a8.js +0 -5
  119. package/dist/popover.js +0 -80
  120. package/dist/prevPage-87faf576.js +0 -6
  121. package/dist/radio-62546efa.js +0 -76
  122. package/dist/radio.js +0 -9
  123. package/dist/selection-9124d029.js +0 -38
  124. package/dist/selection.js +0 -10
  125. package/dist/sidePanel.js +0 -88
  126. package/dist/sortable.js +0 -160
  127. package/dist/spinLoader-c4a53718.js +0 -11
  128. package/dist/spinLoader.js +0 -7
  129. package/dist/success-8fd8bd2c.js +0 -7
  130. package/dist/systemAlert.js +0 -69
  131. package/dist/systemMessage-924fdaa6.js +0 -30
  132. package/dist/systemMessage.js +0 -7
  133. package/dist/table-c172f35e.js +0 -504
  134. package/dist/table.js +0 -15
  135. package/dist/themeProvider-46c2be7b.js +0 -23
  136. package/dist/themeProvider.js +0 -7
  137. package/dist/toggle-304107fa.js +0 -59
  138. package/dist/toggle.js +0 -9
  139. package/dist/tooltip.js +0 -103
  140. package/dist/tree-c3dd3d45.js +0 -6
  141. package/dist/xls-995781cc.js +0 -11
@@ -1,634 +0,0 @@
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
- };
package/dist/dropdown.js DELETED
@@ -1,27 +0,0 @@
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
- };
@@ -1,18 +0,0 @@
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
- };