@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.
@@ -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-f5f56c8e.js";
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) => {
@@ -1,5 +1,5 @@
1
- import { D as t } from "./datePicker-eff1b603.js";
2
- import { r as E } from "./datePicker-eff1b603.js";
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-f5f56c8e.js";
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 mr, useState as ne, useRef as K, useMemo as E, useCallback as N, useLayoutEffect as Se, useEffect as V } from "react";
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 _e } from "downshift";
6
+ import { useSelect as pe } from "downshift";
7
7
  import { Scrollbars as Ar } from "rc-scrollbars";
8
- import { K as p } from "./keyCodes-f63c0e11.js";
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 se } from "./isEmpty-ccacb5ff.js";
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 = mr(
28
- (n, t) => {
27
+ }, He = Me.bind(Pr), We = gr(
28
+ (s, t) => {
29
29
  const {
30
- option: { value: d, disabled: l, hidden: _, label: g, title: C, groupRef: O },
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
- } = n, le = (G) => {
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(n) : g
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
- p.ENTER_KEY_CODE,
76
- p.SPACE_KEY_CODE,
77
- p.ARROW_DOWN_KEY_CODE
78
- ], Sr = [p.ESCAPE_KEY_CODE, p.TAB_KEY_CODE];
79
- var S = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(S || {});
80
- const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
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 n.findIndex(({ value: l }) => d.includes(l));
83
- }, zr = (n, t) => (n % t + t) % t, ge = (n, t = 0, d = 1) => {
84
- var _;
85
- if (n.length === 0)
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 (!((_ = n[t]) != null && _.disabled))
87
+ if (!((p = s[t]) != null && p.disabled))
88
88
  return t;
89
- const l = n.length;
90
- return ge(
91
- n,
89
+ const l = s.length;
90
+ return me(
91
+ s,
92
92
  zr(t + d, l),
93
93
  d
94
94
  );
95
- }, Fr = (n, t) => ge(n, t), Ur = (n, t) => ge(n, t, -1), $e = (n, t = 0, d) => !n || n.length === 0 ? [] : n.reduce((l, _) => {
96
- var g;
97
- return _ && (l.push({ option: _, depth: t, parent: d }), (g = _.children) != null && g.length && l.push(...$e(_.children, t + 1, _))), l;
98
- }, []), ze = (n) => !n || n.length === 0 ? [] : n.reduce((t, d) => {
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 = (n) => {
101
+ }, []), Fe = (s) => {
102
102
  var t;
103
- return n ? (t = n.children) != null && t.length ? n.children.reduce((d, l) => (l && d.push(...Fe(l)), d), []) : [n.value] : [];
104
- }, Br = "_container_13pg9_1", qr = "_icon_13pg9_7", jr = "_arrow_13pg9_15", Gr = "_dropdown_13pg9_33", Xr = "_disabled_13pg9_53", Jr = "_value_13pg9_60", Qr = "_error_13pg9_63", Zr = "_touched_13pg9_63", et = "_opened_13pg9_67", rt = "_placeholder_13pg9_102", tt = "_ghost_13pg9_190", nt = "_divider_13pg9_211", st = {
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-button_13pg9_23",
108
+ "clear-button": "_clear-button_1sss9_23",
109
109
  dropdown: Gr,
110
- "multi-select-with-tags": "_multi-select-with-tags_13pg9_47",
111
- "transparent-background": "_transparent-background_13pg9_50",
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-disabled_13pg9_106",
119
- "value-wrapper": "_value-wrapper_13pg9_111",
120
- "tags-wrapper": "_tags-wrapper_13pg9_117",
121
- "with-search": "_with-search_13pg9_122",
122
- "search-input": "_search-input_13pg9_129",
123
- "value-tooltip": "_value-tooltip_13pg9_147",
124
- "select-list": "_select-list_13pg9_152",
125
- "limited-width": "_limited-width_13pg9_169",
126
- "options-container": "_options-container_13pg9_173",
127
- "empty-list-message": "_empty-list-message_13pg9_178",
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: nt
130
- }, h = Me.bind(st), Ot = ({
131
- multiSelect: n = !1,
132
- value: t = n ? [] : "",
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: g,
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: me = !1,
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: m,
166
+ menuPortalRoot: g,
167
167
  isMultiSelectWithTags: v = !1,
168
168
  noMatchesMessage: Qe = "No matches found"
169
169
  }) => {
170
- const [c, J] = ne(!1), [I, Ce] = ne(""), Oe = K(null), ve = K(null), M = K(null), ie = K(0), de = K(null), ue = K(null), fe = K(""), [Ze, Ae] = ne(!1), [er, Q] = ne(null), L = K(null), $ = E(() => $e(d), [d]), T = E(() => {
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 s = ee.get(r.value) ?? [], o = s.length > 0 && s.every((i) => e.has(i));
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(() => !n || !Array.isArray(t) ? /* @__PURE__ */ new Set() : z(new Set(t)), [n, t, z]), be = n ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, rr = je && be && !l, tr = N((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 && !(n && L.current !== null) && M.current.scrollTop(ie.current);
205
- }, [c, W, t, n]);
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
- ...m && {
212
+ ...g && {
213
213
  boundary: document.documentElement,
214
214
  rootBoundary: "viewport"
215
215
  }
216
216
  }),
217
- m ? Or({
217
+ g ? Or({
218
218
  apply({ rects: e, elements: r }) {
219
- const s = e.reference.width;
219
+ const n = e.reference.width;
220
220
  Object.assign(r.floating.style, {
221
- width: `${s}px`,
222
- minWidth: `${s}px`,
223
- maxWidth: `${s}px`
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, s) => vr(e, r, s, {
228
+ whileElementsMounted: c ? (e, r, n) => vr(e, r, n, {
229
229
  animationFrame: !0
230
230
  }) : void 0
231
- }), nr = () => {
232
- if (!me)
231
+ }), sr = () => {
232
+ if (!ge)
233
233
  return;
234
- const e = Array.isArray(t) ? t : [], r = new Set(e), s = A.some((i) => !r.has(i));
234
+ const e = Array.isArray(t) ? t : [], r = new Set(e), n = A.some((i) => !r.has(i));
235
235
  A.forEach((i) => {
236
- s ? r.add(i) : r.delete(i);
236
+ n ? r.add(i) : r.delete(i);
237
237
  });
238
238
  const o = z(r);
239
- g(Array.from(o)), qe();
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
- g(n ? [] : ""), Ee(), y(), requestAnimationFrame(() => {
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, n, g, Ee, y, Y]), sr = N(
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 s = (i = Oe.current) == null ? void 0 : i.contains(r), o = (a = ve.current) == null ? void 0 : a.contains(r);
265
- !s && !o && y();
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 (n) {
283
- const s = Array.isArray(t) ? t : [], o = new Set(s);
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
- g(Array.from(i));
292
+ m(Array.from(i));
293
293
  } else
294
- g(e.value);
295
- J((s) => n || !s);
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: pe
304
- } = _e({
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 _e.stateChangeTypes.MenuKeyDownArrowUp:
313
+ case pe.stateChangeTypes.MenuKeyDownArrowUp:
314
314
  return Q(S.ON_KEY_DOWN), x(Ur(w, e.highlightedIndex)), e;
315
- case _e.stateChangeTypes.MenuKeyDownArrowDown:
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), s = r.ref;
328
+ const r = ke(e), n = r.ref;
329
329
  return {
330
330
  ...r,
331
331
  ref: (o) => {
332
- xe(o), typeof s == "function" ? s(o) : s && (s.current = o);
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
- n && c && L.current !== null && L.current >= 0 && L.current < w.length && (x(L.current), L.current = null, requestAnimationFrame(() => {
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
- }, [n, c, t, w.length, x, W]), V(() => {
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 || !m)
350
+ if (!c || !g)
351
351
  return;
352
352
  let e = window.scrollY, r = !0;
353
- const s = 300, o = () => {
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
- }, s);
365
+ }, n);
366
366
  return () => {
367
367
  clearTimeout(a), window.removeEventListener("scroll", i, { capture: !0 });
368
368
  };
369
- }, [c, m]), V(() => {
370
- if (!c || !m)
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, m, y]);
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 (n && Array.isArray(t) && A.length > 0 && A.every((r) => k.has(r)))
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, s) => ((Array.isArray(t) && t.includes(s.value) || s.value === t) && r.push(s.label), 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
- n,
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 === p.ENTER_KEY_CODE || r === p.SPACE_KEY_CODE) {
411
- const s = w[pe];
412
- if (!s)
410
+ if (r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) {
411
+ const n = w[_e];
412
+ if (!n)
413
413
  return;
414
- n && (L.current = pe), Le(s), n || y();
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
- n && me && !se(T) && /* @__PURE__ */ R(Ve, { children: [
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: nr,
426
- multiSelect: n,
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
- se(T) ? /* @__PURE__ */ u("div", { className: h("empty-list-message"), children: Qe }) : T.map(({ option: e, depth: r }, s) => {
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 = n && o.every((P) => k.has(P)), a = n && ((f = e.children) == null ? void 0 : f.length) && o.some((P) => k.has(P)) && !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: s
441
+ index: n
442
442
  }),
443
- multiSelect: n,
444
- selected: n ? i : e.value === t,
443
+ multiSelect: s,
444
+ selected: s ? i : e.value === t,
445
445
  option: { title: e.label, ...e },
446
- highlightHovered: pe === s && er !== S.ON_CLICK,
446
+ highlightHovered: _e === n && er !== S.ON_CLICK,
447
447
  render: j,
448
448
  onChange: e.disabled ? null : () => Le(e),
449
- onMouseEnter: () => x(s),
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: gr }) => gr === a
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 _r = z(P);
471
- g(Array.from(_r));
472
- }, s = (a) => {
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 === p.ESCAPE_KEY_CODE) {
478
+ if (a.keyCode === _.ESCAPE_KEY_CODE) {
479
479
  a.stopPropagation(), y();
480
480
  return;
481
481
  }
482
- a.keyCode === p.ENTER_KEY_CODE || a.keyCode === p.SPACE_KEY_CODE || (a.keyCode === p.ARROW_DOWN_KEY_CODE || a.keyCode === p.ARROW_UP_KEY_CODE) && (a.preventDefault(), re());
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: s,
490
+ onChange: n,
491
491
  onKeyDown: o,
492
492
  onClick: (a) => {
493
493
  a.stopPropagation(), re();
494
494
  },
495
- placeholder: se(e) ? b : "",
495
+ placeholder: ne(e) ? b : "",
496
496
  autoComplete: "off"
497
497
  }
498
498
  );
499
- return se(e) ? /* @__PURE__ */ u("div", { className: h("tags-wrapper", "with-search"), children: i }) : /* @__PURE__ */ R("div", { className: h("tags-wrapper", "with-search"), children: [
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 && n && Array.isArray(t))
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
- }, pr = or({
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 } = pr;
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: sr,
573
+ onClick: nr,
574
574
  onKeyDown: (e) => {
575
575
  const { keyCode: r } = e;
576
- (r === p.ENTER_KEY_CODE || r === p.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), he());
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 = m && e ? {
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, s = /* @__PURE__ */ u(
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
- ...m && { [Wr]: "" },
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 m ? wr(s, m) : s;
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-f5f56c8e.js";
2
- import { a as E } from "./dropdown-f5f56c8e.js";
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-eff1b603.js";
8
+ import { D as O } from "./datePicker-d85ff750.js";
9
9
  import "react-datepicker";
10
- import { D as z } from "./dropdown-f5f56c8e.js";
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-f5f56c8e.js";
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";