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

package/dist/autocompletes.js

@@ -1,17 +1,17 @@
-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";
-import { B as Xe } from "./button-7ab874f3.js";
-import { S as Ge } from "./plus-199fb2a8.js";
+import { jsx as r, jsxs as P, Fragment as ae } from "react/jsx-runtime";
+import { useState as ce, useRef as Ce, useEffect as he, useCallback as Y, forwardRef as He, useMemo as Be, useLayoutEffect as Ye } from "react";
+import { c as q } from "./bind-06a7ff84.js";
+import { Scrollbars as Ke } from "rc-scrollbars";
+import { B as Xe } from "./bubblesLoader-f3ffa240.js";
+import { B as Ge } from "./button-7ab874f3.js";
+import { S as Je } from "./plus-199fb2a8.js";
 import { i as Me } from "./isEmpty-ccacb5ff.js";
-import { createPortal as Je } from "react-dom";
-import he from "downshift";
-import { useFloating as Be, autoUpdate as Le, flip as Qe, size as Ze } from "@floating-ui/react";
+import { createPortal as Qe } from "react-dom";
+import _e from "downshift";
+import { size as Le, useFloating as $e, autoUpdate as De, flip as Ze } from "@floating-ui/react";
 import { F as qe } from "./fieldText-b9b0ea9f.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 Te } from "./dropdown-0260bb66.js";
