@reportportal/ui-kit 0.0.1-alpha.74 → 0.0.1-alpha.76

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

@@ -42,6 +42,7 @@ export { default as PriorityLowIcon } from './svg/priorityLow.svg';
 export { default as PriorityMediumIcon } from './svg/priorityMedium.svg';
 export { default as PriorityUnspecifiedIcon } from './svg/priorityUnspecified.svg';
 export { default as RerunIcon } from './svg/rerun.svg';
+export { default as RefreshIcon } from './svg/refresh.svg';
 export { default as SearchIcon } from './svg/search.svg';
 export { default as SortIcon } from './svg/sort.svg';
 export { default as StatusSuccessIcon } from './svg/statusSuccess.svg';

package/dist/{datePicker-1d15d256.js → datePicker-0f8c9302.js}

@@ -4,7 +4,7 @@ import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as B } from "react";
 import { F as D } from "./fieldText-450abb26.js";
 import { a as E, S as j } from "./calendarArrow-3e1339ea.js";
-import { D as T } from "./dropdown-1cd6958d.js";
+import { D as T } from "./dropdown-9427f821.js";
 import { registerLocale as G } from "react-datepicker";
 const pe = (r, s) => {
   G(r, s);

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-1d15d256.js";
-import { r as v } from "./datePicker-1d15d256.js";
+import { D as t } from "./datePicker-0f8c9302.js";
+import { r as v } from "./datePicker-0f8c9302.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
@@ -11,7 +11,7 @@ import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "./calendarArrow-3e1339ea.js";
-import "./dropdown-1cd6958d.js";
+import "./dropdown-9427f821.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";

package/dist/dropdown-9427f821.js

@@ -0,0 +1,282 @@
+import { jsxs as u, jsx as d, Fragment as U } from "react/jsx-runtime";
+import { forwardRef as _e, useState as q, useRef as he } from "react";
+import { c as J } from "./bind-06a7ff84.js";
+import { useFloating as fe, offset as ue, flip as ge } from "@floating-ui/react-dom";
+import { useSelect as P } from "downshift";
+import { Scrollbars as pe } from "rc-scrollbars";
+import { u as me } from "./useOnClickOutside-c332f7d3.js";
+import { K as p } from "./keyCodes-f63c0e11.js";
+import { B as ye } from "./baseIconButton-251479f7.js";
+import { S as be } from "./dropdown-0260bb66.js";
+import { FieldLabel as Ce } from "./fieldLabel.js";
+import { C as Oe } from "./checkbox-aa91985d.js";
+const ke = "_disabled_1etj7_12", Ne = "_hidden_1etj7_16", De = "_hover_1etj7_22", Ee = "_selected_1etj7_34", we = {
+  "dropdown-option": "_dropdown-option_1etj7_1",
+  disabled: ke,
+  hidden: Ne,
+  hover: De,
+  selected: Ee,
+  "multi-select": "_multi-select_1etj7_34",
+  "single-option": "_single-option_1etj7_39",
+  "sub-option": "_sub-option_1etj7_46"
+}, z = J.bind(we), G = _e(
+  (n, t) => {
+    const {
+      option: { value: r, disabled: i, hidden: v, label: m, title: c, groupRef: a },
+      selected: b,
+      onChange: y,
+      render: C,
+      highlightHovered: O,
+      onMouseEnter: K,
+      multiSelect: h,
+      isPartiallyChecked: k = !1
+    } = n, A = (N) => {
+      (N.target instanceof HTMLDivElement || N.target instanceof HTMLInputElement) && (y == null || y(r));
+    };
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        className: z("dropdown-option", {
+          selected: b,
+          disabled: i,
+          hidden: v,
+          hover: O,
+          "multi-select": h
+        }),
+        title: c,
+        onClick: A,
+        ref: t,
+        onMouseEnter: K,
+        children: [
+          h && /* @__PURE__ */ d(Oe, { value: !!b, partiallyChecked: k }),
+          /* @__PURE__ */ d("div", { className: z("single-option", { "sub-option": !!a }), children: C ? C(n) : m })
+        ]
+      }
+    );
+  }
+), ve = [
+  p.ENTER_KEY_CODE,
+  p.SPACE_KEY_CODE,
+  p.ARROW_DOWN_KEY_CODE
+], Ke = [p.ESCAPE_KEY_CODE, p.TAB_KEY_CODE];
+var g = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(g || {});
+const Ae = (n, t) => {
+  const r = Array.isArray(t) ? t : [t];
+  return n.findIndex(({ value: i }) => r.includes(i));
+}, xe = (n, t) => (n % t + t) % t, Y = (n, t = 0, r = 1) => {
+  if (!n[t].disabled)
+    return t;
+  const i = n.length;
+  return Y(
+    n,
+    xe(t + r, i),
+    r
+  );
+}, Ie = (n, t) => Y(n, t), Pe = (n, t) => Y(n, t, -1), Ye = "_container_5enku_1", je = "_icon_5enku_7", Re = "_arrow_5enku_13", Te = "_dropdown_5enku_19", He = "_disabled_5enku_36", Me = "_value_5enku_43", We = "_error_5enku_46", Le = "_touched_5enku_46", Se = "_opened_5enku_50", Ve = "_placeholder_5enku_83", $e = "_ghost_5enku_118", Ue = "_divider_5enku_139", qe = {
+  container: Ye,
+  icon: je,
+  arrow: Re,
+  dropdown: Te,
+  "transparent-background": "_transparent-background_5enku_33",
+  disabled: He,
+  value: Me,
+  error: We,
+  touched: Le,
+  opened: Se,
+  placeholder: Ve,
+  "mobile-disabled": "_mobile-disabled_5enku_87",
+  "select-list": "_select-list_5enku_92",
+  "limited-width": "_limited-width_5enku_109",
+  "options-container": "_options-container_5enku_113",
+  ghost: $e,
+  divider: Ue
+}, o = J.bind(qe), dt = ({
+  multiSelect: n = !1,
+  value: t = n ? [] : "",
+  options: r = [],
+  disabled: i = !1,
+  error: v,
+  onChange: m,
+  onFocus: c,
+  onBlur: a,
+  mobileDisabled: b,
+  title: y,
+  touched: C = !1,
+  icon: O,
+  variant: K,
+  placeholder: h = "",
+  label: k = "",
+  renderOption: A,
+  transparentBackground: N = !1,
+  className: Q,
+  toggleButtonClassName: X,
+  isListWidthLimited: Z = !1,
+  optionAll: j = { value: "all", label: "All" },
+  isOptionAllVisible: R = !1,
+  onSelectAll: F = () => {
+  },
+  formatDisplayedValue: T,
+  notScrollable: B = !1,
+  footer: H
+}) => {
+  const [_, f] = q(!1), M = he(null), [ee, D] = q(null), x = n && Array.isArray(t) ? r.filter((e) => t.includes(e.value)) : null, { refs: W, floatingStyles: te } = fe({
+    placement: "bottom-start",
+    middleware: [
+      ue(5),
+      ge({
+        fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"]
+      })
+    ]
+  }), ne = () => {
+    if (R && Array.isArray(t)) {
+      const e = r.map((s) => s.value);
+      m(t.length === r.length ? [] : e), F();
+    }
+  };
+  me(M, () => {
+    _ && (f(!1), a == null || a());
+  });
+  const L = (e) => {
+    if (!e.disabled) {
+      if (n) {
+        const s = Array.isArray(t) ? [...t] : [], l = s.indexOf(e.value);
+        l === -1 ? s.push(e.value) : s.splice(l, 1), m(s);
+      } else
+        m(e.value);
+      f((s) => n || !s);
+    }
+  }, re = () => r.find(({ value: e }) => e === t), S = Ae(r, t), {
+    getToggleButtonProps: se,
+    getLabelProps: ae,
+    getMenuProps: de,
+    getItemProps: le,
+    setHighlightedIndex: E,
+    highlightedIndex: V,
+    selectedItem: w
+  } = P({
+    items: r,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : h) || "",
+    selectedItem: re(),
+    isOpen: _,
+    circularNavigation: !0,
+    defaultHighlightedIndex: S,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case P.stateChangeTypes.MenuKeyDownArrowUp:
+          return D(g.ON_KEY_DOWN), E(Pe(r, e.highlightedIndex)), e;
+        case P.stateChangeTypes.MenuKeyDownArrowDown:
+          return D(g.ON_KEY_DOWN), E(Ie(r, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  }), ie = () => {
+    i || (f((e) => !e), _ ? a == null || a() : c == null || c(), D(g.ON_CLICK));
+  }, I = (() => {
+    if (n && Array.isArray(t) && r.length === t.length)
+      return j.label;
+    const e = r.reduce((s, l) => ((Array.isArray(t) && t.includes(l.value) || l.value === t) && s.push(l.label), s), []);
+    if (e.length > 0)
+      return e.join(", ");
+    if (!t && t !== !1 && t !== 0 || Array.isArray(t) && !t.length)
+      return h;
+  })(), oe = (e) => {
+    const { keyCode: s } = e;
+    ve.includes(s) && !_ && (e.preventDefault(), E(S), f(!0), c == null || c(), D(g.ON_KEY_DOWN));
+  }, ce = (e) => {
+    const { keyCode: s } = e;
+    if (s === p.ENTER_KEY_CODE) {
+      const l = r[V];
+      L(l), n || (f(!1), a == null || a());
+      return;
+    }
+    Ke.includes(s) && (e.stopPropagation(), f(!1), a == null || a());
+  }, $ = () => /* @__PURE__ */ u("div", { className: o("options-container"), children: [
+    n && R && Array.isArray(t) && /* @__PURE__ */ u(U, { children: [
+      /* @__PURE__ */ d(
+        G,
+        {
+          option: j,
+          selected: t.length === r.length,
+          onChange: ne,
+          multiSelect: n,
+          isPartiallyChecked: !!t.length
+        }
+      ),
+      /* @__PURE__ */ d("div", { className: o("divider") }),
+      " "
+    ] }),
+    r.map((e, s) => /* @__PURE__ */ d(
+      G,
+      {
+        ...le({
+          item: e,
+          index: s
+        }),
+        multiSelect: n,
+        selected: n ? x == null ? void 0 : x.some((l) => l.value === e.value) : e.value === ((w == null ? void 0 : w.value) ?? w),
+        option: { title: e.label, ...e },
+        highlightHovered: V === s && ee !== g.ON_CLICK,
+        render: A,
+        onChange: e.disabled ? null : () => L(e),
+        onMouseEnter: () => E(s)
+      },
+      e.value
+    )),
+    H && /* @__PURE__ */ u(U, { children: [
+      /* @__PURE__ */ d("div", { className: o("divider") }),
+      H
+    ] })
+  ] });
+  return /* @__PURE__ */ u("div", { ref: M, className: o("container", Q), title: y, children: [
+    k && /* @__PURE__ */ d(Ce, { ...ae(), children: k }),
+    /* @__PURE__ */ u(
+      "button",
+      {
+        disabled: i,
+        ...se({
+          className: o("dropdown", K, X, {
+            "transparent-background": N,
+            opened: _,
+            disabled: i,
+            error: v,
+            touched: C,
+            "mobile-disabled": b
+          }),
+          onClick: ie,
+          onKeyDown: oe,
+          ref: W.setReference
+        }),
+        type: "button",
+        children: [
+          O && /* @__PURE__ */ d("span", { className: o("icon"), children: O }),
+          /* @__PURE__ */ d(
+            "span",
+            {
+              className: o("value", {
+                placeholder: I === h
+              }),
+              children: T ? T(I) : I
+            }
+          ),
+          /* @__PURE__ */ d(ye, { className: o("arrow"), tabIndex: -1, children: /* @__PURE__ */ d(be, {}) })
+        ]
+      }
+    ),
+    _ && /* @__PURE__ */ d(
+      "div",
+      {
+        style: te,
+        className: o("select-list", { opened: _, "limited-width": Z }),
+        ...de({
+          onKeyDown: ce,
+          ref: W.setFloating
+        }),
+        children: B ? $() : /* @__PURE__ */ d(pe, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: $() })
+      }
+    )
+  ] });
+};
+export {
+  dt as D
+};

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-1cd6958d.js";
+import { D as r } from "./dropdown-9427f821.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";