@reportportal/ui-kit 0.0.1-alpha.126 → 0.0.1-alpha.128

package/dist/autocompletes.js

@@ -1,144 +1,144 @@
-import { jsx as s, jsxs as M, Fragment as ee } from "react/jsx-runtime";
-import { useState as de, useCallback as Y, forwardRef as xe, useRef as Ee, useEffect as Ie } from "react";
-import { c as H } from "./bind-06a7ff84.js";
-import { Scrollbars as Se } from "rc-scrollbars";
-import { B as Be } from "./bubblesLoader-f3ffa240.js";
-import { B as Fe } from "./button-97d9e587.js";
-import { S as Me } from "./plus-199fb2a8.js";
-import { i as qe } from "./isEmpty-ccacb5ff.js";
-import U from "downshift";
-import { useFloating as he, autoUpdate as be } from "@floating-ui/react";
-import { F as Ae } from "./fieldText-17fcba4f.js";
-import { S as ve } from "./dropdown-0260bb66.js";
-import { S as $e } from "./close-4d480ef7.js";
-import { S as De } from "./clear-53660571.js";
+import { jsx as s, jsxs as A, Fragment as V } from "react/jsx-runtime";
+import { useState as de, useCallback as Y, forwardRef as De, useRef as Fe, useEffect as Me } from "react";
+import { c as L } from "./bind-06a7ff84.js";
+import { Scrollbars as qe } from "rc-scrollbars";
+import { B as Ae } from "./bubblesLoader-f3ffa240.js";
+import { B as Re } from "./button-97d9e587.js";
+import { S as $e } from "./plus-199fb2a8.js";
+import { i as ue } from "./isEmpty-ccacb5ff.js";
+import T from "downshift";
+import { useFloating as ve, autoUpdate as we } from "@floating-ui/react";
+import { F as Ce } from "./fieldText-17fcba4f.js";
+import { S as ge } from "./dropdown-0260bb66.js";
+import { S as Pe } from "./close-4d480ef7.js";
+import { S as je } from "./clear-53660571.js";
 import "./openEye-950159cb.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-const Ce = "_disabled_18ek6_43", Re = "_input_18ek6_97", Oe = {
