@reportportal/ui-kit 0.0.1-alpha.151 → 0.0.1-alpha.153

package/dist/{dropdown-86a51ac5.js → dropdown-b63f2137.js}

@@ -1,31 +1,30 @@
 import { jsxs as R, jsx as u, Fragment as Ve } from "react/jsx-runtime";
-import { forwardRef as gr, useState as se, useRef as K, useMemo as E, useCallback as N, useLayoutEffect as Se, useEffect as V } from "react";
-import { createPortal as wr } from "react-dom";
+import { forwardRef as pr, useState as ne, useRef as K, useMemo as E, useCallback as N, useLayoutEffect as Se, useEffect as V } from "react";
+import { createPortal as mr } from "react-dom";
 import { c as Me } from "./bind-06a7ff84.js";
-import { useFloating as yr, offset as Er, flip as Cr, size as Or, autoUpdate as vr } from "@floating-ui/react-dom";
+import { useFloating as gr, offset as wr, flip as yr, size as Er, autoUpdate as Cr } from "@floating-ui/react-dom";
 import { useSelect as pe } from "downshift";
-import { Scrollbars as Ar } from "rc-scrollbars";
+import { Scrollbars as Or } from "rc-scrollbars";
 import { K as _ } from "./keyCodes-f63c0e11.js";
