@reportportal/ui-kit 0.0.1-alpha.235 → 0.0.1-alpha.236

package/dist/{datePicker-6c001a18.js → datePicker-b554cb9d.js}

@@ -3,7 +3,7 @@ import { useMemo as v, forwardRef as J, useRef as K } from "react";
 import I from "react-datepicker/dist/es/index.js";
 import { c as Y } from "./bind-06a7ff84.js";
 import { F as Q } from "./fieldText-1749da7a.js";
-import { D as L } from "./dropdown-33f2bf75.js";
+import { D as L } from "./dropdown-d2a05471.js";
 import { S as B } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as X } from "react-datepicker";
 function Z(e) {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-6c001a18.js";
-import { r as H } from "./datePicker-6c001a18.js";
+import { D as t } from "./datePicker-b554cb9d.js";
+import { r as H } from "./datePicker-b554cb9d.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-33f2bf75.js";
+import "./dropdown-d2a05471.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";

package/dist/{dropdown-33f2bf75.js → dropdown-d2a05471.js}

@@ -1,51 +1,51 @@
 import { jsxs as R, jsx as u, Fragment as He } from "react/jsx-runtime";
-import { forwardRef as yr, useState as we, useRef as k, useMemo as w, useCallback as v, useLayoutEffect as $e, useEffect as F } from "react";
+import { forwardRef as yr, useState as we, useRef as x, useMemo as w, useCallback as k, useLayoutEffect as $e, useEffect as F } from "react";
 import { createPortal as Cr } from "react-dom";
 import { c as ze } from "./bind-06a7ff84.js";
-import { useFloating as Ar, offset as Or, flip as br, size as Dr, autoUpdate as Nr } from "@floating-ui/react-dom";
+import { useFloating as Ar, offset as br, flip as Or, size as Dr, autoUpdate as Nr } from "@floating-ui/react-dom";
 import { useSelect as Ee } from "downshift";
-import { Scrollbars as vr } from "rc-scrollbars";
+import { Scrollbars as kr } from "rc-scrollbars";
 import { K as p } from "./keyCodes-f63c0e11.js";
-import { B as Ir } from "./baseIconButton-251479f7.js";
-import { S as Kr } from "./clear-53660571.js";
-import { S as Lr } from "./dropdown-0260bb66.js";
-import { FieldLabel as Tr } from "./fieldLabel.js";
-import { AdaptiveTagList as xr } from "./adaptiveTagList.js";
+import { B as vr } from "./baseIconButton-251479f7.js";
+import { S as Ir } from "./clear-53660571.js";
+import { S as Kr } from "./dropdown-0260bb66.js";
+import { FieldLabel as Lr } from "./fieldLabel.js";
+import { AdaptiveTagList as Tr } from "./adaptiveTagList.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { u as kr } from "./useEllipsisTitle-462fa254.js";
+import { u as xr } from "./useEllipsisTitle-462fa254.js";
 import { C as Rr } from "./checkbox-76aa8f97.js";
 import { Tooltip as Pr } from "./tooltip.js";
 import { i as ne } from "./isEmpty-ccacb5ff.js";
 const Yr = (t) => {
   const r = {}, c = {};
-  return Object.entries(t).forEach(([o, h]) => {
+  return Object.entries(t).forEach(([o, f]) => {
     if (/^data[A-Z]/.test(o) || /^aria[A-Z]/.test(o)) {
       const m = o.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
-      r[m] = h;
+      r[m] = f;
     } else
-      c[o] = h;
+      c[o] = f;
   }), { transformed: r, remaining: c };
-}, Vr = "_disabled_100r3_12", Sr = "_hidden_100r3_17", Hr = "_hover_100r3_26", $r = "_selected_100r3_42", Mr = {
-  "dropdown-option": "_dropdown-option_100r3_1",
+}, Vr = "_disabled_1hbkk_12", Sr = "_hidden_1hbkk_17", Hr = "_hover_1hbkk_26", $r = "_selected_1hbkk_42", Mr = {
+  "dropdown-option": "_dropdown-option_1hbkk_1",
   disabled: Vr,
   hidden: Sr,
-  "multi-select": "_multi-select_100r3_20",
+  "multi-select": "_multi-select_1hbkk_20",
   hover: Hr,
-  "depth-1": "_depth-1_100r3_36",
+  "depth-1": "_depth-1_1hbkk_36",
   selected: $r,
-  "single-option": "_single-option_100r3_47",
-  "sub-option": "_sub-option_100r3_54"
+  "single-option": "_single-option_1hbkk_50",
+  "sub-option": "_sub-option_1hbkk_57"
 }, Me = ze.bind(Mr), We = yr(
   (t, r) => {
     const {
-      option: { value: c, disabled: o, hidden: h, label: m, title: E, groupRef: A },
+      option: { value: c, disabled: o, hidden: f, label: m, title: E, groupRef: A },
       selected: B,
       onChange: S,
       render: U,
       highlightHovered: j,
       onMouseEnter: se,
-      multiSelect: O,
+      multiSelect: b,
       isPartiallyChecked: q = !1,
       depth: Z = 0,
       hasChildren: oe = !1
@@ -58,9 +58,9 @@ const Yr = (t) => {
         className: Me("dropdown-option", {
           selected: B,
           disabled: o,
-          hidden: h,
+          hidden: f,
           hover: j,
-          "multi-select": O,
+          "multi-select": b,
           "has-children": oe,
           [`depth-${Z}`]: Z > 0
         }),
@@ -69,7 +69,7 @@ const Yr = (t) => {
         ref: r,
         onMouseEnter: se,
         children: [
-          O && /* @__PURE__ */ u(Rr, { value: !!B, partiallyChecked: q }),
+          b && /* @__PURE__ */ u(Rr, { value: !!B, partiallyChecked: q }),
           /* @__PURE__ */ u(
             "div",
             {
@@ -104,10 +104,10 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
   const c = Array.isArray(r) ? r : [r];
   return t.findIndex(({ value: o }) => c.includes(o));
 }, qr = (t, r) => (t % r + r) % r, ye = (t, r = 0, c = 1) => {
-  var h;
+  var f;
   if (t.length === 0)
     return 0;
-  if (!((h = t[r]) != null && h.disabled))
+  if (!((f = t[r]) != null && f.disabled))
     return r;
   const o = t.length;
   return ye(
@@ -115,9 +115,9 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
     qr(r + c, o),
     c
   );
-}, Zr = (t, r) => ye(t, r), Gr = (t, r) => ye(t, r, -1), Fe = (t, r = 0, c) => !t || t.length === 0 ? [] : t.reduce((o, h) => {
+}, Zr = (t, r) => ye(t, r), Gr = (t, r) => ye(t, r, -1), Fe = (t, r = 0, c) => !t || t.length === 0 ? [] : t.reduce((o, f) => {
   var m;
-  return h && (o.push({ option: h, depth: r, parent: c }), (m = h.children) != null && m.length && o.push(...Fe(h.children, r + 1, h))), o;
+  return f && (o.push({ option: f, depth: r, parent: c }), (m = f.children) != null && m.length && o.push(...Fe(f.children, r + 1, f))), o;
 }, []), Be = (t) => !t || t.length === 0 ? [] : t.reduce((r, c) => {
   var o;
   return c && ((o = c.children) != null && o.length ? r.push(...Be(c.children)) : r.push(c)), r;
@@ -149,12 +149,12 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
   "empty-list-message": "_empty-list-message_sth8o_172",
   ghost: it,
   divider: lt
-}, _ = ze.bind(ct), Lt = ({
+}, _ = ze.bind(ct), Kt = ({
   multiSelect: t = !1,
   value: r = t ? [] : "",
   options: c = [],
   disabled: o = !1,
-  error: h,
+  error: f,
   onChange: m,
   onFocus: E,
   onBlur: A,
@@ -163,7 +163,7 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
   touched: U = !1,
   icon: j,
   variant: se,
-  placeholder: O = "",
+  placeholder: b = "",
   label: q = "",
   renderOption: Z,
   transparentBackground: oe = !1,
@@ -180,56 +180,56 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
   footer: X,
   includeGroupValue: Ae = !1,
   clearable: qe = !1,
-  onClear: Oe = () => {
+  onClear: be = () => {
   },
   clearButtonAriaLabel: Ze = "Clear selection",
   menuPortalRoot: y,
-  disabledOptionTooltipPortalRoot: be,
-  isMultiSelectWithTags: b = !1,
+  disabledOptionTooltipPortalRoot: Oe,
+  isMultiSelectWithTags: O = !1,
   noMatchesMessage: Ge = "No matches found",
   ...Xe
 }) => {
-  const { transformed: Je, remaining: Qe } = Yr(Xe), [l, J] = we(!1), [I, De] = we(""), Ne = k(null), ve = k(null), M = k(null), de = k(0), ue = k(null), fe = k(""), [er, Q] = we(null), K = k(null), W = w(() => Fe(c), [c]), L = w(() => {
-    if (!b || !I.trim())
+  const { transformed: Je, remaining: Qe } = Yr(Xe), [l, J] = we(!1), [v, De] = we(""), Ne = x(null), ke = x(null), M = x(null), de = x(0), ue = x(null), he = x(""), [er, Q] = we(null), I = x(null), W = w(() => Fe(c), [c]), K = w(() => {
+    if (!O || !v.trim())
       return W;
-    const e = I.toLowerCase();
+    const e = v.toLowerCase();
     return W.filter(
       ({ option: n }) => n.label.toLowerCase().includes(e)
     );
-  }, [W, I, b]), g = w(
-    () => L.map(({ option: e }) => e),
-    [L]
-  ), Ie = w(
+  }, [W, v, O]), g = w(
+    () => K.map(({ option: e }) => e),
+    [K]
+  ), ve = w(
     () => W.map(({ option: e }) => e),
     [W]
-  ), ee = w(() => L.filter(({ option: e }) => {
+  ), ee = w(() => K.filter(({ option: e }) => {
     var n;
     return (n = e.children) == null ? void 0 : n.length;
-  }).map(({ option: e }) => e), [L]), Ke = w(() => Be(c), [c]), D = w(
-    () => Ke.map(({ value: e }) => e),
-    [Ke]
+  }).map(({ option: e }) => e), [K]), Ie = w(() => Be(c), [c]), D = w(
+    () => Ie.map(({ value: e }) => e),
+    [Ie]
   ), re = w(() => {
     const e = /* @__PURE__ */ new Map();
     return ee.forEach((n) => {
       e.set(n.value, Ue(n));
     }), e;
-  }, [ee]), z = v(
+  }, [ee]), z = k(
     (e) => (ee.forEach((n) => {
       const s = re.get(n.value) ?? [], i = s.length > 0 && s.every((d) => e.has(d));
       Ae && i ? e.add(n.value) : e.delete(n.value);
     }), e),
     [ee, Ae, re]
-  ), T = w(() => !t || !Array.isArray(r) ? /* @__PURE__ */ new Set() : z(new Set(r)), [t, r, z]), he = w(() => t ? Array.isArray(r) && r.length > 0 : g.some((e) => e.value === r) || r === !1 || r === 0 || !!r, [t, r, g]), rr = qe && he && !o, tr = v((e) => {
+  ), L = w(() => !t || !Array.isArray(r) ? /* @__PURE__ */ new Set() : z(new Set(r)), [t, r, z]), fe = w(() => t ? Array.isArray(r) && r.length > 0 : g.some((e) => e.value === r) || r === !1 || r === 0 || !!r, [t, r, g]), rr = qe && fe && !o, tr = k((e) => {
     de.current = e.scrollTop;
   }, []);
   $e(() => {
-    l && !$ && M.current && !(t && K.current !== null) && M.current.scrollTop(de.current);
+    l && !$ && M.current && !(t && I.current !== null) && M.current.scrollTop(de.current);
   }, [l, $, r, t]);
-  const { refs: P, floatingStyles: Le } = Ar({
+  const { refs: P, floatingStyles: Ke } = Ar({
     placement: "bottom-start",
     middleware: [
-      Or(5),
-      br({
+      br(5),
+      Or({
         fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
         ...y && {
           boundary: document.documentElement,
@@ -259,23 +259,23 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
     });
     const i = z(n);
     m(Array.from(i)), je();
-  }, te = v(() => {
+  }, te = k(() => {
     l || (J(!0), E == null || E());
-  }, [l, E]), C = v(() => {
-    J(!1), De(""), fe.current = "", A == null || A();
-  }, [A]), _e = v(() => {
+  }, [l, E]), C = k(() => {
+    J(!1), De(""), he.current = "", A == null || A();
+  }, [A]), _e = k(() => {
     if (o)
       return;
-    m(t ? [] : ""), Oe(), C(), requestAnimationFrame(() => {
+    m(t ? [] : ""), be(), C(), requestAnimationFrame(() => {
       const n = P.reference.current;
       n && n instanceof HTMLElement && n.focus();
     });
-  }, [o, t, m, Oe, C, P]), sr = v(
+  }, [o, t, m, be, C, P]), sr = k(
     (e) => {
       e.preventDefault(), e.stopPropagation(), _e();
     },
     [_e]
-  ), Te = v(
+  ), Le = k(
     (e) => {
       var d, a;
       if (!l)
@@ -283,7 +283,7 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
       const n = e == null ? void 0 : e.target;
       if (!n)
         return;
-      const s = (d = Ne.current) == null ? void 0 : d.contains(n), i = (a = ve.current) == null ? void 0 : a.contains(n);
+      const s = (d = Ne.current) == null ? void 0 : d.contains(n), i = (a = ke.current) == null ? void 0 : a.contains(n);
       !s && !i && C();
     },
     [l, C]
@@ -292,21 +292,21 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
     if (!l)
       return;
     const e = (n) => {
-      Te(n);
+      Le(n);
     };
     return document.addEventListener("pointerdown", e), () => {
       document.removeEventListener("pointerdown", e);
     };
-  }, [l, Te]);
-  const xe = (e) => {
+  }, [l, Le]);
+  const Te = (e) => {
     var n;
     if (!e.disabled) {
       if (t) {
         const s = Array.isArray(r) ? r : [], i = new Set(s);
         if ((n = e.children) != null && n.length) {
-          const a = re.get(e.value) ?? [], f = a.some((N) => !i.has(N));
+          const a = re.get(e.value) ?? [], h = a.some((N) => !i.has(N));
           a.forEach((N) => {
-            f ? i.add(N) : i.delete(N);
+            h ? i.add(N) : i.delete(N);
           });
         } else
           i.has(e.value) ? i.delete(e.value) : i.add(e.value);
@@ -316,36 +316,36 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
         m(e.value);
       J((s) => t || !s);
     }
-  }, or = () => g.find(({ value: e }) => e === r), ke = jr(g, r), {
+  }, or = () => g.find(({ value: e }) => e === r), xe = jr(g, r), {
     getToggleButtonProps: ar,
     getLabelProps: ir,
     getMenuProps: Re,
     getItemProps: lr,
-    setHighlightedIndex: x,
+    setHighlightedIndex: T,
     highlightedIndex: pe
   } = Ee({
     items: g,
-    itemToString: (e) => (e != null && e.label ? String(e.label) : O) || "",
+    itemToString: (e) => (e != null && e.label ? String(e.label) : b) || "",
     selectedItem: or(),
     isOpen: l,
     circularNavigation: !0,
-    defaultHighlightedIndex: ke,
+    defaultHighlightedIndex: xe,
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
         case Ee.stateChangeTypes.MenuKeyDownArrowUp:
-          return Q(V.ON_KEY_DOWN), x(Gr(g, e.highlightedIndex)), e;
+          return Q(V.ON_KEY_DOWN), T(Gr(g, e.highlightedIndex)), e;
         case Ee.stateChangeTypes.MenuKeyDownArrowDown:
-          return Q(V.ON_KEY_DOWN), x(Zr(g, e.highlightedIndex)), e;
+          return Q(V.ON_KEY_DOWN), T(Zr(g, e.highlightedIndex)), e;
         default:
           return e;
       }
     }
-  }), Pe = v(
+  }), Pe = k(
     (e) => {
-      ve.current = e, P.setFloating(e);
+      ke.current = e, P.setFloating(e);
     },
     [P]
-  ), cr = v(
+  ), cr = k(
     (e = {}) => {
       const n = Re(e), s = n.ref;
       return {
@@ -358,17 +358,17 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
     [Re, Pe]
   );
   F(() => {
-    t && l && K.current !== null && K.current >= 0 && K.current < g.length && (x(K.current), K.current = null, requestAnimationFrame(() => {
+    t && l && I.current !== null && I.current >= 0 && I.current < g.length && (T(I.current), I.current = null, requestAnimationFrame(() => {
       M.current && !$ && M.current.scrollTop(de.current);
     }));
-  }, [t, l, r, g.length, x, $]), F(() => {
-    l && b && requestAnimationFrame(() => {
+  }, [t, l, r, g.length, T, $]), F(() => {
+    l && O && requestAnimationFrame(() => {
       var e;
       (e = ue.current) == null || e.focus();
     });
-  }, [l, b]), F(() => {
-    b && l && I !== fe.current && (fe.current = I, I && x(0));
-  }, [I, b, l]), $e(() => {
+  }, [l, O]), F(() => {
+    O && l && v !== he.current && (he.current = v, v && T(0));
+  }, [v, O, l]), $e(() => {
     if (!l || !y)
       return;
     let e = window.scrollY, n = !0;
@@ -376,8 +376,8 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
       if (!n)
         return;
       window.scrollY !== e && window.scrollTo(0, e);
-    }, d = (f) => {
-      n && (f.preventDefault(), f.stopImmediatePropagation(), i());
+    }, d = (h) => {
+      n && (h.preventDefault(), h.stopImmediatePropagation(), i());
     };
     e = window.scrollY, window.addEventListener("scroll", d, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
       e = window.scrollY, i();
@@ -401,50 +401,50 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
   const Ye = () => {
     o || (J((e) => !e), l ? A == null || A() : E == null || E(), Q(V.ON_CLICK));
   }, me = w(() => {
-    if (t && Array.isArray(r) && D.length > 0 && D.every((n) => T.has(n)))
+    if (t && Array.isArray(r) && D.length > 0 && D.every((n) => L.has(n)))
       return le.label;
     const e = g.reduce((n, s) => ((Array.isArray(r) && r.includes(s.value) || s.value === r) && n.push(s.label), n), []);
-    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;
+    return e.length > 0 ? e.join(", ") : !r && r !== !1 && r !== 0 || Array.isArray(r) && !r.length ? b : typeof r == "string" && r.length > 0 && !b ? r : b || void 0;
   }, [
     t,
     r,
     D,
-    T,
+    L,
     le.label,
     g,
-    O
-  ]), ge = w(() => ce ? ce(me) : me, [ce, me]), dr = he && ge ? ge : void 0, { ref: ur, title: fr } = kr(dr), hr = (e) => {
+    b
+  ]), ge = w(() => ce ? ce(me) : me, [ce, me]), dr = fe && ge ? ge : void 0, { ref: ur, title: hr } = xr(dr), fr = (e) => {
     const { keyCode: n } = e;
-    Wr.includes(n) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (x(ke), te(), Q(V.ON_KEY_DOWN)));
+    Wr.includes(n) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (T(xe), te(), Q(V.ON_KEY_DOWN)));
   }, _r = (e) => {
     const { keyCode: n } = e;
     if (n === p.ENTER_KEY_CODE || n === p.SPACE_KEY_CODE) {
       const s = g[pe];
       if (!s || s.disabled)
         return;
-      t && (K.current = pe), xe(s), t || C();
+      t && (I.current = pe), Te(s), t || C();
       return;
     }
     zr.includes(n) && (e.stopPropagation(), C());
   }, Ve = () => /* @__PURE__ */ R("div", { className: _("options-container"), children: [
-    t && Ce && !ne(L) && /* @__PURE__ */ R(He, { children: [
+    t && Ce && !ne(K) && /* @__PURE__ */ R(He, { children: [
       /* @__PURE__ */ u(
         We,
         {
           option: le,
-          selected: Array.isArray(r) && D.length > 0 && D.every((e) => T.has(e)),
+          selected: Array.isArray(r) && D.length > 0 && D.every((e) => L.has(e)),
           onChange: nr,
           multiSelect: t,
-          isPartiallyChecked: D.some((e) => T.has(e)) && !D.every((e) => T.has(e)),
-          disabledOptionTooltipPortalRoot: be
+          isPartiallyChecked: D.some((e) => L.has(e)) && !D.every((e) => L.has(e)),
+          disabledOptionTooltipPortalRoot: Oe
         }
       ),
       /* @__PURE__ */ u("div", { className: _("divider") }),
       " "
     ] }),
-    ne(L) ? /* @__PURE__ */ u("div", { className: _("empty-list-message"), children: Ge }) : L.map(({ option: e, depth: n }, s) => {
-      var f, N;
-      const i = re.get(e.value) ?? [e.value], d = t && i.every((Y) => T.has(Y)), a = t && ((f = e.children) == null ? void 0 : f.length) && i.some((Y) => T.has(Y)) && !d;
+    ne(K) ? /* @__PURE__ */ u("div", { className: _("empty-list-message"), children: Ge }) : K.map(({ option: e, depth: n }, s) => {
+      var h, N;
+      const i = re.get(e.value) ?? [e.value], d = t && i.every((Y) => L.has(Y)), a = t && ((h = e.children) == null ? void 0 : h.length) && i.some((Y) => L.has(Y)) && !d;
       return /* @__PURE__ */ u(
         We,
         {
@@ -457,12 +457,12 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
           option: e,
           highlightHovered: pe === s && er !== V.ON_CLICK,
           render: Z,
-          onChange: e.disabled ? null : () => xe(e),
-          onMouseEnter: () => x(s),
+          onChange: e.disabled ? null : () => Te(e),
+          onMouseEnter: () => T(s),
           depth: n,
           hasChildren: !!((N = e.children) != null && N.length),
           isPartiallyChecked: a,
-          disabledOptionTooltipPortalRoot: be
+          disabledOptionTooltipPortalRoot: Oe
         },
         e.value
       );
@@ -472,20 +472,20 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
       typeof X == "function" ? X(C) : X
     ] })
   ] }), pr = () => {
-    const e = Ie.reduce((a, f) => (Array.isArray(r) && r.includes(f.value) && a.push(f.label), a), []), n = (a) => {
-      const f = Ie.find(
+    const e = ve.reduce((a, h) => (Array.isArray(r) && r.includes(h.value) && a.push(h.label), a), []), n = (a) => {
+      const h = ve.find(
         ({ label: Er }) => Er === a
       );
-      if (!f)
+      if (!h)
         return;
       const N = Array.isArray(r) ? r : [], Y = new Set(N);
-      Y.delete(f.value);
+      Y.delete(h.value);
       const wr = z(Y);
       m(Array.from(wr));
     }, s = (a) => {
-      const f = a.target;
-      De(f.value), l || (te(), requestAnimationFrame(() => {
-        f.focus();
+      const h = a.target;
+      De(h.value), l || (te(), requestAnimationFrame(() => {
+        h.focus();
       }));
     }, i = (a) => {
       if (a.keyCode === p.ESCAPE_KEY_CODE) {
@@ -499,19 +499,19 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
         ref: ue,
         type: "text",
         className: _("search-input"),
-        value: I,
+        value: v,
         onChange: s,
         onKeyDown: i,
         onClick: (a) => {
           a.stopPropagation(), te();
         },
-        placeholder: ne(e) ? O : "",
+        placeholder: ne(e) ? b : "",
         autoComplete: "off"
       }
     );
     return ne(e) ? /* @__PURE__ */ u("div", { className: _("tags-wrapper", "with-search"), children: d }) : /* @__PURE__ */ R("div", { className: _("tags-wrapper", "with-search"), children: [
       /* @__PURE__ */ u(
-        xr,
+        Tr,
         {
           tags: e,
           onRemoveTag: n,
@@ -521,14 +521,14 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
       ),
       d
     ] });
-  }, mr = () => b && t && Array.isArray(r) ? pr() : /* @__PURE__ */ u(
+  }, mr = () => O && t && Array.isArray(r) ? pr() : /* @__PURE__ */ u(
     "span",
     {
       ref: ur,
       className: _("value", {
-        placeholder: !he
+        placeholder: !fe
       }),
-      title: fr,
+      title: hr,
       children: ge
     }
   ), gr = ar({
@@ -536,13 +536,13 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
       "transparent-background": oe,
       opened: l,
       disabled: o,
-      error: h,
+      error: f,
       touched: U,
       "mobile-disabled": B,
-      "multi-select-with-tags": b
+      "multi-select-with-tags": O
     }),
     onClick: Ye,
-    onKeyDown: hr,
+    onKeyDown: fr,
     ref: P.setReference
   }), { type: dt, ...Se } = gr;
   return /* @__PURE__ */ R(
@@ -555,7 +555,7 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
       ...Je,
       children: [
         q && /* @__PURE__ */ u(
-          Tr,
+          Lr,
           {
             ...ir(),
             onClick: () => !o && Ye(),
@@ -574,7 +574,7 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
               j && /* @__PURE__ */ u("span", { className: _("icon"), children: j }),
               /* @__PURE__ */ u("div", { className: _("value-wrapper"), children: mr() }),
               rr && /* @__PURE__ */ u(
-                Ir,
+                vr,
                 {
                   className: _("clear-button"),
                   onClick: sr,
@@ -583,21 +583,21 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
                     (n === p.ENTER_KEY_CODE || n === p.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), _e());
                   },
                   "aria-label": Ze,
-                  children: /* @__PURE__ */ u(Kr, {})
+                  children: /* @__PURE__ */ u(Ir, {})
                 }
               ),
-              /* @__PURE__ */ u("span", { className: _("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ u(Lr, {}) })
+              /* @__PURE__ */ u("span", { className: _("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ u(Kr, {}) })
             ]
           }
         ),
         l && (() => {
           var i;
           const e = (i = P.reference.current) == null ? void 0 : i.getBoundingClientRect().width, n = y && e ? {
-            ...Le,
+            ...Ke,
             width: `${e}px`,
             minWidth: `${e}px`,
             maxWidth: `${e}px`
-          } : Le, s = /* @__PURE__ */ u(
+          } : Ke, s = /* @__PURE__ */ u(
             "div",
             {
               style: n,
@@ -612,7 +612,7 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
               ...y && { [Br]: "" },
               ...cr({
                 onKeyDown: _r,
-                ...b && {
+                ...O && {
                   tabIndex: -1,
                   onFocus: (d) => {
                     var a;
@@ -621,7 +621,7 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
                 }
               }),
               children: $ ? Ve() : /* @__PURE__ */ u(
-                vr,
+                kr,
                 {
                   autoHeight: !0,
                   autoHeightMax: Fr,
@@ -642,6 +642,6 @@ const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
   );
 };
 export {
-  Lt as D,
+  Kt as D,
   Br as a
 };

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-33f2bf75.js";
-import { a as U } from "./dropdown-33f2bf75.js";
+import { D as r } from "./dropdown-d2a05471.js";
+import { a as U } from "./dropdown-d2a05471.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-6c001a18.js";
+import { D as Q } from "./datePicker-b554cb9d.js";
 import "react-datepicker";
-import { D as Z } from "./dropdown-33f2bf75.js";
+import { D as Z } from "./dropdown-d2a05471.js";
 import { FieldLabel as oo } from "./fieldLabel.js";
 import { F as eo } from "./fieldNumber-b4aa4d7e.js";
 import { F as no } 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-33f2bf75.js";
+import { a as V } from "./dropdown-d2a05471.js";
 import { K as Z } from "./keyCodes-f63c0e11.js";
 import { B as C } from "./button-7ab874f3.js";
 import { Tooltip as ee } from "./tooltip.js";