@reportportal/ui-kit 0.0.1-alpha.130 → 0.0.1-alpha.132

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 (3) hide show
  1. package/dist/autocompletes.js +340 -335
  2. package/dist/style.css +1 -1
  3. package/package.json +1 -1
package/dist/autocompletes.js CHANGED
@@ -1,15 +1,15 @@
1
- import { jsx as s, jsxs as A, Fragment as V } from "react/jsx-runtime";
2
- import { useState as de, useCallback as Y, forwardRef as De, useRef as Fe, useEffect as Me } from "react";
3
- import { c as L } from "./bind-06a7ff84.js";
4
- import { Scrollbars as qe } from "rc-scrollbars";
5
- import { B as Ae } from "./bubblesLoader-f3ffa240.js";
6
- import { B as Re } from "./button-97d9e587.js";
7
- import { S as $e } from "./plus-199fb2a8.js";
8
- import { i as ue } from "./isEmpty-ccacb5ff.js";
9
- import T from "downshift";
10
- import { useFloating as ve, autoUpdate as we } from "@floating-ui/react";
11
- import { F as Ce } from "./fieldText-1749da7a.js";
12
- import { S as ge } from "./dropdown-0260bb66.js";
1
+ import { jsx as s, jsxs as q, Fragment as re } from "react/jsx-runtime";
2
+ import { useState as pe, useCallback as J, forwardRef as Be, useRef as De, useEffect as Fe } from "react";
3
+ import { c as z } from "./bind-06a7ff84.js";
4
+ import { Scrollbars as Me } from "rc-scrollbars";
5
+ import { B as qe } from "./bubblesLoader-f3ffa240.js";
6
+ import { B as Ae } from "./button-97d9e587.js";
7
+ import { S as Re } from "./plus-199fb2a8.js";
8
+ import { i as he } from "./isEmpty-ccacb5ff.js";
9
+ import ne from "downshift";
10
+ import { useFloating as ye, autoUpdate as Ne } from "@floating-ui/react";
11
+ import { F as $e } from "./fieldText-1749da7a.js";
12
+ import { S as xe } from "./dropdown-0260bb66.js";
13
13
  import { S as Pe } from "./close-4d480ef7.js";
14
14
  import { S as je } from "./clear-53660571.js";
15
15
  import "./openEye-950159cb.js";
@@ -17,73 +17,73 @@ import "./baseIconButton-251479f7.js";
17
17
  import "./spinLoader-c4a53718.js";
18
18
  import "./maxValueDisplay-9be01a75.js";
19
19
  import "./fieldLabel.js";
