@reportportal/ui-kit 0.0.1-alpha.150 → 0.0.1-alpha.151
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/{datePicker-eff1b603.js → datePicker-d85ff750.js} +1 -1
- package/dist/datePicker.js +3 -3
- package/dist/{dropdown-f5f56c8e.js → dropdown-86a51ac5.js} +128 -128
- package/dist/dropdown.js +2 -2
- package/dist/index.js +2 -2
- package/dist/modal.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import B from "react-datepicker/dist/es/index.js";
|
|
|
3
3
|
import { c as R } from "./bind-06a7ff84.js";
|
|
4
4
|
import { useMemo as P, useRef as D } from "react";
|
|
5
5
|
import { F as I } from "./fieldText-1749da7a.js";
|
|
6
|
-
import { D as E } from "./dropdown-
|
|
6
|
+
import { D as E } from "./dropdown-86a51ac5.js";
|
|
7
7
|
import { S as T } from "./calendarArrow-44c7e60e.js";
|
|
8
8
|
import { registerLocale as j } from "react-datepicker";
|
|
9
9
|
const ie = (n, s) => {
|
package/dist/datePicker.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as t } from "./datePicker-
|
|
2
|
-
import { r as E } from "./datePicker-
|
|
1
|
+
import { D as t } from "./datePicker-d85ff750.js";
|
|
2
|
+
import { r as E } from "./datePicker-d85ff750.js";
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
4
|
import "react-datepicker/dist/es/index.js";
|
|
5
5
|
import "./bind-06a7ff84.js";
|
|
@@ -11,7 +11,7 @@ import "./baseIconButton-251479f7.js";
|
|
|
11
11
|
import "./spinLoader-c4a53718.js";
|
|
12
12
|
import "./maxValueDisplay-9be01a75.js";
|
|
13
13
|
import "./fieldLabel.js";
|
|
14
|
-
import "./dropdown-
|
|
14
|
+
import "./dropdown-86a51ac5.js";
|
|
15
15
|
import "react-dom";
|
|
16
16
|
import "@floating-ui/react-dom";
|
|
17
17
|
import "downshift";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as R, jsx as u, Fragment as Ve } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
2
|
+
import { forwardRef as gr, useState as se, useRef as K, useMemo as E, useCallback as N, useLayoutEffect as Se, useEffect as V } from "react";
|
|
3
3
|
import { createPortal as wr } from "react-dom";
|
|
4
4
|
import { c as Me } from "./bind-06a7ff84.js";
|
|
5
5
|
import { useFloating as yr, offset as Er, flip as Cr, size as Or, autoUpdate as vr } from "@floating-ui/react-dom";
|
|
6
|
-
import { useSelect as
|
|
6
|
+
import { useSelect as pe } from "downshift";
|
|
7
7
|
import { Scrollbars as Ar } from "rc-scrollbars";
|
|
8
|
-
import { K as
|
|
8
|
+
import { K as _ } from "./keyCodes-f63c0e11.js";
|
|
9
9
|
import { B as Dr } from "./baseIconButton-251479f7.js";
|
|
10
10
|
import { S as Nr } from "./clear-53660571.js";
|
|
11
11
|
import { S as br } from "./dropdown-0260bb66.js";
|
|
@@ -13,7 +13,7 @@ import { Tooltip as Ir } from "./tooltip.js";
|
|
|
13
13
|
import { FieldLabel as Kr } from "./fieldLabel.js";
|
|
14
14
|
import { AdaptiveTagList as Lr } from "./adaptiveTagList.js";
|
|
15
15
|
import { C as Tr } from "./checkbox-ed6cc375.js";
|
|
16
|
-
import { i as
|
|
16
|
+
import { i as ne } from "./isEmpty-ccacb5ff.js";
|
|
17
17
|
const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22", Yr = "_selected_14s7v_38", Pr = {
|
|
18
18
|
"dropdown-option": "_dropdown-option_14s7v_1",
|
|
19
19
|
disabled: kr,
|
|
@@ -24,10 +24,10 @@ const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22"
|
|
|
24
24
|
"multi-select": "_multi-select_14s7v_38",
|
|
25
25
|
"single-option": "_single-option_14s7v_43",
|
|
26
26
|
"sub-option": "_sub-option_14s7v_50"
|
|
27
|
-
}, He = Me.bind(Pr), We =
|
|
28
|
-
(
|
|
27
|
+
}, He = Me.bind(Pr), We = gr(
|
|
28
|
+
(s, t) => {
|
|
29
29
|
const {
|
|
30
|
-
option: { value: d, disabled: l, hidden:
|
|
30
|
+
option: { value: d, disabled: l, hidden: p, label: m, title: C, groupRef: O },
|
|
31
31
|
selected: F,
|
|
32
32
|
onChange: H,
|
|
33
33
|
render: U,
|
|
@@ -37,7 +37,7 @@ const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22"
|
|
|
37
37
|
isPartiallyChecked: q = !1,
|
|
38
38
|
depth: j = 0,
|
|
39
39
|
hasChildren: oe = !1
|
|
40
|
-
} =
|
|
40
|
+
} = s, le = (G) => {
|
|
41
41
|
(G.target instanceof HTMLDivElement || G.target instanceof HTMLInputElement) && (H == null || H(d));
|
|
42
42
|
};
|
|
43
43
|
return /* @__PURE__ */ R(
|
|
@@ -46,7 +46,7 @@ const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22"
|
|
|
46
46
|
className: He("dropdown-option", {
|
|
47
47
|
selected: F,
|
|
48
48
|
disabled: l,
|
|
49
|
-
hidden:
|
|
49
|
+
hidden: p,
|
|
50
50
|
hover: B,
|
|
51
51
|
"multi-select": b,
|
|
52
52
|
"has-children": oe,
|
|
@@ -64,7 +64,7 @@ const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22"
|
|
|
64
64
|
className: He("single-option", {
|
|
65
65
|
"sub-option": !!O
|
|
66
66
|
}),
|
|
67
|
-
children: U ? U(
|
|
67
|
+
children: U ? U(s) : m
|
|
68
68
|
}
|
|
69
69
|
)
|
|
70
70
|
]
|
|
@@ -72,68 +72,68 @@ const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22"
|
|
|
72
72
|
);
|
|
73
73
|
}
|
|
74
74
|
), Vr = [
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
], Sr = [
|
|
79
|
-
var S = /* @__PURE__ */ ((
|
|
80
|
-
const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (
|
|
75
|
+
_.ENTER_KEY_CODE,
|
|
76
|
+
_.SPACE_KEY_CODE,
|
|
77
|
+
_.ARROW_DOWN_KEY_CODE
|
|
78
|
+
], Sr = [_.ESCAPE_KEY_CODE, _.TAB_KEY_CODE];
|
|
79
|
+
var S = /* @__PURE__ */ ((s) => (s.ON_KEY_DOWN = "onKeyDown", s.ON_CLICK = "onClick", s))(S || {});
|
|
80
|
+
const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
|
|
81
81
|
const d = Array.isArray(t) ? t : [t];
|
|
82
|
-
return
|
|
83
|
-
}, zr = (
|
|
84
|
-
var
|
|
85
|
-
if (
|
|
82
|
+
return s.findIndex(({ value: l }) => d.includes(l));
|
|
83
|
+
}, zr = (s, t) => (s % t + t) % t, me = (s, t = 0, d = 1) => {
|
|
84
|
+
var p;
|
|
85
|
+
if (s.length === 0)
|
|
86
86
|
return 0;
|
|
87
|
-
if (!((
|
|
87
|
+
if (!((p = s[t]) != null && p.disabled))
|
|
88
88
|
return t;
|
|
89
|
-
const l =
|
|
90
|
-
return
|
|
91
|
-
|
|
89
|
+
const l = s.length;
|
|
90
|
+
return me(
|
|
91
|
+
s,
|
|
92
92
|
zr(t + d, l),
|
|
93
93
|
d
|
|
94
94
|
);
|
|
95
|
-
}, Fr = (
|
|
96
|
-
var
|
|
97
|
-
return
|
|
98
|
-
}, []), ze = (
|
|
95
|
+
}, Fr = (s, t) => me(s, t), Ur = (s, t) => me(s, t, -1), $e = (s, t = 0, d) => !s || s.length === 0 ? [] : s.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(...$e(p.children, t + 1, p))), l;
|
|
98
|
+
}, []), ze = (s) => !s || s.length === 0 ? [] : s.reduce((t, d) => {
|
|
99
99
|
var l;
|
|
100
100
|
return d && ((l = d.children) != null && l.length ? t.push(...ze(d.children)) : t.push(d)), t;
|
|
101
|
-
}, []), Fe = (
|
|
101
|
+
}, []), Fe = (s) => {
|
|
102
102
|
var t;
|
|
103
|
-
return
|
|
104
|
-
}, Br = "
|
|
103
|
+
return s ? (t = s.children) != null && t.length ? s.children.reduce((d, l) => (l && d.push(...Fe(l)), d), []) : [s.value] : [];
|
|
104
|
+
}, Br = "_container_1sss9_1", qr = "_icon_1sss9_7", jr = "_arrow_1sss9_15", Gr = "_dropdown_1sss9_33", Xr = "_disabled_1sss9_53", Jr = "_value_1sss9_60", Qr = "_error_1sss9_63", Zr = "_touched_1sss9_63", et = "_opened_1sss9_67", rt = "_placeholder_1sss9_101", tt = "_ghost_1sss9_189", st = "_divider_1sss9_207", nt = {
|
|
105
105
|
container: Br,
|
|
106
106
|
icon: qr,
|
|
107
107
|
arrow: jr,
|
|
108
|
-
"clear-button": "_clear-
|
|
108
|
+
"clear-button": "_clear-button_1sss9_23",
|
|
109
109
|
dropdown: Gr,
|
|
110
|
-
"multi-select-with-tags": "_multi-select-with-
|
|
111
|
-
"transparent-background": "_transparent-
|
|
110
|
+
"multi-select-with-tags": "_multi-select-with-tags_1sss9_47",
|
|
111
|
+
"transparent-background": "_transparent-background_1sss9_50",
|
|
112
112
|
disabled: Xr,
|
|
113
113
|
value: Jr,
|
|
114
114
|
error: Qr,
|
|
115
115
|
touched: Zr,
|
|
116
116
|
opened: et,
|
|
117
117
|
placeholder: rt,
|
|
118
|
-
"mobile-disabled": "_mobile-
|
|
119
|
-
"value-wrapper": "_value-
|
|
120
|
-
"tags-wrapper": "_tags-
|
|
121
|
-
"with-search": "_with-
|
|
122
|
-
"search-input": "_search-
|
|
123
|
-
"value-tooltip": "_value-
|
|
124
|
-
"select-list": "_select-
|
|
125
|
-
"limited-width": "_limited-
|
|
126
|
-
"options-container": "_options-
|
|
127
|
-
"empty-list-message": "_empty-list-
|
|
118
|
+
"mobile-disabled": "_mobile-disabled_1sss9_105",
|
|
119
|
+
"value-wrapper": "_value-wrapper_1sss9_110",
|
|
120
|
+
"tags-wrapper": "_tags-wrapper_1sss9_116",
|
|
121
|
+
"with-search": "_with-search_1sss9_121",
|
|
122
|
+
"search-input": "_search-input_1sss9_128",
|
|
123
|
+
"value-tooltip": "_value-tooltip_1sss9_146",
|
|
124
|
+
"select-list": "_select-list_1sss9_151",
|
|
125
|
+
"limited-width": "_limited-width_1sss9_168",
|
|
126
|
+
"options-container": "_options-container_1sss9_172",
|
|
127
|
+
"empty-list-message": "_empty-list-message_1sss9_177",
|
|
128
128
|
ghost: tt,
|
|
129
|
-
divider:
|
|
130
|
-
}, h = Me.bind(
|
|
131
|
-
multiSelect:
|
|
132
|
-
value: t =
|
|
129
|
+
divider: st
|
|
130
|
+
}, h = Me.bind(nt), Ot = ({
|
|
131
|
+
multiSelect: s = !1,
|
|
132
|
+
value: t = s ? [] : "",
|
|
133
133
|
options: d = [],
|
|
134
134
|
disabled: l = !1,
|
|
135
|
-
error:
|
|
136
|
-
onChange:
|
|
135
|
+
error: p,
|
|
136
|
+
onChange: m,
|
|
137
137
|
onFocus: C,
|
|
138
138
|
onBlur: O,
|
|
139
139
|
mobileDisabled: F,
|
|
@@ -150,7 +150,7 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
150
150
|
selectListClassName: Ue,
|
|
151
151
|
isListWidthLimited: Be = !1,
|
|
152
152
|
optionAll: ce = { value: "all", label: "All" },
|
|
153
|
-
isOptionAllVisible:
|
|
153
|
+
isOptionAllVisible: ge = !1,
|
|
154
154
|
onSelectAll: qe = () => {
|
|
155
155
|
},
|
|
156
156
|
formatDisplayedValue: we,
|
|
@@ -163,11 +163,11 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
163
163
|
clearButtonAriaLabel: Ge = "Clear selection",
|
|
164
164
|
tooltipPortalRoot: Xe,
|
|
165
165
|
tooltipZIndex: Je,
|
|
166
|
-
menuPortalRoot:
|
|
166
|
+
menuPortalRoot: g,
|
|
167
167
|
isMultiSelectWithTags: v = !1,
|
|
168
168
|
noMatchesMessage: Qe = "No matches found"
|
|
169
169
|
}) => {
|
|
170
|
-
const [c, J] =
|
|
170
|
+
const [c, J] = se(!1), [I, Ce] = se(""), Oe = K(null), ve = K(null), M = K(null), ie = K(0), de = K(null), ue = K(null), fe = K(""), [Ze, Ae] = se(!1), [er, Q] = se(null), L = K(null), $ = E(() => $e(d), [d]), T = E(() => {
|
|
171
171
|
if (!v || !I.trim())
|
|
172
172
|
return $;
|
|
173
173
|
const e = I.toLowerCase();
|
|
@@ -193,50 +193,50 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
193
193
|
}), e;
|
|
194
194
|
}, [Z]), z = N(
|
|
195
195
|
(e) => (Z.forEach((r) => {
|
|
196
|
-
const
|
|
196
|
+
const n = ee.get(r.value) ?? [], o = n.length > 0 && n.every((i) => e.has(i));
|
|
197
197
|
ye && o ? e.add(r.value) : e.delete(r.value);
|
|
198
198
|
}), e),
|
|
199
199
|
[Z, ye, ee]
|
|
200
|
-
), k = E(() => !
|
|
200
|
+
), k = E(() => !s || !Array.isArray(t) ? /* @__PURE__ */ new Set() : z(new Set(t)), [s, t, z]), be = s ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, rr = je && be && !l, tr = N((e) => {
|
|
201
201
|
ie.current = e.scrollTop;
|
|
202
202
|
}, []);
|
|
203
203
|
Se(() => {
|
|
204
|
-
c && !W && M.current && !(
|
|
205
|
-
}, [c, W, t,
|
|
204
|
+
c && !W && M.current && !(s && L.current !== null) && M.current.scrollTop(ie.current);
|
|
205
|
+
}, [c, W, t, s]);
|
|
206
206
|
const { refs: Y, floatingStyles: Ie } = yr({
|
|
207
207
|
placement: "bottom-start",
|
|
208
208
|
middleware: [
|
|
209
209
|
Er(5),
|
|
210
210
|
Cr({
|
|
211
211
|
fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
|
|
212
|
-
...
|
|
212
|
+
...g && {
|
|
213
213
|
boundary: document.documentElement,
|
|
214
214
|
rootBoundary: "viewport"
|
|
215
215
|
}
|
|
216
216
|
}),
|
|
217
|
-
|
|
217
|
+
g ? Or({
|
|
218
218
|
apply({ rects: e, elements: r }) {
|
|
219
|
-
const
|
|
219
|
+
const n = e.reference.width;
|
|
220
220
|
Object.assign(r.floating.style, {
|
|
221
|
-
width: `${
|
|
222
|
-
minWidth: `${
|
|
223
|
-
maxWidth: `${
|
|
221
|
+
width: `${n}px`,
|
|
222
|
+
minWidth: `${n}px`,
|
|
223
|
+
maxWidth: `${n}px`
|
|
224
224
|
});
|
|
225
225
|
}
|
|
226
226
|
}) : null
|
|
227
227
|
].filter(Boolean),
|
|
228
|
-
whileElementsMounted: c ? (e, r,
|
|
228
|
+
whileElementsMounted: c ? (e, r, n) => vr(e, r, n, {
|
|
229
229
|
animationFrame: !0
|
|
230
230
|
}) : void 0
|
|
231
|
-
}),
|
|
232
|
-
if (!
|
|
231
|
+
}), sr = () => {
|
|
232
|
+
if (!ge)
|
|
233
233
|
return;
|
|
234
|
-
const e = Array.isArray(t) ? t : [], r = new Set(e),
|
|
234
|
+
const e = Array.isArray(t) ? t : [], r = new Set(e), n = A.some((i) => !r.has(i));
|
|
235
235
|
A.forEach((i) => {
|
|
236
|
-
|
|
236
|
+
n ? r.add(i) : r.delete(i);
|
|
237
237
|
});
|
|
238
238
|
const o = z(r);
|
|
239
|
-
|
|
239
|
+
m(Array.from(o)), qe();
|
|
240
240
|
}, re = N(() => {
|
|
241
241
|
c || (J(!0), C == null || C());
|
|
242
242
|
}, [c, C]), y = N(() => {
|
|
@@ -244,11 +244,11 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
244
244
|
}, [O]), he = N(() => {
|
|
245
245
|
if (l)
|
|
246
246
|
return;
|
|
247
|
-
|
|
247
|
+
m(s ? [] : ""), Ee(), y(), requestAnimationFrame(() => {
|
|
248
248
|
const r = Y.reference.current;
|
|
249
249
|
r && r instanceof HTMLElement && r.focus();
|
|
250
250
|
});
|
|
251
|
-
}, [l,
|
|
251
|
+
}, [l, s, m, Ee, y, Y]), nr = N(
|
|
252
252
|
(e) => {
|
|
253
253
|
e.preventDefault(), e.stopPropagation(), he();
|
|
254
254
|
},
|
|
@@ -261,8 +261,8 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
261
261
|
const r = e == null ? void 0 : e.target;
|
|
262
262
|
if (!r)
|
|
263
263
|
return;
|
|
264
|
-
const
|
|
265
|
-
!
|
|
264
|
+
const n = (i = Oe.current) == null ? void 0 : i.contains(r), o = (a = ve.current) == null ? void 0 : a.contains(r);
|
|
265
|
+
!n && !o && y();
|
|
266
266
|
},
|
|
267
267
|
[c, y]
|
|
268
268
|
);
|
|
@@ -279,8 +279,8 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
279
279
|
const Le = (e) => {
|
|
280
280
|
var r;
|
|
281
281
|
if (!e.disabled) {
|
|
282
|
-
if (
|
|
283
|
-
const
|
|
282
|
+
if (s) {
|
|
283
|
+
const n = Array.isArray(t) ? t : [], o = new Set(n);
|
|
284
284
|
if ((r = e.children) != null && r.length) {
|
|
285
285
|
const a = ee.get(e.value) ?? [], f = a.some((D) => !o.has(D));
|
|
286
286
|
a.forEach((D) => {
|
|
@@ -289,10 +289,10 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
289
289
|
} else
|
|
290
290
|
o.has(e.value) ? o.delete(e.value) : o.add(e.value);
|
|
291
291
|
const i = z(o);
|
|
292
|
-
|
|
292
|
+
m(Array.from(i));
|
|
293
293
|
} else
|
|
294
|
-
|
|
295
|
-
J((
|
|
294
|
+
m(e.value);
|
|
295
|
+
J((n) => s || !n);
|
|
296
296
|
}
|
|
297
297
|
}, ar = () => w.find(({ value: e }) => e === t), Te = $r(w, t), {
|
|
298
298
|
getToggleButtonProps: or,
|
|
@@ -300,8 +300,8 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
300
300
|
getMenuProps: ke,
|
|
301
301
|
getItemProps: cr,
|
|
302
302
|
setHighlightedIndex: x,
|
|
303
|
-
highlightedIndex:
|
|
304
|
-
} =
|
|
303
|
+
highlightedIndex: _e
|
|
304
|
+
} = pe({
|
|
305
305
|
items: w,
|
|
306
306
|
itemToString: (e) => (e != null && e.label ? String(e.label) : b) || "",
|
|
307
307
|
selectedItem: ar(),
|
|
@@ -310,9 +310,9 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
310
310
|
defaultHighlightedIndex: Te,
|
|
311
311
|
onHighlightedIndexChange: (e) => {
|
|
312
312
|
switch (e.type) {
|
|
313
|
-
case
|
|
313
|
+
case pe.stateChangeTypes.MenuKeyDownArrowUp:
|
|
314
314
|
return Q(S.ON_KEY_DOWN), x(Ur(w, e.highlightedIndex)), e;
|
|
315
|
-
case
|
|
315
|
+
case pe.stateChangeTypes.MenuKeyDownArrowDown:
|
|
316
316
|
return Q(S.ON_KEY_DOWN), x(Fr(w, e.highlightedIndex)), e;
|
|
317
317
|
default:
|
|
318
318
|
return e;
|
|
@@ -325,21 +325,21 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
325
325
|
[Y]
|
|
326
326
|
), ir = N(
|
|
327
327
|
(e = {}) => {
|
|
328
|
-
const r = ke(e),
|
|
328
|
+
const r = ke(e), n = r.ref;
|
|
329
329
|
return {
|
|
330
330
|
...r,
|
|
331
331
|
ref: (o) => {
|
|
332
|
-
xe(o), typeof
|
|
332
|
+
xe(o), typeof n == "function" ? n(o) : n && (n.current = o);
|
|
333
333
|
}
|
|
334
334
|
};
|
|
335
335
|
},
|
|
336
336
|
[ke, xe]
|
|
337
337
|
);
|
|
338
338
|
V(() => {
|
|
339
|
-
|
|
339
|
+
s && c && L.current !== null && L.current >= 0 && L.current < w.length && (x(L.current), L.current = null, requestAnimationFrame(() => {
|
|
340
340
|
M.current && !W && M.current.scrollTop(ie.current);
|
|
341
341
|
}));
|
|
342
|
-
}, [
|
|
342
|
+
}, [s, c, t, w.length, x, W]), V(() => {
|
|
343
343
|
c && v && requestAnimationFrame(() => {
|
|
344
344
|
var e;
|
|
345
345
|
(e = ue.current) == null || e.focus();
|
|
@@ -347,10 +347,10 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
347
347
|
}, [c, v]), V(() => {
|
|
348
348
|
v && c && I !== fe.current && (fe.current = I, I && x(0));
|
|
349
349
|
}, [I, v, c]), Se(() => {
|
|
350
|
-
if (!c || !
|
|
350
|
+
if (!c || !g)
|
|
351
351
|
return;
|
|
352
352
|
let e = window.scrollY, r = !0;
|
|
353
|
-
const
|
|
353
|
+
const n = 300, o = () => {
|
|
354
354
|
if (!r)
|
|
355
355
|
return;
|
|
356
356
|
window.scrollY !== e && window.scrollTo(0, e);
|
|
@@ -362,12 +362,12 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
362
362
|
});
|
|
363
363
|
const a = setTimeout(() => {
|
|
364
364
|
r = !1;
|
|
365
|
-
},
|
|
365
|
+
}, n);
|
|
366
366
|
return () => {
|
|
367
367
|
clearTimeout(a), window.removeEventListener("scroll", i, { capture: !0 });
|
|
368
368
|
};
|
|
369
|
-
}, [c,
|
|
370
|
-
if (!c || !
|
|
369
|
+
}, [c, g]), V(() => {
|
|
370
|
+
if (!c || !g)
|
|
371
371
|
return;
|
|
372
372
|
const e = () => {
|
|
373
373
|
y();
|
|
@@ -375,19 +375,19 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
375
375
|
return window.addEventListener("resize", e), () => {
|
|
376
376
|
window.removeEventListener("resize", e);
|
|
377
377
|
};
|
|
378
|
-
}, [c,
|
|
378
|
+
}, [c, g, y]);
|
|
379
379
|
const Re = () => {
|
|
380
380
|
l || (J((e) => !e), c ? O == null || O() : C == null || C(), Q(S.ON_CLICK));
|
|
381
381
|
}, te = E(() => {
|
|
382
|
-
if (
|
|
382
|
+
if (s && Array.isArray(t) && A.length > 0 && A.every((r) => k.has(r)))
|
|
383
383
|
return ce.label;
|
|
384
|
-
const e = w.reduce((r,
|
|
384
|
+
const e = w.reduce((r, n) => ((Array.isArray(t) && t.includes(n.value) || n.value === t) && r.push(n.label), r), []);
|
|
385
385
|
if (e.length > 0)
|
|
386
386
|
return e.join(", ");
|
|
387
387
|
if (!t && t !== !1 && t !== 0 || Array.isArray(t) && !t.length)
|
|
388
388
|
return b;
|
|
389
389
|
}, [
|
|
390
|
-
|
|
390
|
+
s,
|
|
391
391
|
t,
|
|
392
392
|
A,
|
|
393
393
|
k,
|
|
@@ -407,46 +407,46 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
407
407
|
Vr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !c && (x(Te), re(), Q(S.ON_KEY_DOWN)));
|
|
408
408
|
}, ur = (e) => {
|
|
409
409
|
const { keyCode: r } = e;
|
|
410
|
-
if (r ===
|
|
411
|
-
const
|
|
412
|
-
if (!
|
|
410
|
+
if (r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) {
|
|
411
|
+
const n = w[_e];
|
|
412
|
+
if (!n)
|
|
413
413
|
return;
|
|
414
|
-
|
|
414
|
+
s && (L.current = _e), Le(n), s || y();
|
|
415
415
|
return;
|
|
416
416
|
}
|
|
417
417
|
Sr.includes(r) && (e.stopPropagation(), y());
|
|
418
418
|
}, Ye = () => /* @__PURE__ */ R("div", { className: h("options-container"), children: [
|
|
419
|
-
|
|
419
|
+
s && ge && !ne(T) && /* @__PURE__ */ R(Ve, { children: [
|
|
420
420
|
/* @__PURE__ */ u(
|
|
421
421
|
We,
|
|
422
422
|
{
|
|
423
423
|
option: ce,
|
|
424
424
|
selected: Array.isArray(t) && A.length > 0 && A.every((e) => k.has(e)),
|
|
425
|
-
onChange:
|
|
426
|
-
multiSelect:
|
|
425
|
+
onChange: sr,
|
|
426
|
+
multiSelect: s,
|
|
427
427
|
isPartiallyChecked: A.some((e) => k.has(e)) && !A.every((e) => k.has(e))
|
|
428
428
|
}
|
|
429
429
|
),
|
|
430
430
|
/* @__PURE__ */ u("div", { className: h("divider") }),
|
|
431
431
|
" "
|
|
432
432
|
] }),
|
|
433
|
-
|
|
433
|
+
ne(T) ? /* @__PURE__ */ u("div", { className: h("empty-list-message"), children: Qe }) : T.map(({ option: e, depth: r }, n) => {
|
|
434
434
|
var f, D;
|
|
435
|
-
const o = ee.get(e.value) ?? [e.value], i =
|
|
435
|
+
const o = ee.get(e.value) ?? [e.value], i = s && o.every((P) => k.has(P)), a = s && ((f = e.children) == null ? void 0 : f.length) && o.some((P) => k.has(P)) && !i;
|
|
436
436
|
return /* @__PURE__ */ u(
|
|
437
437
|
We,
|
|
438
438
|
{
|
|
439
439
|
...cr({
|
|
440
440
|
item: e,
|
|
441
|
-
index:
|
|
441
|
+
index: n
|
|
442
442
|
}),
|
|
443
|
-
multiSelect:
|
|
444
|
-
selected:
|
|
443
|
+
multiSelect: s,
|
|
444
|
+
selected: s ? i : e.value === t,
|
|
445
445
|
option: { title: e.label, ...e },
|
|
446
|
-
highlightHovered:
|
|
446
|
+
highlightHovered: _e === n && er !== S.ON_CLICK,
|
|
447
447
|
render: j,
|
|
448
448
|
onChange: e.disabled ? null : () => Le(e),
|
|
449
|
-
onMouseEnter: () => x(
|
|
449
|
+
onMouseEnter: () => x(n),
|
|
450
450
|
depth: r,
|
|
451
451
|
hasChildren: !!((D = e.children) != null && D.length),
|
|
452
452
|
isPartiallyChecked: a
|
|
@@ -461,25 +461,25 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
461
461
|
] }), fr = () => {
|
|
462
462
|
const e = De.reduce((a, f) => (Array.isArray(t) && t.includes(f.value) && a.push(f.label), a), []), r = (a) => {
|
|
463
463
|
const f = De.find(
|
|
464
|
-
({ label:
|
|
464
|
+
({ label: mr }) => mr === a
|
|
465
465
|
);
|
|
466
466
|
if (!f)
|
|
467
467
|
return;
|
|
468
468
|
const D = Array.isArray(t) ? t : [], P = new Set(D);
|
|
469
469
|
P.delete(f.value);
|
|
470
|
-
const
|
|
471
|
-
|
|
472
|
-
},
|
|
470
|
+
const pr = z(P);
|
|
471
|
+
m(Array.from(pr));
|
|
472
|
+
}, n = (a) => {
|
|
473
473
|
const f = a.target;
|
|
474
474
|
Ce(f.value), c || (re(), requestAnimationFrame(() => {
|
|
475
475
|
f.focus();
|
|
476
476
|
}));
|
|
477
477
|
}, o = (a) => {
|
|
478
|
-
if (a.keyCode ===
|
|
478
|
+
if (a.keyCode === _.ESCAPE_KEY_CODE) {
|
|
479
479
|
a.stopPropagation(), y();
|
|
480
480
|
return;
|
|
481
481
|
}
|
|
482
|
-
a.keyCode ===
|
|
482
|
+
a.keyCode === _.ENTER_KEY_CODE || a.keyCode === _.SPACE_KEY_CODE || (a.keyCode === _.ARROW_DOWN_KEY_CODE || a.keyCode === _.ARROW_UP_KEY_CODE) && (a.preventDefault(), re());
|
|
483
483
|
}, i = /* @__PURE__ */ u(
|
|
484
484
|
"input",
|
|
485
485
|
{
|
|
@@ -487,16 +487,16 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
487
487
|
type: "text",
|
|
488
488
|
className: h("search-input"),
|
|
489
489
|
value: I,
|
|
490
|
-
onChange:
|
|
490
|
+
onChange: n,
|
|
491
491
|
onKeyDown: o,
|
|
492
492
|
onClick: (a) => {
|
|
493
493
|
a.stopPropagation(), re();
|
|
494
494
|
},
|
|
495
|
-
placeholder:
|
|
495
|
+
placeholder: ne(e) ? b : "",
|
|
496
496
|
autoComplete: "off"
|
|
497
497
|
}
|
|
498
498
|
);
|
|
499
|
-
return
|
|
499
|
+
return ne(e) ? /* @__PURE__ */ u("div", { className: h("tags-wrapper", "with-search"), children: i }) : /* @__PURE__ */ R("div", { className: h("tags-wrapper", "with-search"), children: [
|
|
500
500
|
/* @__PURE__ */ u(
|
|
501
501
|
Lr,
|
|
502
502
|
{
|
|
@@ -509,7 +509,7 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
509
509
|
i
|
|
510
510
|
] });
|
|
511
511
|
}, hr = () => {
|
|
512
|
-
if (v &&
|
|
512
|
+
if (v && s && Array.isArray(t))
|
|
513
513
|
return fr();
|
|
514
514
|
const e = we ? we(te) : te, r = /* @__PURE__ */ u(
|
|
515
515
|
"span",
|
|
@@ -532,12 +532,12 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
532
532
|
children: r
|
|
533
533
|
}
|
|
534
534
|
) : r;
|
|
535
|
-
},
|
|
535
|
+
}, _r = or({
|
|
536
536
|
className: h("dropdown", ae, G, {
|
|
537
537
|
"transparent-background": oe,
|
|
538
538
|
opened: c,
|
|
539
539
|
disabled: l,
|
|
540
|
-
error:
|
|
540
|
+
error: p,
|
|
541
541
|
touched: U,
|
|
542
542
|
"mobile-disabled": F,
|
|
543
543
|
"multi-select-with-tags": v
|
|
@@ -545,7 +545,7 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
545
545
|
onClick: Re,
|
|
546
546
|
onKeyDown: dr,
|
|
547
547
|
ref: Y.setReference
|
|
548
|
-
}), { type: at, ...Pe } =
|
|
548
|
+
}), { type: at, ...Pe } = _r;
|
|
549
549
|
return /* @__PURE__ */ R("div", { ref: Oe, className: h("container", le), title: H, children: [
|
|
550
550
|
q && /* @__PURE__ */ u(
|
|
551
551
|
Kr,
|
|
@@ -570,10 +570,10 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
570
570
|
Dr,
|
|
571
571
|
{
|
|
572
572
|
className: h("clear-button"),
|
|
573
|
-
onClick:
|
|
573
|
+
onClick: nr,
|
|
574
574
|
onKeyDown: (e) => {
|
|
575
575
|
const { keyCode: r } = e;
|
|
576
|
-
(r ===
|
|
576
|
+
(r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), he());
|
|
577
577
|
},
|
|
578
578
|
"aria-label": Ge,
|
|
579
579
|
children: /* @__PURE__ */ u(Nr, {})
|
|
@@ -585,12 +585,12 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
585
585
|
),
|
|
586
586
|
c && (() => {
|
|
587
587
|
var o;
|
|
588
|
-
const e = (o = Y.reference.current) == null ? void 0 : o.getBoundingClientRect().width, r =
|
|
588
|
+
const e = (o = Y.reference.current) == null ? void 0 : o.getBoundingClientRect().width, r = g && e ? {
|
|
589
589
|
...Ie,
|
|
590
590
|
width: `${e}px`,
|
|
591
591
|
minWidth: `${e}px`,
|
|
592
592
|
maxWidth: `${e}px`
|
|
593
|
-
} : Ie,
|
|
593
|
+
} : Ie, n = /* @__PURE__ */ u(
|
|
594
594
|
"div",
|
|
595
595
|
{
|
|
596
596
|
style: r,
|
|
@@ -602,7 +602,7 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
602
602
|
},
|
|
603
603
|
Ue
|
|
604
604
|
),
|
|
605
|
-
...
|
|
605
|
+
...g && { [Wr]: "" },
|
|
606
606
|
...ir({
|
|
607
607
|
onKeyDown: ur,
|
|
608
608
|
...v && {
|
|
@@ -628,7 +628,7 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
|
|
|
628
628
|
)
|
|
629
629
|
}
|
|
630
630
|
);
|
|
631
|
-
return
|
|
631
|
+
return g ? wr(n, g) : n;
|
|
632
632
|
})()
|
|
633
633
|
] });
|
|
634
634
|
};
|
package/dist/dropdown.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as r } from "./dropdown-
|
|
2
|
-
import { a as E } from "./dropdown-
|
|
1
|
+
import { D as r } from "./dropdown-86a51ac5.js";
|
|
2
|
+
import { a as E } from "./dropdown-86a51ac5.js";
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
package/dist/index.js
CHANGED
|
@@ -5,9 +5,9 @@ import { B as h } from "./breadcrumbs-8e5ca8d7.js";
|
|
|
5
5
|
import { B as M } from "./bubblesLoader-f3ffa240.js";
|
|
6
6
|
import { B as L } from "./button-97d9e587.js";
|
|
7
7
|
import { C as k } from "./checkbox-ed6cc375.js";
|
|
8
|
-
import { D as O } from "./datePicker-
|
|
8
|
+
import { D as O } from "./datePicker-d85ff750.js";
|
|
9
9
|
import "react-datepicker";
|
|
10
|
-
import { D as z } from "./dropdown-
|
|
10
|
+
import { D as z } from "./dropdown-86a51ac5.js";
|
|
11
11
|
import { FieldLabel as J } from "./fieldLabel.js";
|
|
12
12
|
import { F as G } from "./fieldNumber-d1b5a7a1.js";
|
|
13
13
|
import { F as X } from "./fieldText-1749da7a.js";
|
package/dist/modal.js
CHANGED
|
@@ -5,7 +5,7 @@ import { AnimatePresence as Y, motion as X } from "framer-motion";
|
|
|
5
5
|
import { c as b } from "./bind-06a7ff84.js";
|
|
6
6
|
import "react-dnd";
|
|
7
7
|
import "react-dnd-html5-backend";
|
|
8
|
-
import { a as q } from "./dropdown-
|
|
8
|
+
import { a as q } from "./dropdown-86a51ac5.js";
|
|
9
9
|
import { K as J } from "./keyCodes-f63c0e11.js";
|
|
10
10
|
import { B as D } from "./button-97d9e587.js";
|
|
11
11
|
import { Tooltip as Q } from "./tooltip.js";
|