@reportportal/ui-kit 0.0.1-alpha.234 → 0.0.1-alpha.235

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 +422 -421
  2. package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts +2 -0
  3. package/package.json +1 -1
package/dist/autocompletes.js CHANGED
@@ -1,35 +1,35 @@
1
- import { jsx as r, jsxs as O, Fragment as he } from "react/jsx-runtime";
2
- import { useState as se, useRef as Ce, useEffect as we, useCallback as K, forwardRef as De, useLayoutEffect as je, useMemo as He } from "react";
3
- import { c as Q } from "./bind-06a7ff84.js";
4
- import { Scrollbars as We } from "rc-scrollbars";
5
- import { B as Ye } from "./bubblesLoader-f3ffa240.js";
6
- import { B as Ke } from "./button-7ab874f3.js";
7
- import { S as Xe } from "./plus-199fb2a8.js";
1
+ import { jsx as r, jsxs as B, Fragment as he } from "react/jsx-runtime";
2
+ import { useState as ne, useRef as Ce, useEffect as we, useCallback as K, forwardRef as je, useLayoutEffect as He, useMemo as We } from "react";
3
+ import { c as G } from "./bind-06a7ff84.js";
4
+ import { Scrollbars as Ye } from "rc-scrollbars";
5
+ import { B as Ke } from "./bubblesLoader-f3ffa240.js";
6
+ import { B as Xe } from "./button-7ab874f3.js";
7
+ import { S as Ge } from "./plus-199fb2a8.js";
8
8
  import { i as Me } from "./isEmpty-ccacb5ff.js";
9
- import { createPortal as Ge } from "react-dom";
9
+ import { createPortal as Je } from "react-dom";
10
10
  import _e from "downshift";
11
- import { useFloating as Be, autoUpdate as Pe, flip as Je, size as Qe } from "@floating-ui/react";
12
- import { F as Ze } from "./fieldText-1749da7a.js";
13
- import { S as Oe } from "./dropdown-0260bb66.js";
14
- import { E as Te, A as qe, T as Ue } from "./constants-85822a6b.js";
15
- import { S as Ve } from "./close-4d480ef7.js";
16
- import { S as et } from "./clear-53660571.js";
11
+ import { useFloating as Be, autoUpdate as Oe, flip as Qe, size as Ze } from "@floating-ui/react";
12
+ import { F as qe } from "./fieldText-1749da7a.js";
13
+ import { S as Te } from "./dropdown-0260bb66.js";
14
+ import { E as $e, A as Ue, T as Ve } from "./constants-85822a6b.js";
15
+ import { S as et } from "./close-4d480ef7.js";
16
+ import { S as tt } from "./clear-53660571.js";
17
17
  import "./openEye-950159cb.js";
18
18
  import "./baseIconButton-251479f7.js";
19
19
  import "./spinLoader-c4a53718.js";
20
20
  import "./maxValueDisplay-9be01a75.js";
21
21
  import "./fieldLabel.js";
22
- const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
22
+ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
23
23
  "selected-item": "_selected-item_1rpph_16",
24
24
  "validation-error": "_validation-error_1rpph_35",
25
25
  "highlight-un-stored-item": "_highlight-un-stored-item_1rpph_40",
26
- disabled: tt,
26
+ disabled: ot,
27
27
  "mobile-disabled": "_mobile-disabled_1rpph_48",
28
28
  "selected-item-text": "_selected-item-text_1rpph_54",
29
29
  "single-line": "_single-line_1rpph_58",
30
30
  "cross-icon": "_cross-icon_1rpph_64",