+const Oe = "_disabled_18ek6_43", He = "_input_18ek6_97", Le = {
   "selected-item": "_selected-item_18ek6_16",
   "validation-error": "_validation-error_18ek6_35",
   "highlight-un-stored-item": "_highlight-un-stored-item_18ek6_40",
-  disabled: Ce,
+  disabled: Oe,
   "mobile-disabled": "_mobile-disabled_18ek6_48",
   "cross-icon": "_cross-icon_18ek6_54",
-  input: Re
-}, ae = H.bind(Oe), je = ({
+  input: He
+}, ae = L.bind(Le), We = ({
   item: o,
   onRemoveItem: e,
-  disabled: a = !1,
+  disabled: i = !1,
   mobileDisabled: r = !1,
   parseValueToString: n,
-  error: i = !1,
-  editItem: p,
+  error: d = !1,
+  editItem: h,
   editable: u = !1,
-  getAdditionalCreationCondition: g = () => !0,
-  storedOption: N = !0,
-  highlightUnStoredItem: b = !1,
+  getAdditionalCreationCondition: y = () => !0,
+  storedOption: x = !0,
+  highlightUnStoredItem: v = !1,
   variant: E = "light",
-  getItemName: w
+  getItemName: N
 }) => {
-  const [f, I] = de(!1), [k, _] = de(""), y = () => {
-    !a && u && !N && (_((w == null ? void 0 : w(o)) || (n == null ? void 0 : n(o)) || ""), I(!0));
-  }, B = (t) => {
-    _(t.target.value);
-  }, $ = (t) => {
-    const l = g(k);
-    t.key === "Enter" && l && (p(o, k), I(!1), _(""));
+  const [f, S] = de(!1), [I, p] = de(""), w = () => {
+    !i && u && !x && (p((N == null ? void 0 : N(o)) || (n == null ? void 0 : n(o)) || ""), S(!0));
+  }, M = (t) => {
+    p(t.target.value);
+  }, R = (t) => {
+    const a = y(I);
+    t.key === "Enter" && a && (h(o, I), S(!1), p(""));
   }, c = () => {
-    I(!1), _("");
-  }, d = (t) => {
+    S(!1), p("");
+  }, l = (t) => {
     t.stopPropagation(), e(o);
   };
   return f ? /* @__PURE__ */ s(
     "input",
     {
       autoFocus: !0,
-      value: k,
-      onChange: B,
-      onKeyDown: $,
+      value: I,
+      onChange: M,
+      onKeyDown: R,
       onBlur: c,
       className: ae("input")
     }
-  ) : /* @__PURE__ */ M(
+  ) : /* @__PURE__ */ A(
     "div",
     {
       className: ae("selected-item", E, {
-        [`validation-${i}`]: i,
-        disabled: a,
+        [`validation-${d}`]: d,
+        disabled: i,
         "mobile-disabled": r,
-        "highlight-un-stored-item": b && !N
+        "highlight-un-stored-item": v && !x
       }),
-      onClick: y,
+      onClick: w,
       children: [
         n == null ? void 0 : n(o),
-        !a && /* @__PURE__ */ s(
+        !i && /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             className: ae("cross-icon", {
-              [`validation-${i}`]: i,
+              [`validation-${d}`]: d,
               "mobile-disabled": r,
-              disabled: a
+              disabled: i
             }),
-            onClick: d,
-            children: /* @__PURE__ */ s($e, {})
+            onClick: l,
+            children: /* @__PURE__ */ s(Pe, {})
           }
         )
       ]
     }
   );
-}, He = ({
+}, ze = ({
   items: o = [],
   parseValueToString: e,
-  getItemValidationErrorType: a,
+  getItemValidationErrorType: i,
   storedItemsMap: r = {},
   highlightUnStoredItem: n = !1,
-  renderCustomSelectedItem: i,
-  ...p
-}) => o.map((u) => i ? i(u) : /* @__PURE__ */ s(
-  je,
+  renderCustomSelectedItem: d,
+  ...h
+}) => o.map((u) => d ? d(u) : /* @__PURE__ */ s(
+  We,
   {
     parseValueToString: e,
-    error: (a == null ? void 0 : a(u)) || "",
+    error: (i == null ? void 0 : i(u)) || "",
     item: u,
     storedOption: !!r[e(u)],
     highlightUnStoredItem: n,
-    ...p
+    ...h
   },
   e == null ? void 0 : e(u)
-)), Le = "_prompt_1xfmd_16", Pe = {
-  prompt: Le
-}, We = H.bind(Pe), ze = ({ children: o = null }) => /* @__PURE__ */ s("div", { className: We("prompt"), children: o }), Ke = "_item_1qhaq_16", Ye = "_divider_1qhaq_24", Xe = "_active_1qhaq_48", Ge = "_value_1qhaq_60", Je = "_tag_1qhaq_78", Qe = "_disabled_1qhaq_89", Te = {
-  item: Ke,
-  divider: Ye,
+)), Ke = "_prompt_1xfmd_16", Ye = {
+  prompt: Ke
+}, 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 = {
+  item: Je,
+  divider: Qe,
   "new-item": "_new-item_1qhaq_31",
-  active: Xe,
-  value: Ge,
+  active: Ze,
+  value: Te,
   "key-variant": "_key-variant_1qhaq_75",
-  tag: Je,
+  tag: Ue,
   "button-active": "_button-active_1qhaq_89",
-  disabled: Qe,
+  disabled: Ve,
   "value-variant": "_value-variant_1qhaq_109"
-}, X = H.bind(Te), fe = ({
+}, X = L.bind(et), pe = ({
   isActive: o = !1,
   isSelected: e = !1,
-  isNew: a = !1,
+  isNew: i = !1,
   children: r = null,
   disabled: n = !1,
-  optionVariant: i = "",
-  newItemButtonText: p = "",
+  optionVariant: d = "",
+  newItemButtonText: h = "",
   ...u
 }) => {
-  const g = () => p || (i === "key-variant" ? "New key" : "New value");
-  return a ? /* @__PURE__ */ M(ee, { children: [
+  const y = () => h || (d === "key-variant" ? "New key" : "New value");
+  return i ? /* @__PURE__ */ A(V, { children: [
     /* @__PURE__ */ s("div", { className: X("divider") }),
-    /* @__PURE__ */ M(
+    /* @__PURE__ */ A(
       "li",
       {
-        className: X("new-item", i, {
+        className: X("new-item", d, {
           active: o,
           selected: e,
           disabled: n
@@ -147,13 +147,13 @@ const Ce = "_disabled_18ek6_43", Re = "_input_18ek6_97", Oe = {
         children: [
           /* @__PURE__ */ s("span", { className: X("value"), children: r }),
           /* @__PURE__ */ s(
-            Fe,
+            Re,
             {
               ...!n && u,
               className: X({ "button-active": o }),
-              icon: /* @__PURE__ */ s(Me, {}),
+              icon: /* @__PURE__ */ s($e, {}),
               variant: "text",
-              children: g()
+              children: y()
             }
           )
         ]
@@ -162,7 +162,7 @@ const Ce = "_disabled_18ek6_43", Re = "_input_18ek6_97", Oe = {
   ] }) : /* @__PURE__ */ s(
     "li",
     {
-      className: X("item", i, {
+      className: X("item", d, {
         active: o,
         selected: e,
         disabled: n
@@ -171,559 +171,558 @@ const Ce = "_disabled_18ek6_43", Re = "_input_18ek6_97", Oe = {
       children: /* @__PURE__ */ s("span", { className: X("label", "tag"), children: r })
     }
   );
-}, Ze = "_container_igshu_16", Ue = {
-  container: Ze
-}, ie = H.bind(Ue), Ve = (o) => {
+}, tt = "_container_igshu_16", ot = {
+  container: tt
+}, ie = L.bind(ot), nt = (o) => {
   const {
     options: e,
-    async: a,
+    async: i,
     inputValue: r,
     loading: n,
-    createWithoutConfirmation: i,
-    customEmptyListMessage: p,
+    createWithoutConfirmation: d,
+    customEmptyListMessage: h,
     customNoMatchesMessage: u,
-    optionVariant: g,
-    newItemButtonText: N,
-    renderOption: b,
+    optionVariant: y,
+    newItemButtonText: x,
+    renderOption: v,
     getUniqKey: E,
-    getItemProps: w,
+    getItemProps: N,
     parseValueToString: f
-  } = o, I = Y(() => (e || []).filter((t) => f(t).toUpperCase().indexOf((r.toUpperCase() || "").trim()) > -1), [r, e, f]), k = Y(
-    (t, l, h = !1) => b ? b(t, l, h, w) : /* @__PURE__ */ s(
-      fe,
+  } = o, S = Y(() => (e || []).filter((t) => f(t).toUpperCase().indexOf((r.toUpperCase() || "").trim()) > -1), [r, e, f]), I = Y(
+    (t, a, b = !1) => v ? v(t, a, b, N) : /* @__PURE__ */ s(
+      pe,
       {
-        optionVariant: g,
-        ...w({ item: t, index: l }),
-        isNew: h,
-        newItemButtonText: N,
+        optionVariant: y,
+        ...N({ item: t, index: a }),
+        isNew: b,
+        newItemButtonText: x,
         children: f(t)
       },
       (E == null ? void 0 : E(t)) || f(t)
     ),
-    [w, E, N, g, f, b]
-  ), _ = Y(
-    (t) => t.length ? t.map((l, h) => k(l, h)) : "",
-    [k]
-  ), y = Y(
+    [N, E, x, y, f, v]
+  ), p = Y(
+    (t) => t.length ? t.map((a, b) => I(a, b)) : "",
+    [I]
+  ), w = Y(
     (t) => {
-      const l = t.length;
-      return /* @__PURE__ */ s("div", { className: ie({ container: !l }), children: /* @__PURE__ */ s(
-        fe,
+      const a = t.length;
+      return /* @__PURE__ */ s("div", { className: ie({ container: !a }), children: /* @__PURE__ */ s(
+        pe,
         {
-          optionVariant: g,
+          optionVariant: y,
           isNew: !0,
-          ...w({ item: r, index: l }),
+          ...N({ item: r, index: a }),
           children: f(r)
         },
         f(r)
       ) });
     },
-    [w, r, g, f]
-  ), B = Y(
-    (t) => n ? /* @__PURE__ */ M(ee, { children: [
-      /* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s(Be, {}) }),
-      !i && y(t)
+    [N, r, y, f]
+  ), M = Y(
+    (t) => n ? /* @__PURE__ */ A(V, { children: [
+      /* @__PURE__ */ s(Ge, { children: /* @__PURE__ */ s(Ae, {}) }),
+      !d && w(t)
     ] }) : "",
-    [i, n, y]
-  ), $ = Y(() => {
-    const t = (e == null ? void 0 : e.length) === 0 ? p || "No available options" : u || "No matches found";
+    [d, n, w]
+  ), R = Y(() => {
+    const t = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : u || "No matches found";
     return /* @__PURE__ */ s("div", { className: ie("empty-list-message"), children: t });
-  }, [p, u, e == null ? void 0 : e.length]), c = a ? e : I(), d = B(e);
-  return d || /* @__PURE__ */ M("div", { className: ie({ container: e.length }), children: [
-    /* @__PURE__ */ s(Se, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: qe(c) ? $() : _(c) }),
-    !i && y(c)
+  }, [h, u, e == null ? void 0 : e.length]), c = i ? e : S(), l = M(e);
+  return l || /* @__PURE__ */ A("div", { className: ie({ container: e.length }), children: [
+    /* @__PURE__ */ s(qe, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: ue(c) ? R() : p(c) }),
+    !d && w(c)
   ] });
-}, et = "_menu_1bgrz_16", tt = "_opened_1bgrz_35", ot = "_dark_1bgrz_38", nt = {
-  menu: et,
-  opened: tt,
-  dark: ot
-}, st = H.bind(nt), rt = (o, e) => !o || o <= e.trim().length, ge = xe(
+}, st = "_menu_f64z5_16", rt = "_opened_f64z5_34", ct = "_dark_f64z5_37", lt = {
+  menu: st,
+  opened: rt,
+  dark: ct
+}, at = L.bind(lt), it = (o, e) => !o || o <= e.trim().length, ye = De(
   ({
     isOpen: o = !1,
     style: e = {},
-    minLength: a = 1,
+    minLength: i = 1,
     isDropdownMode: r,
     inputValue: n = "",
-    className: i = "",
-    ...p
+    className: d = "",
+    ...h
   }, u) => /* @__PURE__ */ s(
     "ul",
     {
       ref: u,
-      className: st(
+      className: at(
         "menu",
-        { opened: o && (r || rt(a, n)) },
-        i
+        { opened: o && (r || it(i, n)) },
+        d
       ),
       style: e,
-      children: /* @__PURE__ */ s(Ve, { inputValue: n, ...p })
+      children: /* @__PURE__ */ s(nt, { inputValue: n, ...h })
     }
   )
-), _e = (o, e) => typeof o == "string" ? o : e ? String(o[e(o)]) : "", V = (o, e) => {
+), he = (o, e) => typeof o == "string" ? o : e ? String(o[e(o)]) : "", U = (o, e) => {
   var r;
-  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, i]) => V(i, e[n]))));
-}, ct = (o, e, a) => typeof o == "string" ? o === e : a ? (() => {
-  const r = a(o);
+  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]))));
+}, dt = (o, e, i) => typeof o == "string" ? o === e : i ? (() => {
+  const r = i(o);
   return o[r] === e[r];
-})() : !1, lt = ({
+})() : !1, ut = ({
   options: o = [],
   onChange: e,
-  selectedItems: a = [],
+  selectedItems: i = [],
   handleUnStoredItemCb: r = null,
   existingItemsMap: n = {},
-  children: i,
-  customizeNewSelectedValue: p = (b) => b,
+  children: d,
+  customizeNewSelectedValue: h = (v) => v,
   getOptionUniqKey: u,
-  getOptionUniqKeyValue: g,
-  ...N
+  getOptionUniqKeyValue: y,
+  ...x
 }) => {
-  const [b, E] = de(n), w = (c, d) => {
+  const [v, E] = de(n), N = (c, l) => {
     const t = {
-      ...b
+      ...v
     };
-    c.forEach((l) => {
-      if (o.find((h) => ct(h, l, u))) {
-        const h = _e(l, u);
-        t[h] = !0;
+    c.forEach((a) => {
+      if (o.find((b) => dt(b, a, u))) {
+        const b = he(a, u);
+        t[b] = !0;
       }
-    }), E(t), d(t);
-  }, f = (c, d) => {
-    const t = _e(c, u);
-    if (t in b) {
-      const l = { ...b };
-      delete l[t], E(l), d(l);
+    }), E(t), l(t);
+  }, f = (c, l) => {
+    const t = he(c, u);
+    if (t in v) {
+      const a = { ...v };
+      delete a[t], E(a), l(a);
     } else
-      d(b);
-  }, I = (c, d) => {
-    const t = p(c), l = Array.isArray(t) ? t : [t], L = [...a.filter((C) => l.indexOf(C) < 0), ...l];
-    e == null || e(L, d), w(l, (C) => r == null ? void 0 : r(L, C));
-  }, k = (c, d) => {
-    const t = a.indexOf(c), l = [...a];
-    l.splice(t, 1, d), e == null || e(l, null);
-  }, _ = (c, d) => {
-    const t = a.filter((h) => !V(h, c));
-    e == null || e(t, d), f(c, (h) => r == null ? void 0 : r(t, h));
-  }, y = (c, d) => {
-    c && I(c, d);
-  }, B = (c) => ({
-    removeItem: _,
-    editItem: k,
+      l(v);
+  }, S = (c, l) => {
+    const t = h(c), a = Array.isArray(t) ? t : [t], W = [...i.filter((C) => a.indexOf(C) < 0), ...a];
+    e == null || e(W, l), N(a, (C) => r == null ? void 0 : r(W, C));
+  }, I = (c, l) => {
+    const t = i.indexOf(c), a = [...i];
+    a.splice(t, 1, l), e == null || e(a, null);
+  }, p = (c, l) => {
+    const t = i.filter((b) => !U(b, c));
+    e == null || e(t, l), f(c, (b) => r == null ? void 0 : r(t, b));
+  }, w = (c, l) => {
+    c && S(c, l);
+  }, M = (c) => ({
+    removeItem: p,
+    editItem: I,
     handleChange: e,
-    getOptionUniqKeyValue: g,
-    storedItemsMap: b,
+    getOptionUniqKeyValue: y,
+    storedItemsMap: v,
     ...c
   });
   return /* @__PURE__ */ s(
-    U,
+    T,
     {
-      ...N,
-      stateReducer: (c, d) => {
-        switch (d.type) {
-          case U.stateChangeTypes.keyDownEnter:
-          case U.stateChangeTypes.clickItem:
+      ...x,
+      stateReducer: (c, l) => {
+        switch (l.type) {
+          case T.stateChangeTypes.keyDownEnter:
+          case T.stateChangeTypes.clickItem:
             return {
-              ...d,
+              ...l,
               highlightedIndex: c.highlightedIndex,
               inputValue: ""
             };
           default:
-            return d;
+            return l;
         }
       },
-      onChange: y,
+      onChange: w,
       selectedItem: null,
-      children: (c) => i == null ? void 0 : i(B(c))
+      children: (c) => d == null ? void 0 : d(M(c))
     }
   );
-}, at = "_autocomplete_w0t1o_16", it = "_disabled_w0t1o_32", dt = "_error_w0t1o_35", ut = "_touched_w0t1o_35", mt = "_input_w0t1o_74", ft = {
-  autocomplete: at,
+}, 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 = {
+  autocomplete: ft,
   "autocomplete-wrapper": "_autocomplete-wrapper_w0t1o_28",
-  disabled: it,
-  error: dt,
-  touched: ut,
+  disabled: _t,
+  error: pt,
+  touched: ht,
   "clear-icon": "_clear-icon_w0t1o_46",
   "clear-icon--disabled": "_clear-icon--disabled_w0t1o_56",
   "autocomplete-input": "_autocomplete-input_w0t1o_60",
   "mobile-disabled": "_mobile-disabled_w0t1o_69",
-  input: mt,
+  input: bt,
   "type-number": "_type-number_w0t1o_98",
   "error-text": "_error-text_w0t1o_109",
   "dropdown-button": "_dropdown-button_w0t1o_118",
   "icon-reversed": "_icon-reversed_w0t1o_126"
-}, j = H.bind(ft), jt = (o) => {
+}, H = L.bind(vt), Lt = (o) => {
   const {
     options: e = [],
-    loading: a = !1,
+    loading: i = !1,
     onStateChange: r = () => {
     },
     value: n = [],
-    placeholder: i = "",
-    error: p = "",
+    placeholder: d = "",
+    error: h = "",
     touched: u = !1,
-    creatable: g = !1,
-    editable: N = !1,
-    onChange: b = () => {
+    creatable: y = !1,
+    editable: x = !1,
+    onChange: v = () => {
     },
     onFocus: E = () => {
     },
-    onBlur: w = () => {
+    onBlur: N = () => {
     },
     disabled: f = !1,
-    isDropdownMode: I = !1,
-    mobileDisabled: k = !1,
-    inputProps: _ = {},
-    parseValueToString: y = (m) => m == null ? "" : String(m),
-    maxLength: B = null,
-    async: $ = !1,
+    isDropdownMode: S = !1,
+    mobileDisabled: I = !1,
+    inputProps: p = {},
+    parseValueToString: w = (_) => _ == null ? "" : String(_),
+    maxLength: M = null,
+    async: R = !1,
     customClass: c = "",
-    createWithoutConfirmation: d = !1,
+    createWithoutConfirmation: l = !1,
     getItemValidationErrorType: t = null,
-    clearItemsError: l = () => {
+    clearItemsError: a = () => {
     },
-    getAdditionalCreationCondition: h = () => !0,
-    highlightUnStoredItem: L = !1,
+    getAdditionalCreationCondition: b = () => !0,
+    highlightUnStoredItem: W = !1,
     parseInputValueFn: G = null,
     handleUnStoredItemCb: C = null,
-    dataAutomationId: te = "",
-    existingItemsMap: Z = {},
-    customizeNewSelectedValue: oe = (m) => m,
-    renderCustomSelectedItem: ne,
-    useFixedPositioning: se,
-    newItemButtonText: S = "",
-    ...R
-  } = o, { refs: O, floatingStyles: P } = he({
+    dataAutomationId: ee = "",
+    existingItemsMap: Q = {},
+    customizeNewSelectedValue: te = (_) => _,
+    renderCustomSelectedItem: oe,
+    useFixedPositioning: ne,
+    newItemButtonText: D = "",
+    ...P
+  } = o, { refs: j, floatingStyles: O } = ve({
     placement: "bottom-start",
-    strategy: se ? "fixed" : "absolute",
-    whileElementsMounted: be
-  }), q = n.length === 0 && !f ? i : "", A = Ee(null);
-  Ie(() => {
-    l();
-  }, [l, n]);
-  const re = (m, v) => {
-    b(m, v);
-  }, ce = (m, v, F) => ({ item: x, index: T, ...z }) => m({
-    item: x,
-    index: T,
-    isSelected: F.some((le) => V(le, x)),
-    ...z,
-    isActive: v === T
-  }), J = ({
-    event: m,
-    removeItem: v,
-    inputValue: F
+    strategy: ne ? "fixed" : "absolute",
+    whileElementsMounted: we
+  }), z = n.length === 0 && !f ? d : "", B = Fe(null);
+  Me(() => {
+    a();
+  }, [a, n]);
+  const J = (_, m) => {
+    v(_, m);
+  }, se = (_, m, k) => ({ item: g, index: $, ...q }) => _({
+    item: g,
+    index: $,
+    isSelected: k.some((le) => U(le, g)),
+    ...q,
+    isActive: m === $
+  }), re = ({
+    event: _,
+    removeItem: m,
+    inputValue: k
   }) => {
-    m.key === "Backspace" && !F && n.length && v(n[n.length - 1], null);
-  }, D = ({
-    inputValue: m,
-    selectItem: v,
-    clearSelection: F
+    _.key === "Backspace" && !k && n.length && m(n[n.length - 1], null);
+  }, K = ({
+    inputValue: _,
+    selectItem: m,
+    clearSelection: k
   }) => {
     if (G) {
-      const x = G(m);
-      (x.length ? x : [m]).forEach((z) => v(z)), F();
+      const g = G(_);
+      (g.length ? g : [_]).forEach((q) => m(q)), k();
     } else
-      v(m), F();
-  }, W = (m) => (v) => {
-    m(v, null), A.current && A.current.focus();
-  }, Q = e.filter((m) => n.every((v) => !V(v, m)));
+      m(_), k();
+  }, Z = (_) => (m) => {
+    _(m, null), B.current && B.current.focus();
+  }, ce = e.filter((_) => n.every((m) => !U(m, _)));
   return /* @__PURE__ */ s(
-    lt,
+    ut,
     {
-      onChange: re,
-      itemToString: y,
+      onChange: J,
+      itemToString: w,
       selectedItems: n,
       onStateChange: r,
       options: e,
-      existingItemsMap: Z,
+      existingItemsMap: Q,
       handleUnStoredItemCb: C,
-      customizeNewSelectedValue: oe,
+      customizeNewSelectedValue: te,
       children: ({
-        getInputProps: m,
-        getItemProps: v,
-        isOpen: F,
-        inputValue: x,
-        highlightedIndex: T,
-        removeItem: z,
+        getInputProps: _,
+        getItemProps: m,
+        isOpen: k,
+        inputValue: g = "",
+        highlightedIndex: $,
+        removeItem: q,
         editItem: le,
-        openMenu: we,
-        selectItem: ue,
-        clearSelection: me,
-        toggleMenu: ye,
-        storedItemsMap: Ne,
-        getRootProps: ke
-      }) => /* @__PURE__ */ M(
-        "div",
-        {
-          ...ke(void 0, { suppressRefError: !0 }),
-          className: j("autocomplete-wrapper"),
-          ref: O.setReference,
-          children: [
-            /* @__PURE__ */ M(ee, { children: [
-              /* @__PURE__ */ M(
-                "div",
-                {
-                  className: j("autocomplete", c, {
-                    "mobile-disabled": k,
-                    error: p,
-                    touched: u,
-                    disabled: f
-                  }),
-                  children: [
-                    /* @__PURE__ */ M(
-                      "div",
-                      {
-                        className: j("autocomplete-input", {
-                          "mobile-disabled": k
-                        }),
-                        children: [
-                          /* @__PURE__ */ s(
-                            He,
-                            {
-                              items: n,
-                              onRemoveItem: W(z),
-                              disabled: f,
-                              mobileDisabled: k,
-                              parseValueToString: y,
-                              getItemValidationErrorType: t,
-                              renderCustomSelectedItem: ne,
-                              editItem: le,
-                              editable: N,
-                              getAdditionalCreationCondition: h,
-                              storedItemsMap: Ne,
-                              highlightUnStoredItem: L
-                            }
-                          ),
-                          /* @__PURE__ */ s(
-                            "input",
-                            {
-                              ...m({
-                                ref: A,
-                                placeholder: q,
-                                maxLength: B,
-                                onFocus: () => {
-                                  we(), E();
-                                },
-                                onKeyDown: (K) => {
-                                  K.key === "Enter" && x && g && h(x) && D({
-                                    inputValue: x,
-                                    selectItem: ue,
-                                    clearSelection: me
-                                  }), J({ event: K, removeItem: z, inputValue: x });
-                                },
-                                onBlur: () => {
-                                  w(), x && g && h(x) && D({
-                                    inputValue: x,
-                                    selectItem: ue,
-                                    clearSelection: me
-                                  });
-                                },
-                                disabled: f,
-                                ..._
-                              }),
-                              className: j("input", { disabled: f }),
-                              "data-automation-id": te
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    (_ == null ? void 0 : _.clearable) && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ s(
-                      "button",
-                      {
-                        className: j("clear-icon", { "clear-icon--disabled": f }),
-                        onClick: () => {
-                          var K;
-                          return !f && ((K = _ == null ? void 0 : _.onClear) == null ? void 0 : K.call(_));
-                        },
-                        children: /* @__PURE__ */ s(De, {})
-                      }
-                    ),
-                    I && /* @__PURE__ */ s(
-                      "button",
-                      {
-                        type: "button",
-                        className: j("dropdown-button", { "icon-reversed": F }),
-                        onClick: () => ye(),
-                        "aria-label": "Toggle dropdown",
-                        "aria-expanded": F,
-                        children: /* @__PURE__ */ s(ve, {})
-                      }
-                    )
-                  ]
-                }
-              ),
-              p && u && /* @__PURE__ */ s("span", { className: j("error-text"), children: p })
-            ] }),
-            /* @__PURE__ */ s(
-              ge,
+        openMenu: ke,
+        selectItem: me,
+        clearSelection: fe,
+        toggleMenu: xe,
+        storedItemsMap: Ie,
+        getRootProps: Ee
+      }) => {
+        const _e = Ee(void 0, { suppressRefError: !0 }), Se = {
+          ..._e,
+          ref: (F) => (j.setReference(F), _e.ref(F))
+        }, Be = g ?? "";
+        return /* @__PURE__ */ A("div", { ...Se, className: H("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ A(V, { children: [
+            /* @__PURE__ */ A(
+              "div",
               {
-                isOpen: F,
-                loading: a,
-                async: $,
-                ref: O.setFloating,
-                newItemButtonText: S,
-                isDropdownMode: I,
-                style: P,
-                inputValue: (x || "").trim(),
-                getItemProps: ce(v, T, n),
-                parseValueToString: y,
-                createWithoutConfirmation: d,
-                options: Q,
-                ...R
+                className: H("autocomplete", c, {
+                  "mobile-disabled": I,
+                  error: h,
+                  touched: u,
+                  disabled: f
+                }),
+                children: [
+                  /* @__PURE__ */ A(
+                    "div",
+                    {
+                      className: H("autocomplete-input", {
+                        "mobile-disabled": I
+                      }),
+                      children: [
+                        /* @__PURE__ */ s(
+                          ze,
+                          {
+                            items: n,
+                            onRemoveItem: Z(q),
+                            disabled: f,
+                            mobileDisabled: I,
+                            parseValueToString: w,
+                            getItemValidationErrorType: t,
+                            renderCustomSelectedItem: oe,
+                            editItem: le,
+                            editable: x,
+                            getAdditionalCreationCondition: b,
+                            storedItemsMap: Ie,
+                            highlightUnStoredItem: W
+                          }
+                        ),
+                        /* @__PURE__ */ s(
+                          "input",
+                          {
+                            ..._({
+                              ref: B,
+                              placeholder: z,
+                              maxLength: M,
+                              onFocus: () => {
+                                S && ke(), E();
+                              },
+                              onKeyDown: (F) => {
+                                F.key === Ne && g && y && b(g) && K({
+                                  inputValue: g,
+                                  selectItem: me,
+                                  clearSelection: fe
+                                }), re({ event: F, removeItem: q, inputValue: g });
+                              },
+                              onBlur: () => {
+                                N(), g && y && b(g) && K({
+                                  inputValue: g,
+                                  selectItem: me,
+                                  clearSelection: fe
+                                });
+                              },
+                              disabled: f,
+                              ...p
+                            }),
+                            className: H("input", { disabled: f }),
+                            "data-automation-id": ee
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  (p == null ? void 0 : p.clearable) && !ue(n) && /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      className: H("clear-icon", { "clear-icon--disabled": f }),
+                      onClick: () => {
+                        var F;
+                        return !f && ((F = p == null ? void 0 : p.onClear) == null ? void 0 : F.call(p));
+                      },
+                      onMouseDown: (F) => F.preventDefault(),
+                      children: /* @__PURE__ */ s(je, {})
+                    }
+                  ),
+                  S && /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      className: H("dropdown-button", { "icon-reversed": k }),
+                      onClick: () => xe(),
+                      "aria-label": "Toggle dropdown",
+                      "aria-expanded": k,
+                      children: /* @__PURE__ */ s(ge, {})
+                    }
+                  )
+                ]
               }
-            )
-          ]
-        }
-      )
+            ),
+            h && u && /* @__PURE__ */ s("span", { className: H("error-text"), children: h })
+          ] }),
+          /* @__PURE__ */ s(
+            ye,
+            {
+              isOpen: k,
+              loading: i,
+              async: R,
+              ref: j.setFloating,
+              newItemButtonText: D,
+              isDropdownMode: S,
+              style: O,
+              inputValue: Be.trim(),
+              getItemProps: se(m, $, n),
+              parseValueToString: w,
+              createWithoutConfirmation: l,
+              options: ce,
+              ...P
+            }
+          )
+        ] });
+      }
     }
   );
-}, _t = "Enter", pt = "Tab", ht = {
+}, wt = {
   "input-wrapper": "_input-wrapper_d9vma_1",
   "dropdown-button": "_dropdown-button_d9vma_6",
   "icon-reversed": "_icon-reversed_d9vma_14"
-}, pe = H.bind(ht), bt = 0, Ht = (o) => {
+}, be = L.bind(wt), gt = 0, Wt = (o) => {
   const {
     options: e = [],
-    value: a,
+    value: i,
     placeholder: r = "",
     onChange: n = () => {
     },
-    onFocus: i = () => {
+    onFocus: d = () => {
     },
-    onBlur: p = () => {
+    onBlur: h = () => {
     },
     disabled: u = !1,
-    inputProps: g = {},
-    parseValueToString: N = (S) => S === null ? "" : String(S),
-    minLength: b = 1,
+    inputProps: y = {},
+    parseValueToString: x = (D) => D === null ? "" : String(D),
+    minLength: v = 1,
     skipOptionCreation: E = !1,
-    maxLength: w = null,
+    maxLength: N = null,
     optionVariant: f = "",
-    isRequired: I = !1,
-    error: k = "",
-    touched: _ = !1,
-    setTouch: y = () => {
+    isRequired: S = !1,
+    error: I = "",
+    touched: p = !1,
+    setTouch: w = () => {
     },
-    createWithoutConfirmation: B = !1,
-    menuClassName: $ = "",
+    createWithoutConfirmation: M = !1,
+    menuClassName: R = "",
     icon: c,
-    isDropdownMode: d = !1,
+    isDropdownMode: l = !1,
     isOptionUnique: t,
-    refFunction: l,
-    stateReducer: h,
-    onStateChange: L,
+    refFunction: a,
+    stateReducer: b,
+    onStateChange: W,
     useFixedPositioning: G,
     newItemButtonText: C = "",
-    ...te
-  } = o, { refs: Z, floatingStyles: oe } = he({
+    ...ee
+  } = o, { refs: Q, floatingStyles: te } = ve({
     placement: "bottom-start",
     strategy: G ? "fixed" : "absolute",
-    whileElementsMounted: be
-  }), ne = (S, R, O) => ({ item: P, index: q, ...A }) => S({
-    item: P,
-    index: q,
-    isSelected: O !== null && O === P,
-    ...A,
-    isActive: R === q
-  }), se = (S, R) => {
-    S.key === pt && (S.preventDefault(), R(e.length));
+    whileElementsMounted: we
+  }), oe = (D, P, j) => ({ item: O, index: z, ...B }) => D({
+    item: O,
+    index: z,
+    isSelected: j !== null && j === O,
+    ...B,
+    isActive: P === z
+  }), ne = (D, P) => {
+    D.key === mt && (D.preventDefault(), P(e.length));
   };
   return /* @__PURE__ */ s(
-    U,
+    T,
     {
       onChange: n,
-      itemToString: N,
-      selectedItem: a,
-      onStateChange: L,
-      defaultHighlightedIndex: bt,
-      stateReducer: h,
+      itemToString: x,
+      selectedItem: i,
+      onStateChange: W,
+      defaultHighlightedIndex: gt,
+      stateReducer: b,
       children: ({
-        getInputProps: S,
-        getItemProps: R,
-        setHighlightedIndex: O,
-        toggleMenu: P,
-        isOpen: q,
-        inputValue: A,
-        highlightedIndex: re,
-        getRootProps: ce,
-        selectItem: J
-      }) => /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ M(
-        "div",
-        {
-          className: pe("input-wrapper"),
-          ...ce(void 0, { suppressRefError: !0 }),
-          ref: Z.setReference,
-          children: [
-            /* @__PURE__ */ s(
-              Ae,
-              {
-                ...S({
-                  placeholder: u ? "" : r,
-                  maxLength: w || void 0,
-                  onFocus: () => {
-                    i();
-                  },
-                  refFunction: l,
-                  onKeyDown: (D) => {
-                    D.key === _t && D.preventDefault(), A && q && se(D, O);
-                  },
-                  onBlur: (D) => {
-                    const W = (A ?? "").trim(), Q = !!W, m = Q ? e.find((v) => N(v) === W) : void 0;
-                    J(m || (!E && B && Q ? W : null)), p(D), t == null || t(
-                      Q ? !e.some((v) => N(v) === W) : null
-                    ), y == null || y(!0);
-                  },
-                  disabled: u,
-                  defaultWidth: !1,
-                  isRequired: I,
-                  touched: _,
-                  error: k,
-                  ...g,
-                  endIcon: d && !c ? /* @__PURE__ */ s(
-                    "button",
-                    {
-                      type: "button",
-                      className: pe("dropdown-button", { "icon-reversed": q }),
-                      onClick: () => P(),
-                      "aria-label": "Toggle dropdown",
-                      "aria-expanded": q,
-                      children: /* @__PURE__ */ s(ve, {})
-                    }
-                  ) : c,
-                  minLength: d ? 0 : b
-                })
-              }
-            ),
-            /* @__PURE__ */ s(
-              ge,
-              {
-                isOpen: q,
-                isDropdownMode: d,
-                style: oe,
-                ref: Z.setFloating,
-                minLength: b,
-                inputValue: (A || "").trim(),
-                getItemProps: ne(R, re, a),
-                parseValueToString: N,
-                optionVariant: f,
-                createWithoutConfirmation: B,
-                className: $,
-                options: e,
-                newItemButtonText: C,
-                ...te
-              }
-            )
-          ]
-        }
-      ) })
+        getInputProps: D,
+        getItemProps: P,
+        setHighlightedIndex: j,
+        toggleMenu: O,
+        openMenu: z,
+        isOpen: B,
+        inputValue: J,
+        highlightedIndex: se,
+        getRootProps: re,
+        selectItem: K
+      }) => {
+        const Z = re(void 0, { suppressRefError: !0 }), ce = {
+          ...Z,
+          ref: (m) => (Q.setReference(m), Z.ref(m))
+        }, _ = J ?? "";
+        return /* @__PURE__ */ s(V, { children: /* @__PURE__ */ A("div", { className: be("input-wrapper"), ...ce, children: [
+          /* @__PURE__ */ s(
+            Ce,
+            {
+              ...D({
+                placeholder: u ? "" : r,
+                maxLength: N || void 0,
+                onFocus: () => {
+                  l && !B && (z(), w == null || w(!0)), d();
+                },
+                refFunction: a,
+                onKeyDown: (m) => {
+                  m.key === Ne && m.preventDefault(), J && B && ne(m, j);
+                },
+                onBlur: (m) => {
+                  const k = _.trim(), g = !ue(k), $ = g ? e.find((q) => x(q) === k) : void 0;
+                  K($ || (!E && M && g ? k : null)), h(m), t == null || t(
+                    g ? !e.some((q) => x(q) === k) : null
+                  ), l && B && O(), w == null || w(!0);
+                },
+                disabled: u,
+                defaultWidth: !1,
+                isRequired: S,
+                touched: p,
+                error: I,
+                ...y,
+                endIcon: l && !c ? /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    className: be("dropdown-button", { "icon-reversed": B }),
+                    onClick: () => O(),
+                    "aria-label": "Toggle dropdown",
+                    "aria-expanded": B,
+                    children: /* @__PURE__ */ s(ge, {})
+                  }
+                ) : c,
+                minLength: l ? 0 : v
+              })
+            }
+          ),
+          /* @__PURE__ */ s(
+            ye,
+            {
+              isOpen: B,
+              isDropdownMode: l,
+              style: te,
+              ref: Q.setFloating,
+              minLength: v,
+              inputValue: (J || "").trim(),
+              getItemProps: oe(P, se, i),
+              parseValueToString: x,
+              optionVariant: f,
+              createWithoutConfirmation: M,
+              className: R,
+              options: e,
+              newItemButtonText: C,
+              ...ee
+            }
+          )
+        ] }) });
+      }
     }
   );
 };
 export {
-  ge as AutocompleteMenu,
-  fe as AutocompleteOption,
-  Ve as AutocompleteOptions,
-  ze as AutocompletePrompt,
-  jt as MultipleAutocomplete,
-  Ht as SingleAutocomplete
+  ye as AutocompleteMenu,
+  pe as AutocompleteOption,
+  nt as AutocompleteOptions,
+  Ge as AutocompletePrompt,
+  Lt as MultipleAutocomplete,
+  Wt as SingleAutocomplete
 };