@reportportal/ui-kit 0.0.1-alpha.9 → 0.0.1-alpha.91

package/dist/pagination-a36bc786.js

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

package/dist/toggle-707ecb74.js

@@ -1,67 +0,0 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { c as b } from "./bind-06a7ff84.js";
-import { useRef as k } from "react";
-import { K as d } from "./keyCodes-f63c0e11.js";
-const h = "_toggle_p1gaq_1", x = "_slider_p1gaq_26", y = "_round_p1gaq_46", E = "_input_p1gaq_50", q = "_disabled_p1gaq_63", D = {
-  toggle: h,
-  "children-container": "_children-container_p1gaq_13",
-  slider: x,
-  round: y,
-  input: E,
-  disabled: q
-}, e = b.bind(D), T = ({
-  children: s,
-  value: c,
-  onChange: p,
-  className: _,
-  disabled: n = !1,
-  title: g,
-  ...u
-}) => {
-  const o = k(null), m = (t) => {
-    var a, i;
-    const { keyCode: l } = t;
-    if (l === d.SPACE_KEY_CODE) {
-      t.preventDefault(), (a = o.current) == null || a.click();
-      return;
-    }
-    l === d.ENTER_KEY_CODE && (t.preventDefault(), (i = o.current) == null || i.click());
-  };
-  return /* @__PURE__ */ f(
-    "label",
-    {
-      id: "rp-ui-kit-toggle-label",
-      title: g,
-      className: e("toggle", _, { disabled: n }),
-      children: [
-        /* @__PURE__ */ r(
-          "input",
-          {
-            ref: o,
-            tabIndex: n ? -1 : 0,
-            onChange: p,
-            checked: c,
-            disabled: n,
-            onKeyDown: m,
-            className: e("input"),
-            type: "checkbox",
-            ...u
-          }
-        ),
-        /* @__PURE__ */ r(
-          "div",
-          {
-            "aria-labelledby": "rp-ui-kit-toggle-label",
-            role: "checkbox",
-            "aria-checked": c,
-            className: e("slider", "round")
-          }
-        ),
-        s && /* @__PURE__ */ r("span", { className: e("children-container"), children: s })
-      ]
-    }
-  );
-};
-export {
-  T
-};