@reportportal/ui-kit 0.0.1-alpha.222 → 0.0.1-alpha.223

package/dist/{datePicker-7325f41a.js → datePicker-ab9411c0.js}

@@ -3,7 +3,7 @@ import { useMemo as E, forwardRef as G, useRef as V } from "react";
 import v from "react-datepicker/dist/es/index.js";
 import { c as L } from "./bind-06a7ff84.js";
 import { F as W } from "./fieldText-1749da7a.js";
-import { D as x } from "./dropdown-b1592a49.js";
+import { D as x } from "./dropdown-110ce4a5.js";
 import { S as I } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as q } from "react-datepicker";
 const De = (t, n) => {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-7325f41a.js";
-import { r as E } from "./datePicker-7325f41a.js";
+import { D as t } from "./datePicker-ab9411c0.js";
+import { r as E } from "./datePicker-ab9411c0.js";
 import "react/jsx-runtime";
 import "react";
 import "react-datepicker/dist/es/index.js";
@@ -11,7 +11,7 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-b1592a49.js";
+import "./dropdown-110ce4a5.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";

package/dist/{dropdown-b1592a49.js → dropdown-110ce4a5.js}

@@ -1,9 +1,9 @@
-import { jsxs as R, jsx as u, Fragment as Ve } from "react/jsx-runtime";
-import { forwardRef as Er, useState as ge, useRef as k, useMemo as w, useCallback as v, useLayoutEffect as Se, useEffect as B } from "react";
+import { jsxs as R, jsx as u, Fragment as Se } from "react/jsx-runtime";
+import { forwardRef as Er, useState as we, useRef as k, useMemo as w, useCallback as v, useLayoutEffect as He, useEffect as B } from "react";
 import { createPortal as yr } from "react-dom";
-import { c as Me } from "./bind-06a7ff84.js";
+import { c as We } from "./bind-06a7ff84.js";
 import { useFloating as Cr, offset as Ar, flip as Or, size as Dr, autoUpdate as br } from "@floating-ui/react-dom";
-import { useSelect as we } from "downshift";
+import { useSelect as Ee } from "downshift";
 import { Scrollbars as Nr } from "rc-scrollbars";
 import { K as p } from "./keyCodes-f63c0e11.js";
 import { B as vr } from "./baseIconButton-251479f7.js";
@@ -15,7 +15,7 @@ import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as xr } from "./useEllipsisTitle-462fa254.js";
 import { C as kr } from "./checkbox-76aa8f97.js";
