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

package/dist/autocompletes.js

@@ -1,17 +1,17 @@
-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 { 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 { createPortal as Qe } 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 { 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 Te } from "./dropdown-0260bb66.js";
-import { E as $e, A as Ue, T as Ve } from "./constants-85822a6b.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,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 = ({
+}, fe = q.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,
+  storedOption: I = !0,
+  highlightUnStoredItem: p = !1,
   variant: R = "light",
-  getItemName: C,
+  getItemName: k,
   singleLine: m = !1,
   className: F,
-  textClassName: P
+  textClassName: B
 }) => {
-  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] = 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) => {
     O(x.target.value);
-  }, S = (x) => {
+  }, a = (x) => {
     const $ = b(L);
-    x.key === "Enter" && $ && (h(t, L), E(!1), O(""));
-  }, _ = () => {
-    E(!1), O("");
-  }, k = (x) => {
+    x.key === "Enter" && $ && (_(t, L), y(!1), O(""));
+  }, A = () => {
+    y(!1), O("");
+  }, M = (x) => {
     x.stopPropagation(), e(t);
-  }, M = (s == null ? void 0 : s(t)) || "";
-  we(() => {
-    if (a.current && m) {
+  }, D = (s == null ? void 0 : s(t)) || "";
+  he(() => {
+    if (d.current && m) {
       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(
+  }, [D, m]);
+  const S = fe(
     "selected-item-text",
     {
       "single-line": m
     },
-    P
-  ), H = pe(
+    B
+  ), T = fe(
     "selected-item",
     R,
     {
       [`validation-${l}`]: l,
       disabled: n,
       "mobile-disabled": o,
-      "highlight-un-stored-item": f && !N
+      "highlight-un-stored-item": p && !I
     },
     F
   );
-  return y ? /* @__PURE__ */ r(
+  return E ? /* @__PURE__ */ r(
     "input",
     {
       autoFocus: !0,
       value: L,
       onChange: g,
-      onKeyDown: S,
-      onBlur: _,
-      className: pe("input")
+      onKeyDown: a,
+      onBlur: A,
+      className: fe("input")
     }
-  ) : /* @__PURE__ */ B("div", { className: H, onClick: p, children: [
+  ) : /* @__PURE__ */ P("div", { className: T, onClick: h, children: [
     /* @__PURE__ */ r(
       "span",
       {
-        ref: a,
-        className: A,
-        title: m && c ? M : void 0,
-        children: M
+        ref: d,
+        className: S,
+        title: m && c ? D : void 0,
+        children: D
       }
     ),
     !n && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        className: pe("cross-icon", {
+        className: fe("cross-icon", {
           [`validation-${l}`]: l,
           "mobile-disabled": o,
           disabled: n
         }),
-        onClick: k,
+        onClick: M,
         children: /* @__PURE__ */ r(et, {})
       }
     )
@@ -134,27 +134,27 @@ 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(
+  ...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: h,
-    className: d,
+    singleLine: _,
+    className: u,
     textClassName: b,
-    ...N
+    ...I
   },
-  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 = {
+  e == null ? void 0 : e(p)
+)), at = "_prompt_1xfmd_16", it = {
+  prompt: at
+}, 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",
@@ -165,36 +165,36 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   "button-active": "_button-active_zw4ux_80",
   disabled: wt,
   "value-variant": "_value-variant_zw4ux_100"
-}, V = G.bind(vt), Fe = ({
+}, ee = q.bind(vt), 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: [
-    /* @__PURE__ */ r("div", { className: V("divider") }),
-    /* @__PURE__ */ B(
+  const b = () => _ || (l === "key-variant" ? "New key" : "New value");
+  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
         }),
-        ...d,
+        ...u,
         children: [
-          /* @__PURE__ */ r("span", { className: V("value"), children: o }),
+          /* @__PURE__ */ r("span", { className: ee("value"), children: o }),
           /* @__PURE__ */ r(
-            Xe,
+            Ge,
             {
-              ...!s && d,
-              className: V({ "button-active": t }),
-              icon: /* @__PURE__ */ r(Ge, {}),
+              ...!s && u,
+              className: ee({ "button-active": t }),
+              icon: /* @__PURE__ */ r(Je, {}),
               variant: "text",
               children: b()
             }
@@ -205,94 +205,97 @@ 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 ? {} : d,
-      children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
+      ...s ? {} : u,
+      children: /* @__PURE__ */ r("span", { className: ee("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"
+}, le = q.bind(yt), gt = (t) => {
   const {
     options: e,
     async: n,
     inputValue: o,
     loading: s,
     createWithoutConfirmation: l,
-    customEmptyListMessage: h,
-    customNoMatchesMessage: d,
-    optionVariant: b,
-    newItemButtonText: N,
-    renderOption: f,
+    customEmptyListMessage: _,
+    customNoMatchesMessage: u,
+    optionVariant: b = "",
+    newItemButtonText: I,
+    renderOption: p,
     getUniqKey: R,
-    getItemProps: C,
+    getItemProps: k,
     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(
+    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,
-        ...C({ item: _, index: k }),
+        ...k({ item: a, index: A }),
         isNew: M,
-        newItemButtonText: N,
-        children: m(_)
+        newItemButtonText: I,
+        children: m(a)
       },
-      (R == null ? void 0 : R(_)) || m(_)
+      (R == null ? void 0 : R(a)) || m(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, R, I, b, m, p]
+  ), L = Y(
+    (a) => a.length ? a.map((A, M) => y(A, M)) : "",
+    [y]
+  ), O = Y(
+    (a) => {
+      const A = a.length;
+      return /* @__PURE__ */ r("div", { className: le({ container: !A }), children: /* @__PURE__ */ r(
         Fe,
         {
           optionVariant: b,
           isNew: !0,
-          newItemButtonText: N,
-          ...C({ item: o, index: k }),
+          newItemButtonText: I,
+          ...k({ item: o, index: A }),
           children: m(o)
         },
         m(o)
       ) });
     },
-    [C, o, N, b, m]
-  ), i = K(
-    (_) => s ? /* @__PURE__ */ B(he, { children: [
-      /* @__PURE__ */ r(ut, { children: /* @__PURE__ */ r(Ke, {}) }),
-      !l && c(_)
+    [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, 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, O]
+  ), i = Y(() => {
+    const a = (e == null ? void 0 : e.length) === 0 ? _ || "No available options" : u || "No matches found";
+    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 && !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 && c(p)
+    !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, De = je(
+  dark: It
+}, St = q.bind(Et), kt = (t, e) => !t || t <= e.trim().length, We = He(
   ({
     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,13 +315,13 @@ 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)]) : "", 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];
@@ -329,61 +332,61 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
   handleUnStoredItemCb: o = null,
   existingItemsMap: s = {},
   children: l,
-  customizeNewSelectedValue: h = (f) => f,
-  getOptionUniqKey: d,
+  customizeNewSelectedValue: _ = (p) => p,
+  getOptionUniqKey: u,
   getOptionUniqKeyValue: b,
-  ...N
+  ...I
 }) => {
-  const [f, R] = ne(s), C = (c, i) => {
-    const a = {
-      ...f
+  const [p, R] = ce(s), k = (c, i) => {
+    const d = {
+      ...p
     };
-    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);
+    }), R(d), i(d);
   }, m = (c, i) => {
-    const a = Le(c, d);
-    if (a in f) {
-      const p = { ...f };
-      delete p[a], R(p), i(p);
+    const d = Oe(c, u);
+    if (d in p) {
+      const h = { ...p };
+      delete h[d], R(h), i(h);
     } else
-      i(f);
+      i(p);
   }, 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
+    const a = (Array.isArray(c) ? c : [c]).map((S) => _(S)).flatMap((S) => Array.isArray(S) ? S : [S]).filter(
+      (S, T, x) => x.findIndex(($) => te($, S)) === T
     );
-    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));
-  }, 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 M = [...n.filter(
+      (S) => !a.some((T) => te(T, S))
+    ), ...a];
+    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) => !te(g, c));
+    e == null || e(d, i), m(c, (g) => o == null ? void 0 : o(d, g));
+  }, y = (c, i) => {
     c && F(c, i);
   }, L = (c) => ({
-    removeItem: y,
-    editItem: P,
+    removeItem: E,
+    editItem: B,
     handleChange: e,
     getOptionUniqKeyValue: b,
-    storedItemsMap: f,
-    batchAddItems: (a) => {
-      F(a, c);
+    storedItemsMap: p,
+    batchAddItems: (d) => {
+      F(d, c);
     },
     ...c
   });
   return /* @__PURE__ */ r(
     _e,
     {
-      ...N,
+      ...I,
       stateReducer: (c, i) => {
         switch (i.type) {
           case _e.stateChangeTypes.keyDownEnter:
@@ -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))
     }
   );
-}, 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,12 +416,18 @@ 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",
   "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,
@@ -426,194 +435,199 @@ 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 = () => {
+    editable: I = !1,
+    onChange: p = () => {
     },
     onFocus: R = () => {
     },
-    onBlur: C = () => {
+    onBlur: k = () => {
     },
     disabled: m = !1,
     isDropdownMode: F = !1,
-    mobileDisabled: P = !1,
-    inputProps: y = {},
-    parseValueToString: E = (u) => u == null ? "" : String(u),
+    mobileDisabled: B = !1,
+    inputProps: E = {},
+    parseValueToString: y = (f) => f == null ? "" : String(f),
     maxLength: L = null,
     async: O = !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: M = null,
+    dataAutomationId: D = "",
+    existingItemsMap: S = {},
+    customizeNewSelectedValue: T = (f) => f,
     renderCustomSelectedItem: x,
     useFixedPositioning: $,
-    newItemButtonText: re = "",
-    menuClassName: ve = "",
-    selectedItemSingleLine: Y,
-    selectedItemClassName: be,
-    selectedItemTextClassName: le,
-    ...ce
-  } = t, { refs: ie, 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: 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)),
-    ...Z,
-    isActive: I === T
-  }), Ne = ({
-    event: u,
-    removeItem: I,
+    whileElementsMounted: De,
+    middleware: be
+  }), ge = s.length === 0 && !m ? l : "", se = Ce(null);
+  he(() => {
+    h();
+  }, [h, s]);
+  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
   }) => {
-    u.key === "Backspace" && !z && s.length && I(s[s.length - 1], null);
-  }, w = ({
-    inputValue: u,
-    selectItem: I,
+    f.key === "Backspace" && !z && s.length && v(s[s.length - 1], null);
+  }, G = ({
+    inputValue: f,
+    selectItem: v,
     clearSelection: z,
-    batchAddItems: v
+    batchAddItems: C
   }) => {
-    if (_) {
-      const T = _(u);
-      v(T.length ? T : [u]), z();
+    if (A) {
+      const W = A(f);
+      C(W.length ? W : [f]), z();
     } 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)));
+      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,
-      itemToString: E,
+      onChange: xe,
+      itemToString: y,
       selectedItems: s,
       onStateChange: o,
       options: e,
-      existingItemsMap: A,
-      handleUnStoredItemCb: k,
-      customizeNewSelectedValue: H,
+      existingItemsMap: S,
+      handleUnStoredItemCb: M,
+      customizeNewSelectedValue: T,
       children: ({
-        getInputProps: u,
-        getItemProps: I,
+        getInputProps: f,
+        getItemProps: v,
         isOpen: z,
-        inputValue: v = "",
-        highlightedIndex: T,
-        removeItem: Z,
-        editItem: oe,
-        openMenu: q,
-        selectItem: se,
-        clearSelection: ae,
-        toggleMenu: Ee,
-        storedItemsMap: U,
-        getRootProps: Ie,
-        batchAddItems: de
+        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 }), ue = v ?? "";
-        return /* @__PURE__ */ B("div", { ...ze, className: X("autocomplete-wrapper"), children: [
-          /* @__PURE__ */ B(he, { children: [
-            /* @__PURE__ */ B(
+        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: ie.setReference,
-                className: X("autocomplete", c, {
-                  "mobile-disabled": P,
-                  error: h,
-                  touched: d,
+                ref: X.setReference,
+                className: Z("autocomplete", c, {
+                  "mobile-disabled": B,
+                  error: _,
+                  touched: u,
                   disabled: m
                 }),
                 children: [
-                  /* @__PURE__ */ B(
+                  /* @__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),
+                            onRemoveItem: J(H),
                             disabled: m,
-                            mobileDisabled: P,
-                            parseValueToString: E,
-                            getItemValidationErrorType: a,
+                            mobileDisabled: B,
+                            parseValueToString: y,
+                            getItemValidationErrorType: d,
                             renderCustomSelectedItem: x,
-                            editItem: oe,
-                            editable: N,
+                            editItem: V,
+                            editable: I,
                             getAdditionalCreationCondition: g,
-                            storedItemsMap: U,
-                            highlightUnStoredItem: S,
-                            selectedItemSingleLine: Y,
-                            selectedItemClassName: be,
-                            selectedItemTextClassName: le
+                            storedItemsMap: Ee,
+                            highlightUnStoredItem: a,
+                            selectedItemSingleLine: ie,
+                            selectedItemClassName: de,
+                            selectedItemTextClassName: ue
                           }
                         ),
                         /* @__PURE__ */ r(
                           "input",
                           {
-                            ...u({
-                              ref: te,
-                              placeholder: J,
+                            ...f({
+                              ref: se,
+                              placeholder: ge,
                               maxLength: L,
                               onFocus: () => {
-                                F && q(), R();
+                                F && Ne(), R();
                               },
-                              onKeyDown: (D) => {
-                                D.key === $e && v && b && g(v) && w({
-                                  inputValue: v,
-                                  selectItem: se,
-                                  clearSelection: ae,
-                                  batchAddItems: de
-                                }), Ne({ event: D, removeItem: Z, inputValue: v });
+                              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: () => {
-                                C(), v && b && g(v) && w({
-                                  inputValue: v,
-                                  selectItem: se,
-                                  clearSelection: ae,
-                                  batchAddItems: de
+                                k(), C && b && g(C) && G({
+                                  inputValue: C,
+                                  selectItem: me,
+                                  clearSelection: Q,
+                                  batchAddItems: ne
                                 });
                               },
                               disabled: m,
-                              ...y
+                              ...E
                             }),
-                            className: X("input", { disabled: m }, y.className),
-                            "data-automation-id": M
+                            className: Z("input", { disabled: m }, E.className),
+                            "data-automation-id": D
                           }
                         )
                       ]
                     }
                   ),
-                  (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: Z("clear-icon", { "clear-icon--disabled": m }),
                       onClick: () => {
-                        var D;
-                        return !m && ((D = y == null ? void 0 : y.onClear) == null ? void 0 : D.call(y));
+                        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, {})
                     }
                   ),
@@ -621,8 +635,8 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
                     "button",
                     {
                       type: "button",
-                      className: X("dropdown-button", { "icon-reversed": z }),
-                      onClick: () => Ee(),
+                      className: Z("dropdown-button", { "icon-reversed": z }),
+                      onClick: () => Ie(),
                       "aria-label": "Toggle dropdown",
                       "aria-expanded": z,
                       children: /* @__PURE__ */ r(Te, {})
@@ -631,33 +645,33 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
                 ]
               }
             ),
-            h && d && /* @__PURE__ */ r("span", { className: X("error-text"), children: h })
+            _ && u && /* @__PURE__ */ r("span", { className: Z("error-text"), children: _ })
           ] }),
           /* @__PURE__ */ r(
-            De,
+            We,
             {
               isOpen: z,
               loading: n,
               async: O,
-              ref: ie.setFloating,
-              newItemButtonText: re,
+              ref: X.setFloating,
+              newItemButtonText: we,
               isDropdownMode: F,
               style: ye,
-              inputValue: ue.trim(),
-              getItemProps: xe(I, T, s),
-              parseValueToString: E,
+              inputValue: pe.trim(),
+              getItemProps: w(v, W, s),
+              parseValueToString: y,
               createWithoutConfirmation: i,
-              options: Q,
-              className: ve,
-              ...ce
+              options: U,
+              className: K,
+              ...ve
             }
           )
         ] });
       }
     }
   );
-}, Bt = ({ skip: t }) => {
-  He(() => {
+}, Lt = ({ skip: t }) => {
+  Ye(() => {
     if (t)
       return;
     let e = window.scrollY, n = !0;
@@ -665,21 +679,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(() => {
+}, $t = ({ skip: t, reference: e }) => {
+  he(() => {
     if (t)
       return;
     const n = () => {
@@ -690,8 +704,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(() => {
+}, Dt = ({ skip: t, onClose: e, menuRef: n }) => {
+  he(() => {
     if (t)
       return;
     const o = (s) => {
@@ -702,21 +716,21 @@ const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
       window.removeEventListener("scroll", o, !0);
     };
   }, [t, e, n]);
-}, $t = {
+}, Tt = {
   "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 = 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`
     });
   }
-}), wo = (t) => {
+}), vo = (t) => {
   const {
     options: e = [],
     value: n,
@@ -725,175 +739,175 @@ 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),
-    minLength: f = 1,
+    parseValueToString: I = (w) => w === null ? "" : String(w),
+    minLength: p = 1,
     skipOptionCreation: R = !1,
-    maxLength: C = null,
+    maxLength: k = null,
     optionVariant: m = "",
     isRequired: F = !1,
-    error: P = "",
-    touched: y = !1,
-    setTouch: E = () => {
+    error: B = "",
+    touched: E = !1,
+    setTouch: y = () => {
     },
     createWithoutConfirmation: L = !1,
     menuClassName: O = "",
     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",
-    newItemButtonText: H = "",
+    onStateChange: a,
+    useFixedPositioning: A,
+    dropdownMatchInputWidth: M = !1,
+    withMenuFlip: D = !1,
+    placement: S = "bottom-start",
+    newItemButtonText: T = "",
     menuPortalRoot: x,
     ...$
-  } = t, [re, ve] = ne(!1), Y = Ce(null), be = K(() => {
+  } = t, [oe, we] = ce(!1), K = Ce(null), ie = Y(() => {
     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(
+    return (w = K.current) == null ? void 0 : w.call(K);
+  }, []), de = !oe || !x, ue = x || A ? "fixed" : "absolute", ve = !oe || ue === "absolute", be = Be(
     () => [
-      ...M ? [jt] : [],
-      ...k ? [Ht] : []
+      ...D ? [Wt] : [],
+      ...M ? [Ht] : []
     ],
-    [M, k]
-  ), { refs: J, floatingStyles: te } = Be({
-    placement: A,
-    whileElementsMounted: Oe,
-    strategy: ce,
-    middleware: ye
+    [D, M]
+  ), { refs: X, floatingStyles: ye } = $e({
+    placement: S,
+    whileElementsMounted: De,
+    strategy: ue,
+    middleware: be
   });
-  Bt({ skip: le }), Ot({ skip: le, reference: J.reference }), Tt({
-    skip: ie,
-    onClose: be,
-    menuRef: J.floating
+  Lt({ skip: de }), $t({ skip: de, reference: X.reference }), Dt({
+    skip: ve,
+    onClose: ie,
+    menuRef: X.floating
   });
-  const ge = (w, W, Q) => ({ item: u, index: I, ...z }) => w({
-    item: u,
-    index: I,
-    isSelected: Q !== null && Q === u,
-    ...z,
-    isActive: W === I
-  }), xe = (w, W) => {
-    w.key === Ve && (w.preventDefault(), W(e.length));
-  }, Ne = K(
-    (w, ...W) => {
-      (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), S == null || S(w, ...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);
     },
-    [S]
+    [a]
   );
   return /* @__PURE__ */ r(
     _e,
     {
       onChange: s,
-      itemToString: N,
+      itemToString: I,
       selectedItem: n,
-      onStateChange: Ne,
-      defaultHighlightedIndex: Dt,
+      onStateChange: xe,
+      defaultHighlightedIndex: jt,
       stateReducer: g,
       children: ({
         getInputProps: w,
-        getItemProps: W,
-        setHighlightedIndex: Q,
-        toggleMenu: u,
-        openMenu: I,
-        closeMenu: z,
+        getItemProps: j,
+        setHighlightedIndex: G,
+        toggleMenu: J,
+        openMenu: U,
+        closeMenu: f,
         isOpen: v,
-        inputValue: T,
-        highlightedIndex: Z,
-        getRootProps: oe,
-        selectItem: q
+        inputValue: z,
+        highlightedIndex: C,
+        getRootProps: W,
+        selectItem: H
       }) => {
-        const se = oe(void 0, { suppressRefError: !0 }), ae = {
-          ...se,
-          ref: (j) => (J.setReference(j), se.ref(j))
+        const V = W(void 0, { suppressRefError: !0 }), Ne = {
+          ...V,
+          ref: (N) => (X.setReference(N), V.ref(N))
         };
-        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);
-        }, Se = /* @__PURE__ */ r(
-          De,
+        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: v,
             isDropdownMode: i,
-            style: te,
-            ref: J.setFloating,
+            style: ye,
+            ref: X.setFloating,
             portalMenuAttribute: x ? Ue : null,
-            minLength: f,
-            inputValue: (T || "").trim(),
-            getItemProps: ge(W, Z, n),
-            parseValueToString: N,
+            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__ */ B(he, { children: [
-          /* @__PURE__ */ B("div", { className: Pe("input-wrapper"), ...ae, children: [
+        return /* @__PURE__ */ P(ae, { children: [
+          /* @__PURE__ */ P("div", { className: Pe("input-wrapper"), ...Ne, children: [
             /* @__PURE__ */ r(
               qe,
               {
                 ...w({
-                  placeholder: d ? "" : o,
-                  maxLength: C || void 0,
+                  placeholder: u ? "" : o,
+                  maxLength: k || void 0,
                   onFocus: () => {
-                    i && !v && (I(), E == null || E(!0)), l();
+                    i && !v && (U(), y == null || y(!0)), l();
                   },
-                  ref: p,
-                  onKeyDown: (j) => {
-                    j.key === $e && j.preventDefault(), T && v && xe(j, Q);
+                  ref: h,
+                  onKeyDown: (N) => {
+                    N.key === je && N.preventDefault(), z && v && se(N, G);
                   },
-                  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: (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: d,
+                  disabled: u,
                   defaultWidth: !1,
                   isRequired: F,
-                  touched: y,
-                  error: P,
-                  ...de,
-                  clearable: ue,
-                  onClear: ue ? D : U,
+                  touched: E,
+                  error: B,
+                  ...Ee,
+                  clearable: ne,
+                  onClear: ne ? Se : Q,
                   endIcon: i && !c ? /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
                       className: Pe("dropdown-button", { "icon-reversed": v }),
-                      onClick: () => u(),
+                      onClick: () => J(),
                       "aria-label": "Toggle dropdown",
                       "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 {
-  De as AutocompleteMenu,
+  We as AutocompleteMenu,
   Fe as AutocompleteOption,
   gt as AutocompleteOptions,
   ut as AutocompletePrompt,
-  ho as MultipleAutocomplete,
-  wo as SingleAutocomplete
+  wo as MultipleAutocomplete,
+  vo as SingleAutocomplete
 };