@reportportal/ui-kit 0.0.1-alpha.17 → 0.0.1-alpha.170

package/dist/index-2a2d261a.js

@@ -1,145 +0,0 @@
-import { jsx as e, jsxs as d, Fragment as B } from "react/jsx-runtime";
-import * as L from "react";
-import { useState as f, useEffect as g, useRef as j } from "react";
-import { Scrollbars as G } from "rc-scrollbars";
-import { AnimatePresence as K, motion as P } from "framer-motion";
-import { c as u } from "./bind-06a7ff84.js";
-import { u as Y } from "./useOnClickOutside-c332f7d3.js";
-import { K as F } from "./keyCodes-f63c0e11.js";
-import { B as b } from "./button-bb309472.js";
-import { B as U } from "./baseIconButton-7bc53dec.js";
-const X = (t) => /* @__PURE__ */ L.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ L.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), Z = () => {
-  const [t, s] = f({ width: 0, height: 0 });
-  return g(() => {
-    const n = () => {
-      s({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
-  }, []), t;
-}, q = {
-  "modal-content": "_modal-content_17fct_1"
-}, J = u.bind(q), A = ({ children: t }) => /* @__PURE__ */ e("div", { className: J("modal-content"), children: t }), Q = {
-  "buttons-block": "_buttons-block_1dgm4_1",
-  "button-container": "_button-container_1dgm4_5",
-  "modal-footer": "_modal-footer_1dgm4_14",
-  "with-extra-node": "_with-extra-node_1dgm4_21",
-  "size-small": "_size-small_1dgm4_25"
-}, m = u.bind(Q), V = ({
-  footerNode: t,
-  closeHandler: s,
-  okButton: n,
-  cancelButton: r,
-  size: a
-}) => /* @__PURE__ */ d("div", { className: m("modal-footer", { "with-extra-node": t, [`size-${a}`]: a }), children: [
-  t && t,
-  /* @__PURE__ */ d("div", { className: m("buttons-block"), children: [
-    r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
-      b,
-      {
-        variant: "ghost",
-        adjustWidthOn: a === "small" ? "parent" : "content",
-        onClick: s,
-        ...r
-      }
-    ) }),
-    n && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(b, { adjustWidthOn: a === "small" ? "parent" : "content", ...n }) })
-  ] })
-] }), ee = {
-  "modal-header": "_modal-header_68lru_1",
-  "width-description": "_width-description_68lru_10",
-  "modal-header-content": "_modal-header-content_68lru_14",
-  "modal-title": "_modal-title_68lru_20",
-  "close-modal-icon": "_close-modal-icon_68lru_29"
-}, _ = u.bind(ee), te = ({ title: t, onClose: s, withDescription: n = !1 }) => /* @__PURE__ */ d("div", { className: _("modal-header", { "width-description": n }), children: [
-  /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: t && /* @__PURE__ */ e("span", { className: _("modal-title"), children: t }) }),
-  /* @__PURE__ */ e(U, { className: _("close-modal-icon"), onClick: s, children: /* @__PURE__ */ e(X, {}) })
-] }), oe = "_modal_sp7xo_1", ne = "_description_sp7xo_42", se = {
-  modal: oe,
-  "overlay-default": "_overlay-default_sp7xo_11",
-  "overlay-light-cyan": "_overlay-light-cyan_sp7xo_15",
-  "scrolling-content": "_scrolling-content_sp7xo_19",
-  "modal-window": "_modal-window_sp7xo_25",
-  description: ne,
-  "size-default": "_size-default_sp7xo_53",
-  "size-small": "_size-small_sp7xo_65",
-  "size-large": "_size-large_sp7xo_77"
-}, h = u.bind(se), ae = 0.9, le = 32 + 24, ie = 32 + 8, de = 36 + 16, ce = 32 * 2, xe = ({
-  title: t,
-  children: s,
-  footerNode: n,
-  okButton: r,
-  cancelButton: a,
-  className: N,
-  size: w = "default",
-  onClose: O = () => {
-  },
-  overlay: x = "default",
-  zIndex: z = 2,
-  allowCloseOutside: D = !0,
-  scrollable: R = !1,
-  withoutFooter: v = !1,
-  CustomFooter: H = null,
-  description: l = null
-}) => {
-  const [S, E] = f(!1), [T, I] = f(0), i = j(null), C = Z(), y = C.height, k = y * ae, p = (y - T) / 2, $ = () => {
-    let o = k - ce;
-    return v || (o = o - de), l ? o = o - ie : o = o - le, o;
-  }, c = () => {
-    E(!1);
-  }, M = (o) => {
-    const { keyCode: W } = o;
-    W === F.ESCAPE_KEY_CODE && c();
-  };
-  return g(() => {
-    if (i && i.current) {
-      const { clientHeight: o } = i.current;
-      I(o);
-    }
-  }, [s, C]), g(() => (E(!0), document.addEventListener("keydown", M, !1), () => document.removeEventListener("keydown", M, !1)), []), Y(i, D ? c : void 0), /* @__PURE__ */ e(K, { onExitComplete: O, children: S && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${x}`]: x }), style: { zIndex: z }, children: /* @__PURE__ */ d(
-    P.div,
-    {
-      className: h("modal-window", { [`size-${w}`]: w }, N),
-      ref: i,
-      tabIndex: 0,
-      initial: { opacity: 0, marginTop: -p },
-      animate: { opacity: 1, marginTop: p },
-      exit: { opacity: 0, marginTop: -p },
-      transition: { duration: 0.3 },
-      onAnimationStart: () => {
-        var o;
-        return (o = i.current) == null ? void 0 : o.focus();
-      },
-      children: [
-        /* @__PURE__ */ e(te, { title: t, onClose: c, withDescription: !!l }),
-        R ? /* @__PURE__ */ d(G, { autoHeight: !0, autoHeightMax: $(), hideTracksWhenNotNeeded: !0, children: [
-          l && /* @__PURE__ */ e("span", { className: h("description"), children: l }),
-          /* @__PURE__ */ e(A, { children: s })
-        ] }) : /* @__PURE__ */ d(B, { children: [
-          l && /* @__PURE__ */ e("span", { className: h("description"), children: l }),
-          /* @__PURE__ */ e(A, { children: s })
-        ] }),
-        !v && (H ? /* @__PURE__ */ e(H, { closeHandler: c }) : /* @__PURE__ */ e(
-          V,
-          {
-            size: w,
-            footerNode: n,
-            okButton: r,
-            cancelButton: a,
-            closeHandler: c
-          }
-        ))
-      ]
-    },
-    "modal-window"
-  ) }) });
-};
-export {
-  xe as M,
-  X as S,
-  A as a,
-  te as b,
-  V as c
-};

package/dist/pagination-39b1fa15.js

@@ -1,346 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { c as m } from "./bind-06a7ff84.js";
-import * as b from "react";
-import { useState as x } from "react";
-import { Popover as B } from "./popover.js";
-import { B as $ } from "./button-bb309472.js";
-import { F as I } from "./fieldText-49fe2895.js";
-import { B as f } from "./baseIconButton-7bc53dec.js";
-import { Tooltip as k } from "./tooltip.js";
-const y = (e) => /* @__PURE__ */ b.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ b.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" })), T = (e) => /* @__PURE__ */ b.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ b.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), E = {
-  "item-counter": "_item-counter_4g6do_1"
-}, M = m.bind(E), P = ({
-  activePage: e,
-  pageSize: n,
-  totalItems: s,
-  ofText: r,
-  itemsText: c
-}) => {
-  const a = e * n, i = a - n;
-  return /* @__PURE__ */ d("div", { className: M("item-counter"), children: [
-    `${i + 1} - ${a < s ? a : s}`,
-    ` ${r} ${s} ${c}`
-  ] });
-}, j = "_selected_183l8_32", R = {
-  "size-selector": "_size-selector_183l8_1",
-  "size-option": "_size-option_183l8_6",
-  selected: j
-}, C = m.bind(R), V = ({
-  currentSize: e,
-  options: n,
-  onClickOption: s
-}) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
-  "button",
-  {
-    className: C("size-option", { selected: r === e }),
-    onClick: () => {
-      s(r);
-    },
-    children: r
-  },
-  r
-)) }), W = {
-  "page-size-control": "_page-size-control_gnurh_1",
-  "size-selector-button": "_size-selector-button_gnurh_10"
-}, S = m.bind(W), D = ({
-  size: e,
-  sizeOptions: n,
-  perPageText: s,
-  changeSize: r
-}) => {
-  const [c, a] = x(!1), i = (o) => {
-    r(o), a(!1);
-  };
-  return /* @__PURE__ */ d("div", { className: S("page-size-control"), children: [
-    /* @__PURE__ */ t(
-      B,
-      {
-        content: /* @__PURE__ */ t(V, { options: n, onClickOption: i, currentSize: e }),
-        placement: "top",
-        isOpened: c,
-        setIsOpened: a,
-        children: /* @__PURE__ */ t($, { className: S("size-selector-button"), variant: "text", children: e })
-      }
-    ),
-    ` ${s}`
-  ] });
-}, F = {
-  "page-selector": "_page-selector_rtho4_1",
-  "field-wrapper": "_field-wrapper_rtho4_6",
-  "apply-button": "_apply-button_rtho4_10"
-}, N = m.bind(F), Z = ({
-  totalPages: e,
-  pageText: n,
-  goActionText: s,
-  selectPage: r
-}) => {
-  const [c, a] = x(""), [i, o] = x(!0), p = (h) => {
-    const u = h.target.value.replace(/\D/g, ""), w = Number(u), O = w > 0 && w <= e;
-    o(O), a(u);
-  }, l = () => {
-    r(Number(c));
-  };
-  return /* @__PURE__ */ d("div", { className: N("page-selector"), children: [
-    /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
-      I,
-      {
-        onChange: p,
-        value: c,
-        placeholder: n,
-        error: i ? "" : "Error",
-        touched: !0,
-        defaultWidth: !1,
-        displayError: !1
-      }
-    ) }),
-    /* @__PURE__ */ t($, { onClick: l, disabled: !c || !i, className: N("apply-button"), children: s })
-  ] });
-}, G = {
-  "active-page": "_active-page_14j0y_1",
-  "page-selector": "_page-selector_14j0y_10",
-  "page-selector-button": "_page-selector-button_14j0y_14"
-}, v = m.bind(G), H = ({
-  activePage: e,
-  totalPages: n,
-  pageText: s,
-  goToText: r,
-  goActionText: c,
-  changePage: a
-}) => {
-  const [i, o] = x(!1), p = (l) => {
-    a(l), o(!1);
-  };
-  return /* @__PURE__ */ d("div", { className: v("active-page"), children: [
-    `${s} `,
-    /* @__PURE__ */ t(
-      B,
-      {
-        content: /* @__PURE__ */ t(
-          Z,
-          {
-            pageText: s,
-            goActionText: c,
-            selectPage: p,
-            totalPages: n
-          }
-        ),
-        title: r,
-        placement: "top",
-        isOpened: i,
-        setIsOpened: o,
-        className: v("page-selector"),
-        children: /* @__PURE__ */ t($, { className: v("page-selector-button"), variant: "text", children: e })
-      }
-    )
-  ] });
-}, q = "_bar_dfnmf_1", J = "_section_dfnmf_9", K = "_selected_dfnmf_33", Q = "_tooltip_dfnmf_37", U = {
-  bar: q,
-  "section-with-tooltip": "_section-with-tooltip_dfnmf_9",
-  section: J,
-  selected: K,
-  "tooltip-wrapper": "_tooltip-wrapper_dfnmf_37",
-  tooltip: Q,
-  "tooltip-text": "_tooltip-text_dfnmf_48",
-  "page-number": "_page-number_dfnmf_52"
-}, g = m.bind(U), z = 13, A = 260, X = ({
-  totalPages: e,
-  activePage: n,
-  changePage: s,
-  captions: r
-}) => {
-  const c = A / e, a = Math.min(Math.ceil(A / z), e), i = Math.max(z, c), o = [];
-  for (let l = 1; l <= e; l++)
-    o.push({
-      end: l * c,
-      pageNumber: l
-    });
-  const p = Array.from({ length: a }, () => ({ pages: { from: void 0, to: void 0 } }));
-  return o.forEach((l) => {
-    const h = Math.ceil(l.end / i) - 1, u = p[h].pages;
-    u.from || (u.from = l.pageNumber), u.to = l.pageNumber;
-  }), /* @__PURE__ */ t("div", { className: g("bar"), children: p.map((l, h) => /* @__PURE__ */ t(
-    "div",
-    {
-      className: g("section-with-tooltip"),
-      style: { width: i },
-      onClick: () => l.pages.from && s(l.pages.from),
-      children: /* @__PURE__ */ t(
-        k,
-        {
-          content: /* @__PURE__ */ d("div", { className: g("tooltip"), children: [
-            /* @__PURE__ */ t("div", { className: g("tooltip-text"), children: r.goTo }),
-            /* @__PURE__ */ t("div", { className: g("page-number"), children: l.pages.from })
-          ] }),
-          wrapperClassName: g("tooltip-wrapper"),
-          placement: "top",
-          children: /* @__PURE__ */ t(
-            "div",
-            {
-              className: g("section", {
-                selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
-              })
-            }
-          )
-        }
-      )
-    },
-    h
-  )) });
-}, Y = "_next_1p2t5_18", ee = {
-  "page-navigator": "_page-navigator_1p2t5_1",
-  "page-buttons": "_page-buttons_1p2t5_6",
-  "page-button": "_page-button_1p2t5_6",
-  next: Y
-}, _ = m.bind(ee), te = ({
-  activePage: e,
-  changePage: n,
-  totalPages: s,
-  captions: r
-}) => {
-  const c = () => {
-    n(1);
-  }, a = () => {
-    n(e - 1);
-  }, i = () => {
-    n(e + 1);
-  }, o = () => {
-    n(s);
-  };
-  return /* @__PURE__ */ d("div", { className: _("page-navigator"), children: [
-    /* @__PURE__ */ d("div", { className: _("page-buttons"), children: [
-      /* @__PURE__ */ t(
-        f,
-        {
-          className: _("page-button"),
-          onClick: c,
-          disabled: e === 1,
-          children: /* @__PURE__ */ t(T, {})
-        }
-      ),
-      /* @__PURE__ */ t(
-        f,
-        {
-          className: _("page-button"),
-          onClick: a,
-          disabled: e === 1,
-          children: /* @__PURE__ */ t(y, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(
-      X,
-      {
-        totalPages: s,
-        activePage: e,
-        changePage: n,
-        captions: r
-      }
-    ),
-    /* @__PURE__ */ d("div", { className: _("page-buttons"), children: [
-      /* @__PURE__ */ t(
-        f,
-        {
-          className: _("page-button", "next"),
-          onClick: i,
-          disabled: e === s,
-          children: /* @__PURE__ */ t(y, {})
-        }
-      ),
-      /* @__PURE__ */ t(
-        f,
-        {
-          className: _("page-button", "next"),
-          onClick: o,
-          disabled: e === s,
-          children: /* @__PURE__ */ t(T, {})
-        }
-      )
-    ] })
-  ] });
-}, oe = {
-  "page-controls": "_page-controls_thyf8_1",
-  "total-pages": "_total-pages_thyf8_8"
-}, L = m.bind(oe), se = ({
-  activePage: e,
-  changePage: n,
-  captions: s,
-  totalPages: r
-}) => /* @__PURE__ */ d("div", { className: L("page-controls"), children: [
-  /* @__PURE__ */ t(
-    H,
-    {
-      activePage: e,
-      totalPages: r,
-      changePage: n,
-      pageText: s.page,
-      goToText: s.goTo,
-      goActionText: s.goAction
-    }
-  ),
-  /* @__PURE__ */ t(
-    te,
-    {
-      changePage: n,
-      activePage: e,
-      totalPages: r,
-      captions: { goTo: s.goTo }
-    }
-  ),
-  /* @__PURE__ */ d("span", { className: L("total-pages"), children: [
-    `${s.of} `,
-    r
-  ] })
-] }), ne = "_pagination_uykxy_1", re = {
-  pagination: ne
-}, le = m.bind(re), ue = ({
-  activePage: e,
-  totalPages: n,
-  pageSize: s,
-  totalItems: r,
-  pageSizeOptions: c,
-  changePage: a,
-  changePageSize: i,
-  captions: o
-}) => {
-  const p = (o == null ? void 0 : o.of) || "of", l = (o == null ? void 0 : o.page) || "Page";
-  return /* @__PURE__ */ d("div", { className: le("pagination"), children: [
-    /* @__PURE__ */ t(
-      P,
-      {
-        activePage: e,
-        pageSize: s,
-        totalItems: r,
-        ofText: p,
-        itemsText: (o == null ? void 0 : o.items) || "items"
-      }
-    ),
-    n > 1 && /* @__PURE__ */ t(
-      se,
-      {
-        activePage: e,
-        totalPages: n,
-        changePage: a,
-        captions: {
-          page: l,
-          of: p,
-          goTo: (o == null ? void 0 : o.goTo) || "Go to page",
-          goAction: (o == null ? void 0 : o.goAction) || "Go"
-        }
-      }
-    ),
-    /* @__PURE__ */ t(
-      D,
-      {
-        size: s,
-        sizeOptions: c,
-        changeSize: i,
-        perPageText: (o == null ? void 0 : o.perPage) || "per page"
-      }
-    )
-  ] });
-};
-export {
-  ue as P,
-  y as S,
-  T as a
-};

package/dist/radio-fd49a09c.js

@@ -1,76 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { useRef as k } from "react";
-import { c as f } from "./bind-06a7ff84.js";
-import { K as t } from "./keyCodes-f63c0e11.js";
-const p = "_disabled_1sze8_9", g = "_toggler_1sze8_15", y = "_checked_1sze8_21", E = "_input_1sze8_28", x = {
-  "radio-button": "_radio-button_1sze8_1",
-  disabled: p,
-  "children-container": "_children-container_1sze8_12",
-  toggler: g,
-  checked: y,
-  input: E
-}, a = f.bind(x), v = ({
-  option: e,
-  value: o,
-  onChange: u,
-  onFocus: z,
-  onBlur: C,
-  className: b,
-  ..._
-}) => {
-  const s = k(null), d = String(e.value) === String(o), h = (l) => {
-    var i, n;
-    const { keyCode: c } = l;
-    if (c === t.SPACE_KEY_CODE) {
-      l.preventDefault(), (i = s.current) == null || i.click();
-      return;
-    }
-    c === t.ENTER_KEY_CODE && (l.preventDefault(), (n = s.current) == null || n.click());
-  };
-  return (
-    // eslint-disable-next-line
-    /* @__PURE__ */ m(
-      "label",
-      {
-        id: "rp-ui-kit-radio-label",
-        className: a(b, "radio-button", {
-          disabled: e.disabled
-        }),
-        tabIndex: e.disabled ? -1 : 0,
-        onKeyDown: e.disabled ? void 0 : h,
-        children: [
-          /* @__PURE__ */ r(
-            "input",
-            {
-              tabIndex: -1,
-              ref: s,
-              type: "radio",
-              className: a("input"),
-              disabled: e.disabled,
-              onChange: u,
-              value: e.value,
-              checked: d,
-              ..._
-            }
-          ),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              role: "radio",
-              "aria-labelledby": "rp-ui-kit-radio-label",
-              "aria-checked": d,
-              className: a("toggler", {
-                disabled: e.disabled,
-                checked: d
-              })
-            }
-          ),
-          /* @__PURE__ */ r("span", { className: a("children-container"), children: e.label })
-        ]
-      }
-    )
-  );
-};
-export {
-  v as R
-};

package/dist/systemMessage-1ced6079.js

@@ -1,30 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { c } from "./bind-06a7ff84.js";
-const m = "_children_fp9ws_54", o = {
-  "system-message": "_system-message_fp9ws_1",
-  "stripes-info": "_stripes-info_fp9ws_12",
-  "stripes-warning": "_stripes-warning_fp9ws_17",
-  "stripes-error": "_stripes-error_fp9ws_22",
-  "text-container": "_text-container_fp9ws_27",
-  "message-header-info": "_message-header-info_fp9ws_30",
-  "message-header-warning": "_message-header-warning_fp9ws_38",
-  "message-header-error": "_message-header-error_fp9ws_46",
-  children: m,
-  "content-width": "_content-width_fp9ws_70"
-}, s = c.bind(o), f = ({
-  header: r,
-  caption: a,
-  children: i,
-  mode: n = "info",
-  widthByContent: _ = !1
-}) => /* @__PURE__ */ t("div", { className: s("system-message", { "content-width": _ }), children: [
-  /* @__PURE__ */ e("div", { className: s(`stripes-${n}`) }),
-  /* @__PURE__ */ t("div", { className: s("text-container"), children: [
-    r && /* @__PURE__ */ e("h1", { className: s(`message-header-${n}`), children: r }),
-    /* @__PURE__ */ e("div", { className: s("children"), children: i }),
-    a && /* @__PURE__ */ e("p", { children: a })
-  ] })
-] });
-export {
-  f as S
-};