@reportportal/ui-kit 0.0.1-alpha.263 → 0.0.1-alpha.264

package/dist/autocompletes.js

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as B, Fragment as he } from "react/jsx-runtime";
-import { useState as ne, useRef as Ce, useEffect as we, useCallback as K, forwardRef as je, useLayoutEffect as He, useMemo as We } from "react";
+import { jsx as r, jsxs as O, Fragment as le } from "react/jsx-runtime";
+import { useState as re, useRef as Ce, useEffect as ve, useCallback as K, forwardRef as je, useLayoutEffect as He, useMemo as We } from "react";
 import { c as G } from "./bind-06a7ff84.js";
 import { Scrollbars as Ye } from "rc-scrollbars";
 import { B as Ke } from "./bubblesLoader-f3ffa240.js";
@@ -7,11 +7,11 @@ import { B as Xe } from "./button-7ab874f3.js";
 import { S as Ge } from "./plus-199fb2a8.js";
 import { i as Me } from "./isEmpty-ccacb5ff.js";
 import { createPortal as Je } from "react-dom";
-import _e from "downshift";
-import { useFloating as Be, autoUpdate as Oe, flip as Qe, size as Ze } from "@floating-ui/react";
+import he from "downshift";
+import { useFloating as Be, autoUpdate as Le, flip as Qe, size as Ze } from "@floating-ui/react";
 import { F as qe } from "./fieldText-b9b0ea9f.js";
-import { S as Te } from "./dropdown-0260bb66.js";
-import { E as $e, A as Ue, T as Ve } from "./constants-85822a6b.js";
+import { S as $e } from "./dropdown-0260bb66.js";
+import { E as De, A as Ue, T as Ve } from "./constants-85822a6b.js";
 import { S as et } from "./close-4d480ef7.js";
 import { S as tt } from "./clear-53660571.js";
 import "./capslockIcon-b9dcdce5.js";
@@ -34,95 +34,95 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   "single-line": "_single-line_1rpph_58",
   "cross-icon": "_cross-icon_1rpph_64",
   input: st