31
- input: ot
32
- }, fe = Q.bind(st), nt = (t) => t.scrollWidth > t.clientWidth, rt = ({
31
+ input: st
32
+ }, fe = G.bind(nt), rt = (t) => t.scrollWidth > t.clientWidth, lt = ({
33
33
  item: t,
34
34
  onRemoveItem: e,
35
35
  disabled: n = !1,
@@ -38,73 +38,73 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
38
38
  error: l = !1,
39
39
  editItem: h,
40
40
  editable: d = !1,
41
- getAdditionalCreationCondition: v = () => !0,
42
- storedOption: g = !0,
41
+ getAdditionalCreationCondition: b = () => !0,
42
+ storedOption: N = !0,
43
43
  highlightUnStoredItem: p = !1,
44
- variant: F = "light",
44
+ variant: R = "light",
45
45
  getItemName: C,
46
- singleLine: u = !1,
47
- className: L,
46
+ singleLine: m = !1,
47
+ className: F,
48
48
  textClassName: P
49
49
  }) => {
50
- const [b, x] = se(!1), [B, T] = se(""), [c, i] = se(!1), a = Ce(null), m = () => {
51
- !n && d && !g && (T((C == null ? void 0 : C(t)) || (s == null ? void 0 : s(t)) || ""), x(!0));
52
- }, y = (R) => {
53
- T(R.target.value);
54
- }, N = (R) => {
55
- const $ = v(B);
56
- R.key === "Enter" && $ && (h(t, B), x(!1), T(""));
50
+ const [y, E] = ne(!1), [L, O] = ne(""), [c, i] = ne(!1), a = Ce(null), f = () => {
51
+ !n && d && !N && (O((C == null ? void 0 : C(t)) || (s == null ? void 0 : s(t)) || ""), E(!0));
52
+ }, g = (x) => {
53
+ O(x.target.value);
54
+ }, S = (x) => {
55
+ const $ = b(L);
56
+ x.key === "Enter" && $ && (h(t, L), E(!1), O(""));
57
57
  }, _ = () => {
58
- x(!1), T("");
59
- }, E = (R) => {
60
- R.stopPropagation(), e(t);
58
+ E(!1), O("");
59
+ }, k = (x) => {
60
+ x.stopPropagation(), e(t);
61
61
  }, M = (s == null ? void 0 : s(t)) || "";
62
62
  we(() => {
63
- if (a.current && u) {
64
- const R = () => {
65
- a.current && i(nt(a.current));
63
+ if (a.current && m) {
64
+ const x = () => {
65
+ a.current && i(rt(a.current));
66
66
  };
67
- if (R(), typeof ResizeObserver < "u") {
68
- const $ = new ResizeObserver(R);
67
+ if (x(), typeof ResizeObserver < "u") {
68
+ const $ = new ResizeObserver(x);
69
69
  return $.observe(a.current), () => $.disconnect();
70
70
  }
71
71
  } else
72
72
  i(!1);
73
- }, [M, u]);
74
- const I = fe(
73
+ }, [M, m]);
74
+ const A = fe(
75
75
  "selected-item-text",
76
76
  {
77
- "single-line": u
77
+ "single-line": m
78
78
  },
79
79
  P
80
- ), z = fe(
80
+ ), H = fe(
81
81
  "selected-item",
82
- F,
82
+ R,
83
83
  {
84
84
  [`validation-${l}`]: l,
85
85
  disabled: n,
86
86
  "mobile-disabled": o,
87
- "highlight-un-stored-item": p && !g
87
+ "highlight-un-stored-item": p && !N
88
88
  },
89
- L
89
+ F
90
90
  );
91
- return b ? /* @__PURE__ */ r(
91
+ return y ? /* @__PURE__ */ r(
92
92
  "input",
93
93
  {
94
94
  autoFocus: !0,
95
- value: B,
96
- onChange: y,
97
- onKeyDown: N,
95
+ value: L,
96
+ onChange: g,
97
+ onKeyDown: S,
98
98
  onBlur: _,
99
99
  className: fe("input")
100
100
  }
101
- ) : /* @__PURE__ */ O("div", { className: z, onClick: m, children: [
101
+ ) : /* @__PURE__ */ B("div", { className: H, onClick: f, children: [
102
102
  /* @__PURE__ */ r(
103
103
  "span",
104
104
  {
105
105
  ref: a,
106
- className: I,
107
- title: u && c ? M : void 0,
106
+ className: A,
107
+ title: m && c ? M : void 0,
108
108
  children: M
109
109
  }
110
110
  ),
@@ -117,12 +117,12 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
117
117
  "mobile-disabled": o,
118
118
  disabled: n
119
119
  }),
120
- onClick: E,
121
- children: /* @__PURE__ */ r(Ve, {})
120
+ onClick: k,
121
+ children: /* @__PURE__ */ r(et, {})
122
122
  }
123
123
  )
124
124
  ] });
125
- }, lt = ({
125
+ }, ct = ({
126
126
  items: t = [],
127
127
  parseValueToString: e,
128
128
  getItemValidationErrorType: n,
@@ -131,10 +131,10 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
131
131
  renderCustomSelectedItem: l,
132
132
  selectedItemSingleLine: h,
133
133
  selectedItemClassName: d,
134
- selectedItemTextClassName: v,
135
- ...g
134
+ selectedItemTextClassName: b,
135
+ ...N
136
136
  }) => t.map((p) => l ? l(p) : /* @__PURE__ */ r(
137
- rt,
137
+ lt,
138
138
  {
139
139
  parseValueToString: e,
140
140
  error: (n == null ? void 0 : n(p)) || "",
@@ -143,24 +143,24 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
143
143
  highlightUnStoredItem: s,
144
144
  singleLine: h,
145
145
  className: d,
146
- textClassName: v,
147
- ...g
146
+ textClassName: b,
147
+ ...N
148
148
  },
149
149
  e == null ? void 0 : e(p)
150
- )), ct = "_prompt_1xfmd_16", it = {
151
- prompt: ct
152
- }, at = Q.bind(it), dt = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: at("prompt"), children: t }), ut = "_item_zw4ux_16", mt = "_divider_zw4ux_24", ft = "_active_zw4ux_49", pt = "_value_zw4ux_55", _t = "_tag_zw4ux_69", ht = "_disabled_zw4ux_80", wt = {
153
- item: ut,
154
- divider: mt,
150
+ )), it = "_prompt_1xfmd_16", at = {
151
+ prompt: it
152
+ }, dt = G.bind(at), ut = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: dt("prompt"), children: t }), mt = "_item_zw4ux_16", ft = "_divider_zw4ux_24", pt = "_active_zw4ux_49", _t = "_value_zw4ux_55", ht = "_tag_zw4ux_69", wt = "_disabled_zw4ux_80", vt = {
153
+ item: mt,
154
+ divider: ft,
155
155
  "new-item": "_new-item_zw4ux_31",
156
- active: ft,
157
- value: pt,
156
+ active: pt,
157
+ value: _t,
158
158
  "key-variant": "_key-variant_zw4ux_66",
159
- tag: _t,
159
+ tag: ht,
160
160
  "button-active": "_button-active_zw4ux_80",
161
- disabled: ht,
161
+ disabled: wt,
162
162
  "value-variant": "_value-variant_zw4ux_100"
163
- }, ee = Q.bind(wt), Re = ({
163
+ }, V = G.bind(vt), Fe = ({
164
164
  isActive: t = !1,
165
165
  isSelected: e = !1,
166
166
  isNew: n = !1,
@@ -170,28 +170,28 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
170
170
  newItemButtonText: h = "",
171
171
  ...d
172
172
  }) => {
173
- const v = () => h || (l === "key-variant" ? "New key" : "New value");
174
- return n ? /* @__PURE__ */ O(he, { children: [
175
- /* @__PURE__ */ r("div", { className: ee("divider") }),
176
- /* @__PURE__ */ O(
173
+ const b = () => h || (l === "key-variant" ? "New key" : "New value");
174
+ return n ? /* @__PURE__ */ B(he, { children: [
175
+ /* @__PURE__ */ r("div", { className: V("divider") }),
176
+ /* @__PURE__ */ B(
177
177
  "li",
178
178
  {
179
- className: ee("new-item", l, {
179
+ className: V("new-item", l, {
180
180
  active: t,
181
181
  selected: e,
182
182
  disabled: s
183
183
  }),
184
184
  ...d,
185
185
  children: [
186
- /* @__PURE__ */ r("span", { className: ee("value"), children: o }),
186
+ /* @__PURE__ */ r("span", { className: V("value"), children: o }),
187
187
  /* @__PURE__ */ r(
188
- Ke,
188
+ Xe,
189
189
  {
190
190
  ...!s && d,
191
- className: ee({ "button-active": t }),
192
- icon: /* @__PURE__ */ r(Xe, {}),
191
+ className: V({ "button-active": t }),
192
+ icon: /* @__PURE__ */ r(Ge, {}),
193
193
  variant: "text",
194
- children: v()
194
+ children: b()
195
195
  }
196
196
  )
197
197
  ]
@@ -200,20 +200,20 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
200
200
  ] }) : /* @__PURE__ */ r(
201
201
  "li",
202
202
  {
203
- className: ee("item", l, {
203
+ className: V("item", l, {
204
204
  active: t,
205
205
  selected: e,
206
206
  disabled: s
207
207
  }),
208
208
  ...s ? {} : d,
209
- children: /* @__PURE__ */ r("span", { className: ee("label", "tag"), children: o })
209
+ children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
210
210
  }
211
211
  );
212
- }, vt = "_container_12uzd_16", bt = {
213
- container: vt,
212
+ }, bt = "_container_12uzd_16", yt = {
213
+ container: bt,
214
214
  "empty-list-message": "_empty-list-message_12uzd_20",
215
215
  "limitation-item": "_limitation-item_12uzd_28"
216
- }, pe = Q.bind(bt), yt = (t) => {
216
+ }, pe = G.bind(yt), gt = (t) => {
217
217
  const {
218
218
  options: e,
219
219
  async: n,
@@ -222,72 +222,72 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
222
222
  createWithoutConfirmation: l,
223
223
  customEmptyListMessage: h,
224
224
  customNoMatchesMessage: d,
225
- optionVariant: v,
226
- newItemButtonText: g,
225
+ optionVariant: b,
226
+ newItemButtonText: N,
227
227
  renderOption: p,
228
- getUniqKey: F,
228
+ getUniqKey: R,
229
229
  getItemProps: C,
230
- parseValueToString: u,
231
- limitationText: L = "Too many results. Type to search",
230
+ parseValueToString: m,
231
+ limitationText: F = "Too many results. Type to search",
232
232
  optionsLimit: P = 0,
233
- shouldShowEmptyListMessage: b = !0
234
- } = t, x = K(() => (e || []).filter((_) => u(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, u]), B = K(
235
- (_, E, M = !1) => p ? p(_, E, M, C) : /* @__PURE__ */ r(
236
- Re,
233
+ shouldShowEmptyListMessage: y = !0
234
+ } = t, E = K(() => (e || []).filter((_) => m(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, m]), L = K(
235
+ (_, k, M = !1) => p ? p(_, k, M, C) : /* @__PURE__ */ r(
236
+ Fe,
237
237
  {
238
- optionVariant: v,
239
- ...C({ item: _, index: E }),
238
+ optionVariant: b,
239
+ ...C({ item: _, index: k }),
240
240
  isNew: M,
241
- newItemButtonText: g,
242
- children: u(_)
241
+ newItemButtonText: N,
242
+ children: m(_)
243
243
  },
244
- (F == null ? void 0 : F(_)) || u(_)
244
+ (R == null ? void 0 : R(_)) || m(_)
245
245
  ),
246
- [C, F, g, v, u, p]
247
- ), T = K(
248
- (_) => _.length ? _.map((E, M) => B(E, M)) : "",
249
- [B]
246
+ [C, R, N, b, m, p]
247
+ ), O = K(
248
+ (_) => _.length ? _.map((k, M) => L(k, M)) : "",
249
+ [L]
250
250
  ), c = K(
251
251
  (_) => {
252
- const E = _.length;
253
- return /* @__PURE__ */ r("div", { className: pe({ container: !E }), children: /* @__PURE__ */ r(
254
- Re,
252
+ const k = _.length;
253
+ return /* @__PURE__ */ r("div", { className: pe({ container: !k }), children: /* @__PURE__ */ r(
254
+ Fe,
255
255
  {
256
- optionVariant: v,
256
+ optionVariant: b,
257
257
  isNew: !0,
258
- newItemButtonText: g,
259
- ...C({ item: o, index: E }),
260
- children: u(o)
258
+ newItemButtonText: N,
259
+ ...C({ item: o, index: k }),
260
+ children: m(o)
261
261
  },
262
- u(o)
262
+ m(o)
263
263
  ) });
264
264
  },
265
- [C, o, g, v, u]
265
+ [C, o, N, b, m]
266
266
  ), i = K(
267
- (_) => s ? /* @__PURE__ */ O(he, { children: [
268
- /* @__PURE__ */ r(dt, { children: /* @__PURE__ */ r(Ye, {}) }),
267
+ (_) => s ? /* @__PURE__ */ B(he, { children: [
268
+ /* @__PURE__ */ r(ut, { children: /* @__PURE__ */ r(Ke, {}) }),
269
269
  !l && c(_)
270
270
  ] }) : "",
271
271
  [l, s, c]
272
272
  ), a = K(() => {
273
273
  const _ = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : d || "No matches found";
274
274
  return /* @__PURE__ */ r("div", { className: pe("empty-list-message"), children: _ });
275
- }, [h, d, e == null ? void 0 : e.length]), m = n ? e : x(), y = i(e);
276
- if (y)
277
- return y;
278
- const N = Me(m);
279
- return N && !b && l ? null : /* @__PURE__ */ O("div", { className: pe({ container: e.length }), children: [
280
- /* @__PURE__ */ O(We, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
281
- N ? b && a() : T(m),
282
- (m == null ? void 0 : m.length) > P && P > 0 && L ? /* @__PURE__ */ r("li", { className: pe("limitation-item"), "aria-hidden": "true", children: L }) : null
275
+ }, [h, d, e == null ? void 0 : e.length]), f = n ? e : E(), g = i(e);
276
+ if (g)
277
+ return g;
278
+ const S = Me(f);
279
+ return S && !y && l ? null : /* @__PURE__ */ B("div", { className: pe({ container: e.length }), children: [
280
+ /* @__PURE__ */ B(Ye, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
281
+ S ? y && a() : O(f),
282
+ (f == null ? void 0 : f.length) > P && P > 0 && F ? /* @__PURE__ */ r("li", { className: pe("limitation-item"), "aria-hidden": "true", children: F }) : null
283
283
  ] }),
284
- !l && c(m)
284
+ !l && c(f)
285
285
  ] });
286
- }, gt = "_menu_f64z5_16", xt = "_opened_f64z5_34", Nt = "_dark_f64z5_37", Et = {
287
- menu: gt,
288
- opened: xt,
289
- dark: Nt
290
- }, It = Q.bind(Et), St = (t, e) => !t || t <= e.trim().length, $e = De(
286
+ }, xt = "_menu_f64z5_16", Nt = "_opened_f64z5_34", Et = "_dark_f64z5_37", It = {
287
+ menu: xt,
288
+ opened: Nt,
289
+ dark: Et
290
+ }, St = G.bind(It), kt = (t, e) => !t || t <= e.trim().length, De = je(
291
291
  ({
292
292
  isOpen: t = !1,
293
293
  style: e = {},
@@ -297,27 +297,27 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
297
297
  className: l = "",
298
298
  portalMenuAttribute: h = null,
299
299
  ...d
300
- }, v) => /* @__PURE__ */ r(
300
+ }, b) => /* @__PURE__ */ r(
301
301
  "ul",
302
302
  {
303
- ref: v,
304
- className: It(
303
+ ref: b,
304
+ className: St(
305
305
  "menu",
306
- { opened: t && (o || St(n, s)) },
306
+ { opened: t && (o || kt(n, s)) },
307
307
  l
308
308
  ),
309
309
  style: e,
310
310
  ...h ? { [h]: "" } : {},
311
- children: /* @__PURE__ */ r(yt, { inputValue: s, ...d })
311
+ children: /* @__PURE__ */ r(gt, { inputValue: s, ...d })
312
312
  }
313
313
  )
314
- ), Fe = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", te = (t, e) => {
314
+ ), Le = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ee = (t, e) => {
315
315
  var o;
316
- return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((o = Object.entries(t)) != null && o.every(([s, l]) => te(l, e[s]))));
317
- }, kt = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
316
+ return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((o = Object.entries(t)) != null && o.every(([s, l]) => ee(l, e[s]))));
317
+ }, At = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
318
318
  const o = n(t);
319
319
  return t[o] === e[o];
320
- })() : !1, At = ({
320
+ })() : !1, Ct = ({
321
321
  options: t = [],
322
322
  onChange: e,
323
323
  selectedItems: n = [],
@@ -326,59 +326,59 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
326
326
  children: l,
327
327
  customizeNewSelectedValue: h = (p) => p,
328
328
  getOptionUniqKey: d,
329
- getOptionUniqKeyValue: v,
330
- ...g
329
+ getOptionUniqKeyValue: b,
330
+ ...N
331
331
  }) => {
332
- const [p, F] = se(s), C = (c, i) => {
332
+ const [p, R] = ne(s), C = (c, i) => {
333
333
  const a = {
334
334
  ...p
335
335
  };
336
- c.forEach((m) => {
337
- if (t.find((y) => kt(y, m, d))) {
338
- const y = Fe(m, d);
339
- a[y] = !0;
336
+ c.forEach((f) => {
337
+ if (t.find((g) => At(g, f, d))) {
338
+ const g = Le(f, d);
339
+ a[g] = !0;
340
340
  }
341
- }), F(a), i(a);
342
- }, u = (c, i) => {
343
- const a = Fe(c, d);
341
+ }), R(a), i(a);
342
+ }, m = (c, i) => {
343
+ const a = Le(c, d);
344
344
  if (a in p) {
345
- const m = { ...p };
346
- delete m[a], F(m), i(m);
345
+ const f = { ...p };
346
+ delete f[a], R(f), i(f);
347
347
  } else
348
348
  i(p);
349
- }, L = (c, i) => {
350
- const N = (Array.isArray(c) ? c : [c]).map((I) => h(I)).flatMap((I) => Array.isArray(I) ? I : [I]).filter(
351
- (I, z, R) => R.findIndex(($) => te($, I)) === z
349
+ }, F = (c, i) => {
350
+ const S = (Array.isArray(c) ? c : [c]).map((A) => h(A)).flatMap((A) => Array.isArray(A) ? A : [A]).filter(
351
+ (A, H, x) => x.findIndex(($) => ee($, A)) === H
352
352
  );
353
- if (!N || N.length === 0)
353
+ if (!S || S.length === 0)
354
354
  return;
355
- const E = [...n.filter(
356
- (I) => !N.some((z) => te(z, I))
357
- ), ...N];
358
- e == null || e(E, i), C(N, (I) => o == null ? void 0 : o(E, I));
355
+ const k = [...n.filter(
356
+ (A) => !S.some((H) => ee(H, A))
357
+ ), ...S];
358
+ e == null || e(k, i), C(S, (A) => o == null ? void 0 : o(k, A));
359
359
  }, P = (c, i) => {
360
- const a = n.indexOf(c), m = [...n];
361
- m.splice(a, 1, i), e == null || e(m, null);
362
- }, b = (c, i) => {
363
- const a = n.filter((y) => !te(y, c));
364
- e == null || e(a, i), u(c, (y) => o == null ? void 0 : o(a, y));
365
- }, x = (c, i) => {
366
- c && L(c, i);
367
- }, B = (c) => ({
368
- removeItem: b,
360
+ const a = n.indexOf(c), f = [...n];
361
+ f.splice(a, 1, i), e == null || e(f, null);
362
+ }, y = (c, i) => {
363
+ const a = n.filter((g) => !ee(g, c));
364
+ e == null || e(a, i), m(c, (g) => o == null ? void 0 : o(a, g));
365
+ }, E = (c, i) => {
366
+ c && F(c, i);
367
+ }, L = (c) => ({
368
+ removeItem: y,
369
369
  editItem: P,
370
370
  handleChange: e,
371
- getOptionUniqKeyValue: v,
371
+ getOptionUniqKeyValue: b,
372
372
  storedItemsMap: p,
373
373
  batchAddItems: (a) => {
374
- L(a, c);
374
+ F(a, c);
375
375
  },
376
376
  ...c
377
377
  });
378
378
  return /* @__PURE__ */ r(
379
379
  _e,
380
380
  {
381
- ...g,
381
+ ...N,
382
382
  stateReducer: (c, i) => {
383
383
  switch (i.type) {
384
384
  case _e.stateChangeTypes.keyDownEnter:
@@ -392,28 +392,28 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
392
392
  return i;
393
393
  }
394
394
  },
395
- onChange: x,
395
+ onChange: E,
396
396
  selectedItem: null,
397
- children: (c) => l == null ? void 0 : l(B(c))
397
+ children: (c) => l == null ? void 0 : l(L(c))
398
398
  }
399
399
  );
400
- }, Ct = "_autocomplete_1so4a_16", Mt = "_disabled_1so4a_32", zt = "_error_1so4a_35", Rt = "_touched_1so4a_35", Ft = "_input_1so4a_77", Lt = {
401
- autocomplete: Ct,
400
+ }, Mt = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", Rt = "_error_1so4a_35", Ft = "_touched_1so4a_35", Lt = "_input_1so4a_77", Pt = {
401
+ autocomplete: Mt,
402
402
  "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
403
- disabled: Mt,
404
- error: zt,
405
- touched: Rt,
403
+ disabled: zt,
404
+ error: Rt,
405
+ touched: Ft,
406
406
  "clear-icon": "_clear-icon_1so4a_46",
407
407
  "clear-icon--disabled": "_clear-icon--disabled_1so4a_56",
408
408
  "autocomplete-input": "_autocomplete-input_1so4a_60",
409
409
  "single-line-mode": "_single-line-mode_1so4a_68",
410
410
  "mobile-disabled": "_mobile-disabled_1so4a_72",
411
- input: Ft,
411
+ input: Lt,
412
412
  "type-number": "_type-number_1so4a_101",
413
413
  "error-text": "_error-text_1so4a_112",
414
414
  "dropdown-button": "_dropdown-button_1so4a_121",
415
415
  "icon-reversed": "_icon-reversed_1so4a_129"
416
- }, J = Q.bind(Lt), ao = (t) => {
416
+ }, X = G.bind(Pt), uo = (t) => {
417
417
  const {
418
418
  options: e = [],
419
419
  loading: n = !1,
@@ -423,228 +423,228 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
423
423
  placeholder: l = "",
424
424
  error: h = "",
425
425
  touched: d = !1,
426
- creatable: v = !1,
427
- editable: g = !1,
426
+ creatable: b = !1,
427
+ editable: N = !1,
428
428
  onChange: p = () => {
429
429
  },
430
- onFocus: F = () => {
430
+ onFocus: R = () => {
431
431
  },
432
432
  onBlur: C = () => {
433
433
  },
434
- disabled: u = !1,
435
- isDropdownMode: L = !1,
434
+ disabled: m = !1,
435
+ isDropdownMode: F = !1,
436
436
  mobileDisabled: P = !1,
437
- inputProps: b = {},
438
- parseValueToString: x = (f) => f == null ? "" : String(f),
439
- maxLength: B = null,
440
- async: T = !1,
437
+ inputProps: y = {},
438
+ parseValueToString: E = (u) => u == null ? "" : String(u),
439
+ maxLength: L = null,
440
+ async: O = !1,
441
441
  customClass: c = "",
442
442
  createWithoutConfirmation: i = !1,
443
443
  getItemValidationErrorType: a = null,
444
- clearItemsError: m = () => {
444
+ clearItemsError: f = () => {
445
445
  },
446
- getAdditionalCreationCondition: y = () => !0,
447
- highlightUnStoredItem: N = !1,
446
+ getAdditionalCreationCondition: g = () => !0,
447
+ highlightUnStoredItem: S = !1,
448
448
  parseInputValueFn: _ = null,
449
- handleUnStoredItemCb: E = null,
449
+ handleUnStoredItemCb: k = null,
450
450
  dataAutomationId: M = "",
451
- existingItemsMap: I = {},
452
- customizeNewSelectedValue: z = (f) => f,
453
- renderCustomSelectedItem: R,
451
+ existingItemsMap: A = {},
452
+ customizeNewSelectedValue: H = (u) => u,
453
+ renderCustomSelectedItem: x,
454
454
  useFixedPositioning: $,
455
- newItemButtonText: ve = "",
456
- menuClassName: X = "",
457
- selectedItemSingleLine: ne,
458
- selectedItemClassName: re,
455
+ newItemButtonText: re = "",
456
+ menuClassName: ve = "",
457
+ selectedItemSingleLine: Y,
458
+ selectedItemClassName: be,
459
459
  selectedItemTextClassName: le,
460
- ...be
461
- } = t, { refs: ce, floatingStyles: Z } = Be({
460
+ ...ce
461
+ } = t, { refs: ie, floatingStyles: ye } = Be({
462
462
  placement: "bottom-start",
463
463
  strategy: $ ? "fixed" : "absolute",
464
- whileElementsMounted: Pe
465
- }), ye = s.length === 0 && !u ? l : "", oe = Ce(null);
464
+ whileElementsMounted: Oe
465
+ }), J = s.length === 0 && !m ? l : "", te = Ce(null);
466
466
  we(() => {
467
- m();
468
- }, [m, s]);
469
- const ge = (f, S) => {
470
- p(f, S);
471
- }, xe = (f, S, k) => ({ item: A, index: W, ...U }) => f({
472
- item: A,
473
- index: W,
474
- isSelected: k.some((Y) => te(Y, A)),
475
- ...U,
476
- isActive: S === W
477
- }), w = ({
478
- event: f,
479
- removeItem: S,
480
- inputValue: k
467
+ f();
468
+ }, [f, s]);
469
+ const ge = (u, I) => {
470
+ p(u, I);
471
+ }, xe = (u, I, z) => ({ item: v, index: T, ...Z }) => u({
472
+ item: v,
473
+ index: T,
474
+ isSelected: z.some((oe) => ee(oe, v)),
475
+ ...Z,
476
+ isActive: I === T
477
+ }), Ne = ({
478
+ event: u,
479
+ removeItem: I,
480
+ inputValue: z
481
481
  }) => {
482
- f.key === "Backspace" && !k && s.length && S(s[s.length - 1], null);
483
- }, H = ({
484
- inputValue: f,
485
- selectItem: S,
486
- clearSelection: k,
487
- batchAddItems: A
482
+ u.key === "Backspace" && !z && s.length && I(s[s.length - 1], null);
483
+ }, w = ({
484
+ inputValue: u,
485
+ selectItem: I,
486
+ clearSelection: z,
487
+ batchAddItems: v
488
488
  }) => {
489
489
  if (_) {
490
- const W = _(f);
491
- A(W.length ? W : [f]), k();
490
+ const T = _(u);
491
+ v(T.length ? T : [u]), z();
492
492
  } else
493
- S(f), k();
494
- }, q = (f) => (S) => {
495
- f(S, null), oe.current && oe.current.focus();
496
- }, G = e.filter((f) => s.every((S) => !te(S, f)));
493
+ I(u), z();
494
+ }, W = (u) => (I) => {
495
+ u(I, null), te.current && te.current.focus();
496
+ }, Q = e.filter((u) => s.every((I) => !ee(I, u)));
497
497
  return /* @__PURE__ */ r(
498
- At,
498
+ Ct,
499
499
  {
500
500
  onChange: ge,
501
- itemToString: x,
501
+ itemToString: E,
502
502
  selectedItems: s,
503
503
  onStateChange: o,
504
504
  options: e,
505
- existingItemsMap: I,
506
- handleUnStoredItemCb: E,
507
- customizeNewSelectedValue: z,
505
+ existingItemsMap: A,
506
+ handleUnStoredItemCb: k,
507
+ customizeNewSelectedValue: H,
508
508
  children: ({
509
- getInputProps: f,
510
- getItemProps: S,
511
- isOpen: k,
512
- inputValue: A = "",
513
- highlightedIndex: W,
514
- removeItem: U,
515
- editItem: Y,
516
- openMenu: ie,
517
- selectItem: ae,
518
- clearSelection: de,
519
- toggleMenu: V,
520
- storedItemsMap: Ne,
521
- getRootProps: Ee,
522
- batchAddItems: Ie
509
+ getInputProps: u,
510
+ getItemProps: I,
511
+ isOpen: z,
512
+ inputValue: v = "",
513
+ highlightedIndex: T,
514
+ removeItem: Z,
515
+ editItem: oe,
516
+ openMenu: q,
517
+ selectItem: se,
518
+ clearSelection: ae,
519
+ toggleMenu: Ee,
520
+ storedItemsMap: U,
521
+ getRootProps: Ie,
522
+ batchAddItems: de
523
523
  }) => {
524
- const ue = Ee(void 0, { suppressRefError: !0 }), Se = A ?? "";
525
- return /* @__PURE__ */ O("div", { ...ue, className: J("autocomplete-wrapper"), children: [
526
- /* @__PURE__ */ O(he, { children: [
527
- /* @__PURE__ */ O(
524
+ const ze = Ie(void 0, { suppressRefError: !0 }), ue = v ?? "";
525
+ return /* @__PURE__ */ B("div", { ...ze, className: X("autocomplete-wrapper"), children: [
526
+ /* @__PURE__ */ B(he, { children: [
527
+ /* @__PURE__ */ B(
528
528
  "div",
529
529
  {
530
- ref: ce.setReference,
531
- className: J("autocomplete", c, {
530
+ ref: ie.setReference,
531
+ className: X("autocomplete", c, {
532
532
  "mobile-disabled": P,
533
533
  error: h,
534
534
  touched: d,
535
- disabled: u
535
+ disabled: m
536
536
  }),
537
537
  children: [
538
- /* @__PURE__ */ O(
538
+ /* @__PURE__ */ B(
539
539
  "div",
540
540
  {
541
- className: J("autocomplete-input", {
541
+ className: X("autocomplete-input", {
542
542
  "mobile-disabled": P,
543
- "single-line-mode": ne
543
+ "single-line-mode": Y
544
544
  }),
545
545
  children: [
546
546
  /* @__PURE__ */ r(
547
- lt,
547
+ ct,
548
548
  {
549
549
  items: s,
550
- onRemoveItem: q(U),
551
- disabled: u,
550
+ onRemoveItem: W(Z),
551
+ disabled: m,
552
552
  mobileDisabled: P,
553
- parseValueToString: x,
553
+ parseValueToString: E,
554
554
  getItemValidationErrorType: a,
555
- renderCustomSelectedItem: R,
556
- editItem: Y,
557
- editable: g,
558
- getAdditionalCreationCondition: y,
559
- storedItemsMap: Ne,
560
- highlightUnStoredItem: N,
561
- selectedItemSingleLine: ne,
562
- selectedItemClassName: re,
555
+ renderCustomSelectedItem: x,
556
+ editItem: oe,
557
+ editable: N,
558
+ getAdditionalCreationCondition: g,
559
+ storedItemsMap: U,
560
+ highlightUnStoredItem: S,
561
+ selectedItemSingleLine: Y,
562
+ selectedItemClassName: be,
563
563
  selectedItemTextClassName: le
564
564
  }
565
565
  ),
566
566
  /* @__PURE__ */ r(
567
567
  "input",
568
568
  {
569
- ...f({
570
- ref: oe,
571
- placeholder: ye,
572
- maxLength: B,
569
+ ...u({
570
+ ref: te,
571
+ placeholder: J,
572
+ maxLength: L,
573
573
  onFocus: () => {
574
- L && ie(), F();
574
+ F && q(), R();
575
575
  },
576
576
  onKeyDown: (D) => {
577
- D.key === Te && A && v && y(A) && H({
578
- inputValue: A,
579
- selectItem: ae,
580
- clearSelection: de,
581
- batchAddItems: Ie
582
- }), w({ event: D, removeItem: U, inputValue: A });
577
+ D.key === $e && v && b && g(v) && w({
578
+ inputValue: v,
579
+ selectItem: se,
580
+ clearSelection: ae,
581
+ batchAddItems: de
582
+ }), Ne({ event: D, removeItem: Z, inputValue: v });
583
583
  },
584
584
  onBlur: () => {
585
- C(), A && v && y(A) && H({
586
- inputValue: A,
587
- selectItem: ae,
588
- clearSelection: de,
589
- batchAddItems: Ie
585
+ C(), v && b && g(v) && w({
586
+ inputValue: v,
587
+ selectItem: se,
588
+ clearSelection: ae,
589
+ batchAddItems: de
590
590
  });
591
591
  },
592
- disabled: u,
593
- ...b
592
+ disabled: m,
593
+ ...y
594
594
  }),
595
- className: J("input", { disabled: u }, b.className),
595
+ className: X("input", { disabled: m }, y.className),
596
596
  "data-automation-id": M
597
597
  }
598
598
  )
599
599
  ]
600
600
  }
601
601
  ),
602
- (b == null ? void 0 : b.clearable) && !Me(s) && /* @__PURE__ */ r(
602
+ (y == null ? void 0 : y.clearable) && !Me(s) && /* @__PURE__ */ r(
603
603
  "button",
604
604
  {
605
605
  type: "button",
606
- className: J("clear-icon", { "clear-icon--disabled": u }),
606
+ className: X("clear-icon", { "clear-icon--disabled": m }),
607
607
  onClick: () => {
608
608
  var D;
609
- return !u && ((D = b == null ? void 0 : b.onClear) == null ? void 0 : D.call(b));
609
+ return !m && ((D = y == null ? void 0 : y.onClear) == null ? void 0 : D.call(y));
610
610
  },
611
611
  onMouseDown: (D) => D.preventDefault(),
612
- children: /* @__PURE__ */ r(et, {})
612
+ children: /* @__PURE__ */ r(tt, {})
613
613
  }
614
614
  ),
615
- L && /* @__PURE__ */ r(
615
+ F && /* @__PURE__ */ r(
616
616
  "button",
617
617
  {
618
618
  type: "button",
619
- className: J("dropdown-button", { "icon-reversed": k }),
620
- onClick: () => V(),
619
+ className: X("dropdown-button", { "icon-reversed": z }),
620
+ onClick: () => Ee(),
621
621
  "aria-label": "Toggle dropdown",
622
- "aria-expanded": k,
623
- children: /* @__PURE__ */ r(Oe, {})
622
+ "aria-expanded": z,
623
+ children: /* @__PURE__ */ r(Te, {})
624
624
  }
625
625
  )
626
626
  ]
627
627
  }
628
628
  ),
629
- h && d && /* @__PURE__ */ r("span", { className: J("error-text"), children: h })
629
+ h && d && /* @__PURE__ */ r("span", { className: X("error-text"), children: h })
630
630
  ] }),
631
631
  /* @__PURE__ */ r(
632
- $e,
632
+ De,
633
633
  {
634
- isOpen: k,
634
+ isOpen: z,
635
635
  loading: n,
636
- async: T,
637
- ref: ce.setFloating,
638
- newItemButtonText: ve,
639
- isDropdownMode: L,
640
- style: Z,
641
- inputValue: Se.trim(),
642
- getItemProps: xe(S, W, s),
643
- parseValueToString: x,
636
+ async: O,
637
+ ref: ie.setFloating,
638
+ newItemButtonText: re,
639
+ isDropdownMode: F,
640
+ style: ye,
641
+ inputValue: ue.trim(),
642
+ getItemProps: xe(I, T, s),
643
+ parseValueToString: E,
644
644
  createWithoutConfirmation: i,
645
- options: G,
646
- className: X,
647
- ...be
645
+ options: Q,
646
+ className: ve,
647
+ ...ce
648
648
  }
649
649
  )
650
650
  ] });
@@ -652,7 +652,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
652
652
  }
653
653
  );
654
654
  }, Bt = ({ skip: t }) => {
655
- je(() => {
655
+ He(() => {
656
656
  if (t)
657
657
  return;
658
658
  let e = window.scrollY, n = !0;
@@ -673,7 +673,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
673
673
  clearTimeout(h), window.removeEventListener("scroll", l, { capture: !0 });
674
674
  };
675
675
  }, [t]);
676
- }, Pt = ({ skip: t, reference: e }) => {
676
+ }, Ot = ({ skip: t, reference: e }) => {
677
677
  we(() => {
678
678
  if (t)
679
679
  return;
@@ -685,7 +685,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
685
685
  window.removeEventListener("resize", n);
686
686
  };
687
687
  }, [t, e]);
688
- }, Ot = ({ skip: t, onClose: e, menuRef: n }) => {
688
+ }, Tt = ({ skip: t, onClose: e, menuRef: n }) => {
689
689
  we(() => {
690
690
  if (t)
691
691
  return;
@@ -697,21 +697,21 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
697
697
  window.removeEventListener("scroll", o, !0);
698
698
  };
699
699
  }, [t, e, n]);
700
- }, Tt = {
700
+ }, $t = {
701
701
  "input-wrapper": "_input-wrapper_d9vma_1",
702
702
  "dropdown-button": "_dropdown-button_d9vma_6",
703
703
  "icon-reversed": "_icon-reversed_d9vma_14"
704
- }, Le = Q.bind(Tt), $t = 0, Dt = Je({
704
+ }, Pe = G.bind($t), Dt = 0, jt = Qe({
705
705
  fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
706
706
  boundary: document == null ? void 0 : document.documentElement,
707
707
  rootBoundary: "viewport"
708
- }), jt = Qe({
708
+ }), Ht = Ze({
709
709
  apply({ rects: t, elements: e }) {
710
710
  Object.assign(e.floating.style, {
711
711
  width: `${t.reference.width}px`
712
712
  });
713
713
  }
714
- }), uo = (t) => {
714
+ }), mo = (t) => {
715
715
  const {
716
716
  options: e = [],
717
717
  value: n,
@@ -723,171 +723,172 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
723
723
  onBlur: h = () => {
724
724
  },
725
725
  disabled: d = !1,
726
- inputProps: v = {},
727
- parseValueToString: g = (w) => w === null ? "" : String(w),
726
+ inputProps: b = {},
727
+ parseValueToString: N = (w) => w === null ? "" : String(w),
728
728
  minLength: p = 1,
729
- skipOptionCreation: F = !1,
729
+ skipOptionCreation: R = !1,
730
730
  maxLength: C = null,
731
- optionVariant: u = "",
732
- isRequired: L = !1,
731
+ optionVariant: m = "",
732
+ isRequired: F = !1,
733
733
  error: P = "",
734
- touched: b = !1,
735
- setTouch: x = () => {
734
+ touched: y = !1,
735
+ setTouch: E = () => {
736
736
  },
737
- createWithoutConfirmation: B = !1,
738
- menuClassName: T = "",
737
+ createWithoutConfirmation: L = !1,
738
+ menuClassName: O = "",
739
739
  icon: c,
740
740
  isDropdownMode: i = !1,
741
741
  isOptionUnique: a,
742
- refFunction: m,
743
- stateReducer: y,
744
- onStateChange: N,
742
+ refFunction: f,
743
+ stateReducer: g,
744
+ onStateChange: S,
745
745
  useFixedPositioning: _,
746
- dropdownMatchInputWidth: E = !1,
746
+ dropdownMatchInputWidth: k = !1,
747
747
  withMenuFlip: M = !1,
748
- newItemButtonText: I = "",
749
- menuPortalRoot: z,
750
- ...R
751
- } = t, [$, ve] = se(!1), X = Ce(null), ne = K(() => {
748
+ placement: A = "bottom-start",
749
+ newItemButtonText: H = "",
750
+ menuPortalRoot: x,
751
+ ...$
752
+ } = t, [re, ve] = ne(!1), Y = Ce(null), be = K(() => {
752
753
  var w;
753
- return (w = X.current) == null ? void 0 : w.call(X);
754
- }, []), re = !$ || !z, le = z || _ ? "fixed" : "absolute", be = !$ || le === "absolute", ce = He(
754
+ return (w = Y.current) == null ? void 0 : w.call(Y);
755
+ }, []), le = !re || !x, ce = x || _ ? "fixed" : "absolute", ie = !re || ce === "absolute", ye = We(
755
756
  () => [
756
- ...M ? [Dt] : [],
757
- ...E ? [jt] : []
757
+ ...M ? [jt] : [],
758
+ ...k ? [Ht] : []
758
759
  ],
759
- [M, E]
760
- ), { refs: Z, floatingStyles: ye } = Be({
761
- placement: "bottom-start",
762
- whileElementsMounted: Pe,
763
- strategy: le,
764
- middleware: ce
760
+ [M, k]
761
+ ), { refs: J, floatingStyles: te } = Be({
762
+ placement: A,
763
+ whileElementsMounted: Oe,
764
+ strategy: ce,
765
+ middleware: ye
765
766
  });
766
- Bt({ skip: re }), Pt({ skip: re, reference: Z.reference }), Ot({
767
- skip: be,
768
- onClose: ne,
769
- menuRef: Z.floating
767
+ Bt({ skip: le }), Ot({ skip: le, reference: J.reference }), Tt({
768
+ skip: ie,
769
+ onClose: be,
770
+ menuRef: J.floating
770
771
  });
771
- const oe = (w, H, q) => ({ item: G, index: f, ...S }) => w({
772
- item: G,
773
- index: f,
774
- isSelected: q !== null && q === G,
775
- ...S,
776
- isActive: H === f
777
- }), ge = (w, H) => {
778
- w.key === Ue && (w.preventDefault(), H(e.length));
779
- }, xe = K(
780
- (w, ...H) => {
781
- (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), N == null || N(w, ...H);
772
+ const ge = (w, W, Q) => ({ item: u, index: I, ...z }) => w({
773
+ item: u,
774
+ index: I,
775
+ isSelected: Q !== null && Q === u,
776
+ ...z,
777
+ isActive: W === I
778
+ }), xe = (w, W) => {
779
+ w.key === Ve && (w.preventDefault(), W(e.length));
780
+ }, Ne = K(
781
+ (w, ...W) => {
782
+ (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), S == null || S(w, ...W);
782
783
  },
783
- [N]
784
+ [S]
784
785
  );
785
786
  return /* @__PURE__ */ r(
786
787
  _e,
787
788
  {
788
789
  onChange: s,
789
- itemToString: g,
790
+ itemToString: N,
790
791
  selectedItem: n,
791
- onStateChange: xe,
792
- defaultHighlightedIndex: $t,
793
- stateReducer: y,
792
+ onStateChange: Ne,
793
+ defaultHighlightedIndex: Dt,
794
+ stateReducer: g,
794
795
  children: ({
795
796
  getInputProps: w,
796
- getItemProps: H,
797
- setHighlightedIndex: q,
798
- toggleMenu: G,
799
- openMenu: f,
800
- closeMenu: S,
801
- isOpen: k,
802
- inputValue: A,
803
- highlightedIndex: W,
804
- getRootProps: U,
805
- selectItem: Y
797
+ getItemProps: W,
798
+ setHighlightedIndex: Q,
799
+ toggleMenu: u,
800
+ openMenu: I,
801
+ closeMenu: z,
802
+ isOpen: v,
803
+ inputValue: T,
804
+ highlightedIndex: Z,
805
+ getRootProps: oe,
806
+ selectItem: q
806
807
  }) => {
807
- const ie = U(void 0, { suppressRefError: !0 }), ae = {
808
- ...ie,
809
- ref: (j) => (Z.setReference(j), ie.ref(j))
808
+ const se = oe(void 0, { suppressRefError: !0 }), ae = {
809
+ ...se,
810
+ ref: (j) => (J.setReference(j), se.ref(j))
810
811
  };
811
- X.current || (X.current = S);
812
- const de = A ?? "", { onClear: V, clearable: Ne, ...Ee } = v, ue = Ne && n !== null, Se = (...j) => {
813
- Y(null), V == null || V(...j);
814
- }, D = /* @__PURE__ */ r(
815
- $e,
812
+ Y.current || (Y.current = z);
813
+ const Ee = T ?? "", { onClear: U, clearable: Ie, ...de } = b, ue = Ie && n !== null, D = (...j) => {
814
+ q(null), U == null || U(...j);
815
+ }, Se = /* @__PURE__ */ r(
816
+ De,
816
817
  {
817
- isOpen: k,
818
+ isOpen: v,
818
819
  isDropdownMode: i,
819
- style: ye,
820
- ref: Z.setFloating,
821
- portalMenuAttribute: z ? qe : null,
820
+ style: te,
821
+ ref: J.setFloating,
822
+ portalMenuAttribute: x ? Ue : null,
822
823
  minLength: p,
823
- inputValue: (A || "").trim(),
824
- getItemProps: oe(H, W, n),
825
- parseValueToString: g,
826
- optionVariant: u,
827
- createWithoutConfirmation: B,
828
- className: T,
824
+ inputValue: (T || "").trim(),
825
+ getItemProps: ge(W, Z, n),
826
+ parseValueToString: N,
827
+ optionVariant: m,
828
+ createWithoutConfirmation: L,
829
+ className: O,
829
830
  options: e,
830
- newItemButtonText: I,
831
- ...R
831
+ newItemButtonText: H,
832
+ ...$
832
833
  }
833
834
  );
834
- return /* @__PURE__ */ O(he, { children: [
835
- /* @__PURE__ */ O("div", { className: Le("input-wrapper"), ...ae, children: [
835
+ return /* @__PURE__ */ B(he, { children: [
836
+ /* @__PURE__ */ B("div", { className: Pe("input-wrapper"), ...ae, children: [
836
837
  /* @__PURE__ */ r(
837
- Ze,
838
+ qe,
838
839
  {
839
840
  ...w({
840
841
  placeholder: d ? "" : o,
841
842
  maxLength: C || void 0,
842
843
  onFocus: () => {
843
- i && !k && (f(), x == null || x(!0)), l();
844
+ i && !v && (I(), E == null || E(!0)), l();
844
845
  },
845
- ref: m,
846
+ ref: f,
846
847
  onKeyDown: (j) => {
847
- j.key === Te && j.preventDefault(), A && k && ge(j, q);
848
+ j.key === $e && j.preventDefault(), T && v && xe(j, Q);
848
849
  },
849
850
  onBlur: (j) => {
850
- const me = de.trim(), ke = !Me(me), ze = ke ? e.find((Ae) => g(Ae) === me) : void 0;
851
- Y(ze || (!F && B && ke ? me : null)), h(j), a == null || a(
852
- ke ? !e.some((Ae) => g(Ae) === me) : null
853
- ), i && k && G(), x == null || x(!0);
851
+ const me = Ee.trim(), ke = !Me(me), Re = ke ? e.find((Ae) => N(Ae) === me) : void 0;
852
+ q(Re || (!R && L && ke ? me : null)), h(j), a == null || a(
853
+ ke ? !e.some((Ae) => N(Ae) === me) : null
854
+ ), i && v && u(), E == null || E(!0);
854
855
  },
855
856
  disabled: d,
856
857
  defaultWidth: !1,
857
- isRequired: L,
858
- touched: b,
858
+ isRequired: F,
859
+ touched: y,
859
860
  error: P,
860
- ...Ee,
861
+ ...de,
861
862
  clearable: ue,
862
- onClear: ue ? Se : V,
863
+ onClear: ue ? D : U,
863
864
  endIcon: i && !c ? /* @__PURE__ */ r(
864
865
  "button",
865
866
  {
866
867
  type: "button",
867
- className: Le("dropdown-button", { "icon-reversed": k }),
868
- onClick: () => G(),
868
+ className: Pe("dropdown-button", { "icon-reversed": v }),
869
+ onClick: () => u(),
869
870
  "aria-label": "Toggle dropdown",
870
- "aria-expanded": k,
871
- children: /* @__PURE__ */ r(Oe, {})
871
+ "aria-expanded": v,
872
+ children: /* @__PURE__ */ r(Te, {})
872
873
  }
873
874
  ) : c,
874
875
  minLength: i ? 0 : p
875
876
  })
876
877
  }
877
878
  ),
878
- !z && D
879
+ !x && Se
879
880
  ] }),
880
- z && Ge(D, z)
881
+ x && Je(Se, x)
881
882
  ] });
882
883
  }
883
884
  }
884
885
  );
885
886
  };
886
887
  export {
887
- $e as AutocompleteMenu,
888
- Re as AutocompleteOption,
889
- yt as AutocompleteOptions,
890
- dt as AutocompletePrompt,
891
- ao as MultipleAutocomplete,
892
- uo as SingleAutocomplete
888
+ De as AutocompleteMenu,
889
+ Fe as AutocompleteOption,
890
+ gt as AutocompleteOptions,
891
+ ut as AutocompletePrompt,
892
+ uo as MultipleAutocomplete,
893
+ mo as SingleAutocomplete
893
894
  };
package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { ComponentProps, FocusEvent, ReactNode, Ref } from 'react';
2
2
  import { default as Downshift, DownshiftState, StateChangeOptions } from 'downshift';
3
+ import { Placement } from '@floating-ui/react';
3
4
  import { default as FieldText } from '../../fieldText';
4
5
  import { AutocompleteMenu } from '../common/autocompleteMenu';
5
6
  import { GetItemPropsT } from '../types';
@@ -36,6 +37,7 @@ export interface SingleAutocompleteProps<T> {
36
37
  useFixedPositioning: boolean;
37
38
  dropdownMatchInputWidth?: boolean;
38
39
  withMenuFlip?: boolean;
40
+ placement?: Placement;
39
41
  getUniqKey?: (item: T) => string;
40
42
  customEmptyListMessage?: string;
41
43
  customNoMatchesMessage?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reportportal/ui-kit",
3
- "version": "0.0.1-alpha.234",
3
+ "version": "0.0.1-alpha.235",
4
4
  "description": "The UI-kit library for ReportPortal Design System.",
5
5
  "type": "module",
6
6
  "scripts": {