@reportportal/ui-kit 0.0.1-alpha.127 → 0.0.1-alpha.129

package/dist/common/hooks/useOnClickOutside.d.ts

@@ -1,3 +1,6 @@
 import { RefObject } from 'react';
 
-export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void): void;
+export interface UseOnClickOutsideOptions {
+    ignoreSelectors?: string[];
+}
+export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void, options?: UseOnClickOutsideOptions): void;

package/dist/components/dropdown/constants.d.ts

@@ -7,3 +7,4 @@ export declare enum EventName {
     ON_CLICK = "onClick"
 }
 export declare const SCROLLBARS_AUTO_HEIGHT_MAX = 216;
+export declare const DROPDOWN_PORTAL_MENU_ATTR = "data-dropdown-portal-menu";

package/dist/components/dropdown/dropdown.d.ts

@@ -44,5 +44,12 @@ export interface DropdownProps {
     tooltipPortalRoot?: Element;
     /** Z-index for tooltip when rendered in portal (default: 9) */
     tooltipZIndex?: number;
+    /**
+     * Portal root element for dropdown menu rendering.
+     * When provided, the menu will be rendered in this element using React Portal.
+     * Useful for preventing clipping in containers with overflow: hidden (e.g., Modal, SidePanel).
+     * @example menuPortalRoot={document.body}
+     */
+    menuPortalRoot?: Element;
 }
 export declare const Dropdown: FC<DropdownProps>;

package/dist/components/dropdown/index.d.ts

@@ -1,4 +1,5 @@
 import { Dropdown } from './dropdown';
 
 export { Dropdown };
+export { DROPDOWN_PORTAL_MENU_ATTR } from './constants';
 export default Dropdown;

package/dist/{datePicker-322bcafa.js → datePicker-12bb6fb4.js}

@@ -3,7 +3,7 @@ import B from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as D } from "react";
 import { F as I } from "./fieldText-17fcba4f.js";
