@reportportal/ui-kit 0.0.1-alpha.17 → 0.0.1-alpha.170

package/dist/autocompletes.js

@@ -0,0 +1,780 @@
+import { jsx as o, jsxs as $, Fragment as ae } from "react/jsx-runtime";
+import { useState as re, useRef as Ne, useEffect as ke, useCallback as V, forwardRef as Ae } from "react";
+import { c as J } from "./bind-06a7ff84.js";
+import { Scrollbars as $e } from "rc-scrollbars";
+import { B as Pe } from "./bubblesLoader-f3ffa240.js";
+import { B as Oe } from "./button-97d9e587.js";
+import { S as je } from "./plus-199fb2a8.js";
+import { i as he } from "./isEmpty-ccacb5ff.js";
+import le from "downshift";
+import { useFloating as Ie, autoUpdate as Ce } from "@floating-ui/react";
+import { F as He } from "./fieldText-1749da7a.js";
+import { S as Se } from "./dropdown-0260bb66.js";
+import { S as We } from "./close-4d480ef7.js";
+import { S as Le } from "./clear-53660571.js";
+import "./openEye-950159cb.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+const Ke = "_disabled_1rpph_43", Te = "_input_1rpph_107", Ye = {
+  "selected-item": "_selected-item_1rpph_16",
+  "validation-error": "_validation-error_1rpph_35",
+  "highlight-un-stored-item": "_highlight-un-stored-item_1rpph_40",
+  disabled: Ke,
+  "mobile-disabled": "_mobile-disabled_1rpph_48",
+  "selected-item-text": "_selected-item-text_1rpph_54",
+  "single-line": "_single-line_1rpph_58",
+  "cross-icon": "_cross-icon_1rpph_64",
+  input: Te
+}, ne = J.bind(Ye), Xe = (t) => t.scrollWidth > t.clientWidth, Ge = ({
+  item: t,
+  onRemoveItem: e,
+  disabled: a = !1,
+  mobileDisabled: r = !1,
+  parseValueToString: n,
+  error: d = !1,
+  editItem: v,
+  editable: p = !1,
+  getAdditionalCreationCondition: y = () => !0,
+  storedOption: w = !0,
+  highlightUnStoredItem: f = !1,
+  variant: k = "light",
+  getItemName: N,
+  singleLine: u = !1,
+  className: R,
+  textClassName: I
+}) => {
+  const [g, b] = re(!1), [C, z] = re(""), [l, c] = re(!1), s = Ne(null), i = () => {
+    !a && p && !w && (z((N == null ? void 0 : N(t)) || (n == null ? void 0 : n(t)) || ""), b(!0));
+  }, _ = (S) => {
+    z(S.target.value);
+  }, O = (S) => {
+    const j = y(C);
+    S.key === "Enter" && j && (v(t, C), b(!1), z(""));
+  }, W = () => {
+    b(!1), z("");
+  }, P = (S) => {
+    S.stopPropagation(), e(t);
+  }, L = (n == null ? void 0 : n(t)) || "";
+  ke(() => {
+    if (s.current && u) {
+      const S = () => {
+        s.current && c(Xe(s.current));
+      };
+      if (S(), typeof ResizeObserver < "u") {
+        const j = new ResizeObserver(S);
+        return j.observe(s.current), () => j.disconnect();
+      }
+    } else
+      c(!1);
+  }, [L, u]);
+  const Q = ne(
+    "selected-item-text",
+    {
+      "single-line": u
+    },
+    I
+  ), te = ne(
+    "selected-item",
+    k,
+    {
+      [`validation-${d}`]: d,
+      disabled: a,
+      "mobile-disabled": r,
+      "highlight-un-stored-item": f && !w
+    },
+    R
+  );
+  return g ? /* @__PURE__ */ o(
+    "input",
+    {
+      autoFocus: !0,
+      value: C,
+      onChange: _,
+      onKeyDown: O,
+      onBlur: W,
+      className: ne("input")
+    }
+  ) : /* @__PURE__ */ $("div", { className: te, onClick: i, children: [
+    /* @__PURE__ */ o(
+      "span",
+      {
+        ref: s,
+        className: Q,
+        title: u && l ? L : void 0,
+        children: L
+      }
+    ),
+    !a && /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: ne("cross-icon", {
+          [`validation-${d}`]: d,
+          "mobile-disabled": r,
+          disabled: a
+        }),
+        onClick: P,
+        children: /* @__PURE__ */ o(We, {})
+      }
+    )
+  ] });
+}, Je = ({
+  items: t = [],
+  parseValueToString: e,
+  getItemValidationErrorType: a,
+  storedItemsMap: r = {},
+  highlightUnStoredItem: n = !1,
+  renderCustomSelectedItem: d,
+  selectedItemSingleLine: v,
+  selectedItemClassName: p,
+  selectedItemTextClassName: y,
+  ...w
+}) => t.map((f) => d ? d(f) : /* @__PURE__ */ o(
+  Ge,
+  {
+    parseValueToString: e,
+    error: (a == null ? void 0 : a(f)) || "",
+    item: f,
+    storedOption: !!r[e(f)],
+    highlightUnStoredItem: n,
+    singleLine: v,
+    className: p,
+    textClassName: y,
+    ...w
+  },
+  e == null ? void 0 : e(f)
+)), Qe = "_prompt_1xfmd_16", Ze = {
+  prompt: Qe
+}, qe = J.bind(Ze), Ue = ({ children: t = null }) => /* @__PURE__ */ o("div", { className: qe("prompt"), children: t }), Ve = "_item_zw4ux_16", et = "_divider_zw4ux_24", tt = "_active_zw4ux_49", st = "_value_zw4ux_55", ot = "_tag_zw4ux_69", nt = "_disabled_zw4ux_80", rt = {
+  item: Ve,
+  divider: et,
+  "new-item": "_new-item_zw4ux_31",
+  active: tt,
+  value: st,
+  "key-variant": "_key-variant_zw4ux_66",
+  tag: ot,
+  "button-active": "_button-active_zw4ux_80",
+  disabled: nt,
+  "value-variant": "_value-variant_zw4ux_100"
+}, ee = J.bind(rt), ge = ({
+  isActive: t = !1,
+  isSelected: e = !1,
+  isNew: a = !1,
+  children: r = null,
+  disabled: n = !1,
+  optionVariant: d = "",
+  newItemButtonText: v = "",
+  ...p
+}) => {
+  const y = () => v || (d === "key-variant" ? "New key" : "New value");
+  return a ? /* @__PURE__ */ $(ae, { children: [
+    /* @__PURE__ */ o("div", { className: ee("divider") }),
+    /* @__PURE__ */ $(
+      "li",
+      {
+        className: ee("new-item", d, {
+          active: t,
+          selected: e,
+          disabled: n
+        }),
+        ...p,
+        children: [
+          /* @__PURE__ */ o("span", { className: ee("value"), children: r }),
+          /* @__PURE__ */ o(
+            Oe,
+            {
+              ...!n && p,
+              className: ee({ "button-active": t }),
+              icon: /* @__PURE__ */ o(je, {}),
+              variant: "text",
+              children: y()
+            }
+          )
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ o(
+    "li",
+    {
+      className: ee("item", d, {
+        active: t,
+        selected: e,
+        disabled: n
+      }),
+      ...n ? {} : p,
+      children: /* @__PURE__ */ o("span", { className: ee("label", "tag"), children: r })
+    }
+  );
+}, lt = "_container_5088x_16", ct = {
+  container: lt,
+  "empty-list-message": "_empty-list-message_5088x_20"
+}, _e = J.bind(ct), at = (t) => {
+  const {
+    options: e,
+    async: a,
+    inputValue: r,
+    loading: n,
+    createWithoutConfirmation: d,
+    customEmptyListMessage: v,
+    customNoMatchesMessage: p,
+    optionVariant: y,
+    newItemButtonText: w,
+    renderOption: f,
+    getUniqKey: k,
+    getItemProps: N,
+    parseValueToString: u
+  } = t, R = V(() => (e || []).filter((s) => u(s).toUpperCase().indexOf((r.toUpperCase() || "").trim()) > -1), [r, e, u]), I = V(
+    (s, i, _ = !1) => f ? f(s, i, _, N) : /* @__PURE__ */ o(
+      ge,
+      {
+        optionVariant: y,
+        ...N({ item: s, index: i }),
+        isNew: _,
+        newItemButtonText: w,
+        children: u(s)
+      },
+      (k == null ? void 0 : k(s)) || u(s)
+    ),
+    [N, k, w, y, u, f]
+  ), g = V(
+    (s) => s.length ? s.map((i, _) => I(i, _)) : "",
+    [I]
+  ), b = V(
+    (s) => {
+      const i = s.length;
+      return /* @__PURE__ */ o("div", { className: _e({ container: !i }), children: /* @__PURE__ */ o(
+        ge,
+        {
+          optionVariant: y,
+          isNew: !0,
+          newItemButtonText: w,
+          ...N({ item: r, index: i }),
+          children: u(r)
+        },
+        u(r)
+      ) });
+    },
+    [N, r, w, y, u]
+  ), C = V(
+    (s) => n ? /* @__PURE__ */ $(ae, { children: [
+      /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ o(Pe, {}) }),
+      !d && b(s)
+    ] }) : "",
+    [d, n, b]
+  ), z = V(() => {
+    const s = (e == null ? void 0 : e.length) === 0 ? v || "No available options" : p || "No matches found";
+    return /* @__PURE__ */ o("div", { className: _e("empty-list-message"), children: s });
+  }, [v, p, e == null ? void 0 : e.length]), l = a ? e : R(), c = C(e);
+  return c || /* @__PURE__ */ $("div", { className: _e({ container: e.length }), children: [
+    /* @__PURE__ */ o($e, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? z() : g(l) }),
+    !d && b(l)
+  ] });
+}, it = "_menu_f64z5_16", dt = "_opened_f64z5_34", ut = "_dark_f64z5_37", mt = {
+  menu: it,
+  opened: dt,
+  dark: ut
+}, ft = J.bind(mt), pt = (t, e) => !t || t <= e.trim().length, Ee = Ae(
+  ({
+    isOpen: t = !1,
+    style: e = {},
+    minLength: a = 1,
+    isDropdownMode: r,
+    inputValue: n = "",
+    className: d = "",
+    ...v
+  }, p) => /* @__PURE__ */ o(
+    "ul",
+    {
+      ref: p,
+      className: ft(
+        "menu",
+        { opened: t && (r || pt(a, n)) },
+        d
+      ),
+      style: e,
+      children: /* @__PURE__ */ o(at, { inputValue: n, ...v })
+    }
+  )
+), ye = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ce = (t, e) => {
+  var r;
+  return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((r = Object.entries(t)) != null && r.every(([n, d]) => ce(d, e[n]))));
+}, _t = (t, e, a) => typeof t == "string" ? t === e : a ? (() => {
+  const r = a(t);
+  return t[r] === e[r];
+})() : !1, ht = ({
+  options: t = [],
+  onChange: e,
+  selectedItems: a = [],
+  handleUnStoredItemCb: r = null,
+  existingItemsMap: n = {},
+  children: d,
+  customizeNewSelectedValue: v = (f) => f,
+  getOptionUniqKey: p,
+  getOptionUniqKeyValue: y,
+  ...w
+}) => {
+  const [f, k] = re(n), N = (l, c) => {
+    const s = {
+      ...f
+    };
+    l.forEach((i) => {
+      if (t.find((_) => _t(_, i, p))) {
+        const _ = ye(i, p);
+        s[_] = !0;
+      }
+    }), k(s), c(s);
+  }, u = (l, c) => {
+    const s = ye(l, p);
+    if (s in f) {
+      const i = { ...f };
+      delete i[s], k(i), c(i);
+    } else
+      c(f);
+  }, R = (l, c) => {
+    const s = v(l), i = Array.isArray(s) ? s : [s], O = [...a.filter((P) => i.indexOf(P) < 0), ...i];
+    e == null || e(O, c), N(i, (P) => r == null ? void 0 : r(O, P));
+  }, I = (l, c) => {
+    const s = a.indexOf(l), i = [...a];
+    i.splice(s, 1, c), e == null || e(i, null);
+  }, g = (l, c) => {
+    const s = a.filter((_) => !ce(_, l));
+    e == null || e(s, c), u(l, (_) => r == null ? void 0 : r(s, _));
+  }, b = (l, c) => {
+    l && R(l, c);
+  }, C = (l) => ({
+    removeItem: g,
+    editItem: I,
+    handleChange: e,
+    getOptionUniqKeyValue: y,
+    storedItemsMap: f,
+    ...l
+  });
+  return /* @__PURE__ */ o(
+    le,
+    {
+      ...w,
+      stateReducer: (l, c) => {
+        switch (c.type) {
+          case le.stateChangeTypes.keyDownEnter:
+          case le.stateChangeTypes.clickItem:
+            return {
+              ...c,
+              highlightedIndex: l.highlightedIndex,
+              inputValue: ""
+            };
+          default:
+            return c;
+        }
+      },
+      onChange: b,
+      selectedItem: null,
+      children: (l) => d == null ? void 0 : d(C(l))
+    }
+  );
+}, Re = "Enter", bt = "Tab", vt = "_autocomplete_1so4a_16", wt = "_disabled_1so4a_32", gt = "_error_1so4a_35", yt = "_touched_1so4a_35", xt = "_input_1so4a_77", Nt = {
+  autocomplete: vt,
+  "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
+  disabled: wt,
+  error: gt,
+  touched: yt,
+  "clear-icon": "_clear-icon_1so4a_46",
+  "clear-icon--disabled": "_clear-icon--disabled_1so4a_56",
+  "autocomplete-input": "_autocomplete-input_1so4a_60",
+  "single-line-mode": "_single-line-mode_1so4a_68",
+  "mobile-disabled": "_mobile-disabled_1so4a_72",
+  input: xt,
+  "type-number": "_type-number_1so4a_101",
+  "error-text": "_error-text_1so4a_112",
+  "dropdown-button": "_dropdown-button_1so4a_121",
+  "icon-reversed": "_icon-reversed_1so4a_129"
+}, G = J.bind(Nt), Xt = (t) => {
+  const {
+    options: e = [],
+    loading: a = !1,
+    onStateChange: r = () => {
+    },
+    value: n = [],
+    placeholder: d = "",
+    error: v = "",
+    touched: p = !1,
+    creatable: y = !1,
+    editable: w = !1,
+    onChange: f = () => {
+    },
+    onFocus: k = () => {
+    },
+    onBlur: N = () => {
+    },
+    disabled: u = !1,
+    isDropdownMode: R = !1,
+    mobileDisabled: I = !1,
+    inputProps: g = {},
+    parseValueToString: b = (h) => h == null ? "" : String(h),
+    maxLength: C = null,
+    async: z = !1,
+    customClass: l = "",
+    createWithoutConfirmation: c = !1,
+    getItemValidationErrorType: s = null,
+    clearItemsError: i = () => {
+    },
+    getAdditionalCreationCondition: _ = () => !0,
+    highlightUnStoredItem: O = !1,
+    parseInputValueFn: W = null,
+    handleUnStoredItemCb: P = null,
+    dataAutomationId: L = "",
+    existingItemsMap: Q = {},
+    customizeNewSelectedValue: te = (h) => h,
+    renderCustomSelectedItem: S,
+    useFixedPositioning: j,
+    newItemButtonText: B = "",
+    menuClassName: K = "",
+    selectedItemSingleLine: T,
+    selectedItemClassName: Y,
+    selectedItemTextClassName: Z,
+    ...F
+  } = t, { refs: q, floatingStyles: ie } = Ie({
+    placement: "bottom-start",
+    strategy: j ? "fixed" : "absolute",
+    whileElementsMounted: Ce
+  }), de = n.length === 0 && !u ? d : "", H = Ne(null);
+  ke(() => {
+    i();
+  }, [i, n]);
+  const oe = (h, x) => {
+    f(h, x);
+  }, ue = (h, x, E) => ({ item: m, index: M, ...A }) => h({
+    item: m,
+    index: M,
+    isSelected: E.some((U) => ce(U, m)),
+    ...A,
+    isActive: x === M
+  }), me = ({
+    event: h,
+    removeItem: x,
+    inputValue: E
+  }) => {
+    h.key === "Backspace" && !E && n.length && x(n[n.length - 1], null);
+  }, X = ({
+    inputValue: h,
+    selectItem: x,
+    clearSelection: E
+  }) => {
+    if (W) {
+      const m = W(h);
+      (m.length ? m : [h]).forEach((A) => x(A)), E();
+    } else
+      x(h), E();
+  }, fe = (h) => (x) => {
+    h(x, null), H.current && H.current.focus();
+  }, pe = e.filter((h) => n.every((x) => !ce(x, h)));
+  return /* @__PURE__ */ o(
+    ht,
+    {
+      onChange: oe,
+      itemToString: b,
+      selectedItems: n,
+      onStateChange: r,
+      options: e,
+      existingItemsMap: Q,
+      handleUnStoredItemCb: P,
+      customizeNewSelectedValue: te,
+      children: ({
+        getInputProps: h,
+        getItemProps: x,
+        isOpen: E,
+        inputValue: m = "",
+        highlightedIndex: M,
+        removeItem: A,
+        editItem: U,
+        openMenu: se,
+        selectItem: be,
+        clearSelection: ve,
+        toggleMenu: ze,
+        storedItemsMap: Be,
+        getRootProps: De
+      }) => {
+        const we = De(void 0, { suppressRefError: !0 }), Fe = {
+          ...we,
+          ref: (D) => (q.setReference(D), we.ref(D))
+        }, Me = m ?? "";
+        return /* @__PURE__ */ $("div", { ...Fe, className: G("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ $(ae, { children: [
+            /* @__PURE__ */ $(
+              "div",
+              {
+                className: G("autocomplete", l, {
+                  "mobile-disabled": I,
+                  error: v,
+                  touched: p,
+                  disabled: u
+                }),
+                children: [
+                  /* @__PURE__ */ $(
+                    "div",
+                    {
+                      className: G("autocomplete-input", {
+                        "mobile-disabled": I,
+                        "single-line-mode": T
+                      }),
+                      children: [
+                        /* @__PURE__ */ o(
+                          Je,
+                          {
+                            items: n,
+                            onRemoveItem: fe(A),
+                            disabled: u,
+                            mobileDisabled: I,
+                            parseValueToString: b,
+                            getItemValidationErrorType: s,
+                            renderCustomSelectedItem: S,
+                            editItem: U,
+                            editable: w,
+                            getAdditionalCreationCondition: _,
+                            storedItemsMap: Be,
+                            highlightUnStoredItem: O,
+                            selectedItemSingleLine: T,
+                            selectedItemClassName: Y,
+                            selectedItemTextClassName: Z
+                          }
+                        ),
+                        /* @__PURE__ */ o(
+                          "input",
+                          {
+                            ...h({
+                              ref: H,
+                              placeholder: de,
+                              maxLength: C,
+                              onFocus: () => {
+                                R && se(), k();
+                              },
+                              onKeyDown: (D) => {
+                                D.key === Re && m && y && _(m) && X({
+                                  inputValue: m,
+                                  selectItem: be,
+                                  clearSelection: ve
+                                }), me({ event: D, removeItem: A, inputValue: m });
+                              },
+                              onBlur: () => {
+                                N(), m && y && _(m) && X({
+                                  inputValue: m,
+                                  selectItem: be,
+                                  clearSelection: ve
+                                });
+                              },
+                              disabled: u,
+                              ...g
+                            }),
+                            className: G("input", { disabled: u }, g.className),
+                            "data-automation-id": L
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  (g == null ? void 0 : g.clearable) && !he(n) && /* @__PURE__ */ o(
+                    "button",
+                    {
+                      type: "button",
+                      className: G("clear-icon", { "clear-icon--disabled": u }),
+                      onClick: () => {
+                        var D;
+                        return !u && ((D = g == null ? void 0 : g.onClear) == null ? void 0 : D.call(g));
+                      },
+                      onMouseDown: (D) => D.preventDefault(),
+                      children: /* @__PURE__ */ o(Le, {})
+                    }
+                  ),
+                  R && /* @__PURE__ */ o(
+                    "button",
+                    {
+                      type: "button",
+                      className: G("dropdown-button", { "icon-reversed": E }),
+                      onClick: () => ze(),
+                      "aria-label": "Toggle dropdown",
+                      "aria-expanded": E,
+                      children: /* @__PURE__ */ o(Se, {})
+                    }
+                  )
+                ]
+              }
+            ),
+            v && p && /* @__PURE__ */ o("span", { className: G("error-text"), children: v })
+          ] }),
+          /* @__PURE__ */ o(
+            Ee,
+            {
+              isOpen: E,
+              loading: a,
+              async: z,
+              ref: q.setFloating,
+              newItemButtonText: B,
+              isDropdownMode: R,
+              style: ie,
+              inputValue: Me.trim(),
+              getItemProps: ue(x, M, n),
+              parseValueToString: b,
+              createWithoutConfirmation: c,
+              options: pe,
+              className: K,
+              ...F
+            }
+          )
+        ] });
+      }
+    }
+  );
+}, kt = {
+  "input-wrapper": "_input-wrapper_d9vma_1",
+  "dropdown-button": "_dropdown-button_d9vma_6",
+  "icon-reversed": "_icon-reversed_d9vma_14"
+}, xe = J.bind(kt), It = 0, Gt = (t) => {
+  const {
+    options: e = [],
+    value: a,
+    placeholder: r = "",
+    onChange: n = () => {
+    },
+    onFocus: d = () => {
+    },
+    onBlur: v = () => {
+    },
+    disabled: p = !1,
+    inputProps: y = {},
+    parseValueToString: w = (B) => B === null ? "" : String(B),
+    minLength: f = 1,
+    skipOptionCreation: k = !1,
+    maxLength: N = null,
+    optionVariant: u = "",
+    isRequired: R = !1,
+    error: I = "",
+    touched: g = !1,
+    setTouch: b = () => {
+    },
+    createWithoutConfirmation: C = !1,
+    menuClassName: z = "",
+    icon: l,
+    isDropdownMode: c = !1,
+    isOptionUnique: s,
+    refFunction: i,
+    stateReducer: _,
+    onStateChange: O,
+    useFixedPositioning: W,
+    newItemButtonText: P = "",
+    ...L
+  } = t, { refs: Q, floatingStyles: te } = Ie({
+    placement: "bottom-start",
+    strategy: W ? "fixed" : "absolute",
+    whileElementsMounted: Ce
+  }), S = (B, K, T) => ({ item: Y, index: Z, ...F }) => B({
+    item: Y,
+    index: Z,
+    isSelected: T !== null && T === Y,
+    ...F,
+    isActive: K === Z
+  }), j = (B, K) => {
+    B.key === bt && (B.preventDefault(), K(e.length));
+  };
+  return /* @__PURE__ */ o(
+    le,
+    {
+      onChange: n,
+      itemToString: w,
+      selectedItem: a,
+      onStateChange: O,
+      defaultHighlightedIndex: It,
+      stateReducer: _,
+      children: ({
+        getInputProps: B,
+        getItemProps: K,
+        setHighlightedIndex: T,
+        toggleMenu: Y,
+        openMenu: Z,
+        isOpen: F,
+        inputValue: q,
+        highlightedIndex: ie,
+        getRootProps: de,
+        selectItem: H
+      }) => {
+        const oe = de(void 0, { suppressRefError: !0 }), ue = {
+          ...oe,
+          ref: (m) => (Q.setReference(m), oe.ref(m))
+        }, me = q ?? "", { onClear: X, clearable: fe, ...pe } = y, x = fe && a !== null, E = (...m) => {
+          H(null), X == null || X(...m);
+        };
+        return /* @__PURE__ */ o(ae, { children: /* @__PURE__ */ $("div", { className: xe("input-wrapper"), ...ue, children: [
+          /* @__PURE__ */ o(
+            He,
+            {
+              ...B({
+                placeholder: p ? "" : r,
+                maxLength: N || void 0,
+                onFocus: () => {
+                  c && !F && (Z(), b == null || b(!0)), d();
+                },
+                ref: i,
+                onKeyDown: (m) => {
+                  m.key === Re && m.preventDefault(), q && F && j(m, T);
+                },
+                onBlur: (m) => {
+                  const M = me.trim(), A = !he(M), U = A ? e.find((se) => w(se) === M) : void 0;
+                  H(U || (!k && C && A ? M : null)), v(m), s == null || s(
+                    A ? !e.some((se) => w(se) === M) : null
+                  ), c && F && Y(), b == null || b(!0);
+                },
+                disabled: p,
+                defaultWidth: !1,
+                isRequired: R,
+                touched: g,
+                error: I,
+                ...pe,
+                clearable: x,
+                onClear: x ? E : X,
+                endIcon: c && !l ? /* @__PURE__ */ o(
+                  "button",
+                  {
+                    type: "button",
+                    className: xe("dropdown-button", { "icon-reversed": F }),
+                    onClick: () => Y(),
+                    "aria-label": "Toggle dropdown",
+                    "aria-expanded": F,
+                    children: /* @__PURE__ */ o(Se, {})
+                  }
+                ) : l,
+                minLength: c ? 0 : f
+              })
+            }
+          ),
+          /* @__PURE__ */ o(
+            Ee,
+            {
+              isOpen: F,
+              isDropdownMode: c,
+              style: te,
+              ref: Q.setFloating,
+              minLength: f,
+              inputValue: (q || "").trim(),
+              getItemProps: S(K, ie, a),
+              parseValueToString: w,
+              optionVariant: u,
+              createWithoutConfirmation: C,
+              className: z,
+              options: e,
+              newItemButtonText: P,
+              ...L
+            }
+          )
+        ] }) });
+      }
+    }
+  );
+};
+export {
+  Ee as AutocompleteMenu,
+  ge as AutocompleteOption,
+  at as AutocompleteOptions,
+  Ue as AutocompletePrompt,
+  Xt as MultipleAutocomplete,
+  Gt as SingleAutocomplete
+};