@reportportal/ui-kit 0.0.1-alpha.120 → 0.0.1-alpha.121

package/package.json

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

package/dist/dropdown-ec754bbe.js

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

package/dist/openEye-7b9cf080.js

@@ -1,7 +0,0 @@
-import * as e from "react";
-const l = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z", fill: "#A2AAB5" })), t = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.09194 3.90153C8.73249 3.84853 8.36745 3.82135 7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C1.96494 9.84971 3.23098 10.9408 4.63642 11.6187L5.59679 9.95532C5.16732 9.39694 4.92809 8.68447 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C8.00285 5.07782 8.2013 5.08498 8.39407 5.11028L9.09194 3.90153ZM7.56961 6.5383C6.91222 6.71981 6.41543 7.30478 6.37225 8.00589C6.36032 8.18701 6.37814 8.36223 6.42131 8.5272L7.56961 6.5383ZM8.40613 9.68939L9.57119 7.67146C9.61868 7.84288 9.6387 8.02571 9.62624 8.21497C9.58001 8.92637 9.07238 9.51681 8.40613 9.68939ZM7.58518 11.1113C7.78307 11.1384 7.98701 11.1463 8.19509 11.1332C9.69987 11.0361 10.922 9.81398 11.0191 8.3092C11.0679 7.53332 10.8245 6.81576 10.3887 6.25546L11.3454 4.59845C12.7563 5.27587 14.0272 6.36953 15.0829 7.77325C15.2331 7.9735 15.2331 8.25325 15.0829 8.4535C13.2424 10.8977 10.7482 12.4025 7.99778 12.4025C7.62256 12.4025 7.25211 12.3744 6.88743 12.3199L7.58518 11.1113Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5051 2.25952C10.7122 1.9008 11.1709 1.7779 11.5296 1.985C11.8883 2.19211 12.0112 2.6508 11.8041 3.00952L5.35413 14.1812C5.14702 14.54 4.68833 14.6629 4.32961 14.4558C3.97089 14.2487 3.84798 13.79 4.05509 13.4312L10.5051 2.25952Z", fill: "#A2AAB5" })), n = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C2.75312 10.8977 5.24735 12.4025 7.99778 12.4025C10.7482 12.4025 13.2424 10.8977 15.0829 8.4535C15.2331 8.25325 15.2331 7.9735 15.0829 7.77325C13.2424 5.32614 10.7482 3.82135 7.99778 3.82135ZM8.19509 11.1332C6.36932 11.2481 4.86159 9.74331 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C9.62625 4.9757 11.134 6.48048 11.0191 8.3092C10.922 9.81398 9.69987 11.0361 8.19509 11.1332ZM6.37225 8.00589C6.30746 8.98945 7.12022 9.79926 8.10378 9.73742C8.9136 9.68736 9.57323 9.03068 9.62624 8.21497C9.69102 7.23141 8.87826 6.4216 7.8947 6.48344C7.08194 6.53644 6.42231 7.19313 6.37225 8.00589Z", fill: "#A2AAB5" }));
-export {
-  l as S,
-  t as a,
-  n as b
-};