@reportportal/ui-kit 0.0.1-alpha.149 → 0.0.1-alpha.150

package/dist/{dropdown-798def53.js → dropdown-f5f56c8e.js}

@@ -1,11 +1,11 @@
-import { jsxs as q, jsx as u, Fragment as Pe } from "react/jsx-runtime";
-import { forwardRef as gr, useState as ne, useRef as K, useMemo as v, useCallback as N, useLayoutEffect as Ve, useEffect as P } from "react";
-import { createPortal as yr } from "react-dom";
-import { c as We } from "./bind-06a7ff84.js";
-import { useFloating as wr, offset as vr, flip as Er, size as Cr, autoUpdate as Or } from "@floating-ui/react-dom";
-import { useSelect as pe } from "downshift";
+import { jsxs as R, jsx as u, Fragment as Ve } from "react/jsx-runtime";
+import { forwardRef as mr, useState as ne, 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 { 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 { useSelect as _e } from "downshift";
 import { Scrollbars as Ar } from "rc-scrollbars";
-import { K as _ } from "./keyCodes-f63c0e11.js";
+import { K as p } 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";
@@ -14,207 +14,207 @@ 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 se } from "./isEmpty-ccacb5ff.js";
-const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", qr = "_hover_14s7v_22", Rr = "_selected_14s7v_38", Yr = {
+const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22", Yr = "_selected_14s7v_38", Pr = {
   "dropdown-option": "_dropdown-option_14s7v_1",
   disabled: kr,
   hidden: xr,
-  hover: qr,
+  hover: Rr,
   "depth-1": "_depth-1_14s7v_32",
-  selected: Rr,
+  selected: Yr,
   "multi-select": "_multi-select_14s7v_38",
   "single-option": "_single-option_14s7v_43",
   "sub-option": "_sub-option_14s7v_50"
-}, Se = We.bind(Yr), He = gr(
+}, He = Me.bind(Pr), We = mr(
   (n, t) => {
     const {
-      option: { value: d, disabled: c, hidden: p, label: m, title: E, groupRef: C },
-      selected: z,
-      onChange: S,
-      render: F,
-      highlightHovered: U,
+      option: { value: d, disabled: l, hidden: _, label: g, title: C, groupRef: O },
+      selected: F,
+      onChange: H,
+      render: U,
+      highlightHovered: B,
       onMouseEnter: ae,
       multiSelect: b,
-      isPartiallyChecked: B = !1,
+      isPartiallyChecked: q = !1,
       depth: j = 0,
       hasChildren: oe = !1
-    } = n, ce = (G) => {
-      (G.target instanceof HTMLDivElement || G.target instanceof HTMLInputElement) && (S == null || S(d));
+    } = n, le = (G) => {
+      (G.target instanceof HTMLDivElement || G.target instanceof HTMLInputElement) && (H == null || H(d));
     };
-    return /* @__PURE__ */ q(
+    return /* @__PURE__ */ R(
       "div",
       {
-        className: Se("dropdown-option", {
-          selected: z,
-          disabled: c,
-          hidden: p,
-          hover: U,
+        className: He("dropdown-option", {
+          selected: F,
+          disabled: l,
+          hidden: _,
+          hover: B,
           "multi-select": b,
           "has-children": oe,
           [`depth-${j}`]: j > 0
         }),
-        title: E,
-        onClick: ce,
+        title: C,
+        onClick: le,
         ref: t,
         onMouseEnter: ae,
         children: [
-          b && /* @__PURE__ */ u(Tr, { value: !!z, partiallyChecked: B }),
+          b && /* @__PURE__ */ u(Tr, { value: !!F, partiallyChecked: q }),
           /* @__PURE__ */ u(
             "div",
             {
-              className: Se("single-option", {
-                "sub-option": !!C
+              className: He("single-option", {
+                "sub-option": !!O
               }),
-              children: F ? F(n) : m
+              children: U ? U(n) : g
             }
           )
         ]
       }
     );
   }
-), Pr = [
-  _.ENTER_KEY_CODE,
-  _.SPACE_KEY_CODE,
-  _.ARROW_DOWN_KEY_CODE
-], Vr = [_.ESCAPE_KEY_CODE, _.TAB_KEY_CODE];
-var V = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(V || {});
-const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
+), Vr = [
+  p.ENTER_KEY_CODE,
+  p.SPACE_KEY_CODE,
+  p.ARROW_DOWN_KEY_CODE
+], Sr = [p.ESCAPE_KEY_CODE, p.TAB_KEY_CODE];
+var S = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(S || {});
+const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
   const d = Array.isArray(t) ? t : [t];
-  return n.findIndex(({ value: c }) => d.includes(c));
-}, $r = (n, t) => (n % t + t) % t, me = (n, t = 0, d = 1) => {
-  var p;
+  return n.findIndex(({ value: l }) => d.includes(l));
+}, zr = (n, t) => (n % t + t) % t, ge = (n, t = 0, d = 1) => {
+  var _;
   if (n.length === 0)
     return 0;
-  if (!((p = n[t]) != null && p.disabled))
+  if (!((_ = n[t]) != null && _.disabled))
     return t;
-  const c = n.length;
-  return me(
+  const l = n.length;
+  return ge(
     n,
-    $r(t + d, c),
+    zr(t + d, l),
     d
   );
-}, zr = (n, t) => me(n, t), Fr = (n, t) => me(n, t, -1), Me = (n, t = 0, d) => !n || n.length === 0 ? [] : n.reduce((c, p) => {
-  var m;
-  return p && (c.push({ option: p, depth: t, parent: d }), (m = p.children) != null && m.length && c.push(...Me(p.children, t + 1, p))), c;
-}, []), $e = (n) => !n || n.length === 0 ? [] : n.reduce((t, d) => {
-  var c;
-  return d && ((c = d.children) != null && c.length ? t.push(...$e(d.children)) : t.push(d)), t;
-}, []), ze = (n) => {
+}, Fr = (n, t) => ge(n, t), Ur = (n, t) => ge(n, t, -1), $e = (n, t = 0, d) => !n || n.length === 0 ? [] : n.reduce((l, _) => {
+  var g;
+  return _ && (l.push({ option: _, depth: t, parent: d }), (g = _.children) != null && g.length && l.push(...$e(_.children, t + 1, _))), l;
+}, []), 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 = (n) => {
   var t;
-  return n ? (t = n.children) != null && t.length ? n.children.reduce((d, c) => (c && d.push(...ze(c)), d), []) : [n.value] : [];
-}, Ur = "_container_mcqyv_1", Br = "_icon_mcqyv_7", jr = "_arrow_mcqyv_15", Gr = "_dropdown_mcqyv_33", Xr = "_disabled_mcqyv_53", Jr = "_value_mcqyv_60", Qr = "_error_mcqyv_63", Zr = "_touched_mcqyv_63", et = "_opened_mcqyv_67", rt = "_placeholder_mcqyv_102", tt = "_ghost_mcqyv_186", nt = "_divider_mcqyv_207", st = {
-  container: Ur,
-  icon: Br,
+  return n ? (t = n.children) != null && t.length ? n.children.reduce((d, l) => (l && d.push(...Fe(l)), d), []) : [n.value] : [];
+}, Br = "_container_13pg9_1", qr = "_icon_13pg9_7", jr = "_arrow_13pg9_15", Gr = "_dropdown_13pg9_33", Xr = "_disabled_13pg9_53", Jr = "_value_13pg9_60", Qr = "_error_13pg9_63", Zr = "_touched_13pg9_63", et = "_opened_13pg9_67", rt = "_placeholder_13pg9_102", tt = "_ghost_13pg9_190", nt = "_divider_13pg9_211", st = {
+  container: Br,
+  icon: qr,
   arrow: jr,
-  "clear-button": "_clear-button_mcqyv_23",
+  "clear-button": "_clear-button_13pg9_23",
   dropdown: Gr,
-  "multi-select-with-tags": "_multi-select-with-tags_mcqyv_47",
-  "transparent-background": "_transparent-background_mcqyv_50",
+  "multi-select-with-tags": "_multi-select-with-tags_13pg9_47",
+  "transparent-background": "_transparent-background_13pg9_50",
   disabled: Xr,
   value: Jr,
   error: Qr,
   touched: Zr,
   opened: et,
   placeholder: rt,
-  "mobile-disabled": "_mobile-disabled_mcqyv_106",
-  "value-wrapper": "_value-wrapper_mcqyv_111",
-  "tags-wrapper": "_tags-wrapper_mcqyv_117",
-  "with-search": "_with-search_mcqyv_122",
-  "search-input": "_search-input_mcqyv_129",
-  "value-tooltip": "_value-tooltip_mcqyv_147",
-  "select-list": "_select-list_mcqyv_152",
-  "limited-width": "_limited-width_mcqyv_169",
-  "options-container": "_options-container_mcqyv_173",
-  "empty-list-message": "_empty-list-message_mcqyv_178",
+  "mobile-disabled": "_mobile-disabled_13pg9_106",
+  "value-wrapper": "_value-wrapper_13pg9_111",
+  "tags-wrapper": "_tags-wrapper_13pg9_117",
+  "with-search": "_with-search_13pg9_122",
+  "search-input": "_search-input_13pg9_129",
+  "value-tooltip": "_value-tooltip_13pg9_147",
+  "select-list": "_select-list_13pg9_152",
+  "limited-width": "_limited-width_13pg9_169",
+  "options-container": "_options-container_13pg9_173",
+  "empty-list-message": "_empty-list-message_13pg9_178",
   ghost: tt,
   divider: nt
-}, h = We.bind(st), Ct = ({
+}, h = Me.bind(st), Ot = ({
   multiSelect: n = !1,
   value: t = n ? [] : "",
   options: d = [],
-  disabled: c = !1,
-  error: p,
-  onChange: m,
-  onFocus: E,
-  onBlur: C,
-  mobileDisabled: z,
-  title: S,
-  touched: F = !1,
-  icon: U,
+  disabled: l = !1,
+  error: _,
+  onChange: g,
+  onFocus: C,
+  onBlur: O,
+  mobileDisabled: F,
+  title: H,
+  touched: U = !1,
+  icon: B,
   variant: ae,
   placeholder: b = "",
-  label: B = "",
+  label: q = "",
   renderOption: j,
   transparentBackground: oe = !1,
-  className: ce,
+  className: le,
   toggleButtonClassName: G,
-  selectListClassName: Fe,
-  isListWidthLimited: Ue = !1,
-  optionAll: le = { value: "all", label: "All" },
-  isOptionAllVisible: ge = !1,
-  onSelectAll: Be = () => {
+  selectListClassName: Ue,
+  isListWidthLimited: Be = !1,
+  optionAll: ce = { value: "all", label: "All" },
+  isOptionAllVisible: me = !1,
+  onSelectAll: qe = () => {
   },
-  formatDisplayedValue: ye,
-  notScrollable: H = !1,
+  formatDisplayedValue: we,
+  notScrollable: W = !1,
   footer: X,
-  includeGroupValue: we = !1,
+  includeGroupValue: ye = !1,
   clearable: je = !1,
-  onClear: ve = () => {
+  onClear: Ee = () => {
   },
   clearButtonAriaLabel: Ge = "Clear selection",
   tooltipPortalRoot: Xe,
   tooltipZIndex: Je,
-  menuPortalRoot: g,
-  isMultiSelectWithTags: O = !1,
+  menuPortalRoot: m,
+  isMultiSelectWithTags: v = !1,
   noMatchesMessage: Qe = "No matches found"
 }) => {
-  const [l, J] = ne(!1), [I, Ee] = ne(""), Ce = K(null), Oe = K(null), W = K(null), ie = K(0), de = K(null), ue = K(null), fe = K(""), [Ze, Ae] = ne(!1), [er, Q] = ne(null), L = K(null), M = v(() => Me(d), [d]), T = v(() => {
-    if (!O || !I.trim())
-      return M;
+  const [c, J] = ne(!1), [I, Ce] = ne(""), Oe = K(null), ve = K(null), M = K(null), ie = K(0), de = K(null), ue = K(null), fe = K(""), [Ze, Ae] = ne(!1), [er, Q] = ne(null), L = K(null), $ = E(() => $e(d), [d]), T = E(() => {
+    if (!v || !I.trim())
+      return $;
     const e = I.toLowerCase();
-    return M.filter(
+    return $.filter(
       ({ option: r }) => r.label.toLowerCase().includes(e)
     );
-  }, [M, I, O]), y = v(
+  }, [$, I, v]), w = E(
     () => T.map(({ option: e }) => e),
     [T]
-  ), De = v(
-    () => M.map(({ option: e }) => e),
-    [M]
-  ), Z = v(() => T.filter(({ option: e }) => {
+  ), De = E(
+    () => $.map(({ option: e }) => e),
+    [$]
+  ), Z = E(() => T.filter(({ option: e }) => {
     var r;
     return (r = e.children) == null ? void 0 : r.length;
-  }).map(({ option: e }) => e), [T]), Ne = v(() => $e(d), [d]), A = v(
+  }).map(({ option: e }) => e), [T]), Ne = E(() => ze(d), [d]), A = E(
     () => Ne.map(({ value: e }) => e),
     [Ne]
-  ), ee = v(() => {
+  ), ee = E(() => {
     const e = /* @__PURE__ */ new Map();
     return Z.forEach((r) => {
-      e.set(r.value, ze(r));
+      e.set(r.value, Fe(r));
     }), e;
-  }, [Z]), $ = N(
+  }, [Z]), z = N(
     (e) => (Z.forEach((r) => {
       const s = ee.get(r.value) ?? [], o = s.length > 0 && s.every((i) => e.has(i));
-      we && o ? e.add(r.value) : e.delete(r.value);
+      ye && o ? e.add(r.value) : e.delete(r.value);
     }), e),
-    [Z, we, ee]
-  ), k = v(() => !n || !Array.isArray(t) ? /* @__PURE__ */ new Set() : $(new Set(t)), [n, t, $]), be = n ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, rr = je && be && !c, tr = N((e) => {
+    [Z, ye, ee]
+  ), 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, rr = je && be && !l, tr = N((e) => {
     ie.current = e.scrollTop;
   }, []);
-  Ve(() => {
-    l && !H && W.current && !(n && L.current !== null) && W.current.scrollTop(ie.current);
-  }, [l, H, t, n]);
-  const { refs: R, floatingStyles: Ie } = wr({
+  Se(() => {
+    c && !W && M.current && !(n && L.current !== null) && M.current.scrollTop(ie.current);
+  }, [c, W, t, n]);
+  const { refs: Y, floatingStyles: Ie } = yr({
     placement: "bottom-start",
     middleware: [
-      vr(5),
-      Er({
+      Er(5),
+      Cr({
         fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
-        ...g && {
+        ...m && {
           boundary: document.documentElement,
           rootBoundary: "viewport"
         }
       }),
-      g ? Cr({
+      m ? Or({
         apply({ rects: e, elements: r }) {
           const s = e.reference.width;
           Object.assign(r.floating.style, {
@@ -225,30 +225,30 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
         }
       }) : null
     ].filter(Boolean),
-    whileElementsMounted: l ? (e, r, s) => Or(e, r, s, {
+    whileElementsMounted: c ? (e, r, s) => vr(e, r, s, {
       animationFrame: !0
     }) : void 0
   }), nr = () => {
-    if (!ge)
+    if (!me)
       return;
     const e = Array.isArray(t) ? t : [], r = new Set(e), s = A.some((i) => !r.has(i));
     A.forEach((i) => {
       s ? r.add(i) : r.delete(i);
     });
-    const o = $(r);
-    m(Array.from(o)), Be();
+    const o = z(r);
+    g(Array.from(o)), qe();
   }, re = N(() => {
-    l || (J(!0), E == null || E());
-  }, [l, E]), w = N(() => {
-    J(!1), Ee(""), fe.current = "", C == null || C();
-  }, [C]), he = N(() => {
-    if (c)
+    c || (J(!0), C == null || C());
+  }, [c, C]), y = N(() => {
+    J(!1), Ce(""), fe.current = "", O == null || O();
+  }, [O]), he = N(() => {
+    if (l)
       return;
-    m(n ? [] : ""), ve(), w(), requestAnimationFrame(() => {
-      const r = R.reference.current;
+    g(n ? [] : ""), Ee(), y(), requestAnimationFrame(() => {
+      const r = Y.reference.current;
       r && r instanceof HTMLElement && r.focus();
     });
-  }, [c, n, m, ve, w, R]), sr = N(
+  }, [l, n, g, Ee, y, Y]), sr = N(
     (e) => {
       e.preventDefault(), e.stopPropagation(), he();
     },
@@ -256,18 +256,18 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
   ), Ke = N(
     (e) => {
       var i, a;
-      if (!l)
+      if (!c)
         return;
       const r = e == null ? void 0 : e.target;
       if (!r)
         return;
-      const s = (i = Ce.current) == null ? void 0 : i.contains(r), o = (a = Oe.current) == null ? void 0 : a.contains(r);
-      !s && !o && w();
+      const s = (i = Oe.current) == null ? void 0 : i.contains(r), o = (a = ve.current) == null ? void 0 : a.contains(r);
+      !s && !o && y();
     },
-    [l, w]
+    [c, y]
   );
-  P(() => {
-    if (!l)
+  V(() => {
+    if (!c)
       return;
     const e = (r) => {
       Ke(r);
@@ -275,7 +275,7 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
     return document.addEventListener("pointerdown", e), () => {
       document.removeEventListener("pointerdown", e);
     };
-  }, [l, Ke]);
+  }, [c, Ke]);
   const Le = (e) => {
     var r;
     if (!e.disabled) {
@@ -288,41 +288,41 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
           });
         } else
           o.has(e.value) ? o.delete(e.value) : o.add(e.value);
-        const i = $(o);
-        m(Array.from(i));
+        const i = z(o);
+        g(Array.from(i));
       } else
-        m(e.value);
+        g(e.value);
       J((s) => n || !s);
     }
-  }, ar = () => y.find(({ value: e }) => e === t), Te = Mr(y, t), {
+  }, ar = () => w.find(({ value: e }) => e === t), Te = $r(w, t), {
     getToggleButtonProps: or,
-    getLabelProps: cr,
+    getLabelProps: lr,
     getMenuProps: ke,
-    getItemProps: lr,
+    getItemProps: cr,
     setHighlightedIndex: x,
-    highlightedIndex: _e
-  } = pe({
-    items: y,
+    highlightedIndex: pe
+  } = _e({
+    items: w,
     itemToString: (e) => (e != null && e.label ? String(e.label) : b) || "",
     selectedItem: ar(),
-    isOpen: l,
+    isOpen: c,
     circularNavigation: !0,
     defaultHighlightedIndex: Te,
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
-        case pe.stateChangeTypes.MenuKeyDownArrowUp:
-          return Q(V.ON_KEY_DOWN), x(Fr(y, e.highlightedIndex)), e;
-        case pe.stateChangeTypes.MenuKeyDownArrowDown:
-          return Q(V.ON_KEY_DOWN), x(zr(y, e.highlightedIndex)), e;
+        case _e.stateChangeTypes.MenuKeyDownArrowUp:
+          return Q(S.ON_KEY_DOWN), x(Ur(w, e.highlightedIndex)), e;
+        case _e.stateChangeTypes.MenuKeyDownArrowDown:
+          return Q(S.ON_KEY_DOWN), x(Fr(w, e.highlightedIndex)), e;
         default:
           return e;
       }
     }
   }), xe = N(
     (e) => {
-      Oe.current = e, R.setFloating(e);
+      ve.current = e, Y.setFloating(e);
     },
-    [R]
+    [Y]
   ), ir = N(
     (e = {}) => {
       const r = ke(e), s = r.ref;
@@ -335,19 +335,19 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
     },
     [ke, xe]
   );
-  P(() => {
-    n && l && L.current !== null && L.current >= 0 && L.current < y.length && (x(L.current), L.current = null, requestAnimationFrame(() => {
-      W.current && !H && W.current.scrollTop(ie.current);
+  V(() => {
+    n && 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, l, t, y.length, x, H]), P(() => {
-    l && O && requestAnimationFrame(() => {
+  }, [n, c, t, w.length, x, W]), V(() => {
+    c && v && requestAnimationFrame(() => {
       var e;
       (e = ue.current) == null || e.focus();
     });
-  }, [l, O]), P(() => {
-    O && l && I !== fe.current && (fe.current = I, I && x(0));
-  }, [I, O, l]), Ve(() => {
-    if (!l || !g)
+  }, [c, v]), V(() => {
+    v && c && I !== fe.current && (fe.current = I, I && x(0));
+  }, [I, v, c]), Se(() => {
+    if (!c || !m)
       return;
     let e = window.scrollY, r = !0;
     const s = 300, o = () => {
@@ -366,22 +366,22 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
     return () => {
       clearTimeout(a), window.removeEventListener("scroll", i, { capture: !0 });
     };
-  }, [l, g]), P(() => {
-    if (!l || !g)
+  }, [c, m]), V(() => {
+    if (!c || !m)
       return;
     const e = () => {
-      w();
+      y();
     };
     return window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [l, g, w]);
-  const qe = () => {
-    c || (J((e) => !e), l ? C == null || C() : E == null || E(), Q(V.ON_CLICK));
-  }, te = v(() => {
+  }, [c, m, y]);
+  const Re = () => {
+    l || (J((e) => !e), c ? O == null || O() : C == null || C(), Q(S.ON_CLICK));
+  }, te = E(() => {
     if (n && Array.isArray(t) && A.length > 0 && A.every((r) => k.has(r)))
-      return le.label;
-    const e = y.reduce((r, s) => ((Array.isArray(t) && t.includes(s.value) || s.value === t) && r.push(s.label), r), []);
+      return ce.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)
@@ -391,11 +391,11 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
     t,
     A,
     k,
-    le.label,
-    y,
+    ce.label,
+    w,
     b
   ]);
-  P(() => {
+  V(() => {
     if (de.current) {
       const { offsetWidth: e, scrollWidth: r } = de.current;
       Ae(r > e);
@@ -404,23 +404,23 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
   }, [te]);
   const dr = (e) => {
     const { keyCode: r } = e;
-    Pr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (x(Te), re(), Q(V.ON_KEY_DOWN)));
+    Vr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !c && (x(Te), re(), Q(S.ON_KEY_DOWN)));
   }, ur = (e) => {
     const { keyCode: r } = e;
-    if (r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) {
-      const s = y[_e];
+    if (r === p.ENTER_KEY_CODE || r === p.SPACE_KEY_CODE) {
+      const s = w[pe];
       if (!s)
         return;
-      n && (L.current = _e), Le(s), n || w();
+      n && (L.current = pe), Le(s), n || y();
       return;
     }
-    Vr.includes(r) && (e.stopPropagation(), w());
-  }, Re = () => /* @__PURE__ */ q("div", { className: h("options-container"), children: [
-    n && ge && !se(T) && /* @__PURE__ */ q(Pe, { children: [
+    Sr.includes(r) && (e.stopPropagation(), y());
+  }, Ye = () => /* @__PURE__ */ R("div", { className: h("options-container"), children: [
+    n && me && !se(T) && /* @__PURE__ */ R(Ve, { children: [
       /* @__PURE__ */ u(
-        He,
+        We,
         {
-          option: le,
+          option: ce,
           selected: Array.isArray(t) && A.length > 0 && A.every((e) => k.has(e)),
           onChange: nr,
           multiSelect: n,
@@ -432,18 +432,18 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
     ] }),
     se(T) ? /* @__PURE__ */ u("div", { className: h("empty-list-message"), children: Qe }) : T.map(({ option: e, depth: r }, s) => {
       var f, D;
-      const o = ee.get(e.value) ?? [e.value], i = n && o.every((Y) => k.has(Y)), a = n && ((f = e.children) == null ? void 0 : f.length) && o.some((Y) => k.has(Y)) && !i;
+      const o = ee.get(e.value) ?? [e.value], i = n && o.every((P) => k.has(P)), a = n && ((f = e.children) == null ? void 0 : f.length) && o.some((P) => k.has(P)) && !i;
       return /* @__PURE__ */ u(
-        He,
+        We,
         {
-          ...lr({
+          ...cr({
             item: e,
             index: s
           }),
           multiSelect: n,
           selected: n ? i : e.value === t,
           option: { title: e.label, ...e },
-          highlightHovered: _e === s && er !== V.ON_CLICK,
+          highlightHovered: pe === s && er !== S.ON_CLICK,
           render: j,
           onChange: e.disabled ? null : () => Le(e),
           onMouseEnter: () => x(s),
@@ -454,32 +454,32 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
         e.value
       );
     }),
-    X && /* @__PURE__ */ q(Pe, { children: [
+    X && /* @__PURE__ */ R(Ve, { children: [
       /* @__PURE__ */ u("div", { className: h("divider") }),
-      typeof X == "function" ? X(w) : X
+      typeof X == "function" ? X(y) : X
     ] })
   ] }), fr = () => {
     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: gr }) => gr === a
       );
       if (!f)
         return;
-      const D = Array.isArray(t) ? t : [], Y = new Set(D);
-      Y.delete(f.value);
-      const pr = $(Y);
-      m(Array.from(pr));
+      const D = Array.isArray(t) ? t : [], P = new Set(D);
+      P.delete(f.value);
+      const _r = z(P);
+      g(Array.from(_r));
     }, s = (a) => {
       const f = a.target;
-      Ee(f.value), l || (re(), requestAnimationFrame(() => {
+      Ce(f.value), c || (re(), requestAnimationFrame(() => {
         f.focus();
       }));
     }, o = (a) => {
-      if (a.keyCode === _.ESCAPE_KEY_CODE) {
-        a.stopPropagation(), w();
+      if (a.keyCode === p.ESCAPE_KEY_CODE) {
+        a.stopPropagation(), y();
         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());
+      a.keyCode === p.ENTER_KEY_CODE || a.keyCode === p.SPACE_KEY_CODE || (a.keyCode === p.ARROW_DOWN_KEY_CODE || a.keyCode === p.ARROW_UP_KEY_CODE) && (a.preventDefault(), re());
     }, i = /* @__PURE__ */ u(
       "input",
       {
@@ -496,22 +496,22 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
         autoComplete: "off"
       }
     );
-    return se(e) ? /* @__PURE__ */ u("div", { className: h("tags-wrapper", "with-search"), children: i }) : /* @__PURE__ */ q("div", { className: h("tags-wrapper", "with-search"), children: [
+    return se(e) ? /* @__PURE__ */ u("div", { className: h("tags-wrapper", "with-search"), children: i }) : /* @__PURE__ */ R("div", { className: h("tags-wrapper", "with-search"), children: [
       /* @__PURE__ */ u(
         Lr,
         {
           tags: e,
           onRemoveTag: r,
           isShowAllView: !0,
-          defaultVisibleLines: Wr
+          defaultVisibleLines: Mr
         }
       ),
       i
     ] });
   }, hr = () => {
-    if (O && n && Array.isArray(t))
+    if (v && n && Array.isArray(t))
       return fr();
-    const e = ye ? ye(te) : te, r = /* @__PURE__ */ u(
+    const e = we ? we(te) : te, r = /* @__PURE__ */ u(
       "span",
       {
         ref: de,
@@ -532,39 +532,39 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
         children: r
       }
     ) : r;
-  }, _r = or({
+  }, pr = or({
     className: h("dropdown", ae, G, {
       "transparent-background": oe,
-      opened: l,
-      disabled: c,
-      error: p,
-      touched: F,
-      "mobile-disabled": z,
-      "multi-select-with-tags": O
+      opened: c,
+      disabled: l,
+      error: _,
+      touched: U,
+      "mobile-disabled": F,
+      "multi-select-with-tags": v
     }),
-    onClick: qe,
+    onClick: Re,
     onKeyDown: dr,
-    ref: R.setReference
-  }), { type: at, ...Ye } = _r;
-  return /* @__PURE__ */ q("div", { ref: Ce, className: h("container", ce), title: S, children: [
-    B && /* @__PURE__ */ u(
+    ref: Y.setReference
+  }), { type: at, ...Pe } = pr;
+  return /* @__PURE__ */ R("div", { ref: Oe, className: h("container", le), title: H, children: [
+    q && /* @__PURE__ */ u(
       Kr,
       {
-        ...cr(),
-        onClick: () => !c && qe(),
-        style: { cursor: c ? "default" : "pointer" },
-        children: B
+        ...lr(),
+        onClick: () => !l && Re(),
+        style: { cursor: l ? "default" : "pointer" },
+        children: q
       }
     ),
-    /* @__PURE__ */ q(
+    /* @__PURE__ */ R(
       "div",
       {
-        ...Ye,
+        ...Pe,
         role: "button",
-        "aria-disabled": c,
-        tabIndex: c ? -1 : Ye.tabIndex ?? 0,
+        "aria-disabled": l,
+        tabIndex: l ? -1 : Pe.tabIndex ?? 0,
         children: [
-          U && /* @__PURE__ */ u("span", { className: h("icon"), children: U }),
+          B && /* @__PURE__ */ u("span", { className: h("icon"), children: B }),
           /* @__PURE__ */ u("div", { className: h("value-wrapper"), children: hr() }),
           rr && /* @__PURE__ */ u(
             Dr,
@@ -573,7 +573,7 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
               onClick: sr,
               onKeyDown: (e) => {
                 const { keyCode: r } = e;
-                (r === _.ENTER_KEY_CODE || r === _.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), he());
+                (r === p.ENTER_KEY_CODE || r === p.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), he());
               },
               "aria-label": Ge,
               children: /* @__PURE__ */ u(Nr, {})
@@ -583,9 +583,9 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
         ]
       }
     ),
-    l && (() => {
+    c && (() => {
       var o;
-      const e = (o = R.reference.current) == null ? void 0 : o.getBoundingClientRect().width, r = g && e ? {
+      const e = (o = Y.reference.current) == null ? void 0 : o.getBoundingClientRect().width, r = m && e ? {
         ...Ie,
         width: `${e}px`,
         minWidth: `${e}px`,
@@ -597,15 +597,15 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
           className: h(
             "select-list",
             {
-              opened: l,
-              "limited-width": Ue
+              opened: c,
+              "limited-width": Be
             },
-            Fe
+            Ue
           ),
-          ...g && { [Hr]: "" },
+          ...m && { [Wr]: "" },
           ...ir({
             onKeyDown: ur,
-            ...O && {
+            ...v && {
               tabIndex: -1,
               onFocus: (i) => {
                 var a;
@@ -613,26 +613,26 @@ const Sr = 240, Hr = "data-dropdown-portal-menu", Wr = 10, Mr = (n, t) => {
               }
             }
           }),
-          children: H ? Re() : /* @__PURE__ */ u(
+          children: W ? Ye() : /* @__PURE__ */ u(
             Ar,
             {
               autoHeight: !0,
-              autoHeightMax: Sr,
+              autoHeightMax: Hr,
               hideTracksWhenNotNeeded: !0,
               ref: (i) => {
-                W.current = i;
+                M.current = i;
               },
               onScrollFrame: tr,
-              children: Re()
+              children: Ye()
             }
           )
         }
       );
-      return g ? yr(s, g) : s;
+      return m ? wr(s, m) : s;
     })()
   ] });
 };
 export {
-  Ct as D,
-  Hr as a
+  Ot as D,
+  Wr as a
 };