+import { E as je, 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,7 +34,7 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   "single-line": "_single-line_1rpph_58",
   "cross-icon": "_cross-icon_1rpph_64",
   input: st
-}, _e = G.bind(nt), rt = (t) => t.scrollWidth > t.clientWidth, lt = ({
+}, fe = q.bind(nt), rt = (t) => t.scrollWidth > t.clientWidth, lt = ({
   item: t,
   onRemoveItem: e,
   disabled: n = !1,
@@ -44,28 +44,28 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   editItem: _,
   editable: u = !1,
   getAdditionalCreationCondition: b = () => !0,
-  storedOption: N = !0,
-  highlightUnStoredItem: f = !1,
-  variant: z = "light",
+  storedOption: I = !0,
+  highlightUnStoredItem: p = !1,
+  variant: R = "light",
   getItemName: k,
-  singleLine: p = !1,
-  className: R,
-  textClassName: P
+  singleLine: m = !1,
+  className: F,
+  textClassName: B
 }) => {
-  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));
+  const [E, y] = ce(!1), [L, O] = ce(""), [c, i] = ce(!1), d = Ce(null), h = () => {
+    !n && u && !I && (O((k == null ? void 0 : k(t)) || (s == null ? void 0 : s(t)) || ""), y(!0));
   }, g = (x) => {
-    F(x.target.value);
+    O(x.target.value);
   }, a = (x) => {
-    const $ = b(B);
-    x.key === "Enter" && $ && (_(t, B), y(!1), F(""));
+    const $ = b(L);
+    x.key === "Enter" && $ && (_(t, L), y(!1), O(""));
   }, A = () => {
-    y(!1), F("");
-  }, C = (x) => {
+    y(!1), O("");
+  }, M = (x) => {
     x.stopPropagation(), e(t);
-  }, j = (s == null ? void 0 : s(t)) || "";
-  ve(() => {
-    if (d.current && p) {
+  }, D = (s == null ? void 0 : s(t)) || "";
+  he(() => {
+    if (d.current && m) {
       const x = () => {
         d.current && i(rt(d.current));
       };
@@ -75,54 +75,54 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       }
     } else
       i(!1);
-  }, [j, p]);
-  const S = _e(
+  }, [D, m]);
+  const S = fe(
     "selected-item-text",
     {
-      "single-line": p
+      "single-line": m
     },
-    P
-  ), H = _e(
+    B
+  ), T = fe(
     "selected-item",
-    z,
+    R,
     {
       [`validation-${l}`]: l,
       disabled: n,
       "mobile-disabled": o,
-      "highlight-un-stored-item": f && !N
+      "highlight-un-stored-item": p && !I
     },
-    R
+    F
   );
   return E ? /* @__PURE__ */ r(
     "input",
     {
       autoFocus: !0,
-      value: B,
+      value: L,
       onChange: g,
       onKeyDown: a,
       onBlur: A,
-      className: _e("input")
+      className: fe("input")
     }
-  ) : /* @__PURE__ */ O("div", { className: H, onClick: h, children: [
+  ) : /* @__PURE__ */ P("div", { className: T, onClick: h, children: [
     /* @__PURE__ */ r(
       "span",
       {
         ref: d,
         className: S,
-        title: p && c ? j : void 0,
-        children: j
+        title: m && c ? D : void 0,
+        children: D
       }
     ),
     !n && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        className: _e("cross-icon", {
+        className: fe("cross-icon", {
           [`validation-${l}`]: l,
           "mobile-disabled": o,
           disabled: n
         }),
-        onClick: C,
+        onClick: M,
         children: /* @__PURE__ */ r(et, {})
       }
     )
@@ -137,24 +137,24 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   selectedItemSingleLine: _,
   selectedItemClassName: u,
   selectedItemTextClassName: b,
-  ...N
-}) => t.map((f) => l ? l(f) : /* @__PURE__ */ r(
+  ...I
+}) => t.map((p) => l ? l(p) : /* @__PURE__ */ r(
   lt,
   {
     parseValueToString: e,
-    error: (n == null ? void 0 : n(f)) || "",
-    item: f,
-    storedOption: !!o[e(f)],
+    error: (n == null ? void 0 : n(p)) || "",
+    item: p,
+    storedOption: !!o[e(p)],
     highlightUnStoredItem: s,
     singleLine: _,
     className: u,
     textClassName: b,
-    ...N
+    ...I
   },
-  e == null ? void 0 : e(f)
+  e == null ? void 0 : e(p)
 )), 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 = {
+}, dt = q.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", wt = "_disabled_zw4ux_80", vt = {
   item: mt,
   divider: pt,
   "new-item": "_new-item_zw4ux_31",
@@ -163,9 +163,9 @@ 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: vt,
+  disabled: wt,
   "value-variant": "_value-variant_zw4ux_100"
-}, V = G.bind(wt), Fe = ({
+}, ee = q.bind(vt), Fe = ({
   isActive: t = !1,
   isSelected: e = !1,
   isNew: n = !1,
@@ -176,25 +176,25 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   ...u
 }) => {
   const b = () => _ || (l === "key-variant" ? "New key" : "New value");
-  return n ? /* @__PURE__ */ O(le, { children: [
-    /* @__PURE__ */ r("div", { className: V("divider") }),
-    /* @__PURE__ */ O(
+  return n ? /* @__PURE__ */ P(ae, { children: [
+    /* @__PURE__ */ r("div", { className: ee("divider") }),
+    /* @__PURE__ */ P(
       "li",
       {
-        className: V("new-item", l, {
+        className: ee("new-item", l, {
           active: t,
           selected: e,
           disabled: s
         }),
         ...u,
         children: [
-          /* @__PURE__ */ r("span", { className: V("value"), children: o }),
+          /* @__PURE__ */ r("span", { className: ee("value"), children: o }),
           /* @__PURE__ */ r(
-            Xe,
+            Ge,
             {
               ...!s && u,
-              className: V({ "button-active": t }),
-              icon: /* @__PURE__ */ r(Ge, {}),
+              className: ee({ "button-active": t }),
+              icon: /* @__PURE__ */ r(Je, {}),
               variant: "text",
               children: b()
             }
@@ -205,13 +205,13 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   ] }) : /* @__PURE__ */ r(
     "li",
     {
-      className: V("item", l, {
+      className: ee("item", l, {
         active: t,
         selected: e,
         disabled: s
       }),
       ...s ? {} : u,
-      children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
+      children: /* @__PURE__ */ r("span", { className: ee("label", "tag"), children: o })
     }
   );
 }, bt = "_container_wpl1u_16", yt = {
@@ -219,7 +219,7 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   "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) => {
+}, le = q.bind(yt), gt = (t) => {
   const {
     options: e,
     async: n,
@@ -228,74 +228,74 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     createWithoutConfirmation: l,
     customEmptyListMessage: _,
     customNoMatchesMessage: u,
-    optionVariant: b,
-    newItemButtonText: N,
-    renderOption: f,
-    getUniqKey: z,
+    optionVariant: b = "",
+    newItemButtonText: I,
+    renderOption: p,
+    getUniqKey: R,
     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(
+    parseValueToString: m,
+    menuFooter: F,
+    shouldShowEmptyListMessage: B = !0
+  } = t, E = Y(() => (e || []).filter((a) => m(a).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, m]), y = Y(
+    (a, A, M = !1) => p ? p(a, A, M, k) : /* @__PURE__ */ r(
       Fe,
       {
         optionVariant: b,
         ...k({ item: a, index: A }),
-        isNew: C,
-        newItemButtonText: N,
-        children: p(a)
+        isNew: M,
+        newItemButtonText: I,
+        children: m(a)
       },
-      (z == null ? void 0 : z(a)) || p(a)
+      (R == null ? void 0 : R(a)) || m(a)
     ),
-    [k, z, N, b, p, f]
-  ), B = K(
-    (a) => a.length ? a.map((A, C) => y(A, C)) : "",
+    [k, R, I, b, m, p]
+  ), L = Y(
+    (a) => a.length ? a.map((A, M) => y(A, M)) : "",
     [y]
-  ), F = K(
+  ), O = Y(
     (a) => {
       const A = a.length;
-      return /* @__PURE__ */ r("div", { className: ne({ container: !A }), children: /* @__PURE__ */ r(
+      return /* @__PURE__ */ r("div", { className: le({ container: !A }), children: /* @__PURE__ */ r(
         Fe,
         {
           optionVariant: b,
           isNew: !0,
-          newItemButtonText: N,
+          newItemButtonText: I,
           ...k({ item: o, index: A }),
-          children: p(o)
+          children: m(o)
         },
-        p(o)
+        m(o)
       ) });
     },
-    [k, o, N, b, p]
-  ), c = K(
-    (a) => s ? /* @__PURE__ */ O(le, { children: [
-      /* @__PURE__ */ r(ut, { children: /* @__PURE__ */ r(Ke, {}) }),
-      !l && F(a)
+    [k, o, I, b, m]
+  ), c = Y(
+    (a) => s ? /* @__PURE__ */ P(ae, { children: [
+      /* @__PURE__ */ r(ut, { children: /* @__PURE__ */ r(Xe, {}) }),
+      !l && O(a)
     ] }) : "",
-    [l, s, F]
-  ), i = K(() => {
+    [l, s, O]
+  ), i = Y(() => {
     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 });
+    return /* @__PURE__ */ r("div", { className: le("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 })
+  return g && !B && l ? null : /* @__PURE__ */ P("div", { className: le({ container: e.length }), children: [
+    /* @__PURE__ */ P(Ke, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
+      g ? B && i() : L(d),
+      F ? /* @__PURE__ */ P(ae, { children: [
+        /* @__PURE__ */ r("div", { className: le("menu-footer-divider"), "aria-hidden": "true" }),
+        /* @__PURE__ */ r("div", { className: le("menu-footer"), "aria-hidden": "true", children: F })
       ] }) : null
     ] }),
-    !l && F(d)
+    !l && O(d)
   ] });
-}, xt = "_menu_f64z5_16", Nt = "_opened_f64z5_34", Et = "_dark_f64z5_37", It = {
+}, xt = "_menu_f64z5_16", Nt = "_opened_f64z5_34", It = "_dark_f64z5_37", Et = {
   menu: xt,
   opened: Nt,
-  dark: Et
-}, St = G.bind(It), kt = (t, e) => !t || t <= e.trim().length, Te = je(
+  dark: It
+}, St = q.bind(Et), kt = (t, e) => !t || t <= e.trim().length, We = He(
   ({
     isOpen: t = !1,
     style: e = {},
@@ -319,9 +319,9 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       children: /* @__PURE__ */ r(gt, { inputValue: s, ...u })
     }
   )
-), Oe = (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)]) : "", te = (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]))));
+  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]))));
 }, At = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
   const o = n(t);
   return t[o] === e[o];
@@ -332,65 +332,65 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   handleUnStoredItemCb: o = null,
   existingItemsMap: s = {},
   children: l,
-  customizeNewSelectedValue: _ = (f) => f,
+  customizeNewSelectedValue: _ = (p) => p,
   getOptionUniqKey: u,
   getOptionUniqKeyValue: b,
-  ...N
+  ...I
 }) => {
-  const [f, z] = re(s), k = (c, i) => {
+  const [p, R] = ce(s), k = (c, i) => {
     const d = {
-      ...f
+      ...p
     };
     c.forEach((h) => {
       if (t.find((g) => At(g, h, u))) {
         const g = Oe(h, u);
         d[g] = !0;
       }
-    }), z(d), i(d);
-  }, p = (c, i) => {
+    }), R(d), i(d);
+  }, m = (c, i) => {
     const d = Oe(c, u);
-    if (d in f) {
-      const h = { ...f };
-      delete h[d], z(h), i(h);
+    if (d in p) {
+      const h = { ...p };
+      delete h[d], R(h), i(h);
     } else
-      i(f);
-  }, R = (c, i) => {
+      i(p);
+  }, F = (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
+      (S, T, x) => x.findIndex(($) => te($, S)) === T
     );
     if (!a || a.length === 0)
       return;
-    const C = [...n.filter(
-      (S) => !a.some((H) => ee(H, S))
+    const M = [...n.filter(
+      (S) => !a.some((T) => te(T, S))
     ), ...a];
-    e == null || e(C, i), k(a, (S) => o == null ? void 0 : o(C, S));
-  }, P = (c, i) => {
+    e == null || e(M, i), k(a, (S) => o == null ? void 0 : o(M, S));
+  }, B = (c, i) => {
     const d = n.indexOf(c), h = [...n];
     h.splice(d, 1, i), e == null || e(h, null);
   }, E = (c, i) => {
-    const d = n.filter((g) => !ee(g, c));
-    e == null || e(d, i), p(c, (g) => o == null ? void 0 : o(d, g));
+    const d = n.filter((g) => !te(g, c));
+    e == null || e(d, i), m(c, (g) => o == null ? void 0 : o(d, g));
   }, y = (c, i) => {
-    c && R(c, i);
-  }, B = (c) => ({
+    c && F(c, i);
+  }, L = (c) => ({
     removeItem: E,
-    editItem: P,
+    editItem: B,
     handleChange: e,
     getOptionUniqKeyValue: b,
-    storedItemsMap: f,
+    storedItemsMap: p,
     batchAddItems: (d) => {
-      R(d, c);
+      F(d, c);
     },
     ...c
   });
   return /* @__PURE__ */ r(
-    he,
+    _e,
     {
-      ...N,
+      ...I,
       stateReducer: (c, i) => {
         switch (i.type) {
-          case he.stateChangeTypes.keyDownEnter:
-          case he.stateChangeTypes.clickItem:
+          case _e.stateChangeTypes.keyDownEnter:
+          case _e.stateChangeTypes.clickItem:
             return {
               ...i,
               highlightedIndex: c.highlightedIndex,
@@ -402,7 +402,7 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       },
       onChange: y,
       selectedItem: null,
-      children: (c) => l == null ? void 0 : l(B(c))
+      children: (c) => l == null ? void 0 : l(L(c))
     }
   );
 }, Mt = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", Rt = "_error_1so4a_35", Ft = "_touched_1so4a_35", Ot = "_input_1so4a_77", Pt = {
@@ -421,7 +421,13 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   "error-text": "_error-text_1so4a_112",
   "dropdown-button": "_dropdown-button_1so4a_121",
   "icon-reversed": "_icon-reversed_1so4a_129"
-}, X = G.bind(Pt), ho = (t) => {
+}, Z = q.bind(Pt), Bt = Le({
+  apply({ rects: t, elements: e }) {
+    Object.assign(e.floating.style, {
+      width: `${t.reference.width}px`
+    });
+  }
+}), wo = (t) => {
   const {
     options: e = [],
     loading: n = !1,
@@ -432,20 +438,20 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     error: _ = "",
     touched: u = !1,
     creatable: b = !1,
-    editable: N = !1,
-    onChange: f = () => {
+    editable: I = !1,
+    onChange: p = () => {
     },
-    onFocus: z = () => {
+    onFocus: R = () => {
     },
     onBlur: k = () => {
     },
-    disabled: p = !1,
-    isDropdownMode: R = !1,
-    mobileDisabled: P = !1,
+    disabled: m = !1,
+    isDropdownMode: F = !1,
+    mobileDisabled: B = !1,
     inputProps: E = {},
-    parseValueToString: y = (m) => m == null ? "" : String(m),
-    maxLength: B = null,
-    async: F = !1,
+    parseValueToString: y = (f) => f == null ? "" : String(f),
+    maxLength: L = null,
+    async: O = !1,
     customClass: c = "",
     createWithoutConfirmation: i = !1,
     getItemValidationErrorType: d = null,
@@ -454,154 +460,159 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     getAdditionalCreationCondition: g = () => !0,
     highlightUnStoredItem: a = !1,
     parseInputValueFn: A = null,
-    handleUnStoredItemCb: C = null,
-    dataAutomationId: j = "",
+    handleUnStoredItemCb: M = null,
+    dataAutomationId: D = "",
     existingItemsMap: S = {},
-    customizeNewSelectedValue: H = (m) => m,
+    customizeNewSelectedValue: T = (f) => f,
     renderCustomSelectedItem: x,
     useFixedPositioning: $,
-    newItemButtonText: ce = "",
-    menuClassName: we = "",
-    selectedItemSingleLine: Y,
-    selectedItemClassName: be,
-    selectedItemTextClassName: ae,
-    ...ie
-  } = t, { refs: de, floatingStyles: ye } = Be({
+    dropdownMatchInputWidth: oe = !1,
+    newItemButtonText: we = "",
+    menuClassName: K = "",
+    selectedItemSingleLine: ie,
+    selectedItemClassName: de,
+    selectedItemTextClassName: ue,
+    ...ve
+  } = t, be = Be(
+    () => oe ? [Bt] : [],
+    [oe]
+  ), { refs: X, floatingStyles: ye } = $e({
     placement: "bottom-start",
     strategy: $ ? "fixed" : "absolute",
-    whileElementsMounted: Le
-  }), J = s.length === 0 && !p ? l : "", te = Ce(null);
-  ve(() => {
+    whileElementsMounted: De,
+    middleware: be
+  }), ge = s.length === 0 && !m ? l : "", se = Ce(null);
+  he(() => {
     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 === L
-  }), Ne = ({
-    event: m,
-    removeItem: I,
-    inputValue: M
+  const xe = (f, v) => {
+    p(f, v);
+  }, w = (f, v, z) => ({ item: C, index: W, ...H }) => f({
+    item: C,
+    index: W,
+    isSelected: z.some((V) => te(V, C)),
+    ...H,
+    isActive: v === W
+  }), j = ({
+    event: f,
+    removeItem: v,
+    inputValue: z
   }) => {
-    m.key === "Backspace" && !M && s.length && I(s[s.length - 1], null);
-  }, v = ({
-    inputValue: m,
-    selectItem: I,
-    clearSelection: M,
-    batchAddItems: w
+    f.key === "Backspace" && !z && s.length && v(s[s.length - 1], null);
+  }, G = ({
+    inputValue: f,
+    selectItem: v,
+    clearSelection: z,
+    batchAddItems: C
   }) => {
     if (A) {
-      const L = A(m);
-      w(L.length ? L : [m]), M();
+      const W = A(f);
+      C(W.length ? W : [f]), z();
     } else
-      I(m), M();
-  }, W = (m) => (I) => {
-    m(I, null), te.current && te.current.focus();
-  }, Q = e.filter((m) => s.every((I) => !ee(I, m)));
+      v(f), z();
+  }, J = (f) => (v) => {
+    f(v, null), se.current && se.current.focus();
+  }, U = e.filter((f) => s.every((v) => !te(v, f)));
   return /* @__PURE__ */ r(
     Ct,
     {
-      onChange: ge,
+      onChange: xe,
       itemToString: y,
       selectedItems: s,
       onStateChange: o,
       options: e,
       existingItemsMap: S,
-      handleUnStoredItemCb: C,
-      customizeNewSelectedValue: H,
+      handleUnStoredItemCb: M,
+      customizeNewSelectedValue: T,
       children: ({
-        getInputProps: m,
-        getItemProps: I,
-        isOpen: M,
-        inputValue: w = "",
-        highlightedIndex: L,
-        removeItem: Z,
-        editItem: oe,
-        openMenu: q,
-        selectItem: se,
-        clearSelection: ue,
-        toggleMenu: Ee,
-        storedItemsMap: U,
-        getRootProps: Ie,
-        batchAddItems: me
+        getInputProps: f,
+        getItemProps: v,
+        isOpen: z,
+        inputValue: C = "",
+        highlightedIndex: W,
+        removeItem: H,
+        editItem: V,
+        openMenu: Ne,
+        selectItem: me,
+        clearSelection: Q,
+        toggleMenu: Ie,
+        storedItemsMap: Ee,
+        getRootProps: ze,
+        batchAddItems: ne
       }) => {
-        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(
+        const Se = ze(void 0, { suppressRefError: !0 }), pe = C ?? "";
+        return /* @__PURE__ */ P("div", { ...Se, className: Z("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ P(ae, { children: [
+            /* @__PURE__ */ P(
               "div",
               {
-                ref: de.setReference,
-                className: X("autocomplete", c, {
-                  "mobile-disabled": P,
+                ref: X.setReference,
+                className: Z("autocomplete", c, {
+                  "mobile-disabled": B,
                   error: _,
                   touched: u,
-                  disabled: p
+                  disabled: m
                 }),
                 children: [
-                  /* @__PURE__ */ O(
+                  /* @__PURE__ */ P(
                     "div",
                     {
-                      className: X("autocomplete-input", {
-                        "mobile-disabled": P,
-                        "single-line-mode": Y
+                      className: Z("autocomplete-input", {
+                        "mobile-disabled": B,
+                        "single-line-mode": ie
                       }),
                       children: [
                         /* @__PURE__ */ r(
                           ct,
                           {
                             items: s,
-                            onRemoveItem: W(Z),
-                            disabled: p,
-                            mobileDisabled: P,
+                            onRemoveItem: J(H),
+                            disabled: m,
+                            mobileDisabled: B,
                             parseValueToString: y,
                             getItemValidationErrorType: d,
                             renderCustomSelectedItem: x,
-                            editItem: oe,
-                            editable: N,
+                            editItem: V,
+                            editable: I,
                             getAdditionalCreationCondition: g,
-                            storedItemsMap: U,
+                            storedItemsMap: Ee,
                             highlightUnStoredItem: a,
-                            selectedItemSingleLine: Y,
-                            selectedItemClassName: be,
-                            selectedItemTextClassName: ae
+                            selectedItemSingleLine: ie,
+                            selectedItemClassName: de,
+                            selectedItemTextClassName: ue
                           }
                         ),
                         /* @__PURE__ */ r(
                           "input",
                           {
-                            ...m({
-                              ref: te,
-                              placeholder: J,
-                              maxLength: B,
+                            ...f({
+                              ref: se,
+                              placeholder: ge,
+                              maxLength: L,
                               onFocus: () => {
-                                R && q(), z();
+                                F && Ne(), R();
                               },
-                              onKeyDown: (D) => {
-                                D.key === De && w && b && g(w) && v({
-                                  inputValue: w,
-                                  selectItem: se,
-                                  clearSelection: ue,
-                                  batchAddItems: me
-                                }), Ne({ event: D, removeItem: Z, inputValue: w });
+                              onKeyDown: (N) => {
+                                N.key === je && C && b && g(C) && G({
+                                  inputValue: C,
+                                  selectItem: me,
+                                  clearSelection: Q,
+                                  batchAddItems: ne
+                                }), j({ event: N, removeItem: H, inputValue: C });
                               },
                               onBlur: () => {
-                                k(), w && b && g(w) && v({
-                                  inputValue: w,
-                                  selectItem: se,
-                                  clearSelection: ue,
-                                  batchAddItems: me
+                                k(), C && b && g(C) && G({
+                                  inputValue: C,
+                                  selectItem: me,
+                                  clearSelection: Q,
+                                  batchAddItems: ne
                                 });
                               },
-                              disabled: p,
+                              disabled: m,
                               ...E
                             }),
-                            className: X("input", { disabled: p }, E.className),
-                            "data-automation-id": j
+                            className: Z("input", { disabled: m }, E.className),
+                            "data-automation-id": D
                           }
                         )
                       ]
@@ -611,56 +622,56 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
                     "button",
                     {
                       type: "button",
-                      className: X("clear-icon", { "clear-icon--disabled": p }),
+                      className: Z("clear-icon", { "clear-icon--disabled": m }),
                       onClick: () => {
-                        var D;
-                        return !p && ((D = E == null ? void 0 : E.onClear) == null ? void 0 : D.call(E));
+                        var N;
+                        return !m && ((N = E == null ? void 0 : E.onClear) == null ? void 0 : N.call(E));
                       },
-                      onMouseDown: (D) => D.preventDefault(),
+                      onMouseDown: (N) => N.preventDefault(),
                       children: /* @__PURE__ */ r(tt, {})
                     }
                   ),
-                  R && /* @__PURE__ */ r(
+                  F && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: X("dropdown-button", { "icon-reversed": M }),
-                      onClick: () => Ee(),
+                      className: Z("dropdown-button", { "icon-reversed": z }),
+                      onClick: () => Ie(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": M,
-                      children: /* @__PURE__ */ r($e, {})
+                      "aria-expanded": z,
+                      children: /* @__PURE__ */ r(Te, {})
                     }
                   )
                 ]
               }
             ),
-            _ && u && /* @__PURE__ */ r("span", { className: X("error-text"), children: _ })
+            _ && u && /* @__PURE__ */ r("span", { className: Z("error-text"), children: _ })
           ] }),
           /* @__PURE__ */ r(
-            Te,
+            We,
             {
-              isOpen: M,
+              isOpen: z,
               loading: n,
-              async: F,
-              ref: de.setFloating,
-              newItemButtonText: ce,
-              isDropdownMode: R,
+              async: O,
+              ref: X.setFloating,
+              newItemButtonText: we,
+              isDropdownMode: F,
               style: ye,
               inputValue: pe.trim(),
-              getItemProps: xe(I, L, s),
+              getItemProps: w(v, W, s),
               parseValueToString: y,
               createWithoutConfirmation: i,
-              options: Q,
-              className: we,
-              ...ie
+              options: U,
+              className: K,
+              ...ve
             }
           )
         ] });
       }
     }
   );
-}, Bt = ({ skip: t }) => {
-  He(() => {
+}, Lt = ({ skip: t }) => {
+  Ye(() => {
     if (t)
       return;
     let e = window.scrollY, n = !0;
@@ -681,8 +692,8 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       clearTimeout(_), window.removeEventListener("scroll", l, { capture: !0 });
     };
   }, [t]);
-}, Lt = ({ skip: t, reference: e }) => {
-  ve(() => {
+}, $t = ({ skip: t, reference: e }) => {
+  he(() => {
     if (t)
       return;
     const n = () => {
@@ -693,8 +704,8 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       window.removeEventListener("resize", n);
     };
   }, [t, e]);
-}, $t = ({ skip: t, onClose: e, menuRef: n }) => {
-  ve(() => {
+}, Dt = ({ skip: t, onClose: e, menuRef: n }) => {
+  he(() => {
     if (t)
       return;
     const o = (s) => {
@@ -705,15 +716,15 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       window.removeEventListener("scroll", o, !0);
     };
   }, [t, e, n]);
-}, Dt = {
+}, Tt = {
   "input-wrapper": "_input-wrapper_d9vma_1",
   "dropdown-button": "_dropdown-button_d9vma_6",
   "icon-reversed": "_icon-reversed_d9vma_14"
-}, Pe = G.bind(Dt), Tt = 0, jt = Qe({
+}, Pe = q.bind(Tt), jt = 0, Wt = Ze({
   fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
   boundary: document == null ? void 0 : document.documentElement,
   rootBoundary: "viewport"
-}), Ht = Ze({
+}), Ht = Le({
   apply({ rects: t, elements: e }) {
     Object.assign(e.floating.style, {
       width: `${t.reference.width}px`
@@ -732,18 +743,18 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     },
     disabled: u = !1,
     inputProps: b = {},
-    parseValueToString: N = (v) => v === null ? "" : String(v),
-    minLength: f = 1,
-    skipOptionCreation: z = !1,
+    parseValueToString: I = (w) => w === null ? "" : String(w),
+    minLength: p = 1,
+    skipOptionCreation: R = !1,
     maxLength: k = null,
-    optionVariant: p = "",
-    isRequired: R = !1,
-    error: P = "",
+    optionVariant: m = "",
+    isRequired: F = !1,
+    error: B = "",
     touched: E = !1,
     setTouch: y = () => {
     },
-    createWithoutConfirmation: B = !1,
-    menuClassName: F = "",
+    createWithoutConfirmation: L = !1,
+    menuClassName: O = "",
     icon: c,
     isDropdownMode: i = !1,
     isOptionUnique: d,
@@ -751,152 +762,152 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
     stateReducer: g,
     onStateChange: a,
     useFixedPositioning: A,
-    dropdownMatchInputWidth: C = !1,
-    withMenuFlip: j = !1,
+    dropdownMatchInputWidth: M = !1,
+    withMenuFlip: D = !1,
     placement: S = "bottom-start",
-    newItemButtonText: H = "",
+    newItemButtonText: T = "",
     menuPortalRoot: x,
     ...$
-  } = 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(
+  } = t, [oe, we] = ce(!1), K = Ce(null), ie = Y(() => {
+    var w;
+    return (w = K.current) == null ? void 0 : w.call(K);
+  }, []), de = !oe || !x, ue = x || A ? "fixed" : "absolute", ve = !oe || ue === "absolute", be = Be(
     () => [
-      ...j ? [jt] : [],
-      ...C ? [Ht] : []
+      ...D ? [Wt] : [],
+      ...M ? [Ht] : []
     ],
-    [j, C]
-  ), { refs: J, floatingStyles: te } = Be({
+    [D, M]
+  ), { refs: X, floatingStyles: ye } = $e({
     placement: S,
-    whileElementsMounted: Le,
-    strategy: ie,
-    middleware: ye
+    whileElementsMounted: De,
+    strategy: ue,
+    middleware: be
   });
-  Bt({ skip: ae }), Lt({ skip: ae, reference: J.reference }), $t({
-    skip: de,
-    onClose: be,
-    menuRef: J.floating
+  Lt({ skip: de }), $t({ skip: de, reference: X.reference }), Dt({
+    skip: ve,
+    onClose: ie,
+    menuRef: X.floating
   });
-  const ge = (v, W, Q) => ({ item: m, index: I, ...M }) => v({
-    item: m,
-    index: I,
-    isSelected: Q !== null && Q === m,
-    ...M,
-    isActive: W === I
-  }), xe = (v, W) => {
-    v.key === Ve && (v.preventDefault(), W(e.length));
-  }, Ne = K(
-    (v, ...W) => {
-      (v == null ? void 0 : v.isOpen) !== void 0 && we(v.isOpen), a == null || a(v, ...W);
+  const ge = (w, j, G) => ({ item: J, index: U, ...f }) => w({
+    item: J,
+    index: U,
+    isSelected: G !== null && G === J,
+    ...f,
+    isActive: j === U
+  }), se = (w, j) => {
+    w.key === Ve && (w.preventDefault(), j(e.length));
+  }, xe = Y(
+    (w, ...j) => {
+      (w == null ? void 0 : w.isOpen) !== void 0 && we(w.isOpen), a == null || a(w, ...j);
     },
     [a]
   );
   return /* @__PURE__ */ r(
-    he,
+    _e,
     {
       onChange: s,
-      itemToString: N,
+      itemToString: I,
       selectedItem: n,
-      onStateChange: Ne,
-      defaultHighlightedIndex: Tt,
+      onStateChange: xe,
+      defaultHighlightedIndex: jt,
       stateReducer: g,
       children: ({
-        getInputProps: v,
-        getItemProps: W,
-        setHighlightedIndex: Q,
-        toggleMenu: m,
-        openMenu: I,
-        closeMenu: M,
-        isOpen: w,
-        inputValue: L,
-        highlightedIndex: Z,
-        getRootProps: oe,
-        selectItem: q
+        getInputProps: w,
+        getItemProps: j,
+        setHighlightedIndex: G,
+        toggleMenu: J,
+        openMenu: U,
+        closeMenu: f,
+        isOpen: v,
+        inputValue: z,
+        highlightedIndex: C,
+        getRootProps: W,
+        selectItem: H
       }) => {
-        const se = oe(void 0, { suppressRefError: !0 }), ue = {
-          ...se,
-          ref: (T) => (J.setReference(T), se.ref(T))
+        const V = W(void 0, { suppressRefError: !0 }), Ne = {
+          ...V,
+          ref: (N) => (X.setReference(N), V.ref(N))
         };
-        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(
-          Te,
+        K.current || (K.current = f);
+        const me = z ?? "", { onClear: Q, clearable: Ie, ...Ee } = b, ne = Ie && n !== null, Se = (...N) => {
+          H(null), Q == null || Q(...N);
+        }, pe = /* @__PURE__ */ r(
+          We,
           {
-            isOpen: w,
+            isOpen: v,
             isDropdownMode: i,
-            style: te,
-            ref: J.setFloating,
+            style: ye,
+            ref: X.setFloating,
             portalMenuAttribute: x ? Ue : null,
-            minLength: f,
-            inputValue: (L || "").trim(),
-            getItemProps: ge(W, Z, n),
-            parseValueToString: N,
-            optionVariant: p,
-            createWithoutConfirmation: B,
-            className: F,
+            minLength: p,
+            inputValue: (z || "").trim(),
+            getItemProps: ge(j, C, n),
+            parseValueToString: I,
+            optionVariant: m,
+            createWithoutConfirmation: L,
+            className: O,
             options: e,
-            newItemButtonText: H,
+            newItemButtonText: T,
             ...$
           }
         );
-        return /* @__PURE__ */ O(le, { children: [
-          /* @__PURE__ */ O("div", { className: Pe("input-wrapper"), ...ue, children: [
+        return /* @__PURE__ */ P(ae, { children: [
+          /* @__PURE__ */ P("div", { className: Pe("input-wrapper"), ...Ne, children: [
             /* @__PURE__ */ r(
               qe,
               {
-                ...v({
+                ...w({
                   placeholder: u ? "" : o,
                   maxLength: k || void 0,
                   onFocus: () => {
-                    i && !w && (I(), y == null || y(!0)), l();
+                    i && !v && (U(), y == null || y(!0)), l();
                   },
                   ref: h,
-                  onKeyDown: (T) => {
-                    T.key === De && T.preventDefault(), L && w && xe(T, Q);
+                  onKeyDown: (N) => {
+                    N.key === je && N.preventDefault(), z && v && se(N, G);
                   },
-                  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);
+                  onBlur: (N) => {
+                    const re = me.trim(), ke = !Me(re), Re = ke ? e.find((Ae) => I(Ae) === re) : void 0;
+                    H(Re || (!R && L && ke ? re : null)), _(N), d == null || d(
+                      ke ? !e.some((Ae) => I(Ae) === re) : null
+                    ), i && v && J(), y == null || y(!0);
                   },
                   disabled: u,
                   defaultWidth: !1,
-                  isRequired: R,
+                  isRequired: F,
                   touched: E,
-                  error: P,
-                  ...me,
-                  clearable: pe,
-                  onClear: pe ? D : U,
+                  error: B,
+                  ...Ee,
+                  clearable: ne,
+                  onClear: ne ? Se : Q,
                   endIcon: i && !c ? /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: Pe("dropdown-button", { "icon-reversed": w }),
-                      onClick: () => m(),
+                      className: Pe("dropdown-button", { "icon-reversed": v }),
+                      onClick: () => J(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": w,
-                      children: /* @__PURE__ */ r($e, {})
+                      "aria-expanded": v,
+                      children: /* @__PURE__ */ r(Te, {})
                     }
                   ) : c,
-                  minLength: i ? 0 : f
+                  minLength: i ? 0 : p
                 })
               }
             ),
-            !x && Se
+            !x && pe
           ] }),
-          x && Je(Se, x)
+          x && Qe(pe, x)
         ] });
       }
     }
   );
 };
 export {
-  Te as AutocompleteMenu,
+  We as AutocompleteMenu,
   Fe as AutocompleteOption,
   gt as AutocompleteOptions,
   ut as AutocompletePrompt,
-  ho as MultipleAutocomplete,
+  wo as MultipleAutocomplete,
   vo as SingleAutocomplete
 };