-}, pe = G.bind(nt), rt = (t) => t.scrollWidth > t.clientWidth, lt = ({
+}, _e = G.bind(nt), rt = (t) => t.scrollWidth > t.clientWidth, lt = ({
   item: t,
   onRemoveItem: e,
   disabled: n = !1,
   mobileDisabled: o = !1,
   parseValueToString: s,
   error: l = !1,
-  editItem: h,
-  editable: d = !1,
+  editItem: _,
+  editable: u = !1,
   getAdditionalCreationCondition: b = () => !0,
   storedOption: N = !0,
   highlightUnStoredItem: f = !1,
-  variant: R = "light",
-  getItemName: C,
-  singleLine: m = !1,
-  className: F,
+  variant: z = "light",
+  getItemName: k,
+  singleLine: p = !1,
+  className: R,
   textClassName: P
 }) => {
-  const [y, E] = ne(!1), [L, O] = ne(""), [c, i] = ne(!1), a = Ce(null), p = () => {
-    !n && d && !N && (O((C == null ? void 0 : C(t)) || (s == null ? void 0 : s(t)) || ""), E(!0));
+  const [E, y] = re(!1), [B, F] = re(""), [c, i] = re(!1), d = Ce(null), h = () => {
+    !n && u && !N && (F((k == null ? void 0 : k(t)) || (s == null ? void 0 : s(t)) || ""), y(!0));
   }, g = (x) => {
-    O(x.target.value);
-  }, S = (x) => {
-    const $ = b(L);
-    x.key === "Enter" && $ && (h(t, L), E(!1), O(""));
-  }, _ = () => {
-    E(!1), O("");
-  }, k = (x) => {
+    F(x.target.value);
+  }, a = (x) => {
+    const $ = b(B);
+    x.key === "Enter" && $ && (_(t, B), y(!1), F(""));
+  }, A = () => {
+    y(!1), F("");
+  }, C = (x) => {
     x.stopPropagation(), e(t);
-  }, M = (s == null ? void 0 : s(t)) || "";
-  we(() => {
-    if (a.current && m) {
+  }, j = (s == null ? void 0 : s(t)) || "";
+  ve(() => {
+    if (d.current && p) {
       const x = () => {
-        a.current && i(rt(a.current));
+        d.current && i(rt(d.current));
       };
       if (x(), typeof ResizeObserver < "u") {
         const $ = new ResizeObserver(x);
-        return $.observe(a.current), () => $.disconnect();
+        return $.observe(d.current), () => $.disconnect();
       }
     } else
       i(!1);
-  }, [M, m]);
-  const A = pe(
+  }, [j, p]);
+  const S = _e(
     "selected-item-text",
     {
-      "single-line": m
+      "single-line": p
     },
     P
-  ), H = pe(
+  ), H = _e(
     "selected-item",
-    R,
+    z,
     {
       [`validation-${l}`]: l,
       disabled: n,
       "mobile-disabled": o,
       "highlight-un-stored-item": f && !N
     },
-    F
+    R
   );
-  return y ? /* @__PURE__ */ r(
+  return E ? /* @__PURE__ */ r(
     "input",
     {
       autoFocus: !0,
-      value: L,
+      value: B,
       onChange: g,
-      onKeyDown: S,
-      onBlur: _,
-      className: pe("input")
+      onKeyDown: a,
+      onBlur: A,
+      className: _e("input")
     }
-  ) : /* @__PURE__ */ B("div", { className: H, onClick: p, children: [
+  ) : /* @__PURE__ */ O("div", { className: H, onClick: h, children: [
     /* @__PURE__ */ r(
       "span",
       {
-        ref: a,
-        className: A,
-        title: m && c ? M : void 0,
-        children: M
+        ref: d,
+        className: S,
+        title: p && c ? j : void 0,
+        children: j
       }
     ),
     !n && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        className: pe("cross-icon", {
+        className: _e("cross-icon", {
           [`validation-${l}`]: l,
           "mobile-disabled": o,
           disabled: n
         }),
-        onClick: k,
+        onClick: C,
         children: /* @__PURE__ */ r(et, {})
       }
     )
@@ -134,8 +134,8 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   storedItemsMap: o = {},
   highlightUnStoredItem: s = !1,
   renderCustomSelectedItem: l,
-  selectedItemSingleLine: h,
-  selectedItemClassName: d,
+  selectedItemSingleLine: _,
+  selectedItemClassName: u,
   selectedItemTextClassName: b,
   ...N
 }) => t.map((f) => l ? l(f) : /* @__PURE__ */ r(
@@ -146,15 +146,15 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     item: f,
     storedOption: !!o[e(f)],
     highlightUnStoredItem: s,
-    singleLine: h,
-    className: d,
+    singleLine: _,
+    className: u,
     textClassName: b,
     ...N
   },
   e == null ? void 0 : e(f)
-)), it = "_prompt_1xfmd_16", at = {
-  prompt: it
-}, dt = G.bind(at), ut = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: dt("prompt"), children: t }), mt = "_item_zw4ux_16", pt = "_divider_zw4ux_24", ft = "_active_zw4ux_49", _t = "_value_zw4ux_55", ht = "_tag_zw4ux_69", wt = "_disabled_zw4ux_80", vt = {
+)), at = "_prompt_1xfmd_16", it = {
+  prompt: at
+}, dt = G.bind(it), ut = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: dt("prompt"), children: t }), mt = "_item_zw4ux_16", pt = "_divider_zw4ux_24", ft = "_active_zw4ux_49", _t = "_value_zw4ux_55", ht = "_tag_zw4ux_69", vt = "_disabled_zw4ux_80", wt = {
   item: mt,
   divider: pt,
   "new-item": "_new-item_zw4ux_31",
@@ -163,22 +163,22 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   "key-variant": "_key-variant_zw4ux_66",
   tag: ht,
   "button-active": "_button-active_zw4ux_80",
-  disabled: wt,
+  disabled: vt,
   "value-variant": "_value-variant_zw4ux_100"
-}, V = G.bind(vt), Fe = ({
+}, V = G.bind(wt), Fe = ({
   isActive: t = !1,
   isSelected: e = !1,
   isNew: n = !1,
   children: o = null,
   disabled: s = !1,
   optionVariant: l = "",
-  newItemButtonText: h = "",
-  ...d
+  newItemButtonText: _ = "",
+  ...u
 }) => {
-  const b = () => h || (l === "key-variant" ? "New key" : "New value");
-  return n ? /* @__PURE__ */ B(he, { children: [
+  const b = () => _ || (l === "key-variant" ? "New key" : "New value");
+  return n ? /* @__PURE__ */ O(le, { children: [
     /* @__PURE__ */ r("div", { className: V("divider") }),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ O(
       "li",
       {
         className: V("new-item", l, {
@@ -186,13 +186,13 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
           selected: e,
           disabled: s
         }),
-        ...d,
+        ...u,
         children: [
           /* @__PURE__ */ r("span", { className: V("value"), children: o }),
           /* @__PURE__ */ r(
             Xe,
             {
-              ...!s && d,
+              ...!s && u,
               className: V({ "button-active": t }),
               icon: /* @__PURE__ */ r(Ge, {}),
               variant: "text",
@@ -210,89 +210,92 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
         selected: e,
         disabled: s
       }),
-      ...s ? {} : d,
+      ...s ? {} : u,
       children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
     }
   );
-}, bt = "_container_12uzd_16", yt = {
+}, bt = "_container_wpl1u_16", yt = {
   container: bt,
-  "empty-list-message": "_empty-list-message_12uzd_20",
-  "limitation-item": "_limitation-item_12uzd_28"
-}, fe = G.bind(yt), gt = (t) => {
+  "empty-list-message": "_empty-list-message_wpl1u_20",
+  "menu-footer-divider": "_menu-footer-divider_wpl1u_28",
+  "menu-footer": "_menu-footer_wpl1u_28"
+}, ne = G.bind(yt), gt = (t) => {
   const {
     options: e,
     async: n,
     inputValue: o,
     loading: s,
     createWithoutConfirmation: l,
-    customEmptyListMessage: h,
-    customNoMatchesMessage: d,
+    customEmptyListMessage: _,
+    customNoMatchesMessage: u,
     optionVariant: b,
     newItemButtonText: N,
     renderOption: f,
-    getUniqKey: R,
-    getItemProps: C,
-    parseValueToString: m,
-    limitationText: F = "Too many results. Type to search",
-    optionsLimit: P = 0,
-    shouldShowEmptyListMessage: y = !0
-  } = t, E = K(() => (e || []).filter((_) => m(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, m]), L = K(
-    (_, k, M = !1) => f ? f(_, k, M, C) : /* @__PURE__ */ r(
+    getUniqKey: z,
+    getItemProps: k,
+    parseValueToString: p,
+    menuFooter: R,
+    shouldShowEmptyListMessage: P = !0
+  } = t, E = K(() => (e || []).filter((a) => p(a).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, p]), y = K(
+    (a, A, C = !1) => f ? f(a, A, C, k) : /* @__PURE__ */ r(
       Fe,
       {
         optionVariant: b,
-        ...C({ item: _, index: k }),
-        isNew: M,
+        ...k({ item: a, index: A }),
+        isNew: C,
         newItemButtonText: N,
-        children: m(_)
+        children: p(a)
       },
-      (R == null ? void 0 : R(_)) || m(_)
+      (z == null ? void 0 : z(a)) || p(a)
     ),
-    [C, R, N, b, m, f]
-  ), O = K(
-    (_) => _.length ? _.map((k, M) => L(k, M)) : "",
-    [L]
-  ), c = K(
-    (_) => {
-      const k = _.length;
-      return /* @__PURE__ */ r("div", { className: fe({ container: !k }), children: /* @__PURE__ */ r(
+    [k, z, N, b, p, f]
+  ), B = K(
+    (a) => a.length ? a.map((A, C) => y(A, C)) : "",
+    [y]
+  ), F = K(
+    (a) => {
+      const A = a.length;
+      return /* @__PURE__ */ r("div", { className: ne({ container: !A }), children: /* @__PURE__ */ r(
         Fe,
         {
           optionVariant: b,
           isNew: !0,
           newItemButtonText: N,
-          ...C({ item: o, index: k }),
-          children: m(o)
+          ...k({ item: o, index: A }),
+          children: p(o)
         },
-        m(o)
+        p(o)
       ) });
     },
-    [C, o, N, b, m]
-  ), i = K(
-    (_) => s ? /* @__PURE__ */ B(he, { children: [
+    [k, o, N, b, p]
+  ), c = K(
+    (a) => s ? /* @__PURE__ */ O(le, { children: [
       /* @__PURE__ */ r(ut, { children: /* @__PURE__ */ r(Ke, {}) }),
-      !l && c(_)
+      !l && F(a)
     ] }) : "",
-    [l, s, c]
-  ), a = K(() => {
-    const _ = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : d || "No matches found";
-    return /* @__PURE__ */ r("div", { className: fe("empty-list-message"), children: _ });
-  }, [h, d, e == null ? void 0 : e.length]), p = n ? e : E(), g = i(e);
-  if (g)
-    return g;
-  const S = Me(p);
-  return S && !y && l ? null : /* @__PURE__ */ B("div", { className: fe({ container: e.length }), children: [
-    /* @__PURE__ */ B(Ye, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
-      S ? y && a() : O(p),
-      (p == null ? void 0 : p.length) > P && P > 0 && F ? /* @__PURE__ */ r("li", { className: fe("limitation-item"), "aria-hidden": "true", children: F }) : null
+    [l, s, F]
+  ), i = K(() => {
+    const a = (e == null ? void 0 : e.length) === 0 ? _ || "No available options" : u || "No matches found";
+    return /* @__PURE__ */ r("div", { className: ne("empty-list-message"), children: a });
+  }, [_, u, e == null ? void 0 : e.length]), d = n ? e : E(), h = c(e);
+  if (h)
+    return h;
+  const g = Me(d);
+  return g && !P && l ? null : /* @__PURE__ */ O("div", { className: ne({ container: e.length }), children: [
+    /* @__PURE__ */ O(Ye, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
+      g ? P && i() : B(d),
+      R ? /* @__PURE__ */ O(le, { children: [
+        /* @__PURE__ */ r("div", { className: ne("menu-footer-divider"), "aria-hidden": "true" }),
+        /* @__PURE__ */ r("div", { className: ne("menu-footer"), "aria-hidden": "true", children: R })
+      ] }) : null
     ] }),
-    !l && c(p)
+    !l && F(d)
   ] });
 }, xt = "_menu_f64z5_16", Nt = "_opened_f64z5_34", Et = "_dark_f64z5_37", It = {
   menu: xt,
   opened: Nt,
   dark: Et
-}, St = G.bind(It), kt = (t, e) => !t || t <= e.trim().length, De = je(
+}, St = G.bind(It), kt = (t, e) => !t || t <= e.trim().length, Te = je(
   ({
     isOpen: t = !1,
     style: e = {},
@@ -300,8 +303,8 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     isDropdownMode: o,
     inputValue: s = "",
     className: l = "",
-    portalMenuAttribute: h = null,
-    ...d
+    portalMenuAttribute: _ = null,
+    ...u
   }, b) => /* @__PURE__ */ r(
     "ul",
     {
@@ -312,11 +315,11 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
         l
       ),
       style: e,
-      ...h ? { [h]: "" } : {},
-      children: /* @__PURE__ */ r(gt, { inputValue: s, ...d })
+      ..._ ? { [_]: "" } : {},
+      children: /* @__PURE__ */ r(gt, { inputValue: s, ...u })
     }
   )
-), Le = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ee = (t, e) => {
+), Oe = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ee = (t, e) => {
   var o;
   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]))));
 }, At = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
@@ -329,65 +332,65 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   handleUnStoredItemCb: o = null,
   existingItemsMap: s = {},
   children: l,
-  customizeNewSelectedValue: h = (f) => f,
-  getOptionUniqKey: d,
+  customizeNewSelectedValue: _ = (f) => f,
+  getOptionUniqKey: u,
   getOptionUniqKeyValue: b,
   ...N
 }) => {
-  const [f, R] = ne(s), C = (c, i) => {
-    const a = {
+  const [f, z] = re(s), k = (c, i) => {
+    const d = {
       ...f
     };
-    c.forEach((p) => {
-      if (t.find((g) => At(g, p, d))) {
-        const g = Le(p, d);
-        a[g] = !0;
+    c.forEach((h) => {
+      if (t.find((g) => At(g, h, u))) {
+        const g = Oe(h, u);
+        d[g] = !0;
       }
-    }), R(a), i(a);
-  }, m = (c, i) => {
-    const a = Le(c, d);
-    if (a in f) {
-      const p = { ...f };
-      delete p[a], R(p), i(p);
+    }), z(d), i(d);
+  }, p = (c, i) => {
+    const d = Oe(c, u);
+    if (d in f) {
+      const h = { ...f };
+      delete h[d], z(h), i(h);
     } else
       i(f);
-  }, F = (c, i) => {
-    const S = (Array.isArray(c) ? c : [c]).map((A) => h(A)).flatMap((A) => Array.isArray(A) ? A : [A]).filter(
-      (A, H, x) => x.findIndex(($) => ee($, A)) === H
+  }, R = (c, i) => {
+    const a = (Array.isArray(c) ? c : [c]).map((S) => _(S)).flatMap((S) => Array.isArray(S) ? S : [S]).filter(
+      (S, H, x) => x.findIndex(($) => ee($, S)) === H
     );
-    if (!S || S.length === 0)
+    if (!a || a.length === 0)
       return;
-    const k = [...n.filter(
-      (A) => !S.some((H) => ee(H, A))
-    ), ...S];
-    e == null || e(k, i), C(S, (A) => o == null ? void 0 : o(k, A));
+    const C = [...n.filter(
+      (S) => !a.some((H) => ee(H, S))
+    ), ...a];
+    e == null || e(C, i), k(a, (S) => o == null ? void 0 : o(C, S));
   }, P = (c, i) => {
-    const a = n.indexOf(c), p = [...n];
-    p.splice(a, 1, i), e == null || e(p, null);
-  }, y = (c, i) => {
-    const a = n.filter((g) => !ee(g, c));
-    e == null || e(a, i), m(c, (g) => o == null ? void 0 : o(a, g));
+    const d = n.indexOf(c), h = [...n];
+    h.splice(d, 1, i), e == null || e(h, null);
   }, E = (c, i) => {
-    c && F(c, i);
-  }, L = (c) => ({
-    removeItem: y,
+    const d = n.filter((g) => !ee(g, c));
+    e == null || e(d, i), p(c, (g) => o == null ? void 0 : o(d, g));
+  }, y = (c, i) => {
+    c && R(c, i);
+  }, B = (c) => ({
+    removeItem: E,
     editItem: P,
     handleChange: e,
     getOptionUniqKeyValue: b,
     storedItemsMap: f,
-    batchAddItems: (a) => {
-      F(a, c);
+    batchAddItems: (d) => {
+      R(d, c);
     },
     ...c
   });
   return /* @__PURE__ */ r(
-    _e,
+    he,
     {
       ...N,
       stateReducer: (c, i) => {
         switch (i.type) {
-          case _e.stateChangeTypes.keyDownEnter:
-          case _e.stateChangeTypes.clickItem:
+          case he.stateChangeTypes.keyDownEnter:
+          case he.stateChangeTypes.clickItem:
             return {
               ...i,
               highlightedIndex: c.highlightedIndex,
@@ -397,12 +400,12 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
             return i;
         }
       },
-      onChange: E,
+      onChange: y,
       selectedItem: null,
-      children: (c) => l == null ? void 0 : l(L(c))
+      children: (c) => l == null ? void 0 : l(B(c))
     }
   );
-}, Mt = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", Rt = "_error_1so4a_35", Ft = "_touched_1so4a_35", Lt = "_input_1so4a_77", Pt = {
+}, Mt = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", Rt = "_error_1so4a_35", Ft = "_touched_1so4a_35", Ot = "_input_1so4a_77", Pt = {
   autocomplete: Mt,
   "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
   disabled: zt,
@@ -413,7 +416,7 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   "autocomplete-input": "_autocomplete-input_1so4a_60",
   "single-line-mode": "_single-line-mode_1so4a_68",
   "mobile-disabled": "_mobile-disabled_1so4a_72",
-  input: Lt,
+  input: Ot,
   "type-number": "_type-number_1so4a_101",
   "error-text": "_error-text_1so4a_112",
   "dropdown-button": "_dropdown-button_1so4a_121",
@@ -426,121 +429,121 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     },
     value: s = [],
     placeholder: l = "",
-    error: h = "",
-    touched: d = !1,
+    error: _ = "",
+    touched: u = !1,
     creatable: b = !1,
     editable: N = !1,
     onChange: f = () => {
     },
-    onFocus: R = () => {
+    onFocus: z = () => {
     },
-    onBlur: C = () => {
+    onBlur: k = () => {
     },
-    disabled: m = !1,
-    isDropdownMode: F = !1,
+    disabled: p = !1,
+    isDropdownMode: R = !1,
     mobileDisabled: P = !1,
-    inputProps: y = {},
-    parseValueToString: E = (u) => u == null ? "" : String(u),
-    maxLength: L = null,
-    async: O = !1,
+    inputProps: E = {},
+    parseValueToString: y = (m) => m == null ? "" : String(m),
+    maxLength: B = null,
+    async: F = !1,
     customClass: c = "",
     createWithoutConfirmation: i = !1,
-    getItemValidationErrorType: a = null,
-    clearItemsError: p = () => {
+    getItemValidationErrorType: d = null,
+    clearItemsError: h = () => {
     },
     getAdditionalCreationCondition: g = () => !0,
-    highlightUnStoredItem: S = !1,
-    parseInputValueFn: _ = null,
-    handleUnStoredItemCb: k = null,
-    dataAutomationId: M = "",
-    existingItemsMap: A = {},
-    customizeNewSelectedValue: H = (u) => u,
+    highlightUnStoredItem: a = !1,
+    parseInputValueFn: A = null,
+    handleUnStoredItemCb: C = null,
+    dataAutomationId: j = "",
+    existingItemsMap: S = {},
+    customizeNewSelectedValue: H = (m) => m,
     renderCustomSelectedItem: x,
     useFixedPositioning: $,
-    newItemButtonText: re = "",
-    menuClassName: ve = "",
+    newItemButtonText: ce = "",
+    menuClassName: we = "",
     selectedItemSingleLine: Y,
     selectedItemClassName: be,
-    selectedItemTextClassName: le,
-    ...ce
-  } = t, { refs: ie, floatingStyles: ye } = Be({
+    selectedItemTextClassName: ae,
+    ...ie
+  } = t, { refs: de, floatingStyles: ye } = Be({
     placement: "bottom-start",
     strategy: $ ? "fixed" : "absolute",
-    whileElementsMounted: Oe
-  }), J = s.length === 0 && !m ? l : "", te = Ce(null);
-  we(() => {
-    p();
-  }, [p, s]);
-  const ge = (u, I) => {
-    f(u, I);
-  }, xe = (u, I, z) => ({ item: v, index: T, ...Z }) => u({
-    item: v,
-    index: T,
-    isSelected: z.some((oe) => ee(oe, v)),
+    whileElementsMounted: Le
+  }), J = s.length === 0 && !p ? l : "", te = Ce(null);
+  ve(() => {
+    h();
+  }, [h, s]);
+  const ge = (m, I) => {
+    f(m, I);
+  }, xe = (m, I, M) => ({ item: w, index: L, ...Z }) => m({
+    item: w,
+    index: L,
+    isSelected: M.some((oe) => ee(oe, w)),
     ...Z,
-    isActive: I === T
+    isActive: I === L
   }), Ne = ({
-    event: u,
+    event: m,
     removeItem: I,
-    inputValue: z
+    inputValue: M
   }) => {
-    u.key === "Backspace" && !z && s.length && I(s[s.length - 1], null);
-  }, w = ({
-    inputValue: u,
+    m.key === "Backspace" && !M && s.length && I(s[s.length - 1], null);
+  }, v = ({
+    inputValue: m,
     selectItem: I,
-    clearSelection: z,
-    batchAddItems: v
+    clearSelection: M,
+    batchAddItems: w
   }) => {
-    if (_) {
-      const T = _(u);
-      v(T.length ? T : [u]), z();
+    if (A) {
+      const L = A(m);
+      w(L.length ? L : [m]), M();
     } else
-      I(u), z();
-  }, W = (u) => (I) => {
-    u(I, null), te.current && te.current.focus();
-  }, Q = e.filter((u) => s.every((I) => !ee(I, u)));
+      I(m), M();
+  }, W = (m) => (I) => {
+    m(I, null), te.current && te.current.focus();
+  }, Q = e.filter((m) => s.every((I) => !ee(I, m)));
   return /* @__PURE__ */ r(
     Ct,
     {
       onChange: ge,
-      itemToString: E,
+      itemToString: y,
       selectedItems: s,
       onStateChange: o,
       options: e,
-      existingItemsMap: A,
-      handleUnStoredItemCb: k,
+      existingItemsMap: S,
+      handleUnStoredItemCb: C,
       customizeNewSelectedValue: H,
       children: ({
-        getInputProps: u,
+        getInputProps: m,
         getItemProps: I,
-        isOpen: z,
-        inputValue: v = "",
-        highlightedIndex: T,
+        isOpen: M,
+        inputValue: w = "",
+        highlightedIndex: L,
         removeItem: Z,
         editItem: oe,
         openMenu: q,
         selectItem: se,
-        clearSelection: ae,
+        clearSelection: ue,
         toggleMenu: Ee,
         storedItemsMap: U,
         getRootProps: Ie,
-        batchAddItems: de
+        batchAddItems: me
       }) => {
-        const ze = Ie(void 0, { suppressRefError: !0 }), ue = v ?? "";
-        return /* @__PURE__ */ B("div", { ...ze, className: X("autocomplete-wrapper"), children: [
-          /* @__PURE__ */ B(he, { children: [
-            /* @__PURE__ */ B(
+        const ze = Ie(void 0, { suppressRefError: !0 }), pe = w ?? "";
+        return /* @__PURE__ */ O("div", { ...ze, className: X("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ O(le, { children: [
+            /* @__PURE__ */ O(
               "div",
               {
-                ref: ie.setReference,
+                ref: de.setReference,
                 className: X("autocomplete", c, {
                   "mobile-disabled": P,
-                  error: h,
-                  touched: d,
-                  disabled: m
+                  error: _,
+                  touched: u,
+                  disabled: p
                 }),
                 children: [
-                  /* @__PURE__ */ B(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: X("autocomplete-input", {
@@ -553,103 +556,103 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
                           {
                             items: s,
                             onRemoveItem: W(Z),
-                            disabled: m,
+                            disabled: p,
                             mobileDisabled: P,
-                            parseValueToString: E,
-                            getItemValidationErrorType: a,
+                            parseValueToString: y,
+                            getItemValidationErrorType: d,
                             renderCustomSelectedItem: x,
                             editItem: oe,
                             editable: N,
                             getAdditionalCreationCondition: g,
                             storedItemsMap: U,
-                            highlightUnStoredItem: S,
+                            highlightUnStoredItem: a,
                             selectedItemSingleLine: Y,
                             selectedItemClassName: be,
-                            selectedItemTextClassName: le
+                            selectedItemTextClassName: ae
                           }
                         ),
                         /* @__PURE__ */ r(
                           "input",
                           {
-                            ...u({
+                            ...m({
                               ref: te,
                               placeholder: J,
-                              maxLength: L,
+                              maxLength: B,
                               onFocus: () => {
-                                F && q(), R();
+                                R && q(), z();
                               },
                               onKeyDown: (D) => {
-                                D.key === $e && v && b && g(v) && w({
-                                  inputValue: v,
+                                D.key === De && w && b && g(w) && v({
+                                  inputValue: w,
                                   selectItem: se,
-                                  clearSelection: ae,
-                                  batchAddItems: de
-                                }), Ne({ event: D, removeItem: Z, inputValue: v });
+                                  clearSelection: ue,
+                                  batchAddItems: me
+                                }), Ne({ event: D, removeItem: Z, inputValue: w });
                               },
                               onBlur: () => {
-                                C(), v && b && g(v) && w({
-                                  inputValue: v,
+                                k(), w && b && g(w) && v({
+                                  inputValue: w,
                                   selectItem: se,
-                                  clearSelection: ae,
-                                  batchAddItems: de
+                                  clearSelection: ue,
+                                  batchAddItems: me
                                 });
                               },
-                              disabled: m,
-                              ...y
+                              disabled: p,
+                              ...E
                             }),
-                            className: X("input", { disabled: m }, y.className),
-                            "data-automation-id": M
+                            className: X("input", { disabled: p }, E.className),
+                            "data-automation-id": j
                           }
                         )
                       ]
                     }
                   ),
-                  (y == null ? void 0 : y.clearable) && !Me(s) && /* @__PURE__ */ r(
+                  (E == null ? void 0 : E.clearable) && !Me(s) && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: X("clear-icon", { "clear-icon--disabled": m }),
+                      className: X("clear-icon", { "clear-icon--disabled": p }),
                       onClick: () => {
                         var D;
-                        return !m && ((D = y == null ? void 0 : y.onClear) == null ? void 0 : D.call(y));
+                        return !p && ((D = E == null ? void 0 : E.onClear) == null ? void 0 : D.call(E));
                       },
                       onMouseDown: (D) => D.preventDefault(),
                       children: /* @__PURE__ */ r(tt, {})
                     }
                   ),
-                  F && /* @__PURE__ */ r(
+                  R && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: X("dropdown-button", { "icon-reversed": z }),
+                      className: X("dropdown-button", { "icon-reversed": M }),
                       onClick: () => Ee(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": z,
-                      children: /* @__PURE__ */ r(Te, {})
+                      "aria-expanded": M,
+                      children: /* @__PURE__ */ r($e, {})
                     }
                   )
                 ]
               }
             ),
-            h && d && /* @__PURE__ */ r("span", { className: X("error-text"), children: h })
+            _ && u && /* @__PURE__ */ r("span", { className: X("error-text"), children: _ })
           ] }),
           /* @__PURE__ */ r(
-            De,
+            Te,
             {
-              isOpen: z,
+              isOpen: M,
               loading: n,
-              async: O,
-              ref: ie.setFloating,
-              newItemButtonText: re,
-              isDropdownMode: F,
+              async: F,
+              ref: de.setFloating,
+              newItemButtonText: ce,
+              isDropdownMode: R,
               style: ye,
-              inputValue: ue.trim(),
-              getItemProps: xe(I, T, s),
-              parseValueToString: E,
+              inputValue: pe.trim(),
+              getItemProps: xe(I, L, s),
+              parseValueToString: y,
               createWithoutConfirmation: i,
               options: Q,
-              className: ve,
-              ...ce
+              className: we,
+              ...ie
             }
           )
         ] });
@@ -665,21 +668,21 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       if (!n)
         return;
       window.scrollY !== e && window.scrollTo(0, e);
-    }, l = (d) => {
-      n && (d.preventDefault(), d.stopImmediatePropagation(), s());
+    }, l = (u) => {
+      n && (u.preventDefault(), u.stopImmediatePropagation(), s());
     };
     e = window.scrollY, window.addEventListener("scroll", l, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
       e = window.scrollY, s();
     });
-    const h = setTimeout(() => {
+    const _ = setTimeout(() => {
       n = !1;
     }, o);
     return () => {
-      clearTimeout(h), window.removeEventListener("scroll", l, { capture: !0 });
+      clearTimeout(_), window.removeEventListener("scroll", l, { capture: !0 });
     };
   }, [t]);
-}, Ot = ({ skip: t, reference: e }) => {
-  we(() => {
+}, Lt = ({ skip: t, reference: e }) => {
+  ve(() => {
     if (t)
       return;
     const n = () => {
@@ -690,8 +693,8 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       window.removeEventListener("resize", n);
     };
   }, [t, e]);
-}, Tt = ({ skip: t, onClose: e, menuRef: n }) => {
-  we(() => {
+}, $t = ({ skip: t, onClose: e, menuRef: n }) => {
+  ve(() => {
     if (t)
       return;
     const o = (s) => {
@@ -702,11 +705,11 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       window.removeEventListener("scroll", o, !0);
     };
   }, [t, e, n]);
-}, $t = {
+}, Dt = {
   "input-wrapper": "_input-wrapper_d9vma_1",
   "dropdown-button": "_dropdown-button_d9vma_6",
   "icon-reversed": "_icon-reversed_d9vma_14"
-}, Pe = G.bind($t), Dt = 0, jt = Qe({
+}, Pe = G.bind(Dt), Tt = 0, jt = Qe({
   fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
   boundary: document == null ? void 0 : document.documentElement,
   rootBoundary: "viewport"
@@ -716,7 +719,7 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       width: `${t.reference.width}px`
     });
   }
-}), wo = (t) => {
+}), vo = (t) => {
   const {
     options: e = [],
     value: n,
@@ -725,156 +728,156 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     },
     onFocus: l = () => {
     },
-    onBlur: h = () => {
+    onBlur: _ = () => {
     },
-    disabled: d = !1,
+    disabled: u = !1,
     inputProps: b = {},
-    parseValueToString: N = (w) => w === null ? "" : String(w),
+    parseValueToString: N = (v) => v === null ? "" : String(v),
     minLength: f = 1,
-    skipOptionCreation: R = !1,
-    maxLength: C = null,
-    optionVariant: m = "",
-    isRequired: F = !1,
+    skipOptionCreation: z = !1,
+    maxLength: k = null,
+    optionVariant: p = "",
+    isRequired: R = !1,
     error: P = "",
-    touched: y = !1,
-    setTouch: E = () => {
+    touched: E = !1,
+    setTouch: y = () => {
     },
-    createWithoutConfirmation: L = !1,
-    menuClassName: O = "",
+    createWithoutConfirmation: B = !1,
+    menuClassName: F = "",
     icon: c,
     isDropdownMode: i = !1,
-    isOptionUnique: a,
-    refFunction: p,
+    isOptionUnique: d,
+    refFunction: h,
     stateReducer: g,
-    onStateChange: S,
-    useFixedPositioning: _,
-    dropdownMatchInputWidth: k = !1,
-    withMenuFlip: M = !1,
-    placement: A = "bottom-start",
+    onStateChange: a,
+    useFixedPositioning: A,
+    dropdownMatchInputWidth: C = !1,
+    withMenuFlip: j = !1,
+    placement: S = "bottom-start",
     newItemButtonText: H = "",
     menuPortalRoot: x,
     ...$
-  } = t, [re, ve] = ne(!1), Y = Ce(null), be = K(() => {
-    var w;
-    return (w = Y.current) == null ? void 0 : w.call(Y);
-  }, []), le = !re || !x, ce = x || _ ? "fixed" : "absolute", ie = !re || ce === "absolute", ye = We(
+  } = t, [ce, we] = re(!1), Y = Ce(null), be = K(() => {
+    var v;
+    return (v = Y.current) == null ? void 0 : v.call(Y);
+  }, []), ae = !ce || !x, ie = x || A ? "fixed" : "absolute", de = !ce || ie === "absolute", ye = We(
     () => [
-      ...M ? [jt] : [],
-      ...k ? [Ht] : []
+      ...j ? [jt] : [],
+      ...C ? [Ht] : []
     ],
-    [M, k]
+    [j, C]
   ), { refs: J, floatingStyles: te } = Be({
-    placement: A,
-    whileElementsMounted: Oe,
-    strategy: ce,
+    placement: S,
+    whileElementsMounted: Le,
+    strategy: ie,
     middleware: ye
   });
-  Bt({ skip: le }), Ot({ skip: le, reference: J.reference }), Tt({
-    skip: ie,
+  Bt({ skip: ae }), Lt({ skip: ae, reference: J.reference }), $t({
+    skip: de,
     onClose: be,
     menuRef: J.floating
   });
-  const ge = (w, W, Q) => ({ item: u, index: I, ...z }) => w({
-    item: u,
+  const ge = (v, W, Q) => ({ item: m, index: I, ...M }) => v({
+    item: m,
     index: I,
-    isSelected: Q !== null && Q === u,
-    ...z,
+    isSelected: Q !== null && Q === m,
+    ...M,
     isActive: W === I
-  }), xe = (w, W) => {
-    w.key === Ve && (w.preventDefault(), W(e.length));
+  }), xe = (v, W) => {
+    v.key === Ve && (v.preventDefault(), W(e.length));
   }, Ne = K(
-    (w, ...W) => {
-      (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), S == null || S(w, ...W);
+    (v, ...W) => {
+      (v == null ? void 0 : v.isOpen) !== void 0 && we(v.isOpen), a == null || a(v, ...W);
     },
-    [S]
+    [a]
   );
   return /* @__PURE__ */ r(
-    _e,
+    he,
     {
       onChange: s,
       itemToString: N,
       selectedItem: n,
       onStateChange: Ne,
-      defaultHighlightedIndex: Dt,
+      defaultHighlightedIndex: Tt,
       stateReducer: g,
       children: ({
-        getInputProps: w,
+        getInputProps: v,
         getItemProps: W,
         setHighlightedIndex: Q,
-        toggleMenu: u,
+        toggleMenu: m,
         openMenu: I,
-        closeMenu: z,
-        isOpen: v,
-        inputValue: T,
+        closeMenu: M,
+        isOpen: w,
+        inputValue: L,
         highlightedIndex: Z,
         getRootProps: oe,
         selectItem: q
       }) => {
-        const se = oe(void 0, { suppressRefError: !0 }), ae = {
+        const se = oe(void 0, { suppressRefError: !0 }), ue = {
           ...se,
-          ref: (j) => (J.setReference(j), se.ref(j))
+          ref: (T) => (J.setReference(T), se.ref(T))
         };
-        Y.current || (Y.current = z);
-        const Ee = T ?? "", { onClear: U, clearable: Ie, ...de } = b, ue = Ie && n !== null, D = (...j) => {
-          q(null), U == null || U(...j);
+        Y.current || (Y.current = M);
+        const Ee = L ?? "", { onClear: U, clearable: Ie, ...me } = b, pe = Ie && n !== null, D = (...T) => {
+          q(null), U == null || U(...T);
         }, Se = /* @__PURE__ */ r(
-          De,
+          Te,
           {
-            isOpen: v,
+            isOpen: w,
             isDropdownMode: i,
             style: te,
             ref: J.setFloating,
             portalMenuAttribute: x ? Ue : null,
             minLength: f,
-            inputValue: (T || "").trim(),
+            inputValue: (L || "").trim(),
             getItemProps: ge(W, Z, n),
             parseValueToString: N,
-            optionVariant: m,
-            createWithoutConfirmation: L,
-            className: O,
+            optionVariant: p,
+            createWithoutConfirmation: B,
+            className: F,
             options: e,
             newItemButtonText: H,
             ...$
           }
         );
-        return /* @__PURE__ */ B(he, { children: [
-          /* @__PURE__ */ B("div", { className: Pe("input-wrapper"), ...ae, children: [
+        return /* @__PURE__ */ O(le, { children: [
+          /* @__PURE__ */ O("div", { className: Pe("input-wrapper"), ...ue, children: [
             /* @__PURE__ */ r(
               qe,
               {
-                ...w({
-                  placeholder: d ? "" : o,
-                  maxLength: C || void 0,
+                ...v({
+                  placeholder: u ? "" : o,
+                  maxLength: k || void 0,
                   onFocus: () => {
-                    i && !v && (I(), E == null || E(!0)), l();
+                    i && !w && (I(), y == null || y(!0)), l();
                   },
-                  ref: p,
-                  onKeyDown: (j) => {
-                    j.key === $e && j.preventDefault(), T && v && xe(j, Q);
+                  ref: h,
+                  onKeyDown: (T) => {
+                    T.key === De && T.preventDefault(), L && w && xe(T, Q);
                   },
-                  onBlur: (j) => {
-                    const me = Ee.trim(), ke = !Me(me), Re = ke ? e.find((Ae) => N(Ae) === me) : void 0;
-                    q(Re || (!R && L && ke ? me : null)), h(j), a == null || a(
-                      ke ? !e.some((Ae) => N(Ae) === me) : null
-                    ), i && v && u(), E == null || E(!0);
+                  onBlur: (T) => {
+                    const fe = Ee.trim(), ke = !Me(fe), Re = ke ? e.find((Ae) => N(Ae) === fe) : void 0;
+                    q(Re || (!z && B && ke ? fe : null)), _(T), d == null || d(
+                      ke ? !e.some((Ae) => N(Ae) === fe) : null
+                    ), i && w && m(), y == null || y(!0);
                   },
-                  disabled: d,
+                  disabled: u,
                   defaultWidth: !1,
-                  isRequired: F,
-                  touched: y,
+                  isRequired: R,
+                  touched: E,
                   error: P,
-                  ...de,
-                  clearable: ue,
-                  onClear: ue ? D : U,
+                  ...me,
+                  clearable: pe,
+                  onClear: pe ? D : U,
                   endIcon: i && !c ? /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: Pe("dropdown-button", { "icon-reversed": v }),
-                      onClick: () => u(),
+                      className: Pe("dropdown-button", { "icon-reversed": w }),
+                      onClick: () => m(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": v,
-                      children: /* @__PURE__ */ r(Te, {})
+                      "aria-expanded": w,
+                      children: /* @__PURE__ */ r($e, {})
                     }
                   ) : c,
                   minLength: i ? 0 : f
@@ -890,10 +893,10 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   );
 };
 export {
-  De as AutocompleteMenu,
+  Te as AutocompleteMenu,
   Fe as AutocompleteOption,
   gt as AutocompleteOptions,
   ut as AutocompletePrompt,
   ho as MultipleAutocomplete,
-  wo as SingleAutocomplete
+  vo as SingleAutocomplete
 };