@reportportal/ui-kit 0.0.1-alpha.126 → 0.0.1-alpha.128

package/package.json

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

package/dist/dropdown-18c58189.js

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

package/dist/useOnClickOutside-c332f7d3.js

@@ -1,16 +0,0 @@
-import { useEffect as i } from "react";
-function u(t, n) {
-  i(() => {
-    if (!n)
-      return;
-    const e = (o) => {
-      t && t.current && !t.current.contains(o.target) && n(o);
-    };
-    return document.addEventListener("pointerdown", e), () => {
-      document.removeEventListener("pointerdown", e);
-    };
-  }, [t, n]);
-}
-export {
-  u
-};