-import { i as te } from "./isEmpty-ccacb5ff.js";
+import { i as ne } from "./isEmpty-ccacb5ff.js";
 const Rr = (n) => {
   const r = {}, c = {};
   return Object.entries(n).forEach(([o, f]) => {
@@ -35,45 +35,44 @@ const Rr = (n) => {
   selected: Sr,
   "single-option": "_single-option_100r3_47",
   "sub-option": "_sub-option_100r3_54"
-}, He = Me.bind(Hr), $e = Er(
+}, $e = We.bind(Hr), Me = Er(
   (n, r) => {
     const {
-      option: { value: c, disabled: o, hidden: f, label: m, title: C, groupRef: A },
+      option: { value: c, disabled: o, hidden: f, label: m, title: E, groupRef: A },
       selected: F,
       onChange: S,
       render: U,
       highlightHovered: j,
-      onMouseEnter: ne,
+      onMouseEnter: se,
       multiSelect: O,
       isPartiallyChecked: q = !1,
       depth: Z = 0,
-      hasChildren: se = !1
-    } = n, oe = (ae) => {
-      const H = ae.target;
-      H.closest("label") && !(H instanceof HTMLInputElement || H instanceof HTMLDivElement) || S == null || S(c);
-    };
-    return /* @__PURE__ */ R(
+      hasChildren: oe = !1
+    } = n, ae = (ie) => {
+      const H = ie.target;
+      o || H.closest("label") && !(H instanceof HTMLInputElement || H instanceof HTMLDivElement) || S == null || S(c);
+    }, G = /* @__PURE__ */ R(
       "div",
       {
-        className: He("dropdown-option", {
+        className: $e("dropdown-option", {
           selected: F,
           disabled: o,
           hidden: f,
           hover: j,
           "multi-select": O,
-          "has-children": se,
+          "has-children": oe,
           [`depth-${Z}`]: Z > 0
         }),
-        title: C,
-        onClick: oe,
+        title: o ? void 0 : E,
+        onClick: ae,
         ref: r,
-        onMouseEnter: ne,
+        onMouseEnter: se,
         children: [
           O && /* @__PURE__ */ u(kr, { value: !!F, partiallyChecked: q }),
           /* @__PURE__ */ u(
             "div",
             {
-              className: He("single-option", {
+              className: $e("single-option", {
                 "sub-option": !!A
               }),
               children: U ? U(n) : m
@@ -82,6 +81,7 @@ const Rr = (n) => {
         ]
       }
     );
+    return o && E ? /* @__PURE__ */ u("div", { title: E, children: G }) : G;
   }
 ), $r = [
   p.ENTER_KEY_CODE,
@@ -92,27 +92,27 @@ var V = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onCl
 const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
   const c = Array.isArray(r) ? r : [r];
   return n.findIndex(({ value: o }) => c.includes(o));
-}, Ur = (n, r) => (n % r + r) % r, Ee = (n, r = 0, c = 1) => {
+}, Ur = (n, r) => (n % r + r) % r, ye = (n, r = 0, c = 1) => {
   var f;
   if (n.length === 0)
     return 0;
   if (!((f = n[r]) != null && f.disabled))
     return r;
   const o = n.length;
-  return Ee(
+  return ye(
     n,
     Ur(r + c, o),
     c
   );
-}, jr = (n, r) => Ee(n, r), qr = (n, r) => Ee(n, r, -1), We = (n, r = 0, c) => !n || n.length === 0 ? [] : n.reduce((o, f) => {
+}, jr = (n, r) => ye(n, r), qr = (n, r) => ye(n, r, -1), ze = (n, r = 0, c) => !n || n.length === 0 ? [] : n.reduce((o, f) => {
   var m;
-  return f && (o.push({ option: f, depth: r, parent: c }), (m = f.children) != null && m.length && o.push(...We(f.children, r + 1, f))), o;
-}, []), ze = (n) => !n || n.length === 0 ? [] : n.reduce((r, c) => {
+  return f && (o.push({ option: f, depth: r, parent: c }), (m = f.children) != null && m.length && o.push(...ze(f.children, r + 1, f))), o;
+}, []), Be = (n) => !n || n.length === 0 ? [] : n.reduce((r, c) => {
   var o;
-  return c && ((o = c.children) != null && o.length ? r.push(...ze(c.children)) : r.push(c)), r;
-}, []), Be = (n) => {
+  return c && ((o = c.children) != null && o.length ? r.push(...Be(c.children)) : r.push(c)), r;
+}, []), Fe = (n) => {
   var r;
-  return n ? (r = n.children) != null && r.length ? n.children.reduce((c, o) => (o && c.push(...Be(o)), c), []) : [n.value] : [];
+  return n ? (r = n.children) != null && r.length ? n.children.reduce((c, o) => (o && c.push(...Fe(o)), c), []) : [n.value] : [];
 }, Zr = "_container_sth8o_1", Gr = "_icon_sth8o_7", Xr = "_arrow_sth8o_15", Jr = "_dropdown_sth8o_33", Qr = "_disabled_sth8o_53", et = "_value_sth8o_60", rt = "_error_sth8o_63", tt = "_touched_sth8o_63", nt = "_opened_sth8o_67", st = "_placeholder_sth8o_101", ot = "_ghost_sth8o_184", at = "_divider_sth8o_202", it = {
   container: Zr,
   icon: Gr,
@@ -138,46 +138,46 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
   "empty-list-message": "_empty-list-message_sth8o_172",
   ghost: ot,
   divider: at
-}, _ = Me.bind(it), vt = ({
+}, _ = We.bind(it), vt = ({
   multiSelect: n = !1,
   value: r = n ? [] : "",
   options: c = [],
   disabled: o = !1,
   error: f,
   onChange: m,
-  onFocus: C,
+  onFocus: E,
   onBlur: A,
   mobileDisabled: F,
   title: S,
   touched: U = !1,
   icon: j,
-  variant: ne,
+  variant: se,
   placeholder: O = "",
   label: q = "",
   renderOption: Z,
-  transparentBackground: se = !1,
-  className: oe,
-  toggleButtonClassName: ae,
-  selectListClassName: H,
-  isListWidthLimited: Fe = !1,
-  optionAll: ie = { value: "all", label: "All" },
-  isOptionAllVisible: ye = !1,
+  transparentBackground: oe = !1,
+  className: ae,
+  toggleButtonClassName: G,
+  selectListClassName: ie,
+  isListWidthLimited: H = !1,
+  optionAll: le = { value: "all", label: "All" },
+  isOptionAllVisible: Ce = !1,
   onSelectAll: Ue = () => {
   },
-  formatDisplayedValue: le,
+  formatDisplayedValue: ce,
   notScrollable: $ = !1,
-  footer: G,
-  includeGroupValue: Ce = !1,
+  footer: X,
+  includeGroupValue: Ae = !1,
   clearable: je = !1,
-  onClear: Ae = () => {
+  onClear: Oe = () => {
   },
   clearButtonAriaLabel: qe = "Clear selection",
-  menuPortalRoot: E,
+  menuPortalRoot: y,
   isMultiSelectWithTags: D = !1,
   noMatchesMessage: Ze = "No matches found",
   ...Ge
 }) => {
-  const { transformed: Xe, remaining: Je } = Rr(Ge), [l, X] = ge(!1), [I, Oe] = ge(""), De = k(null), be = k(null), M = k(null), ce = k(0), de = k(null), ue = k(""), [Qe, J] = ge(null), K = k(null), W = w(() => We(c), [c]), L = w(() => {
+  const { transformed: Xe, remaining: Je } = Rr(Ge), [l, J] = we(!1), [I, De] = we(""), be = k(null), Ne = k(null), M = k(null), de = k(0), ue = k(null), he = k(""), [Qe, Q] = we(null), K = k(null), W = w(() => ze(c), [c]), L = w(() => {
     if (!D || !I.trim())
       return W;
     const e = I.toLowerCase();
@@ -187,44 +187,44 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
   }, [W, I, D]), g = w(
     () => L.map(({ option: e }) => e),
     [L]
-  ), Ne = w(
+  ), ve = w(
     () => W.map(({ option: e }) => e),
     [W]
-  ), Q = w(() => L.filter(({ option: e }) => {
+  ), ee = w(() => L.filter(({ option: e }) => {
     var t;
     return (t = e.children) == null ? void 0 : t.length;
-  }).map(({ option: e }) => e), [L]), ve = w(() => ze(c), [c]), b = w(
-    () => ve.map(({ value: e }) => e),
-    [ve]
-  ), ee = w(() => {
+  }).map(({ option: e }) => e), [L]), Ie = w(() => Be(c), [c]), b = w(
+    () => Ie.map(({ value: e }) => e),
+    [Ie]
+  ), re = w(() => {
     const e = /* @__PURE__ */ new Map();
-    return Q.forEach((t) => {
-      e.set(t.value, Be(t));
+    return ee.forEach((t) => {
+      e.set(t.value, Fe(t));
     }), e;
-  }, [Q]), z = v(
-    (e) => (Q.forEach((t) => {
-      const s = ee.get(t.value) ?? [], i = s.length > 0 && s.every((d) => e.has(d));
-      Ce && i ? e.add(t.value) : e.delete(t.value);
+  }, [ee]), z = v(
+    (e) => (ee.forEach((t) => {
+      const s = re.get(t.value) ?? [], i = s.length > 0 && s.every((d) => e.has(d));
+      Ae && i ? e.add(t.value) : e.delete(t.value);
     }), e),
-    [Q, Ce, ee]
-  ), T = w(() => !n || !Array.isArray(r) ? /* @__PURE__ */ new Set() : z(new Set(r)), [n, r, z]), he = w(() => n ? Array.isArray(r) && r.length > 0 : g.some((e) => e.value === r) || r === !1 || r === 0 || !!r, [n, r, g]), er = je && he && !o, rr = v((e) => {
-    ce.current = e.scrollTop;
+    [ee, Ae, re]
+  ), T = w(() => !n || !Array.isArray(r) ? /* @__PURE__ */ new Set() : z(new Set(r)), [n, r, z]), fe = w(() => n ? Array.isArray(r) && r.length > 0 : g.some((e) => e.value === r) || r === !1 || r === 0 || !!r, [n, r, g]), er = je && fe && !o, rr = v((e) => {
+    de.current = e.scrollTop;
   }, []);
-  Se(() => {
-    l && !$ && M.current && !(n && K.current !== null) && M.current.scrollTop(ce.current);
+  He(() => {
+    l && !$ && M.current && !(n && K.current !== null) && M.current.scrollTop(de.current);
   }, [l, $, r, n]);
-  const { refs: P, floatingStyles: Ie } = Cr({
+  const { refs: P, floatingStyles: Ke } = Cr({
     placement: "bottom-start",
     middleware: [
       Ar(5),
       Or({
         fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
-        ...E && {
+        ...y && {
           boundary: document.documentElement,
           rootBoundary: "viewport"
         }
       }),
-      E ? Dr({
+      y ? Dr({
         apply({ rects: e, elements: t }) {
           const s = e.reference.width;
           Object.assign(t.floating.style, {
@@ -239,7 +239,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
       animationFrame: !0
     }) : void 0
   }), tr = () => {
-    if (!ye)
+    if (!Ce)
       return;
     const e = Array.isArray(r) ? r : [], t = new Set(e), s = b.some((d) => !t.has(d));
     b.forEach((d) => {
@@ -247,23 +247,23 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
     });
     const i = z(t);
     m(Array.from(i)), Ue();
-  }, re = v(() => {
-    l || (X(!0), C == null || C());
-  }, [l, C]), y = v(() => {
-    X(!1), Oe(""), ue.current = "", A == null || A();
-  }, [A]), fe = v(() => {
+  }, te = v(() => {
+    l || (J(!0), E == null || E());
+  }, [l, E]), C = v(() => {
+    J(!1), De(""), he.current = "", A == null || A();
+  }, [A]), _e = v(() => {
     if (o)
       return;
-    m(n ? [] : ""), Ae(), y(), requestAnimationFrame(() => {
+    m(n ? [] : ""), Oe(), C(), requestAnimationFrame(() => {
       const t = P.reference.current;
       t && t instanceof HTMLElement && t.focus();
     });
-  }, [o, n, m, Ae, y, P]), nr = v(
+  }, [o, n, m, Oe, C, P]), nr = v(
     (e) => {
-      e.preventDefault(), e.stopPropagation(), fe();
+      e.preventDefault(), e.stopPropagation(), _e();
     },
-    [fe]
-  ), Ke = v(
+    [_e]
+  ), Le = v(
     (e) => {
       var d, a;
       if (!l)
@@ -271,28 +271,28 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
       const t = e == null ? void 0 : e.target;
       if (!t)
         return;
-      const s = (d = De.current) == null ? void 0 : d.contains(t), i = (a = be.current) == null ? void 0 : a.contains(t);
-      !s && !i && y();
+      const s = (d = be.current) == null ? void 0 : d.contains(t), i = (a = Ne.current) == null ? void 0 : a.contains(t);
+      !s && !i && C();
     },
-    [l, y]
+    [l, C]
   );
   B(() => {
     if (!l)
       return;
     const e = (t) => {
-      Ke(t);
+      Le(t);
     };
     return document.addEventListener("pointerdown", e), () => {
       document.removeEventListener("pointerdown", e);
     };
-  }, [l, Ke]);
-  const Le = (e) => {
+  }, [l, Le]);
+  const Te = (e) => {
     var t;
     if (!e.disabled) {
       if (n) {
         const s = Array.isArray(r) ? r : [], i = new Set(s);
         if ((t = e.children) != null && t.length) {
-          const a = ee.get(e.value) ?? [], h = a.some((N) => !i.has(N));
+          const a = re.get(e.value) ?? [], h = a.some((N) => !i.has(N));
           a.forEach((N) => {
             h ? i.add(N) : i.delete(N);
           });
@@ -302,62 +302,62 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
         m(Array.from(d));
       } else
         m(e.value);
-      X((s) => n || !s);
+      J((s) => n || !s);
     }
-  }, sr = () => g.find(({ value: e }) => e === r), Te = Fr(g, r), {
+  }, sr = () => g.find(({ value: e }) => e === r), xe = Fr(g, r), {
     getToggleButtonProps: or,
     getLabelProps: ar,
-    getMenuProps: xe,
+    getMenuProps: ke,
     getItemProps: ir,
     setHighlightedIndex: x,
-    highlightedIndex: _e
-  } = we({
+    highlightedIndex: pe
+  } = Ee({
     items: g,
     itemToString: (e) => (e != null && e.label ? String(e.label) : O) || "",
     selectedItem: sr(),
     isOpen: l,
     circularNavigation: !0,
-    defaultHighlightedIndex: Te,
+    defaultHighlightedIndex: xe,
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
-        case we.stateChangeTypes.MenuKeyDownArrowUp:
-          return J(V.ON_KEY_DOWN), x(qr(g, e.highlightedIndex)), e;
-        case we.stateChangeTypes.MenuKeyDownArrowDown:
-          return J(V.ON_KEY_DOWN), x(jr(g, e.highlightedIndex)), e;
+        case Ee.stateChangeTypes.MenuKeyDownArrowUp:
+          return Q(V.ON_KEY_DOWN), x(qr(g, e.highlightedIndex)), e;
+        case Ee.stateChangeTypes.MenuKeyDownArrowDown:
+          return Q(V.ON_KEY_DOWN), x(jr(g, e.highlightedIndex)), e;
         default:
           return e;
       }
     }
-  }), ke = v(
+  }), Re = v(
     (e) => {
-      be.current = e, P.setFloating(e);
+      Ne.current = e, P.setFloating(e);
     },
     [P]
   ), lr = v(
     (e = {}) => {
-      const t = xe(e), s = t.ref;
+      const t = ke(e), s = t.ref;
       return {
         ...t,
         ref: (i) => {
-          ke(i), typeof s == "function" ? s(i) : s && (s.current = i);
+          Re(i), typeof s == "function" ? s(i) : s && (s.current = i);
         }
       };
     },
-    [xe, ke]
+    [ke, Re]
   );
   B(() => {
     n && l && K.current !== null && K.current >= 0 && K.current < g.length && (x(K.current), K.current = null, requestAnimationFrame(() => {
-      M.current && !$ && M.current.scrollTop(ce.current);
+      M.current && !$ && M.current.scrollTop(de.current);
     }));
   }, [n, l, r, g.length, x, $]), B(() => {
     l && D && requestAnimationFrame(() => {
       var e;
-      (e = de.current) == null || e.focus();
+      (e = ue.current) == null || e.focus();
     });
   }, [l, D]), B(() => {
-    D && l && I !== ue.current && (ue.current = I, I && x(0));
-  }, [I, D, l]), Se(() => {
-    if (!l || !E)
+    D && l && I !== he.current && (he.current = I, I && x(0));
+  }, [I, D, l]), He(() => {
+    if (!l || !y)
       return;
     let e = window.scrollY, t = !0;
     const s = 300, i = () => {
@@ -376,21 +376,21 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
     return () => {
       clearTimeout(a), window.removeEventListener("scroll", d, { capture: !0 });
     };
-  }, [l, E]), B(() => {
-    if (!l || !E)
+  }, [l, y]), B(() => {
+    if (!l || !y)
       return;
     const e = () => {
-      y();
+      C();
     };
     return window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [l, E, y]);
-  const Re = () => {
-    o || (X((e) => !e), l ? A == null || A() : C == null || C(), J(V.ON_CLICK));
-  }, pe = w(() => {
+  }, [l, y, C]);
+  const Pe = () => {
+    o || (J((e) => !e), l ? A == null || A() : E == null || E(), Q(V.ON_CLICK));
+  }, me = w(() => {
     if (n && Array.isArray(r) && b.length > 0 && b.every((t) => T.has(t)))
-      return ie.label;
+      return le.label;
     const e = g.reduce((t, s) => ((Array.isArray(r) && r.includes(s.value) || s.value === r) && t.push(s.label), t), []);
     return e.length > 0 ? e.join(", ") : !r && r !== !1 && r !== 0 || Array.isArray(r) && !r.length ? O : typeof r == "string" && r.length > 0 && !O ? r : O || void 0;
   }, [
@@ -398,28 +398,28 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
     r,
     b,
     T,
-    ie.label,
+    le.label,
     g,
     O
-  ]), me = w(() => le ? le(pe) : pe, [le, pe]), cr = he && me ? me : void 0, { ref: dr, title: ur } = xr(cr), hr = (e) => {
+  ]), ge = w(() => ce ? ce(me) : me, [ce, me]), cr = fe && ge ? ge : void 0, { ref: dr, title: ur } = xr(cr), hr = (e) => {
     const { keyCode: t } = e;
-    $r.includes(t) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (x(Te), re(), J(V.ON_KEY_DOWN)));
+    $r.includes(t) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (x(xe), te(), Q(V.ON_KEY_DOWN)));
   }, fr = (e) => {
     const { keyCode: t } = e;
     if (t === p.ENTER_KEY_CODE || t === p.SPACE_KEY_CODE) {
-      const s = g[_e];
-      if (!s)
+      const s = g[pe];
+      if (!s || s.disabled)
         return;
-      n && (K.current = _e), Le(s), n || y();
+      n && (K.current = pe), Te(s), n || C();
       return;
     }
-    Mr.includes(t) && (e.stopPropagation(), y());
-  }, Pe = () => /* @__PURE__ */ R("div", { className: _("options-container"), children: [
-    n && ye && !te(L) && /* @__PURE__ */ R(Ve, { children: [
+    Mr.includes(t) && (e.stopPropagation(), C());
+  }, Ye = () => /* @__PURE__ */ R("div", { className: _("options-container"), children: [
+    n && Ce && !ne(L) && /* @__PURE__ */ R(Se, { children: [
       /* @__PURE__ */ u(
-        $e,
+        Me,
         {
-          option: ie,
+          option: le,
           selected: Array.isArray(r) && b.length > 0 && b.every((e) => T.has(e)),
           onChange: tr,
           multiSelect: n,
@@ -429,11 +429,11 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
       /* @__PURE__ */ u("div", { className: _("divider") }),
       " "
     ] }),
-    te(L) ? /* @__PURE__ */ u("div", { className: _("empty-list-message"), children: Ze }) : L.map(({ option: e, depth: t }, s) => {
+    ne(L) ? /* @__PURE__ */ u("div", { className: _("empty-list-message"), children: Ze }) : L.map(({ option: e, depth: t }, s) => {
       var h, N;
-      const i = ee.get(e.value) ?? [e.value], d = n && i.every((Y) => T.has(Y)), a = n && ((h = e.children) == null ? void 0 : h.length) && i.some((Y) => T.has(Y)) && !d;
+      const i = re.get(e.value) ?? [e.value], d = n && i.every((Y) => T.has(Y)), a = n && ((h = e.children) == null ? void 0 : h.length) && i.some((Y) => T.has(Y)) && !d;
       return /* @__PURE__ */ u(
-        $e,
+        Me,
         {
           ...ir({
             item: e,
@@ -442,9 +442,9 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
           multiSelect: n,
           selected: n ? d : e.value === r,
           option: { title: e.label, ...e },
-          highlightHovered: _e === s && Qe !== V.ON_CLICK,
+          highlightHovered: pe === s && Qe !== V.ON_CLICK,
           render: Z,
-          onChange: e.disabled ? null : () => Le(e),
+          onChange: e.disabled ? null : () => Te(e),
           onMouseEnter: () => x(s),
           depth: t,
           hasChildren: !!((N = e.children) != null && N.length),
@@ -453,13 +453,13 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
         e.value
       );
     }),
-    G && /* @__PURE__ */ R(Ve, { children: [
+    X && /* @__PURE__ */ R(Se, { children: [
       /* @__PURE__ */ u("div", { className: _("divider") }),
-      typeof G == "function" ? G(y) : G
+      typeof X == "function" ? X(C) : X
     ] })
   ] }), _r = () => {
-    const e = Ne.reduce((a, h) => (Array.isArray(r) && r.includes(h.value) && a.push(h.label), a), []), t = (a) => {
-      const h = Ne.find(
+    const e = ve.reduce((a, h) => (Array.isArray(r) && r.includes(h.value) && a.push(h.label), a), []), t = (a) => {
+      const h = ve.find(
         ({ label: wr }) => wr === a
       );
       if (!h)
@@ -470,32 +470,32 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
       m(Array.from(gr));
     }, s = (a) => {
       const h = a.target;
-      Oe(h.value), l || (re(), requestAnimationFrame(() => {
+      De(h.value), l || (te(), requestAnimationFrame(() => {
         h.focus();
       }));
     }, i = (a) => {
       if (a.keyCode === p.ESCAPE_KEY_CODE) {
-        a.stopPropagation(), y();
+        a.stopPropagation(), C();
         return;
       }
-      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());
+      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(), te());
     }, d = /* @__PURE__ */ u(
       "input",
       {
-        ref: de,
+        ref: ue,
         type: "text",
         className: _("search-input"),
         value: I,
         onChange: s,
         onKeyDown: i,
         onClick: (a) => {
-          a.stopPropagation(), re();
+          a.stopPropagation(), te();
         },
-        placeholder: te(e) ? O : "",
+        placeholder: ne(e) ? O : "",
         autoComplete: "off"
       }
     );
-    return te(e) ? /* @__PURE__ */ u("div", { className: _("tags-wrapper", "with-search"), children: d }) : /* @__PURE__ */ R("div", { className: _("tags-wrapper", "with-search"), children: [
+    return ne(e) ? /* @__PURE__ */ u("div", { className: _("tags-wrapper", "with-search"), children: d }) : /* @__PURE__ */ R("div", { className: _("tags-wrapper", "with-search"), children: [
       /* @__PURE__ */ u(
         Tr,
         {
@@ -512,14 +512,14 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
     {
       ref: dr,
       className: _("value", {
-        placeholder: !he
+        placeholder: !fe
       }),
       title: ur,
-      children: me
+      children: ge
     }
   ), mr = or({
-    className: _("dropdown", ne, ae, {
-      "transparent-background": se,
+    className: _("dropdown", se, G, {
+      "transparent-background": oe,
       opened: l,
       disabled: o,
       error: f,
@@ -527,15 +527,15 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
       "mobile-disabled": F,
       "multi-select-with-tags": D
     }),
-    onClick: Re,
+    onClick: Pe,
     onKeyDown: hr,
     ref: P.setReference
-  }), { type: lt, ...Ye } = mr;
+  }), { type: lt, ...Ve } = mr;
   return /* @__PURE__ */ R(
     "div",
     {
-      ref: De,
-      className: _("container", oe),
+      ref: be,
+      className: _("container", ae),
       title: S,
       ...Je,
       ...Xe,
@@ -544,7 +544,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
           Lr,
           {
             ...ar(),
-            onClick: () => !o && Re(),
+            onClick: () => !o && Pe(),
             style: { cursor: o ? "default" : "pointer" },
             children: q
           }
@@ -552,10 +552,10 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
         /* @__PURE__ */ R(
           "div",
           {
-            ...Ye,
+            ...Ve,
             role: "button",
             "aria-disabled": o,
-            tabIndex: o ? -1 : Ye.tabIndex ?? 0,
+            tabIndex: o ? -1 : Ve.tabIndex ?? 0,
             children: [
               j && /* @__PURE__ */ u("span", { className: _("icon"), children: j }),
               /* @__PURE__ */ u("div", { className: _("value-wrapper"), children: pr() }),
@@ -566,7 +566,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
                   onClick: nr,
                   onKeyDown: (e) => {
                     const { keyCode: t } = e;
-                    (t === p.ENTER_KEY_CODE || t === p.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), fe());
+                    (t === p.ENTER_KEY_CODE || t === p.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), _e());
                   },
                   "aria-label": qe,
                   children: /* @__PURE__ */ u(Ir, {})
@@ -578,12 +578,12 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
         ),
         l && (() => {
           var i;
-          const e = (i = P.reference.current) == null ? void 0 : i.getBoundingClientRect().width, t = E && e ? {
-            ...Ie,
+          const e = (i = P.reference.current) == null ? void 0 : i.getBoundingClientRect().width, t = y && e ? {
+            ...Ke,
             width: `${e}px`,
             minWidth: `${e}px`,
             maxWidth: `${e}px`
-          } : Ie, s = /* @__PURE__ */ u(
+          } : Ke, s = /* @__PURE__ */ u(
             "div",
             {
               style: t,
@@ -591,22 +591,22 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
                 "select-list",
                 {
                   opened: l,
-                  "limited-width": Fe
+                  "limited-width": H
                 },
-                H
+                ie
               ),
-              ...E && { [zr]: "" },
+              ...y && { [zr]: "" },
               ...lr({
                 onKeyDown: fr,
                 ...D && {
                   tabIndex: -1,
                   onFocus: (d) => {
                     var a;
-                    d.preventDefault(), (a = de.current) == null || a.focus();
+                    d.preventDefault(), (a = ue.current) == null || a.focus();
                   }
                 }
               }),
-              children: $ ? Pe() : /* @__PURE__ */ u(
+              children: $ ? Ye() : /* @__PURE__ */ u(
                 Nr,
                 {
                   autoHeight: !0,
@@ -616,12 +616,12 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
                     M.current = d;
                   },
                   onScrollFrame: rr,
-                  children: Pe()
+                  children: Ye()
                 }
               )
             }
           );
-          return E ? yr(s, E) : s;
+          return y ? yr(s, y) : s;
         })()
       ]
     }

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-b1592a49.js";
-import { a as E } from "./dropdown-b1592a49.js";
+import { D as r } from "./dropdown-110ce4a5.js";
+import { a as E } from "./dropdown-110ce4a5.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";

package/dist/index.js

@@ -9,9 +9,9 @@ import { BulkPanel as J } from "./bulkPanel.js";
 import { B as _ } from "./button-7ab874f3.js";
 import { C as X } from "./checkbox-76aa8f97.js";
 import { Chip as q } from "./chip.js";
-import { D as Q } from "./datePicker-7325f41a.js";
+import { D as Q } from "./datePicker-ab9411c0.js";
 import "react-datepicker";
-import { D as Z } from "./dropdown-b1592a49.js";
+import { D as Z } from "./dropdown-110ce4a5.js";
 import { FieldLabel as oo } from "./fieldLabel.js";
 import { F as eo } from "./fieldNumber-b4aa4d7e.js";
 import { F as ao } from "./fieldText-1749da7a.js";

package/dist/modal.js

@@ -8,7 +8,7 @@ import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as J } from "./useWindowResize-a7e1ac92.js";
 import { A as Q } from "./constants-85822a6b.js";
-import { a as V } from "./dropdown-b1592a49.js";
+import { a as V } from "./dropdown-110ce4a5.js";
 import { K as Z } from "./keyCodes-f63c0e11.js";
 import { B as C } from "./button-7ab874f3.js";
 import { Tooltip as ee } from "./tooltip.js";

package/dist/sidePanel.js

@@ -5,7 +5,7 @@ import { K as B } from "./keyCodes-f63c0e11.js";
 import { u as L } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as O } from "./dropdown-b1592a49.js";
+import { a as O } from "./dropdown-110ce4a5.js";
 import { S as T } from "./close-4d480ef7.js";
 import { B as j } from "./baseIconButton-251479f7.js";
 import "react-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.222",
+  "version": "0.0.1-alpha.223",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {