@reportportal/ui-kit 0.0.1-alpha.145 → 0.0.1-alpha.147

package/dist/dropdown-893c692c.js

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