@reportportal/ui-kit 0.0.1-alpha.141 → 0.0.1-alpha.142

package/dist/autocompletes.js

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