20
- const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
20
+ const He = "_disabled_18ek6_43", Le = "_input_18ek6_97", Oe = {
21
21
  "selected-item": "_selected-item_18ek6_16",
22
22
  "validation-error": "_validation-error_18ek6_35",
23
23
  "highlight-un-stored-item": "_highlight-un-stored-item_18ek6_40",
24
- disabled: Oe,
24
+ disabled: He,
25
25
  "mobile-disabled": "_mobile-disabled_18ek6_48",
26
26
  "cross-icon": "_cross-icon_18ek6_54",
27
- input: He
28
- }, ae = L.bind(Le), We = ({
27
+ input: Le
28
+ }, fe = z.bind(Oe), We = ({
29
29
  item: o,
30
30
  onRemoveItem: e,
31
- disabled: i = !1,
31
+ disabled: c = !1,
32
32
  mobileDisabled: r = !1,
33
33
  parseValueToString: n,
34
34
  error: d = !1,
35
- editItem: h,
35
+ editItem: p,
36
36
  editable: u = !1,
37
37
  getAdditionalCreationCondition: y = () => !0,
38
38
  storedOption: x = !0,
39
39
  highlightUnStoredItem: v = !1,
40
- variant: E = "light",
40
+ variant: I = "light",
41
41
  getItemName: N
42
42
  }) => {
43
- const [f, S] = de(!1), [I, p] = de(""), w = () => {
44
- !i && u && !x && (p((N == null ? void 0 : N(o)) || (n == null ? void 0 : n(o)) || ""), S(!0));
43
+ const [m, S] = pe(!1), [k, _] = pe(""), w = () => {
44
+ !c && u && !x && (_((N == null ? void 0 : N(o)) || (n == null ? void 0 : n(o)) || ""), S(!0));
45
45
  }, M = (t) => {
46
- p(t.target.value);
46
+ _(t.target.value);
47
47
  }, R = (t) => {
48
- const a = y(I);
49
- t.key === "Enter" && a && (h(o, I), S(!1), p(""));
50
- }, c = () => {
51
- S(!1), p("");
52
- }, l = (t) => {
48
+ const i = y(k);
49
+ t.key === "Enter" && i && (p(o, k), S(!1), _(""));
50
+ }, l = () => {
51
+ S(!1), _("");
52
+ }, a = (t) => {
53
53
  t.stopPropagation(), e(o);
54
54
  };
55
- return f ? /* @__PURE__ */ s(
55
+ return m ? /* @__PURE__ */ s(
56
56
  "input",
57
57
  {
58
58
  autoFocus: !0,
59
- value: I,
59
+ value: k,
60
60
  onChange: M,
61
61
  onKeyDown: R,
62
- onBlur: c,
63
- className: ae("input")
62
+ onBlur: l,
63
+ className: fe("input")
64
64
  }
65
- ) : /* @__PURE__ */ A(
65
+ ) : /* @__PURE__ */ q(
66
66
  "div",
67
67
  {
68
- className: ae("selected-item", E, {
68
+ className: fe("selected-item", I, {
69
69
  [`validation-${d}`]: d,
70
- disabled: i,
70
+ disabled: c,
71
71
  "mobile-disabled": r,
72
72
  "highlight-un-stored-item": v && !x
73
73
  }),
74
74
  onClick: w,
75
75
  children: [
76
76
  n == null ? void 0 : n(o),
77
- !i && /* @__PURE__ */ s(
77
+ !c && /* @__PURE__ */ s(
78
78
  "button",
79
79
  {
80
80
  type: "button",
81
- className: ae("cross-icon", {
81
+ className: fe("cross-icon", {
82
82
  [`validation-${d}`]: d,
83
83
  "mobile-disabled": r,
84
- disabled: i
84
+ disabled: c
85
85
  }),
86
- onClick: l,
86
+ onClick: a,
87
87
  children: /* @__PURE__ */ s(Pe, {})
88
88
  }
89
89
  )
@@ -93,25 +93,25 @@ const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
93
93
  }, ze = ({
94
94
  items: o = [],
95
95
  parseValueToString: e,
96
- getItemValidationErrorType: i,
96
+ getItemValidationErrorType: c,
97
97
  storedItemsMap: r = {},
98
98
  highlightUnStoredItem: n = !1,
99
99
  renderCustomSelectedItem: d,
100
- ...h
100
+ ...p
101
101
  }) => o.map((u) => d ? d(u) : /* @__PURE__ */ s(
102
102
  We,
103
103
  {
104
104
  parseValueToString: e,
105
- error: (i == null ? void 0 : i(u)) || "",
105
+ error: (c == null ? void 0 : c(u)) || "",
106
106
  item: u,
107
107
  storedOption: !!r[e(u)],
108
108
  highlightUnStoredItem: n,
109
- ...h
109
+ ...p
110
110
  },
111
111
  e == null ? void 0 : e(u)
112
112
  )), Ke = "_prompt_1xfmd_16", Ye = {
113
113
  prompt: Ke
114
- }, Xe = L.bind(Ye), Ge = ({ children: o = null }) => /* @__PURE__ */ s("div", { className: Xe("prompt"), children: o }), Je = "_item_1qhaq_16", Qe = "_divider_1qhaq_24", Ze = "_active_1qhaq_48", Te = "_value_1qhaq_60", Ue = "_tag_1qhaq_78", Ve = "_disabled_1qhaq_89", et = {
114
+ }, Xe = z.bind(Ye), Ge = ({ children: o = null }) => /* @__PURE__ */ s("div", { className: Xe("prompt"), children: o }), Je = "_item_1qhaq_16", Qe = "_divider_1qhaq_24", Ze = "_active_1qhaq_48", Te = "_value_1qhaq_60", Ue = "_tag_1qhaq_78", Ve = "_disabled_1qhaq_89", et = {
115
115
  item: Je,
116
116
  divider: Qe,
117
117
  "new-item": "_new-item_1qhaq_31",
@@ -122,36 +122,36 @@ const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
122
122
  "button-active": "_button-active_1qhaq_89",
123
123
  disabled: Ve,
124
124
  "value-variant": "_value-variant_1qhaq_109"
125
- }, X = L.bind(et), pe = ({
125
+ }, Q = z.bind(et), ve = ({
126
126
  isActive: o = !1,
127
127
  isSelected: e = !1,
128
- isNew: i = !1,
128
+ isNew: c = !1,
129
129
  children: r = null,
130
130
  disabled: n = !1,
131
131
  optionVariant: d = "",
132
- newItemButtonText: h = "",
132
+ newItemButtonText: p = "",
133
133
  ...u
134
134
  }) => {
135
- const y = () => h || (d === "key-variant" ? "New key" : "New value");
136
- return i ? /* @__PURE__ */ A(V, { children: [
137
- /* @__PURE__ */ s("div", { className: X("divider") }),
138
- /* @__PURE__ */ A(
135
+ const y = () => p || (d === "key-variant" ? "New key" : "New value");
136
+ return c ? /* @__PURE__ */ q(re, { children: [
137
+ /* @__PURE__ */ s("div", { className: Q("divider") }),
138
+ /* @__PURE__ */ q(
139
139
  "li",
140
140
  {
141
- className: X("new-item", d, {
141
+ className: Q("new-item", d, {
142
142
  active: o,
143
143
  selected: e,
144
144
  disabled: n
145
145
  }),
146
146
  ...u,
147
147
  children: [
148
- /* @__PURE__ */ s("span", { className: X("value"), children: r }),
148
+ /* @__PURE__ */ s("span", { className: Q("value"), children: r }),
149
149
  /* @__PURE__ */ s(
150
- Re,
150
+ Ae,
151
151
  {
152
152
  ...!n && u,
153
- className: X({ "button-active": o }),
154
- icon: /* @__PURE__ */ s($e, {}),
153
+ className: Q({ "button-active": o }),
154
+ icon: /* @__PURE__ */ s(Re, {}),
155
155
  variant: "text",
156
156
  children: y()
157
157
  }
@@ -162,180 +162,181 @@ const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
162
162
  ] }) : /* @__PURE__ */ s(
163
163
  "li",
164
164
  {
165
- className: X("item", d, {
165
+ className: Q("item", d, {
166
166
  active: o,
167
167
  selected: e,
168
168
  disabled: n
169
169
  }),
170
170
  ...n ? {} : u,
171
- children: /* @__PURE__ */ s("span", { className: X("label", "tag"), children: r })
171
+ children: /* @__PURE__ */ s("span", { className: Q("label", "tag"), children: r })
172
172
  }
173
173
  );
174
- }, tt = "_container_igshu_16", ot = {
175
- container: tt
176
- }, ie = L.bind(ot), nt = (o) => {
174
+ }, tt = "_container_5088x_16", ot = {
175
+ container: tt,
176
+ "empty-list-message": "_empty-list-message_5088x_20"
177
+ }, _e = z.bind(ot), nt = (o) => {
177
178
  const {
178
179
  options: e,
179
- async: i,
180
+ async: c,
180
181
  inputValue: r,
181
182
  loading: n,
182
183
  createWithoutConfirmation: d,
183
- customEmptyListMessage: h,
184
+ customEmptyListMessage: p,
184
185
  customNoMatchesMessage: u,
185
186
  optionVariant: y,
186
187
  newItemButtonText: x,
187
188
  renderOption: v,
188
- getUniqKey: E,
189
+ getUniqKey: I,
189
190
  getItemProps: N,
190
- parseValueToString: f
191
- } = o, S = Y(() => (e || []).filter((t) => f(t).toUpperCase().indexOf((r.toUpperCase() || "").trim()) > -1), [r, e, f]), I = Y(
192
- (t, a, b = !1) => v ? v(t, a, b, N) : /* @__PURE__ */ s(
193
- pe,
191
+ parseValueToString: m
192
+ } = o, S = J(() => (e || []).filter((t) => m(t).toUpperCase().indexOf((r.toUpperCase() || "").trim()) > -1), [r, e, m]), k = J(
193
+ (t, i, h = !1) => v ? v(t, i, h, N) : /* @__PURE__ */ s(
194
+ ve,
194
195
  {
195
196
  optionVariant: y,
196
- ...N({ item: t, index: a }),
197
- isNew: b,
197
+ ...N({ item: t, index: i }),
198
+ isNew: h,
198
199
  newItemButtonText: x,
199
- children: f(t)
200
+ children: m(t)
200
201
  },
201
- (E == null ? void 0 : E(t)) || f(t)
202
+ (I == null ? void 0 : I(t)) || m(t)
202
203
  ),
203
- [N, E, x, y, f, v]
204
- ), p = Y(
205
- (t) => t.length ? t.map((a, b) => I(a, b)) : "",
206
- [I]
207
- ), w = Y(
204
+ [N, I, x, y, m, v]
205
+ ), _ = J(
206
+ (t) => t.length ? t.map((i, h) => k(i, h)) : "",
207
+ [k]
208
+ ), w = J(
208
209
  (t) => {
209
- const a = t.length;
210
- return /* @__PURE__ */ s("div", { className: ie({ container: !a }), children: /* @__PURE__ */ s(
211
- pe,
210
+ const i = t.length;
211
+ return /* @__PURE__ */ s("div", { className: _e({ container: !i }), children: /* @__PURE__ */ s(
212
+ ve,
212
213
  {
213
214
  optionVariant: y,
214
215
  isNew: !0,
215
- ...N({ item: r, index: a }),
216
- children: f(r)
216
+ ...N({ item: r, index: i }),
217
+ children: m(r)
217
218
  },
218
- f(r)
219
+ m(r)
219
220
  ) });
220
221
  },
221
- [N, r, y, f]
222
- ), M = Y(
223
- (t) => n ? /* @__PURE__ */ A(V, { children: [
224
- /* @__PURE__ */ s(Ge, { children: /* @__PURE__ */ s(Ae, {}) }),
222
+ [N, r, y, m]
223
+ ), M = J(
224
+ (t) => n ? /* @__PURE__ */ q(re, { children: [
225
+ /* @__PURE__ */ s(Ge, { children: /* @__PURE__ */ s(qe, {}) }),
225
226
  !d && w(t)
226
227
  ] }) : "",
227
228
  [d, n, w]
228
- ), R = Y(() => {
229
- const t = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : u || "No matches found";
230
- return /* @__PURE__ */ s("div", { className: ie("empty-list-message"), children: t });
231
- }, [h, u, e == null ? void 0 : e.length]), c = i ? e : S(), l = M(e);
232
- return l || /* @__PURE__ */ A("div", { className: ie({ container: e.length }), children: [
233
- /* @__PURE__ */ s(qe, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: ue(c) ? R() : p(c) }),
234
- !d && w(c)
229
+ ), R = J(() => {
230
+ const t = (e == null ? void 0 : e.length) === 0 ? p || "No available options" : u || "No matches found";
231
+ return /* @__PURE__ */ s("div", { className: _e("empty-list-message"), children: t });
232
+ }, [p, u, e == null ? void 0 : e.length]), l = c ? e : S(), a = M(e);
233
+ return a || /* @__PURE__ */ q("div", { className: _e({ container: e.length }), children: [
234
+ /* @__PURE__ */ s(Me, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? R() : _(l) }),
235
+ !d && w(l)
235
236
  ] });
236
- }, st = "_menu_f64z5_16", rt = "_opened_f64z5_34", ct = "_dark_f64z5_37", lt = {
237
+ }, st = "_menu_f64z5_16", rt = "_opened_f64z5_34", lt = "_dark_f64z5_37", ct = {
237
238
  menu: st,
238
239
  opened: rt,
239
- dark: ct
240
- }, at = L.bind(lt), it = (o, e) => !o || o <= e.trim().length, ye = De(
240
+ dark: lt
241
+ }, at = z.bind(ct), it = (o, e) => !o || o <= e.trim().length, ke = Be(
241
242
  ({
242
243
  isOpen: o = !1,
243
244
  style: e = {},
244
- minLength: i = 1,
245
+ minLength: c = 1,
245
246
  isDropdownMode: r,
246
247
  inputValue: n = "",
247
248
  className: d = "",
248
- ...h
249
+ ...p
249
250
  }, u) => /* @__PURE__ */ s(
250
251
  "ul",
251
252
  {
252
253
  ref: u,
253
254
  className: at(
254
255
  "menu",
255
- { opened: o && (r || it(i, n)) },
256
+ { opened: o && (r || it(c, n)) },
256
257
  d
257
258
  ),
258
259
  style: e,
259
- children: /* @__PURE__ */ s(nt, { inputValue: n, ...h })
260
+ children: /* @__PURE__ */ s(nt, { inputValue: n, ...p })
260
261
  }
261
262
  )
262
- ), he = (o, e) => typeof o == "string" ? o : e ? String(o[e(o)]) : "", U = (o, e) => {
263
+ ), we = (o, e) => typeof o == "string" ? o : e ? String(o[e(o)]) : "", se = (o, e) => {
263
264
  var r;
264
- return o === e ? !0 : !!(o && e && typeof o == "object" && typeof e == "object" && Object.keys(o).length === Object.keys(e).length && ((r = Object.entries(o)) != null && r.every(([n, d]) => U(d, e[n]))));
265
- }, dt = (o, e, i) => typeof o == "string" ? o === e : i ? (() => {
266
- const r = i(o);
265
+ return o === e ? !0 : !!(o && e && typeof o == "object" && typeof e == "object" && Object.keys(o).length === Object.keys(e).length && ((r = Object.entries(o)) != null && r.every(([n, d]) => se(d, e[n]))));
266
+ }, dt = (o, e, c) => typeof o == "string" ? o === e : c ? (() => {
267
+ const r = c(o);
267
268
  return o[r] === e[r];
268
269
  })() : !1, ut = ({
269
270
  options: o = [],
270
271
  onChange: e,
271
- selectedItems: i = [],
272
+ selectedItems: c = [],
272
273
  handleUnStoredItemCb: r = null,
273
274
  existingItemsMap: n = {},
274
275
  children: d,
275
- customizeNewSelectedValue: h = (v) => v,
276
+ customizeNewSelectedValue: p = (v) => v,
276
277
  getOptionUniqKey: u,
277
278
  getOptionUniqKeyValue: y,
278
279
  ...x
279
280
  }) => {
280
- const [v, E] = de(n), N = (c, l) => {
281
+ const [v, I] = pe(n), N = (l, a) => {
281
282
  const t = {
282
283
  ...v
283
284
  };
284
- c.forEach((a) => {
285
- if (o.find((b) => dt(b, a, u))) {
286
- const b = he(a, u);
287
- t[b] = !0;
285
+ l.forEach((i) => {
286
+ if (o.find((h) => dt(h, i, u))) {
287
+ const h = we(i, u);
288
+ t[h] = !0;
288
289
  }
289
- }), E(t), l(t);
290
- }, f = (c, l) => {
291
- const t = he(c, u);
290
+ }), I(t), a(t);
291
+ }, m = (l, a) => {
292
+ const t = we(l, u);
292
293
  if (t in v) {
293
- const a = { ...v };
294
- delete a[t], E(a), l(a);
294
+ const i = { ...v };
295
+ delete i[t], I(i), a(i);
295
296
  } else
296
- l(v);
297
- }, S = (c, l) => {
298
- const t = h(c), a = Array.isArray(t) ? t : [t], W = [...i.filter((C) => a.indexOf(C) < 0), ...a];
299
- e == null || e(W, l), N(a, (C) => r == null ? void 0 : r(W, C));
300
- }, I = (c, l) => {
301
- const t = i.indexOf(c), a = [...i];
302
- a.splice(t, 1, l), e == null || e(a, null);
303
- }, p = (c, l) => {
304
- const t = i.filter((b) => !U(b, c));
305
- e == null || e(t, l), f(c, (b) => r == null ? void 0 : r(t, b));
306
- }, w = (c, l) => {
307
- c && S(c, l);
308
- }, M = (c) => ({
309
- removeItem: p,
310
- editItem: I,
297
+ a(v);
298
+ }, S = (l, a) => {
299
+ const t = p(l), i = Array.isArray(t) ? t : [t], K = [...c.filter(($) => i.indexOf($) < 0), ...i];
300
+ e == null || e(K, a), N(i, ($) => r == null ? void 0 : r(K, $));
301
+ }, k = (l, a) => {
302
+ const t = c.indexOf(l), i = [...c];
303
+ i.splice(t, 1, a), e == null || e(i, null);
304
+ }, _ = (l, a) => {
305
+ const t = c.filter((h) => !se(h, l));
306
+ e == null || e(t, a), m(l, (h) => r == null ? void 0 : r(t, h));
307
+ }, w = (l, a) => {
308
+ l && S(l, a);
309
+ }, M = (l) => ({
310
+ removeItem: _,
311
+ editItem: k,
311
312
  handleChange: e,
312
313
  getOptionUniqKeyValue: y,
313
314
  storedItemsMap: v,
314
- ...c
315
+ ...l
315
316
  });
316
317
  return /* @__PURE__ */ s(
317
- T,
318
+ ne,
318
319
  {
319
320
  ...x,
320
- stateReducer: (c, l) => {
321
- switch (l.type) {
322
- case T.stateChangeTypes.keyDownEnter:
323
- case T.stateChangeTypes.clickItem:
321
+ stateReducer: (l, a) => {
322
+ switch (a.type) {
323
+ case ne.stateChangeTypes.keyDownEnter:
324
+ case ne.stateChangeTypes.clickItem:
324
325
  return {
325
- ...l,
326
- highlightedIndex: c.highlightedIndex,
326
+ ...a,
327
+ highlightedIndex: l.highlightedIndex,
327
328
  inputValue: ""
328
329
  };
329
330
  default:
330
- return l;
331
+ return a;
331
332
  }
332
333
  },
333
334
  onChange: w,
334
335
  selectedItem: null,
335
- children: (c) => d == null ? void 0 : d(M(c))
336
+ children: (l) => d == null ? void 0 : d(M(l))
336
337
  }
337
338
  );
338
- }, Ne = "Enter", mt = "Tab", ft = "_autocomplete_w0t1o_16", _t = "_disabled_w0t1o_32", pt = "_error_w0t1o_35", ht = "_touched_w0t1o_35", bt = "_input_w0t1o_74", vt = {
339
+ }, Ie = "Enter", mt = "Tab", ft = "_autocomplete_w0t1o_16", _t = "_disabled_w0t1o_32", pt = "_error_w0t1o_35", ht = "_touched_w0t1o_35", bt = "_input_w0t1o_74", vt = {
339
340
  autocomplete: ft,
340
341
  "autocomplete-wrapper": "_autocomplete-wrapper_w0t1o_28",
341
342
  disabled: _t,
@@ -350,190 +351,190 @@ const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
350
351
  "error-text": "_error-text_w0t1o_109",
351
352
  "dropdown-button": "_dropdown-button_w0t1o_118",
352
353
  "icon-reversed": "_icon-reversed_w0t1o_126"
353
- }, H = L.bind(vt), Lt = (o) => {
354
+ }, W = z.bind(vt), Ot = (o) => {
354
355
  const {
355
356
  options: e = [],
356
- loading: i = !1,
357
+ loading: c = !1,
357
358
  onStateChange: r = () => {
358
359
  },
359
360
  value: n = [],
360
361
  placeholder: d = "",
361
- error: h = "",
362
+ error: p = "",
362
363
  touched: u = !1,
363
364
  creatable: y = !1,
364
365
  editable: x = !1,
365
366
  onChange: v = () => {
366
367
  },
367
- onFocus: E = () => {
368
+ onFocus: I = () => {
368
369
  },
369
370
  onBlur: N = () => {
370
371
  },
371
- disabled: f = !1,
372
+ disabled: m = !1,
372
373
  isDropdownMode: S = !1,
373
- mobileDisabled: I = !1,
374
- inputProps: p = {},
375
- parseValueToString: w = (_) => _ == null ? "" : String(_),
374
+ mobileDisabled: k = !1,
375
+ inputProps: _ = {},
376
+ parseValueToString: w = (f) => f == null ? "" : String(f),
376
377
  maxLength: M = null,
377
378
  async: R = !1,
378
- customClass: c = "",
379
- createWithoutConfirmation: l = !1,
379
+ customClass: l = "",
380
+ createWithoutConfirmation: a = !1,
380
381
  getItemValidationErrorType: t = null,
381
- clearItemsError: a = () => {
382
+ clearItemsError: i = () => {
382
383
  },
383
- getAdditionalCreationCondition: b = () => !0,
384
- highlightUnStoredItem: W = !1,
385
- parseInputValueFn: G = null,
386
- handleUnStoredItemCb: C = null,
387
- dataAutomationId: ee = "",
388
- existingItemsMap: Q = {},
389
- customizeNewSelectedValue: te = (_) => _,
390
- renderCustomSelectedItem: oe,
391
- useFixedPositioning: ne,
384
+ getAdditionalCreationCondition: h = () => !0,
385
+ highlightUnStoredItem: K = !1,
386
+ parseInputValueFn: Z = null,
387
+ handleUnStoredItemCb: $ = null,
388
+ dataAutomationId: le = "",
389
+ existingItemsMap: ee = {},
390
+ customizeNewSelectedValue: ce = (f) => f,
391
+ renderCustomSelectedItem: ae,
392
+ useFixedPositioning: ie,
392
393
  newItemButtonText: D = "",
393
394
  ...P
394
- } = o, { refs: j, floatingStyles: O } = ve({
395
+ } = o, { refs: j, floatingStyles: H } = ye({
395
396
  placement: "bottom-start",
396
- strategy: ne ? "fixed" : "absolute",
397
- whileElementsMounted: we
398
- }), z = n.length === 0 && !f ? d : "", B = Fe(null);
399
- Me(() => {
400
- a();
401
- }, [a, n]);
402
- const J = (_, m) => {
403
- v(_, m);
404
- }, se = (_, m, k) => ({ item: g, index: $, ...q }) => _({
397
+ strategy: ie ? "fixed" : "absolute",
398
+ whileElementsMounted: Ne
399
+ }), Y = n.length === 0 && !m ? d : "", E = De(null);
400
+ Fe(() => {
401
+ i();
402
+ }, [i, n]);
403
+ const T = (f, b) => {
404
+ v(f, b);
405
+ }, de = (f, b, C) => ({ item: g, index: X, ...A }) => f({
405
406
  item: g,
406
- index: $,
407
- isSelected: k.some((le) => U(le, g)),
408
- ...q,
409
- isActive: m === $
410
- }), re = ({
411
- event: _,
412
- removeItem: m,
413
- inputValue: k
407
+ index: X,
408
+ isSelected: C.some((U) => se(U, g)),
409
+ ...A,
410
+ isActive: b === X
411
+ }), ue = ({
412
+ event: f,
413
+ removeItem: b,
414
+ inputValue: C
414
415
  }) => {
415
- _.key === "Backspace" && !k && n.length && m(n[n.length - 1], null);
416
- }, K = ({
417
- inputValue: _,
418
- selectItem: m,
419
- clearSelection: k
416
+ f.key === "Backspace" && !C && n.length && b(n[n.length - 1], null);
417
+ }, L = ({
418
+ inputValue: f,
419
+ selectItem: b,
420
+ clearSelection: C
420
421
  }) => {
421
- if (G) {
422
- const g = G(_);
423
- (g.length ? g : [_]).forEach((q) => m(q)), k();
422
+ if (Z) {
423
+ const g = Z(f);
424
+ (g.length ? g : [f]).forEach((A) => b(A)), C();
424
425
  } else
425
- m(_), k();
426
- }, Z = (_) => (m) => {
427
- _(m, null), B.current && B.current.focus();
428
- }, ce = e.filter((_) => n.every((m) => !U(m, _)));
426
+ b(f), C();
427
+ }, te = (f) => (b) => {
428
+ f(b, null), E.current && E.current.focus();
429
+ }, me = e.filter((f) => n.every((b) => !se(b, f)));
429
430
  return /* @__PURE__ */ s(
430
431
  ut,
431
432
  {
432
- onChange: J,
433
+ onChange: T,
433
434
  itemToString: w,
434
435
  selectedItems: n,
435
436
  onStateChange: r,
436
437
  options: e,
437
- existingItemsMap: Q,
438
- handleUnStoredItemCb: C,
439
- customizeNewSelectedValue: te,
438
+ existingItemsMap: ee,
439
+ handleUnStoredItemCb: $,
440
+ customizeNewSelectedValue: ce,
440
441
  children: ({
441
- getInputProps: _,
442
- getItemProps: m,
443
- isOpen: k,
442
+ getInputProps: f,
443
+ getItemProps: b,
444
+ isOpen: C,
444
445
  inputValue: g = "",
445
- highlightedIndex: $,
446
- removeItem: q,
447
- editItem: le,
448
- openMenu: ke,
449
- selectItem: me,
450
- clearSelection: fe,
451
- toggleMenu: xe,
452
- storedItemsMap: Ie,
453
- getRootProps: Ee
446
+ highlightedIndex: X,
447
+ removeItem: A,
448
+ editItem: U,
449
+ openMenu: B,
450
+ selectItem: O,
451
+ clearSelection: G,
452
+ toggleMenu: oe,
453
+ storedItemsMap: V,
454
+ getRootProps: Se
454
455
  }) => {
455
- const _e = Ee(void 0, { suppressRefError: !0 }), Se = {
456
- ..._e,
457
- ref: (F) => (j.setReference(F), _e.ref(F))
458
- }, Be = g ?? "";
459
- return /* @__PURE__ */ A("div", { ...Se, className: H("autocomplete-wrapper"), children: [
460
- /* @__PURE__ */ A(V, { children: [
461
- /* @__PURE__ */ A(
456
+ const be = Se(void 0, { suppressRefError: !0 }), Ee = {
457
+ ...be,
458
+ ref: (F) => (j.setReference(F), be.ref(F))
459
+ }, Ce = g ?? "";
460
+ return /* @__PURE__ */ q("div", { ...Ee, className: W("autocomplete-wrapper"), children: [
461
+ /* @__PURE__ */ q(re, { children: [
462
+ /* @__PURE__ */ q(
462
463
  "div",
463
464
  {
464
- className: H("autocomplete", c, {
465
- "mobile-disabled": I,
466
- error: h,
465
+ className: W("autocomplete", l, {
466
+ "mobile-disabled": k,
467
+ error: p,
467
468
  touched: u,
468
- disabled: f
469
+ disabled: m
469
470
  }),
470
471
  children: [
471
- /* @__PURE__ */ A(
472
+ /* @__PURE__ */ q(
472
473
  "div",
473
474
  {
474
- className: H("autocomplete-input", {
475
- "mobile-disabled": I
475
+ className: W("autocomplete-input", {
476
+ "mobile-disabled": k
476
477
  }),
477
478
  children: [
478
479
  /* @__PURE__ */ s(
479
480
  ze,
480
481
  {
481
482
  items: n,
482
- onRemoveItem: Z(q),
483
- disabled: f,
484
- mobileDisabled: I,
483
+ onRemoveItem: te(A),
484
+ disabled: m,
485
+ mobileDisabled: k,
485
486
  parseValueToString: w,
486
487
  getItemValidationErrorType: t,
487
- renderCustomSelectedItem: oe,
488
- editItem: le,
488
+ renderCustomSelectedItem: ae,
489
+ editItem: U,
489
490
  editable: x,
490
- getAdditionalCreationCondition: b,
491
- storedItemsMap: Ie,
492
- highlightUnStoredItem: W
491
+ getAdditionalCreationCondition: h,
492
+ storedItemsMap: V,
493
+ highlightUnStoredItem: K
493
494
  }
494
495
  ),
495
496
  /* @__PURE__ */ s(
496
497
  "input",
497
498
  {
498
- ..._({
499
- ref: B,
500
- placeholder: z,
499
+ ...f({
500
+ ref: E,
501
+ placeholder: Y,
501
502
  maxLength: M,
502
503
  onFocus: () => {
503
- S && ke(), E();
504
+ S && B(), I();
504
505
  },
505
506
  onKeyDown: (F) => {
506
- F.key === Ne && g && y && b(g) && K({
507
+ F.key === Ie && g && y && h(g) && L({
507
508
  inputValue: g,
508
- selectItem: me,
509
- clearSelection: fe
510
- }), re({ event: F, removeItem: q, inputValue: g });
509
+ selectItem: O,
510
+ clearSelection: G
511
+ }), ue({ event: F, removeItem: A, inputValue: g });
511
512
  },
512
513
  onBlur: () => {
513
- N(), g && y && b(g) && K({
514
+ N(), g && y && h(g) && L({
514
515
  inputValue: g,
515
- selectItem: me,
516
- clearSelection: fe
516
+ selectItem: O,
517
+ clearSelection: G
517
518
  });
518
519
  },
519
- disabled: f,
520
- ...p
520
+ disabled: m,
521
+ ..._
521
522
  }),
522
- className: H("input", { disabled: f }),
523
- "data-automation-id": ee
523
+ className: W("input", { disabled: m }),
524
+ "data-automation-id": le
524
525
  }
525
526
  )
526
527
  ]
527
528
  }
528
529
  ),
529
- (p == null ? void 0 : p.clearable) && !ue(n) && /* @__PURE__ */ s(
530
+ (_ == null ? void 0 : _.clearable) && !he(n) && /* @__PURE__ */ s(
530
531
  "button",
531
532
  {
532
533
  type: "button",
533
- className: H("clear-icon", { "clear-icon--disabled": f }),
534
+ className: W("clear-icon", { "clear-icon--disabled": m }),
534
535
  onClick: () => {
535
536
  var F;
536
- return !f && ((F = p == null ? void 0 : p.onClear) == null ? void 0 : F.call(p));
537
+ return !m && ((F = _ == null ? void 0 : _.onClear) == null ? void 0 : F.call(_));
537
538
  },
538
539
  onMouseDown: (F) => F.preventDefault(),
539
540
  children: /* @__PURE__ */ s(je, {})
@@ -543,33 +544,33 @@ const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
543
544
  "button",
544
545
  {
545
546
  type: "button",
546
- className: H("dropdown-button", { "icon-reversed": k }),
547
- onClick: () => xe(),
547
+ className: W("dropdown-button", { "icon-reversed": C }),
548
+ onClick: () => oe(),
548
549
  "aria-label": "Toggle dropdown",
549
- "aria-expanded": k,
550
- children: /* @__PURE__ */ s(ge, {})
550
+ "aria-expanded": C,
551
+ children: /* @__PURE__ */ s(xe, {})
551
552
  }
552
553
  )
553
554
  ]
554
555
  }
555
556
  ),
556
- h && u && /* @__PURE__ */ s("span", { className: H("error-text"), children: h })
557
+ p && u && /* @__PURE__ */ s("span", { className: W("error-text"), children: p })
557
558
  ] }),
558
559
  /* @__PURE__ */ s(
559
- ye,
560
+ ke,
560
561
  {
561
- isOpen: k,
562
- loading: i,
562
+ isOpen: C,
563
+ loading: c,
563
564
  async: R,
564
565
  ref: j.setFloating,
565
566
  newItemButtonText: D,
566
567
  isDropdownMode: S,
567
- style: O,
568
- inputValue: Be.trim(),
569
- getItemProps: se(m, $, n),
568
+ style: H,
569
+ inputValue: Ce.trim(),
570
+ getItemProps: de(b, X, n),
570
571
  parseValueToString: w,
571
- createWithoutConfirmation: l,
572
- options: ce,
572
+ createWithoutConfirmation: a,
573
+ options: me,
573
574
  ...P
574
575
  }
575
576
  )
@@ -581,136 +582,140 @@ const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
581
582
  "input-wrapper": "_input-wrapper_d9vma_1",
582
583
  "dropdown-button": "_dropdown-button_d9vma_6",
583
584
  "icon-reversed": "_icon-reversed_d9vma_14"
584
- }, be = L.bind(wt), gt = 0, Wt = (o) => {
585
+ }, ge = z.bind(wt), gt = 0, Wt = (o) => {
585
586
  const {
586
587
  options: e = [],
587
- value: i,
588
+ value: c,
588
589
  placeholder: r = "",
589
590
  onChange: n = () => {
590
591
  },
591
592
  onFocus: d = () => {
592
593
  },
593
- onBlur: h = () => {
594
+ onBlur: p = () => {
594
595
  },
595
596
  disabled: u = !1,
596
597
  inputProps: y = {},
597
598
  parseValueToString: x = (D) => D === null ? "" : String(D),
598
599
  minLength: v = 1,
599
- skipOptionCreation: E = !1,
600
+ skipOptionCreation: I = !1,
600
601
  maxLength: N = null,
601
- optionVariant: f = "",
602
+ optionVariant: m = "",
602
603
  isRequired: S = !1,
603
- error: I = "",
604
- touched: p = !1,
604
+ error: k = "",
605
+ touched: _ = !1,
605
606
  setTouch: w = () => {
606
607
  },
607
608
  createWithoutConfirmation: M = !1,
608
609
  menuClassName: R = "",
609
- icon: c,
610
- isDropdownMode: l = !1,
610
+ icon: l,
611
+ isDropdownMode: a = !1,
611
612
  isOptionUnique: t,
612
- refFunction: a,
613
- stateReducer: b,
614
- onStateChange: W,
615
- useFixedPositioning: G,
616
- newItemButtonText: C = "",
617
- ...ee
618
- } = o, { refs: Q, floatingStyles: te } = ve({
613
+ refFunction: i,
614
+ stateReducer: h,
615
+ onStateChange: K,
616
+ useFixedPositioning: Z,
617
+ newItemButtonText: $ = "",
618
+ ...le
619
+ } = o, { refs: ee, floatingStyles: ce } = ye({
619
620
  placement: "bottom-start",
620
- strategy: G ? "fixed" : "absolute",
621
- whileElementsMounted: we
622
- }), oe = (D, P, j) => ({ item: O, index: z, ...B }) => D({
623
- item: O,
624
- index: z,
625
- isSelected: j !== null && j === O,
626
- ...B,
627
- isActive: P === z
628
- }), ne = (D, P) => {
621
+ strategy: Z ? "fixed" : "absolute",
622
+ whileElementsMounted: Ne
623
+ }), ae = (D, P, j) => ({ item: H, index: Y, ...E }) => D({
624
+ item: H,
625
+ index: Y,
626
+ isSelected: j !== null && j === H,
627
+ ...E,
628
+ isActive: P === Y
629
+ }), ie = (D, P) => {
629
630
  D.key === mt && (D.preventDefault(), P(e.length));
630
631
  };
631
632
  return /* @__PURE__ */ s(
632
- T,
633
+ ne,
633
634
  {
634
635
  onChange: n,
635
636
  itemToString: x,
636
- selectedItem: i,
637
- onStateChange: W,
637
+ selectedItem: c,
638
+ onStateChange: K,
638
639
  defaultHighlightedIndex: gt,
639
- stateReducer: b,
640
+ stateReducer: h,
640
641
  children: ({
641
642
  getInputProps: D,
642
643
  getItemProps: P,
643
644
  setHighlightedIndex: j,
644
- toggleMenu: O,
645
- openMenu: z,
646
- isOpen: B,
647
- inputValue: J,
648
- highlightedIndex: se,
649
- getRootProps: re,
650
- selectItem: K
645
+ toggleMenu: H,
646
+ openMenu: Y,
647
+ isOpen: E,
648
+ inputValue: T,
649
+ highlightedIndex: de,
650
+ getRootProps: ue,
651
+ selectItem: L
651
652
  }) => {
652
- const Z = re(void 0, { suppressRefError: !0 }), ce = {
653
- ...Z,
654
- ref: (m) => (Q.setReference(m), Z.ref(m))
655
- }, _ = J ?? "";
656
- return /* @__PURE__ */ s(V, { children: /* @__PURE__ */ A("div", { className: be("input-wrapper"), ...ce, children: [
653
+ const te = ue(void 0, { suppressRefError: !0 }), me = {
654
+ ...te,
655
+ ref: (B) => (ee.setReference(B), te.ref(B))
656
+ }, f = T ?? "", { onClear: b, clearable: C, ...g } = y, A = C && c !== null, U = (...B) => {
657
+ L(null), b == null || b(...B);
658
+ };
659
+ return /* @__PURE__ */ s(re, { children: /* @__PURE__ */ q("div", { className: ge("input-wrapper"), ...me, children: [
657
660
  /* @__PURE__ */ s(
658
- Ce,
661
+ $e,
659
662
  {
660
663
  ...D({
661
664
  placeholder: u ? "" : r,
662
665
  maxLength: N || void 0,
663
666
  onFocus: () => {
664
- l && !B && (z(), w == null || w(!0)), d();
667
+ a && !E && (Y(), w == null || w(!0)), d();
665
668
  },
666
- refFunction: a,
667
- onKeyDown: (m) => {
668
- m.key === Ne && m.preventDefault(), J && B && ne(m, j);
669
+ ref: i,
670
+ onKeyDown: (B) => {
671
+ B.key === Ie && B.preventDefault(), T && E && ie(B, j);
669
672
  },
670
- onBlur: (m) => {
671
- const k = _.trim(), g = !ue(k), $ = g ? e.find((q) => x(q) === k) : void 0;
672
- K($ || (!E && M && g ? k : null)), h(m), t == null || t(
673
- g ? !e.some((q) => x(q) === k) : null
674
- ), l && B && O(), w == null || w(!0);
673
+ onBlur: (B) => {
674
+ const O = f.trim(), G = !he(O), oe = G ? e.find((V) => x(V) === O) : void 0;
675
+ L(oe || (!I && M && G ? O : null)), p(B), t == null || t(
676
+ G ? !e.some((V) => x(V) === O) : null
677
+ ), a && E && H(), w == null || w(!0);
675
678
  },
676
679
  disabled: u,
677
680
  defaultWidth: !1,
678
681
  isRequired: S,
679
- touched: p,
680
- error: I,
681
- ...y,
682
- endIcon: l && !c ? /* @__PURE__ */ s(
682
+ touched: _,
683
+ error: k,
684
+ ...g,
685
+ clearable: A,
686
+ onClear: A ? U : b,
687
+ endIcon: a && !l ? /* @__PURE__ */ s(
683
688
  "button",
684
689
  {
685
690
  type: "button",
686
- className: be("dropdown-button", { "icon-reversed": B }),
687
- onClick: () => O(),
691
+ className: ge("dropdown-button", { "icon-reversed": E }),
692
+ onClick: () => H(),
688
693
  "aria-label": "Toggle dropdown",
689
- "aria-expanded": B,
690
- children: /* @__PURE__ */ s(ge, {})
694
+ "aria-expanded": E,
695
+ children: /* @__PURE__ */ s(xe, {})
691
696
  }
692
- ) : c,
693
- minLength: l ? 0 : v
697
+ ) : l,
698
+ minLength: a ? 0 : v
694
699
  })
695
700
  }
696
701
  ),
697
702
  /* @__PURE__ */ s(
698
- ye,
703
+ ke,
699
704
  {
700
- isOpen: B,
701
- isDropdownMode: l,
702
- style: te,
703
- ref: Q.setFloating,
705
+ isOpen: E,
706
+ isDropdownMode: a,
707
+ style: ce,
708
+ ref: ee.setFloating,
704
709
  minLength: v,
705
- inputValue: (J || "").trim(),
706
- getItemProps: oe(P, se, i),
710
+ inputValue: (T || "").trim(),
711
+ getItemProps: ae(P, de, c),
707
712
  parseValueToString: x,
708
- optionVariant: f,
713
+ optionVariant: m,
709
714
  createWithoutConfirmation: M,
710
715
  className: R,
711
716
  options: e,
712
- newItemButtonText: C,
713
- ...ee
717
+ newItemButtonText: $,
718
+ ...le
714
719
  }
715
720
  )
716
721
  ] }) });
@@ -719,10 +724,10 @@ const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
719
724
  );
720
725
  };
721
726
  export {
722
- ye as AutocompleteMenu,
723
- pe as AutocompleteOption,
727
+ ke as AutocompleteMenu,
728
+ ve as AutocompleteOption,
724
729
  nt as AutocompleteOptions,
725
730
  Ge as AutocompletePrompt,
726
- Lt as MultipleAutocomplete,
731
+ Ot as MultipleAutocomplete,
727
732
  Wt as SingleAutocomplete
728
733
  };