-import { B as Dr } from "./baseIconButton-251479f7.js";
-import { S as Nr } from "./clear-53660571.js";
-import { S as br } from "./dropdown-0260bb66.js";
-import { Tooltip as Ir } from "./tooltip.js";
-import { FieldLabel as Kr } from "./fieldLabel.js";
-import { AdaptiveTagList as Lr } from "./adaptiveTagList.js";
-import { C as Tr } from "./checkbox-ed6cc375.js";
-import { i as ne } from "./isEmpty-ccacb5ff.js";
-const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22", Yr = "_selected_14s7v_38", Pr = {
+import { B as vr } from "./baseIconButton-251479f7.js";
+import { S as Ar } from "./clear-53660571.js";
+import { S as Dr } from "./dropdown-0260bb66.js";
+import { FieldLabel as Nr } from "./fieldLabel.js";
+import { AdaptiveTagList as br } from "./adaptiveTagList.js";
+import { C as Ir } from "./checkbox-ed6cc375.js";
+import { i as se } from "./isEmpty-ccacb5ff.js";
+const Kr = "_disabled_14s7v_12", Lr = "_hidden_14s7v_16", Tr = "_hover_14s7v_22", kr = "_selected_14s7v_38", xr = {
   "dropdown-option": "_dropdown-option_14s7v_1",
-  disabled: kr,
-  hidden: xr,
-  hover: Rr,
+  disabled: Kr,
+  hidden: Lr,
+  hover: Tr,
   "depth-1": "_depth-1_14s7v_32",
-  selected: Yr,
+  selected: kr,
   "multi-select": "_multi-select_14s7v_38",
   "single-option": "_single-option_14s7v_43",
   "sub-option": "_sub-option_14s7v_50"
-}, He = Me.bind(Pr), We = gr(
-  (s, t) => {
+}, He = Me.bind(xr), We = pr(
+  (n, t) => {
     const {
       option: { value: d, disabled: l, hidden: p, label: m, title: C, groupRef: O },
       selected: F,
@@ -37,7 +36,7 @@ const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22"
       isPartiallyChecked: q = !1,
       depth: j = 0,
       hasChildren: oe = !1
-    } = s, le = (G) => {
+    } = n, le = (G) => {
       (G.target instanceof HTMLDivElement || G.target instanceof HTMLInputElement) && (H == null || H(d));
     };
     return /* @__PURE__ */ R(
@@ -57,79 +56,78 @@ const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22"
         ref: t,
         onMouseEnter: ae,
         children: [
-          b && /* @__PURE__ */ u(Tr, { value: !!F, partiallyChecked: q }),
+          b && /* @__PURE__ */ u(Ir, { value: !!F, partiallyChecked: q }),
           /* @__PURE__ */ u(
             "div",
             {
               className: He("single-option", {
                 "sub-option": !!O
               }),
-              children: U ? U(s) : m
+              children: U ? U(n) : m
             }
           )
         ]
       }
     );
   }
-), Vr = [
+), Rr = [
   _.ENTER_KEY_CODE,
   _.SPACE_KEY_CODE,
   _.ARROW_DOWN_KEY_CODE
-], Sr = [_.ESCAPE_KEY_CODE, _.TAB_KEY_CODE];
-var S = /* @__PURE__ */ ((s) => (s.ON_KEY_DOWN = "onKeyDown", s.ON_CLICK = "onClick", s))(S || {});
-const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
+], Yr = [_.ESCAPE_KEY_CODE, _.TAB_KEY_CODE];
+var S = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(S || {});
+const Pr = 240, Vr = "data-dropdown-portal-menu", Sr = 10, Hr = (n, t) => {
   const d = Array.isArray(t) ? t : [t];
-  return s.findIndex(({ value: l }) => d.includes(l));
-}, zr = (s, t) => (s % t + t) % t, me = (s, t = 0, d = 1) => {
+  return n.findIndex(({ value: l }) => d.includes(l));
+}, Wr = (n, t) => (n % t + t) % t, me = (n, t = 0, d = 1) => {
   var p;
-  if (s.length === 0)
+  if (n.length === 0)
     return 0;
-  if (!((p = s[t]) != null && p.disabled))
+  if (!((p = n[t]) != null && p.disabled))
     return t;
-  const l = s.length;
+  const l = n.length;
   return me(
-    s,
-    zr(t + d, l),
+    n,
+    Wr(t + d, l),
     d
   );
-}, Fr = (s, t) => me(s, t), Ur = (s, t) => me(s, t, -1), $e = (s, t = 0, d) => !s || s.length === 0 ? [] : s.reduce((l, p) => {
+}, Mr = (n, t) => me(n, t), $r = (n, t) => me(n, t, -1), $e = (n, t = 0, d) => !n || n.length === 0 ? [] : n.reduce((l, p) => {
   var m;
   return p && (l.push({ option: p, depth: t, parent: d }), (m = p.children) != null && m.length && l.push(...$e(p.children, t + 1, p))), l;
-}, []), ze = (s) => !s || s.length === 0 ? [] : s.reduce((t, d) => {
+}, []), ze = (n) => !n || n.length === 0 ? [] : n.reduce((t, d) => {
   var l;
   return d && ((l = d.children) != null && l.length ? t.push(...ze(d.children)) : t.push(d)), t;
-}, []), Fe = (s) => {
+}, []), Fe = (n) => {
   var t;
-  return s ? (t = s.children) != null && t.length ? s.children.reduce((d, l) => (l && d.push(...Fe(l)), d), []) : [s.value] : [];
-}, Br = "_container_1sss9_1", qr = "_icon_1sss9_7", jr = "_arrow_1sss9_15", Gr = "_dropdown_1sss9_33", Xr = "_disabled_1sss9_53", Jr = "_value_1sss9_60", Qr = "_error_1sss9_63", Zr = "_touched_1sss9_63", et = "_opened_1sss9_67", rt = "_placeholder_1sss9_101", tt = "_ghost_1sss9_189", st = "_divider_1sss9_207", nt = {
-  container: Br,
-  icon: qr,
-  arrow: jr,
-  "clear-button": "_clear-button_1sss9_23",
-  dropdown: Gr,
-  "multi-select-with-tags": "_multi-select-with-tags_1sss9_47",
-  "transparent-background": "_transparent-background_1sss9_50",
-  disabled: Xr,
-  value: Jr,
-  error: Qr,
-  touched: Zr,
-  opened: et,
-  placeholder: rt,
-  "mobile-disabled": "_mobile-disabled_1sss9_105",
-  "value-wrapper": "_value-wrapper_1sss9_110",
-  "tags-wrapper": "_tags-wrapper_1sss9_116",
-  "with-search": "_with-search_1sss9_121",
-  "search-input": "_search-input_1sss9_128",
-  "value-tooltip": "_value-tooltip_1sss9_146",
-  "select-list": "_select-list_1sss9_151",
-  "limited-width": "_limited-width_1sss9_168",
-  "options-container": "_options-container_1sss9_172",
-  "empty-list-message": "_empty-list-message_1sss9_177",
-  ghost: tt,
-  divider: st
-}, h = Me.bind(nt), Ot = ({
-  multiSelect: s = !1,
-  value: t = s ? [] : "",
+  return n ? (t = n.children) != null && t.length ? n.children.reduce((d, l) => (l && d.push(...Fe(l)), d), []) : [n.value] : [];
+}, zr = "_container_1lti6_1", Fr = "_icon_1lti6_7", Ur = "_arrow_1lti6_15", Br = "_dropdown_1lti6_33", qr = "_disabled_1lti6_53", jr = "_value_1lti6_60", Gr = "_error_1lti6_63", Xr = "_touched_1lti6_63", Jr = "_opened_1lti6_67", Qr = "_placeholder_1lti6_101", Zr = "_ghost_1lti6_184", et = "_divider_1lti6_202", rt = {
+  container: zr,
+  icon: Fr,
+  arrow: Ur,
+  "clear-button": "_clear-button_1lti6_23",
+  dropdown: Br,
+  "multi-select-with-tags": "_multi-select-with-tags_1lti6_47",
+  "transparent-background": "_transparent-background_1lti6_50",
+  disabled: qr,
+  value: jr,
+  error: Gr,
+  touched: Xr,
+  opened: Jr,
+  placeholder: Qr,
+  "mobile-disabled": "_mobile-disabled_1lti6_105",
+  "value-wrapper": "_value-wrapper_1lti6_110",
+  "tags-wrapper": "_tags-wrapper_1lti6_116",
+  "with-search": "_with-search_1lti6_121",
+  "search-input": "_search-input_1lti6_128",
+  "select-list": "_select-list_1lti6_146",
+  "limited-width": "_limited-width_1lti6_163",
+  "options-container": "_options-container_1lti6_167",
+  "empty-list-message": "_empty-list-message_1lti6_172",
+  ghost: Zr,
+  divider: et
+}, h = Me.bind(rt), wt = ({
+  multiSelect: n = !1,
+  value: t = n ? [] : "",
   options: d = [],
   disabled: l = !1,
   error: p,
@@ -149,7 +147,7 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
   toggleButtonClassName: G,
   selectListClassName: Ue,
   isListWidthLimited: Be = !1,
-  optionAll: ce = { value: "all", label: "All" },
+  optionAll: ie = { value: "all", label: "All" },
   isOptionAllVisible: ge = !1,
   onSelectAll: qe = () => {
   },
@@ -161,13 +159,11 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
   onClear: Ee = () => {
   },
   clearButtonAriaLabel: Ge = "Clear selection",
-  tooltipPortalRoot: Xe,
-  tooltipZIndex: Je,
   menuPortalRoot: g,
   isMultiSelectWithTags: v = !1,
-  noMatchesMessage: Qe = "No matches found"
+  noMatchesMessage: Xe = "No matches found"
 }) => {
-  const [c, J] = se(!1), [I, Ce] = se(""), Oe = K(null), ve = K(null), M = K(null), ie = K(0), de = K(null), ue = K(null), fe = K(""), [Ze, Ae] = se(!1), [er, Q] = se(null), L = K(null), $ = E(() => $e(d), [d]), T = E(() => {
+  const [i, J] = ne(!1), [I, Ce] = ne(""), Oe = K(null), ve = K(null), M = K(null), ce = K(0), de = K(null), ue = K(null), fe = K(""), [Je, Ae] = ne(!1), [Qe, Q] = ne(null), L = K(null), $ = E(() => $e(d), [d]), T = E(() => {
     if (!v || !I.trim())
       return $;
     const e = I.toLowerCase();
@@ -193,81 +189,81 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
     }), e;
   }, [Z]), z = N(
     (e) => (Z.forEach((r) => {
-      const n = ee.get(r.value) ?? [], o = n.length > 0 && n.every((i) => e.has(i));
+      const s = ee.get(r.value) ?? [], o = s.length > 0 && s.every((c) => e.has(c));
       ye && o ? e.add(r.value) : e.delete(r.value);
     }), e),
     [Z, ye, ee]
-  ), k = E(() => !s || !Array.isArray(t) ? /* @__PURE__ */ new Set() : z(new Set(t)), [s, t, z]), be = s ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, rr = je && be && !l, tr = N((e) => {
-    ie.current = e.scrollTop;
+  ), k = E(() => !n || !Array.isArray(t) ? /* @__PURE__ */ new Set() : z(new Set(t)), [n, t, z]), be = n ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, Ze = je && be && !l, er = N((e) => {
+    ce.current = e.scrollTop;
   }, []);
   Se(() => {
-    c && !W && M.current && !(s && L.current !== null) && M.current.scrollTop(ie.current);
-  }, [c, W, t, s]);
-  const { refs: Y, floatingStyles: Ie } = yr({
+    i && !W && M.current && !(n && L.current !== null) && M.current.scrollTop(ce.current);
+  }, [i, W, t, n]);
+  const { refs: Y, floatingStyles: Ie } = gr({
     placement: "bottom-start",
     middleware: [
-      Er(5),
-      Cr({
+      wr(5),
+      yr({
         fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
         ...g && {
           boundary: document.documentElement,
           rootBoundary: "viewport"
         }
       }),
-      g ? Or({
+      g ? Er({
         apply({ rects: e, elements: r }) {
-          const n = e.reference.width;
+          const s = e.reference.width;
           Object.assign(r.floating.style, {
-            width: `${n}px`,
-            minWidth: `${n}px`,
-            maxWidth: `${n}px`
+            width: `${s}px`,
+            minWidth: `${s}px`,
+            maxWidth: `${s}px`
           });
         }
       }) : null
     ].filter(Boolean),
-    whileElementsMounted: c ? (e, r, n) => vr(e, r, n, {
+    whileElementsMounted: i ? (e, r, s) => Cr(e, r, s, {
       animationFrame: !0
     }) : void 0
-  }), sr = () => {
+  }), rr = () => {
     if (!ge)
       return;
-    const e = Array.isArray(t) ? t : [], r = new Set(e), n = A.some((i) => !r.has(i));
-    A.forEach((i) => {
-      n ? r.add(i) : r.delete(i);
+    const e = Array.isArray(t) ? t : [], r = new Set(e), s = A.some((c) => !r.has(c));
+    A.forEach((c) => {
+      s ? r.add(c) : r.delete(c);
     });
     const o = z(r);
     m(Array.from(o)), qe();
   }, re = N(() => {
-    c || (J(!0), C == null || C());
-  }, [c, C]), y = N(() => {
+    i || (J(!0), C == null || C());
+  }, [i, C]), y = N(() => {
     J(!1), Ce(""), fe.current = "", O == null || O();
   }, [O]), he = N(() => {
     if (l)
       return;
-    m(s ? [] : ""), Ee(), y(), requestAnimationFrame(() => {
+    m(n ? [] : ""), Ee(), y(), requestAnimationFrame(() => {
       const r = Y.reference.current;
       r && r instanceof HTMLElement && r.focus();
     });
-  }, [l, s, m, Ee, y, Y]), nr = N(
+  }, [l, n, m, Ee, y, Y]), tr = N(
     (e) => {
       e.preventDefault(), e.stopPropagation(), he();
     },
     [he]
   ), Ke = N(
     (e) => {
-      var i, a;
-      if (!c)
+      var c, a;
+      if (!i)
         return;
       const r = e == null ? void 0 : e.target;
       if (!r)
         return;
-      const n = (i = Oe.current) == null ? void 0 : i.contains(r), o = (a = ve.current) == null ? void 0 : a.contains(r);
-      !n && !o && y();
+      const s = (c = Oe.current) == null ? void 0 : c.contains(r), o = (a = ve.current) == null ? void 0 : a.contains(r);
+      !s && !o && y();
     },
-    [c, y]
+    [i, y]
   );
   V(() => {
-    if (!c)
+    if (!i)
       return;
     const e = (r) => {
       Ke(r);
@@ -275,12 +271,12 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
     return document.addEventListener("pointerdown", e), () => {
       document.removeEventListener("pointerdown", e);
     };
-  }, [c, Ke]);
+  }, [i, Ke]);
   const Le = (e) => {
     var r;
     if (!e.disabled) {
-      if (s) {
-        const n = Array.isArray(t) ? t : [], o = new Set(n);
+      if (n) {
+        const s = Array.isArray(t) ? t : [], o = new Set(s);
         if ((r = e.children) != null && r.length) {
           const a = ee.get(e.value) ?? [], f = a.some((D) => !o.has(D));
           a.forEach((D) => {
@@ -288,32 +284,32 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
           });
         } else
           o.has(e.value) ? o.delete(e.value) : o.add(e.value);
-        const i = z(o);
-        m(Array.from(i));
+        const c = z(o);
+        m(Array.from(c));
       } else
         m(e.value);
-      J((n) => s || !n);
+      J((s) => n || !s);
     }
-  }, ar = () => w.find(({ value: e }) => e === t), Te = $r(w, t), {
-    getToggleButtonProps: or,
-    getLabelProps: lr,
+  }, nr = () => w.find(({ value: e }) => e === t), Te = Hr(w, t), {
+    getToggleButtonProps: sr,
+    getLabelProps: ar,
     getMenuProps: ke,
-    getItemProps: cr,
+    getItemProps: or,
     setHighlightedIndex: x,
     highlightedIndex: _e
   } = pe({
     items: w,
     itemToString: (e) => (e != null && e.label ? String(e.label) : b) || "",
-    selectedItem: ar(),
-    isOpen: c,
+    selectedItem: nr(),
+    isOpen: i,
     circularNavigation: !0,
     defaultHighlightedIndex: Te,
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
         case pe.stateChangeTypes.MenuKeyDownArrowUp:
-          return Q(S.ON_KEY_DOWN), x(Ur(w, e.highlightedIndex)), e;
+          return Q(S.ON_KEY_DOWN), x($r(w, e.highlightedIndex)), e;
         case pe.stateChangeTypes.MenuKeyDownArrowDown:
-          return Q(S.ON_KEY_DOWN), x(Fr(w, e.highlightedIndex)), e;
+          return Q(S.ON_KEY_DOWN), x(Mr(w, e.highlightedIndex)), e;
         default:
           return e;
       }
@@ -323,51 +319,51 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
       ve.current = e, Y.setFloating(e);
     },
     [Y]
-  ), ir = N(
+  ), lr = N(
     (e = {}) => {
-      const r = ke(e), n = r.ref;
+      const r = ke(e), s = r.ref;
       return {
         ...r,
         ref: (o) => {
-          xe(o), typeof n == "function" ? n(o) : n && (n.current = o);
+          xe(o), typeof s == "function" ? s(o) : s && (s.current = o);
         }
       };
     },
     [ke, xe]
   );
   V(() => {
-    s && c && L.current !== null && L.current >= 0 && L.current < w.length && (x(L.current), L.current = null, requestAnimationFrame(() => {
-      M.current && !W && M.current.scrollTop(ie.current);
+    n && i && L.current !== null && L.current >= 0 && L.current < w.length && (x(L.current), L.current = null, requestAnimationFrame(() => {
+      M.current && !W && M.current.scrollTop(ce.current);
     }));
-  }, [s, c, t, w.length, x, W]), V(() => {
-    c && v && requestAnimationFrame(() => {
+  }, [n, i, t, w.length, x, W]), V(() => {
+    i && v && requestAnimationFrame(() => {
       var e;
       (e = ue.current) == null || e.focus();
     });
-  }, [c, v]), V(() => {
-    v && c && I !== fe.current && (fe.current = I, I && x(0));
-  }, [I, v, c]), Se(() => {
-    if (!c || !g)
+  }, [i, v]), V(() => {
+    v && i && I !== fe.current && (fe.current = I, I && x(0));
+  }, [I, v, i]), Se(() => {
+    if (!i || !g)
       return;
     let e = window.scrollY, r = !0;
-    const n = 300, o = () => {
+    const s = 300, o = () => {
       if (!r)
         return;
       window.scrollY !== e && window.scrollTo(0, e);
-    }, i = (f) => {
+    }, c = (f) => {
       r && (f.preventDefault(), f.stopImmediatePropagation(), o());
     };
-    e = window.scrollY, window.addEventListener("scroll", i, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
+    e = window.scrollY, window.addEventListener("scroll", c, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
       e = window.scrollY, o();
     });
     const a = setTimeout(() => {
       r = !1;
-    }, n);
+    }, s);
     return () => {
-      clearTimeout(a), window.removeEventListener("scroll", i, { capture: !0 });
+      clearTimeout(a), window.removeEventListener("scroll", c, { capture: !0 });
     };
-  }, [c, g]), V(() => {
-    if (!c || !g)
+  }, [i, g]), V(() => {
+    if (!i || !g)
       return;
     const e = () => {
       y();
@@ -375,23 +371,23 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
     return window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [c, g, y]);
+  }, [i, g, y]);
   const Re = () => {
-    l || (J((e) => !e), c ? O == null || O() : C == null || C(), Q(S.ON_CLICK));
+    l || (J((e) => !e), i ? O == null || O() : C == null || C(), Q(S.ON_CLICK));
   }, te = E(() => {
-    if (s && Array.isArray(t) && A.length > 0 && A.every((r) => k.has(r)))
-      return ce.label;
-    const e = w.reduce((r, n) => ((Array.isArray(t) && t.includes(n.value) || n.value === t) && r.push(n.label), r), []);
+    if (n && Array.isArray(t) && A.length > 0 && A.every((r) => k.has(r)))
+      return ie.label;
+    const e = w.reduce((r, s) => ((Array.isArray(t) && t.includes(s.value) || s.value === t) && r.push(s.label), r), []);
     if (e.length > 0)
       return e.join(", ");
     if (!t && t !== !1 && t !== 0 || Array.isArray(t) && !t.length)
       return b;
   }, [
-    s,
+    n,
     t,
     A,
     k,
-    ce.label,
+    ie.label,
     w,
     b
   ]);
@@ -402,51 +398,51 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
     } else
       Ae(!1);
   }, [te]);
-  const dr = (e) => {
+  const ir = (e) => {
     const { keyCode: r } = e;
-    Vr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !c && (x(Te), re(), Q(S.ON_KEY_DOWN)));
-  }, ur = (e) => {
+    Rr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !i && (x(Te), re(), Q(S.ON_KEY_DOWN)));
+  }, cr = (e) => {
     const { keyCode: r } = e;
     if (r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) {
-      const n = w[_e];
-      if (!n)
+      const s = w[_e];
+      if (!s)
         return;
-      s && (L.current = _e), Le(n), s || y();
+      n && (L.current = _e), Le(s), n || y();
       return;
     }
-    Sr.includes(r) && (e.stopPropagation(), y());
+    Yr.includes(r) && (e.stopPropagation(), y());
   }, Ye = () => /* @__PURE__ */ R("div", { className: h("options-container"), children: [
-    s && ge && !ne(T) && /* @__PURE__ */ R(Ve, { children: [
+    n && ge && !se(T) && /* @__PURE__ */ R(Ve, { children: [
       /* @__PURE__ */ u(
         We,
         {
-          option: ce,
+          option: ie,
           selected: Array.isArray(t) && A.length > 0 && A.every((e) => k.has(e)),
-          onChange: sr,
-          multiSelect: s,
+          onChange: rr,
+          multiSelect: n,
           isPartiallyChecked: A.some((e) => k.has(e)) && !A.every((e) => k.has(e))
         }
       ),
       /* @__PURE__ */ u("div", { className: h("divider") }),
       " "
     ] }),
-    ne(T) ? /* @__PURE__ */ u("div", { className: h("empty-list-message"), children: Qe }) : T.map(({ option: e, depth: r }, n) => {
+    se(T) ? /* @__PURE__ */ u("div", { className: h("empty-list-message"), children: Xe }) : T.map(({ option: e, depth: r }, s) => {
       var f, D;
-      const o = ee.get(e.value) ?? [e.value], i = s && o.every((P) => k.has(P)), a = s && ((f = e.children) == null ? void 0 : f.length) && o.some((P) => k.has(P)) && !i;
+      const o = ee.get(e.value) ?? [e.value], c = n && o.every((P) => k.has(P)), a = n && ((f = e.children) == null ? void 0 : f.length) && o.some((P) => k.has(P)) && !c;
       return /* @__PURE__ */ u(
         We,
         {
-          ...cr({
+          ...or({
             item: e,
-            index: n
+            index: s
           }),
-          multiSelect: s,
-          selected: s ? i : e.value === t,
+          multiSelect: n,
+          selected: n ? c : e.value === t,
           option: { title: e.label, ...e },
-          highlightHovered: _e === n && er !== S.ON_CLICK,
+          highlightHovered: _e === s && Qe !== S.ON_CLICK,
           render: j,
           onChange: e.disabled ? null : () => Le(e),
-          onMouseEnter: () => x(n),
+          onMouseEnter: () => x(s),
           depth: r,
           hasChildren: !!((D = e.children) != null && D.length),
           isPartiallyChecked: a
@@ -458,20 +454,20 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
       /* @__PURE__ */ u("div", { className: h("divider") }),
       typeof X == "function" ? X(y) : X
     ] })
-  ] }), fr = () => {
+  ] }), dr = () => {
     const e = De.reduce((a, f) => (Array.isArray(t) && t.includes(f.value) && a.push(f.label), a), []), r = (a) => {
       const f = De.find(
-        ({ label: mr }) => mr === a
+        ({ label: _r }) => _r === a
       );
       if (!f)
         return;
       const D = Array.isArray(t) ? t : [], P = new Set(D);
       P.delete(f.value);
-      const pr = z(P);
-      m(Array.from(pr));
-    }, n = (a) => {
+      const hr = z(P);
+      m(Array.from(hr));
+    }, s = (a) => {
       const f = a.target;
-      Ce(f.value), c || (re(), requestAnimationFrame(() => {
+      Ce(f.value), i || (re(), requestAnimationFrame(() => {
         f.focus();
       }));
     }, o = (a) => {
@@ -480,62 +476,53 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
         return;
       }
       a.keyCode === _.ENTER_KEY_CODE || a.keyCode === _.SPACE_KEY_CODE || (a.keyCode === _.ARROW_DOWN_KEY_CODE || a.keyCode === _.ARROW_UP_KEY_CODE) && (a.preventDefault(), re());
-    }, i = /* @__PURE__ */ u(
+    }, c = /* @__PURE__ */ u(
       "input",
       {
         ref: ue,
         type: "text",
         className: h("search-input"),
         value: I,
-        onChange: n,
+        onChange: s,
         onKeyDown: o,
         onClick: (a) => {
           a.stopPropagation(), re();
         },
-        placeholder: ne(e) ? b : "",
+        placeholder: se(e) ? b : "",
         autoComplete: "off"
       }
     );
-    return ne(e) ? /* @__PURE__ */ u("div", { className: h("tags-wrapper", "with-search"), children: i }) : /* @__PURE__ */ R("div", { className: h("tags-wrapper", "with-search"), children: [
+    return se(e) ? /* @__PURE__ */ u("div", { className: h("tags-wrapper", "with-search"), children: c }) : /* @__PURE__ */ R("div", { className: h("tags-wrapper", "with-search"), children: [
       /* @__PURE__ */ u(
-        Lr,
+        br,
         {
           tags: e,
           onRemoveTag: r,
           isShowAllView: !0,
-          defaultVisibleLines: Mr
+          defaultVisibleLines: Sr
         }
       ),
-      i
+      c
     ] });
-  }, hr = () => {
-    if (v && s && Array.isArray(t))
-      return fr();
-    const e = we ? we(te) : te, r = /* @__PURE__ */ u(
+  }, ur = () => {
+    if (v && n && Array.isArray(t))
+      return dr();
+    const e = we ? we(te) : te, r = be && !!e && Je;
+    return /* @__PURE__ */ u(
       "span",
       {
         ref: de,
         className: h("value", {
           placeholder: te === b
         }),
+        title: r ? e : void 0,
         children: e
       }
     );
-    return be && !!e && Ze ? /* @__PURE__ */ u(
-      Ir,
-      {
-        content: e,
-        placement: "top",
-        wrapperClassName: h("value-tooltip"),
-        portalRoot: Xe,
-        zIndex: Je,
-        children: r
-      }
-    ) : r;
-  }, _r = or({
+  }, fr = sr({
     className: h("dropdown", ae, G, {
       "transparent-background": oe,
-      opened: c,
+      opened: i,
       disabled: l,
       error: p,
       touched: U,
@@ -543,14 +530,14 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
       "multi-select-with-tags": v
     }),
     onClick: Re,
-    onKeyDown: dr,
+    onKeyDown: ir,
     ref: Y.setReference
-  }), { type: at, ...Pe } = _r;
+  }), { type: tt, ...Pe } = fr;
   return /* @__PURE__ */ R("div", { ref: Oe, className: h("container", le), title: H, children: [
     q && /* @__PURE__ */ u(
-      Kr,
+      Nr,
       {
-        ...lr(),
+        ...ar(),
         onClick: () => !l && Re(),
         style: { cursor: l ? "default" : "pointer" },
         children: q
@@ -565,74 +552,74 @@ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (s, t) => {
         tabIndex: l ? -1 : Pe.tabIndex ?? 0,
         children: [
           B && /* @__PURE__ */ u("span", { className: h("icon"), children: B }),
-          /* @__PURE__ */ u("div", { className: h("value-wrapper"), children: hr() }),
-          rr && /* @__PURE__ */ u(
-            Dr,
+          /* @__PURE__ */ u("div", { className: h("value-wrapper"), children: ur() }),
+          Ze && /* @__PURE__ */ u(
+            vr,
             {
               className: h("clear-button"),
-              onClick: nr,
+              onClick: tr,
               onKeyDown: (e) => {
                 const { keyCode: r } = e;
                 (r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), he());
               },
               "aria-label": Ge,
-              children: /* @__PURE__ */ u(Nr, {})
+              children: /* @__PURE__ */ u(Ar, {})
             }
           ),
-          /* @__PURE__ */ u("span", { className: h("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ u(br, {}) })
+          /* @__PURE__ */ u("span", { className: h("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ u(Dr, {}) })
         ]
       }
     ),
-    c && (() => {
+    i && (() => {
       var o;
       const e = (o = Y.reference.current) == null ? void 0 : o.getBoundingClientRect().width, r = g && e ? {
         ...Ie,
         width: `${e}px`,
         minWidth: `${e}px`,
         maxWidth: `${e}px`
-      } : Ie, n = /* @__PURE__ */ u(
+      } : Ie, s = /* @__PURE__ */ u(
         "div",
         {
           style: r,
           className: h(
             "select-list",
             {
-              opened: c,
+              opened: i,
               "limited-width": Be
             },
             Ue
           ),
-          ...g && { [Wr]: "" },
-          ...ir({
-            onKeyDown: ur,
+          ...g && { [Vr]: "" },
+          ...lr({
+            onKeyDown: cr,
             ...v && {
               tabIndex: -1,
-              onFocus: (i) => {
+              onFocus: (c) => {
                 var a;
-                i.preventDefault(), (a = ue.current) == null || a.focus();
+                c.preventDefault(), (a = ue.current) == null || a.focus();
               }
             }
           }),
           children: W ? Ye() : /* @__PURE__ */ u(
-            Ar,
+            Or,
             {
               autoHeight: !0,
-              autoHeightMax: Hr,
+              autoHeightMax: Pr,
               hideTracksWhenNotNeeded: !0,
-              ref: (i) => {
-                M.current = i;
+              ref: (c) => {
+                M.current = c;
               },
-              onScrollFrame: tr,
+              onScrollFrame: er,
               children: Ye()
             }
           )
         }
       );
-      return g ? wr(n, g) : n;
+      return g ? mr(s, g) : s;
     })()
   ] });
 };
 export {
-  Ot as D,
-  Wr as a
+  wt as D,
+  Vr as a
 };