@reportportal/ui-kit 0.0.1-alpha.136 → 0.0.1-alpha.138

package/dist/dropdown-f33fa0ce.js

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

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-360803d5.js";
-import { a as l } from "./dropdown-360803d5.js";
+import { D as r } from "./dropdown-f33fa0ce.js";
+import { a as E } from "./dropdown-f33fa0ce.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
@@ -15,9 +15,13 @@ import "./tooltip.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 import "./fieldLabel.js";
+import "./adaptiveTagList.js";
+import "./button-97d9e587.js";
+import "./close-4d480ef7.js";
+import "./isEmpty-ccacb5ff.js";
 import "./checkbox-ed6cc375.js";
 export {
-  l as DROPDOWN_PORTAL_MENU_ATTR,
+  E as DROPDOWN_PORTAL_MENU_ATTR,
   r as Dropdown,
   r as default
 };