-import { D as E } from "./dropdown-18c58189.js";
+import { D as E } from "./dropdown-a99520ba.js";
 import { S as T } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as j } from "react-datepicker";
 const ie = (n, s) => {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-322bcafa.js";
-import { r as A } from "./datePicker-322bcafa.js";
+import { D as t } from "./datePicker-12bb6fb4.js";
+import { r as z } from "./datePicker-12bb6fb4.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
@@ -11,15 +11,14 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-18c58189.js";
+import "./dropdown-a99520ba.js";
+import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
-import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./dropdown-0260bb66.js";
 import "./tooltip.js";
-import "react-dom";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 import "./checkbox-ed6cc375.js";
@@ -28,5 +27,5 @@ import "react-datepicker";
 export {
   t as DatePicker,
   t as default,
-  A as registerDatePickerLocale
+  z as registerDatePickerLocale
 };

package/dist/dropdown-a99520ba.js

@@ -0,0 +1,543 @@
+import { jsxs as L, jsx as d, Fragment as Te } from "react/jsx-runtime";
+import { forwardRef as or, useState as ie, useRef as K, useMemo as O, useCallback as N, useLayoutEffect as Ie, useEffect as Q } from "react";
+import { createPortal as ar } from "react-dom";
+import { c as Le } from "./bind-06a7ff84.js";
+import { useFloating as lr, offset as ir, flip as cr, size as dr, autoUpdate as ur } from "@floating-ui/react-dom";
+import { useSelect as ce } from "downshift";
+import { Scrollbars as fr } from "rc-scrollbars";
+import { K as E } from "./keyCodes-f63c0e11.js";
+import { B as hr } from "./baseIconButton-251479f7.js";
+import { S as _r } from "./clear-53660571.js";
+import { S as pr } from "./dropdown-0260bb66.js";
+import { Tooltip as gr } from "./tooltip.js";
+import { FieldLabel as wr } from "./fieldLabel.js";
+import { C as mr } from "./checkbox-ed6cc375.js";
+const yr = "_disabled_14s7v_12", Er = "_hidden_14s7v_16", vr = "_hover_14s7v_22", Cr = "_selected_14s7v_38", Or = {
+  "dropdown-option": "_dropdown-option_14s7v_1",
+  disabled: yr,
+  hidden: Er,
+  hover: vr,
+  "depth-1": "_depth-1_14s7v_32",
+  selected: Cr,
+  "multi-select": "_multi-select_14s7v_38",
+  "single-option": "_single-option_14s7v_43",
+  "sub-option": "_sub-option_14s7v_50"
+}, xe = Le.bind(Or), Ke = or(
+  (n, t) => {
+    const {
+      option: { value: l, disabled: a, hidden: u, label: _, title: v, groupRef: g },
+      selected: V,
+      onChange: Y,
+      render: W,
+      highlightHovered: S,
+      onMouseEnter: Z,
+      multiSelect: D,
+      isPartiallyChecked: H = !1,
+      depth: $ = 0,
+      hasChildren: ee = !1
+    } = n, re = (z) => {
+      (z.target instanceof HTMLDivElement || z.target instanceof HTMLInputElement) && (Y == null || Y(l));
+    };
+    return /* @__PURE__ */ L(
+      "div",
+      {
+        className: xe("dropdown-option", {
+          selected: V,
+          disabled: a,
+          hidden: u,
+          hover: S,
+          "multi-select": D,
+          "has-children": ee,
+          [`depth-${$}`]: $ > 0
+        }),
+        title: v,
+        onClick: re,
+        ref: t,
+        onMouseEnter: Z,
+        children: [
+          D && /* @__PURE__ */ d(mr, { value: !!V, partiallyChecked: H }),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              className: xe("single-option", {
+                "sub-option": !!g
+              }),
+              children: W ? W(n) : _
+            }
+          )
+        ]
+      }
+    );
+  }
+), Nr = [
+  E.ENTER_KEY_CODE,
+  E.SPACE_KEY_CODE,
+  E.ARROW_DOWN_KEY_CODE
+], Dr = [E.ESCAPE_KEY_CODE, E.TAB_KEY_CODE];
+var k = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(k || {});
+const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
+  const l = Array.isArray(t) ? t : [t];
+  return n.findIndex(({ value: a }) => l.includes(a));
+}, Ir = (n, t) => (n % t + t) % t, de = (n, t = 0, l = 1) => {
+  var u;
+  if (n.length === 0)
+    return 0;
+  if (!((u = n[t]) != null && u.disabled))
+    return t;
+  const a = n.length;
+  return de(
+    n,
+    Ir(t + l, a),
+    l
+  );
+}, xr = (n, t) => de(n, t), Kr = (n, t) => de(n, t, -1), ke = (n, t = 0, l) => !n || n.length === 0 ? [] : n.reduce((a, u) => {
+  var _;
+  return u && (a.push({ option: u, depth: t, parent: l }), (_ = u.children) != null && _.length && a.push(...ke(u.children, t + 1, u))), a;
+}, []), Ye = (n) => !n || n.length === 0 ? [] : n.reduce((t, l) => {
+  var a;
+  return l && ((a = l.children) != null && a.length ? t.push(...Ye(l.children)) : t.push(l)), t;
+}, []), Pe = (n) => {
+  var t;
+  return n ? (t = n.children) != null && t.length ? n.children.reduce((l, a) => (a && l.push(...Pe(a)), l), []) : [n.value] : [];
+}, Lr = "_container_owe49_1", kr = "_icon_owe49_7", Yr = "_arrow_owe49_13", Pr = "_dropdown_owe49_27", Mr = "_disabled_owe49_44", Rr = "_value_owe49_51", Vr = "_error_owe49_54", Wr = "_touched_owe49_54", Sr = "_opened_owe49_58", Hr = "_placeholder_owe49_93", $r = "_ghost_owe49_139", zr = "_divider_owe49_160", Br = {
+  container: Lr,
+  icon: kr,
+  arrow: Yr,
+  "clear-button": "_clear-button_owe49_19",
+  dropdown: Pr,
+  "transparent-background": "_transparent-background_owe49_41",
+  disabled: Mr,
+  value: Rr,
+  error: Vr,
+  touched: Wr,
+  opened: Sr,
+  placeholder: Hr,
+  "mobile-disabled": "_mobile-disabled_owe49_97",
+  "value-wrapper": "_value-wrapper_owe49_102",
+  "value-tooltip": "_value-tooltip_owe49_108",
+  "select-list": "_select-list_owe49_113",
+  "limited-width": "_limited-width_owe49_130",
+  "options-container": "_options-container_owe49_134",
+  ghost: $r,
+  divider: zr
+}, f = Le.bind(Br), at = ({
+  multiSelect: n = !1,
+  value: t = n ? [] : "",
+  options: l = [],
+  disabled: a = !1,
+  error: u,
+  onChange: _,
+  onFocus: v,
+  onBlur: g,
+  mobileDisabled: V,
+  title: Y,
+  touched: W = !1,
+  icon: S,
+  variant: Z,
+  placeholder: D = "",
+  label: H = "",
+  renderOption: $,
+  transparentBackground: ee = !1,
+  className: re,
+  toggleButtonClassName: z,
+  selectListClassName: Me,
+  isListWidthLimited: Re = !1,
+  optionAll: te = { value: "all", label: "All" },
+  isOptionAllVisible: ue = !1,
+  onSelectAll: Ve = () => {
+  },
+  formatDisplayedValue: fe,
+  notScrollable: P = !1,
+  footer: B,
+  includeGroupValue: he = !1,
+  clearable: We = !1,
+  onClear: _e = () => {
+  },
+  clearButtonAriaLabel: Se = "Clear selection",
+  tooltipPortalRoot: He,
+  tooltipZIndex: $e,
+  menuPortalRoot: h
+}) => {
+  const [i, U] = ie(!1), pe = K(null), ge = K(null), M = K(null), ne = K(0), se = K(null), [ze, we] = ie(!1), [Be, j] = ie(null), b = K(null), R = O(() => ke(l), [l]), p = O(
+    () => R.map(({ option: e }) => e),
+    [R]
+  ), q = O(() => R.filter(({ option: e }) => {
+    var r;
+    return (r = e.children) == null ? void 0 : r.length;
+  }).map(({ option: e }) => e), [R]), me = O(() => Ye(l), [l]), w = O(
+    () => me.map(({ value: e }) => e),
+    [me]
+  ), F = O(() => {
+    const e = /* @__PURE__ */ new Map();
+    return q.forEach((r) => {
+      e.set(r.value, Pe(r));
+    }), e;
+  }, [q]), X = N(
+    (e) => (q.forEach((r) => {
+      const s = F.get(r.value) ?? [], o = s.length > 0 && s.every((c) => e.has(c));
+      he && o ? e.add(r.value) : e.delete(r.value);
+    }), e),
+    [q, he, F]
+  ), A = O(() => !n || !Array.isArray(t) ? /* @__PURE__ */ new Set() : X(new Set(t)), [n, t, X]), ye = n ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, Ue = We && ye && !a, je = N((e) => {
+    ne.current = e.scrollTop;
+  }, []);
+  Ie(() => {
+    i && !P && M.current && !(n && b.current !== null) && M.current.scrollTop(ne.current);
+  }, [i, P, t, n]);
+  const { refs: I, floatingStyles: Ee } = lr({
+    placement: "bottom-start",
+    middleware: [
+      ir(5),
+      cr({
+        fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
+        ...h && {
+          boundary: document.documentElement,
+          rootBoundary: "viewport"
+        }
+      }),
+      h ? dr({
+        apply({ rects: e, elements: r }) {
+          const s = e.reference.width;
+          Object.assign(r.floating.style, {
+            width: `${s}px`,
+            minWidth: `${s}px`,
+            maxWidth: `${s}px`
+          });
+        }
+      }) : null
+    ].filter(Boolean),
+    whileElementsMounted: i && h ? (e, r, s) => ur(e, r, s, {
+      animationFrame: !0
+    }) : void 0
+  }), qe = () => {
+    if (!ue)
+      return;
+    const e = Array.isArray(t) ? t : [], r = new Set(e), s = w.some((c) => !r.has(c));
+    w.forEach((c) => {
+      s ? r.add(c) : r.delete(c);
+    });
+    const o = X(r);
+    _(Array.from(o)), Ve();
+  }, m = N(() => {
+    U(!1), g == null || g();
+  }, [g]), oe = N(() => {
+    if (a)
+      return;
+    _(n ? [] : ""), _e(), m(), requestAnimationFrame(() => {
+      const r = I.reference.current;
+      r && r instanceof HTMLElement && r.focus();
+    });
+  }, [a, n, _, _e, m, I]), Fe = N(
+    (e) => {
+      e.preventDefault(), e.stopPropagation(), oe();
+    },
+    [oe]
+  ), ve = N(
+    (e) => {
+      var c, y;
+      if (!i)
+        return;
+      const r = e == null ? void 0 : e.target;
+      if (!r)
+        return;
+      const s = (c = pe.current) == null ? void 0 : c.contains(r), o = (y = ge.current) == null ? void 0 : y.contains(r);
+      !s && !o && m();
+    },
+    [i, m]
+  );
+  Q(() => {
+    if (!i)
+      return;
+    const e = (r) => {
+      ve(r);
+    };
+    return document.addEventListener("pointerdown", e), () => {
+      document.removeEventListener("pointerdown", e);
+    };
+  }, [i, ve]);
+  const Ce = (e) => {
+    var r;
+    if (!e.disabled) {
+      if (n) {
+        const s = Array.isArray(t) ? t : [], o = new Set(s);
+        if ((r = e.children) != null && r.length) {
+          const y = F.get(e.value) ?? [], C = y.some((T) => !o.has(T));
+          y.forEach((T) => {
+            C ? o.add(T) : o.delete(T);
+          });
+        } else
+          o.has(e.value) ? o.delete(e.value) : o.add(e.value);
+        const c = X(o);
+        _(Array.from(c));
+      } else
+        _(e.value);
+      U((s) => n || !s);
+    }
+  }, Xe = () => p.find(({ value: e }) => e === t), Oe = Tr(p, t), {
+    getToggleButtonProps: Ge,
+    getLabelProps: Je,
+    getMenuProps: Ne,
+    getItemProps: Qe,
+    setHighlightedIndex: x,
+    highlightedIndex: ae,
+    selectedItem: G
+  } = ce({
+    items: p,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : D) || "",
+    selectedItem: Xe(),
+    isOpen: i,
+    circularNavigation: !0,
+    defaultHighlightedIndex: Oe,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case ce.stateChangeTypes.MenuKeyDownArrowUp:
+          return j(k.ON_KEY_DOWN), x(Kr(p, e.highlightedIndex)), e;
+        case ce.stateChangeTypes.MenuKeyDownArrowDown:
+          return j(k.ON_KEY_DOWN), x(xr(p, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  }), De = N(
+    (e) => {
+      ge.current = e, I.setFloating(e);
+    },
+    [I]
+  ), Ze = N(
+    (e = {}) => {
+      const r = Ne(e), s = r.ref;
+      return {
+        ...r,
+        ref: (o) => {
+          De(o), typeof s == "function" ? s(o) : s && (s.current = o);
+        }
+      };
+    },
+    [Ne, De]
+  );
+  Q(() => {
+    n && i && b.current !== null && b.current >= 0 && b.current < p.length && (x(b.current), b.current = null, requestAnimationFrame(() => {
+      M.current && !P && M.current.scrollTop(ne.current);
+    }));
+  }, [n, i, t, p.length, x, P]), Ie(() => {
+    if (!i || !h)
+      return;
+    let e = window.scrollY, r = !0;
+    const s = 300, o = () => {
+      if (!r)
+        return;
+      window.scrollY !== e && window.scrollTo(0, e);
+    }, c = (C) => {
+      r && (C.preventDefault(), C.stopImmediatePropagation(), o());
+    };
+    e = window.scrollY, window.addEventListener("scroll", c, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
+      e = window.scrollY, o();
+    });
+    const y = setTimeout(() => {
+      r = !1;
+    }, s);
+    return () => {
+      clearTimeout(y), window.removeEventListener("scroll", c, { capture: !0 });
+    };
+  }, [i, h]), Q(() => {
+    if (!i || !h)
+      return;
+    const e = () => {
+      m();
+    };
+    return window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, [i, h, m]);
+  const er = () => {
+    a || (U((e) => !e), i ? g == null || g() : v == null || v(), j(k.ON_CLICK));
+  }, J = O(() => {
+    if (n && Array.isArray(t) && w.length > 0 && w.every((r) => A.has(r)))
+      return te.label;
+    const e = p.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 D;
+  }, [
+    n,
+    t,
+    w,
+    A,
+    te.label,
+    p,
+    D
+  ]);
+  Q(() => {
+    if (se.current) {
+      const { offsetWidth: e, scrollWidth: r } = se.current;
+      we(r > e);
+    } else
+      we(!1);
+  }, [J]);
+  const rr = (e) => {
+    const { keyCode: r } = e;
+    Nr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !i && (x(Oe), U(!0), v == null || v(), j(k.ON_KEY_DOWN)));
+  }, tr = (e) => {
+    const { keyCode: r } = e;
+    if (r === E.ENTER_KEY_CODE || r === E.SPACE_KEY_CODE) {
+      const s = p[ae];
+      if (!s)
+        return;
+      n && (b.current = ae), Ce(s), n || m();
+      return;
+    }
+    Dr.includes(r) && (e.stopPropagation(), m());
+  }, be = () => /* @__PURE__ */ L("div", { className: f("options-container"), children: [
+    n && ue && /* @__PURE__ */ L(Te, { children: [
+      /* @__PURE__ */ d(
+        Ke,
+        {
+          option: te,
+          selected: Array.isArray(t) && w.length > 0 && w.every((e) => A.has(e)),
+          onChange: qe,
+          multiSelect: n,
+          isPartiallyChecked: w.some((e) => A.has(e)) && !w.every((e) => A.has(e))
+        }
+      ),
+      /* @__PURE__ */ d("div", { className: f("divider") }),
+      " "
+    ] }),
+    R.map(({ option: e, depth: r }, s) => {
+      var C, T;
+      const o = F.get(e.value) ?? [e.value], c = n && o.every((le) => A.has(le)), y = n && ((C = e.children) == null ? void 0 : C.length) && o.some((le) => A.has(le)) && !c;
+      return /* @__PURE__ */ d(
+        Ke,
+        {
+          ...Qe({
+            item: e,
+            index: s
+          }),
+          multiSelect: n,
+          selected: n ? c : e.value === ((G == null ? void 0 : G.value) ?? G),
+          option: { title: e.label, ...e },
+          highlightHovered: ae === s && Be !== k.ON_CLICK,
+          render: $,
+          onChange: e.disabled ? null : () => Ce(e),
+          onMouseEnter: () => x(s),
+          depth: r,
+          hasChildren: !!((T = e.children) != null && T.length),
+          isPartiallyChecked: y
+        },
+        e.value
+      );
+    }),
+    B && /* @__PURE__ */ L(Te, { children: [
+      /* @__PURE__ */ d("div", { className: f("divider") }),
+      typeof B == "function" ? B(m) : B
+    ] })
+  ] }), nr = () => {
+    const e = fe ? fe(J) : J, r = /* @__PURE__ */ d(
+      "span",
+      {
+        ref: se,
+        className: f("value", {
+          placeholder: J === D
+        }),
+        children: e
+      }
+    );
+    return ye && !!e && ze ? /* @__PURE__ */ d(
+      gr,
+      {
+        content: e,
+        placement: "top",
+        wrapperClassName: f("value-tooltip"),
+        portalRoot: He,
+        zIndex: $e,
+        children: r
+      }
+    ) : r;
+  }, sr = Ge({
+    className: f("dropdown", Z, z, {
+      "transparent-background": ee,
+      opened: i,
+      disabled: a,
+      error: u,
+      touched: W,
+      "mobile-disabled": V
+    }),
+    onClick: er,
+    onKeyDown: rr,
+    ref: I.setReference
+  }), { type: Ur, ...Ae } = sr;
+  return /* @__PURE__ */ L("div", { ref: pe, className: f("container", re), title: Y, children: [
+    H && /* @__PURE__ */ d(wr, { ...Je(), children: H }),
+    /* @__PURE__ */ L(
+      "div",
+      {
+        ...Ae,
+        role: "button",
+        "aria-disabled": a,
+        tabIndex: a ? -1 : Ae.tabIndex ?? 0,
+        children: [
+          S && /* @__PURE__ */ d("span", { className: f("icon"), children: S }),
+          /* @__PURE__ */ d("div", { className: f("value-wrapper"), children: nr() }),
+          Ue && /* @__PURE__ */ d(
+            hr,
+            {
+              className: f("clear-button"),
+              onClick: Fe,
+              onKeyDown: (e) => {
+                const { keyCode: r } = e;
+                (r === E.ENTER_KEY_CODE || r === E.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), oe());
+              },
+              "aria-label": Se,
+              children: /* @__PURE__ */ d(_r, {})
+            }
+          ),
+          /* @__PURE__ */ d("span", { className: f("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ d(pr, {}) })
+        ]
+      }
+    ),
+    i && (() => {
+      var o;
+      const e = (o = I.reference.current) == null ? void 0 : o.getBoundingClientRect().width, r = h && e ? {
+        ...Ee,
+        width: `${e}px`,
+        minWidth: `${e}px`,
+        maxWidth: `${e}px`
+      } : Ee, s = /* @__PURE__ */ d(
+        "div",
+        {
+          style: r,
+          className: f(
+            "select-list",
+            {
+              opened: i,
+              "limited-width": Re
+            },
+            Me
+          ),
+          ...h && { [Ar]: "" },
+          ...Ze({
+            onKeyDown: tr
+          }),
+          children: P ? be() : /* @__PURE__ */ d(
+            fr,
+            {
+              autoHeight: !0,
+              autoHeightMax: br,
+              hideTracksWhenNotNeeded: !0,
+              ref: (c) => {
+                M.current = c;
+              },
+              onScrollFrame: je,
+              children: be()
+            }
+          )
+        }
+      );
+      return h ? ar(s, h) : s;
+    })()
+  ] });
+};
+export {
+  at as D,
+  Ar as a
+};

package/dist/dropdown.js

@@ -1,22 +1,23 @@
-import { D as r } from "./dropdown-18c58189.js";
+import { D as r } from "./dropdown-a99520ba.js";
+import { a as l } from "./dropdown-a99520ba.js";
 import "react/jsx-runtime";
 import "react";
+import "react-dom";
 import "./bind-06a7ff84.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
-import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./clear-53660571.js";
 import "./dropdown-0260bb66.js";
 import "./tooltip.js";
-import "react-dom";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 import "./fieldLabel.js";
 import "./checkbox-ed6cc375.js";
 export {
+  l as DROPDOWN_PORTAL_MENU_ATTR,
   r as Dropdown,
   r as default
 };