@reportportal/ui-kit 0.0.1-alpha.7 → 0.0.1-alpha.70

package/dist/pagination-ecbc9940.js

@@ -0,0 +1,345 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as g } from "./bind-06a7ff84.js";
+import { useState as b } from "react";
+import { Popover as O } from "./popover.js";
+import { B as x } from "./button-33bc880f.js";
+import { F as A } from "./fieldText-e605a521.js";
+import { B as h } from "./baseIconButton-251479f7.js";
+import { S as $, a as T } from "./prevPage-87faf576.js";
+import { Tooltip as B } from "./tooltip.js";
+const P = {
+  "item-counter": "_item-counter_4g6do_1"
+}, E = g.bind(P), M = ({
+  activePage: o,
+  pageSize: n,
+  totalItems: s,
+  ofText: r,
+  itemsText: a
+}) => {
+  const c = o * n, i = c - n;
+  return /* @__PURE__ */ p("div", { className: E("item-counter"), children: [
+    `${i + 1} - ${c < s ? c : s}`,
+    ` ${r} ${s} ${a}`
+  ] });
+}, V = "_selected_9ub70_32", W = {
+  "size-selector": "_size-selector_9ub70_1",
+  "size-option": "_size-option_9ub70_6",
+  selected: V
+}, C = g.bind(W), D = ({
+  currentSize: o,
+  options: n,
+  onClickOption: s
+}) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
+  "button",
+  {
+    className: C("size-option", { selected: r === o }),
+    onClick: () => {
+      s(r);
+    },
+    children: r
+  },
+  r
+)) }), F = {
+  "page-size-control": "_page-size-control_sgwmi_1",
+  "size-selector-button": "_size-selector-button_sgwmi_10"
+}, w = g.bind(F), j = ({
+  size: o,
+  sizeOptions: n,
+  perPageText: s,
+  changeSize: r
+}) => {
+  const [a, c] = b(!1), i = (e) => {
+    r(e), c(!1);
+  };
+  return /* @__PURE__ */ p("div", { className: w("page-size-control"), children: [
+    /* @__PURE__ */ t(
+      O,
+      {
+        content: /* @__PURE__ */ t(D, { options: n, onClickOption: i, currentSize: o }),
+        placement: "top",
+        isOpened: a,
+        setIsOpened: c,
+        children: /* @__PURE__ */ t(x, { className: w("size-selector-button"), variant: "text", children: o })
+      }
+    ),
+    ` ${s}`
+  ] });
+}, G = {
+  "page-selector": "_page-selector_rtho4_1",
+  "field-wrapper": "_field-wrapper_rtho4_6",
+  "apply-button": "_apply-button_rtho4_10"
+}, N = g.bind(G), H = ({
+  totalPages: o,
+  pageText: n,
+  goActionText: s,
+  selectPage: r
+}) => {
+  const [a, c] = b(""), [i, e] = b(!0), d = (u) => {
+    const y = u.target.value.replace(/\D/g, ""), v = Number(y), k = v > 0 && v <= o;
+    e(k), c(y);
+  }, l = () => {
+    r(Number(a));
+  };
+  return /* @__PURE__ */ p("div", { className: N("page-selector"), children: [
+    /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
+      A,
+      {
+        onChange: d,
+        value: a,
+        placeholder: n,
+        error: i ? "" : "Error",
+        touched: !0,
+        defaultWidth: !1,
+        displayError: !1
+      }
+    ) }),
+    /* @__PURE__ */ t(x, { onClick: l, disabled: !a || !i, className: N("apply-button"), children: s })
+  ] });
+}, L = {
+  "active-page": "_active-page_1gl9o_1",
+  "page-selector": "_page-selector_1gl9o_10",
+  "page-selector-button": "_page-selector-button_1gl9o_14"
+}, f = g.bind(L), R = ({
+  activePage: o,
+  totalPages: n,
+  pageText: s,
+  goToText: r,
+  goActionText: a,
+  changePage: c
+}) => {
+  const [i, e] = b(!1), d = (l) => {
+    c(l), e(!1);
+  };
+  return /* @__PURE__ */ p("div", { className: f("active-page"), children: [
+    `${s} `,
+    /* @__PURE__ */ t(
+      O,
+      {
+        content: /* @__PURE__ */ t(
+          H,
+          {
+            pageText: s,
+            goActionText: a,
+            selectPage: d,
+            totalPages: n
+          }
+        ),
+        title: r,
+        placement: "top",
+        isOpened: i,
+        setIsOpened: e,
+        className: f("page-selector"),
+        children: /* @__PURE__ */ t(x, { className: f("page-selector-button"), variant: "text", children: o })
+      }
+    )
+  ] });
+}, q = "_bar_y74hy_1", J = "_section_y74hy_9", K = "_selected_y74hy_33", Q = "_tooltip_y74hy_37", U = {
+  bar: q,
+  "section-with-tooltip": "_section-with-tooltip_y74hy_9",
+  section: J,
+  selected: K,
+  "tooltip-wrapper": "_tooltip-wrapper_y74hy_37",
+  tooltip: Q,
+  "tooltip-text": "_tooltip-text_y74hy_48",
+  "page-number": "_page-number_y74hy_52"
+}, _ = g.bind(U), S = 13, z = 260, X = ({
+  totalPages: o,
+  activePage: n,
+  changePage: s,
+  captions: r
+}) => {
+  const a = z / o, c = Math.min(Math.ceil(z / S), o), i = Math.max(S, a), e = [];
+  for (let l = 1; l <= o; l++)
+    e.push({
+      end: l * a,
+      pageNumber: l
+    });
+  const d = Array.from({ length: c }, () => ({ pages: { from: void 0, to: void 0 } }));
+  return d.forEach((l, u) => {
+    for (l.pages.from = e[0].pageNumber; i * (u + 1) > e[0].end; )
+      e.shift();
+    l.pages.to = e[0].pageNumber, e.shift();
+  }), /* @__PURE__ */ t("div", { className: _("bar"), children: d.map((l, u) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: _("section-with-tooltip"),
+      style: { width: i },
+      onClick: () => l.pages.from && s(l.pages.from),
+      children: /* @__PURE__ */ t(
+        B,
+        {
+          content: /* @__PURE__ */ p("div", { className: _("tooltip"), children: [
+            /* @__PURE__ */ t("div", { className: _("tooltip-text"), children: r.goTo }),
+            /* @__PURE__ */ t("div", { className: _("page-number"), children: l.pages.from })
+          ] }),
+          wrapperClassName: _("tooltip-wrapper"),
+          placement: "top",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: _("section", {
+                selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
+              })
+            }
+          )
+        }
+      )
+    },
+    u
+  )) });
+}, Y = "_next_1p2t5_18", Z = {
+  "page-navigator": "_page-navigator_1p2t5_1",
+  "page-buttons": "_page-buttons_1p2t5_6",
+  "page-button": "_page-button_1p2t5_6",
+  next: Y
+}, m = g.bind(Z), ee = ({
+  activePage: o,
+  changePage: n,
+  totalPages: s,
+  captions: r
+}) => {
+  const a = () => {
+    n(1);
+  }, c = () => {
+    n(o - 1);
+  }, i = () => {
+    n(o + 1);
+  }, e = () => {
+    n(s);
+  };
+  return /* @__PURE__ */ p("div", { className: m("page-navigator"), children: [
+    /* @__PURE__ */ p("div", { className: m("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        h,
+        {
+          className: m("page-button"),
+          onClick: a,
+          disabled: o === 1,
+          children: /* @__PURE__ */ t($, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        h,
+        {
+          className: m("page-button"),
+          onClick: c,
+          disabled: o === 1,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      X,
+      {
+        totalPages: s,
+        activePage: o,
+        changePage: n,
+        captions: r
+      }
+    ),
+    /* @__PURE__ */ p("div", { className: m("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        h,
+        {
+          className: m("page-button", "next"),
+          onClick: i,
+          disabled: o === s,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        h,
+        {
+          className: m("page-button", "next"),
+          onClick: e,
+          disabled: o === s,
+          children: /* @__PURE__ */ t($, {})
+        }
+      )
+    ] })
+  ] });
+}, te = {
+  "page-controls": "_page-controls_thyf8_1",
+  "total-pages": "_total-pages_thyf8_8"
+}, I = g.bind(te), oe = ({
+  activePage: o,
+  changePage: n,
+  captions: s,
+  totalPages: r
+}) => /* @__PURE__ */ p("div", { className: I("page-controls"), children: [
+  /* @__PURE__ */ t(
+    R,
+    {
+      activePage: o,
+      totalPages: r,
+      changePage: n,
+      pageText: s.page,
+      goToText: s.goTo,
+      goActionText: s.goAction
+    }
+  ),
+  /* @__PURE__ */ t(
+    ee,
+    {
+      changePage: n,
+      activePage: o,
+      totalPages: r,
+      captions: { goTo: s.goTo }
+    }
+  ),
+  /* @__PURE__ */ p("span", { className: I("total-pages"), children: [
+    `${s.of} `,
+    r
+  ] })
+] }), se = "_pagination_w2r3n_1", ne = {
+  pagination: se
+}, re = g.bind(ne), ue = ({
+  activePage: o,
+  totalPages: n,
+  pageSize: s,
+  totalItems: r,
+  pageSizeOptions: a,
+  changePage: c,
+  changePageSize: i,
+  captions: e
+}) => {
+  const d = (e == null ? void 0 : e.of) || "of", l = (e == null ? void 0 : e.page) || "Page";
+  return /* @__PURE__ */ p("div", { className: re("pagination"), children: [
+    /* @__PURE__ */ t(
+      M,
+      {
+        activePage: o,
+        pageSize: s,
+        totalItems: r,
+        ofText: d,
+        itemsText: (e == null ? void 0 : e.items) || "items"
+      }
+    ),
+    n > 1 && /* @__PURE__ */ t(
+      oe,
+      {
+        activePage: o,
+        totalPages: n,
+        changePage: c,
+        captions: {
+          page: l,
+          of: d,
+          goTo: (e == null ? void 0 : e.goTo) || "Go to page",
+          goAction: (e == null ? void 0 : e.goAction) || "Go"
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      j,
+      {
+        size: s,
+        sizeOptions: a,
+        changeSize: i,
+        perPageText: (e == null ? void 0 : e.perPage) || "per page"
+      }
+    )
+  ] });
+};
+export {
+  ue as P
+};

package/dist/pagination.js

@@ -0,0 +1,20 @@
+import { P as t } from "./pagination-ecbc9940.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+import "./popover.js";
+import "@floating-ui/react";
+import "./button-33bc880f.js";
+import "./fieldText-e605a521.js";
+import "./openEye-7b9cf080.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "./baseIconButton-251479f7.js";
+import "./prevPage-87faf576.js";
+import "./tooltip.js";
+import "react-dom";
+export {
+  t as Pagination,
+  t as default
+};

package/dist/plus-0929dda4.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.31082 7.31081C2.94108 7.30926 2.6426 7.60773 2.64415 7.97748C2.64571 8.34722 2.9467 8.64822 3.31645 8.64977L12.6892 8.68919C13.0589 8.69074 13.3574 8.39227 13.3559 8.02252C13.3543 7.65278 13.0533 7.35178 12.6836 7.35023L3.31082 7.31081Z" })), C = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" }));
+export {
+  l as S,
+  C as a
+};

package/dist/popover.js

@@ -0,0 +1,99 @@
+import { jsxs as f, Fragment as S, jsx as n } from "react/jsx-runtime";
+import { useRef as j, useState as C, useCallback as L } from "react";
+import { useFloating as M, offset as U, flip as W, arrow as q, autoUpdate as z, useClick as B, useDismiss as J, useRole as K, useInteractions as Q, FloatingFocusManager as V, FloatingArrow as X } from "@floating-ui/react";
+import { c as Y } from "./bind-06a7ff84.js";
+const Z = "_popover_n3nff_1", $ = "_title_n3nff_28", O = {
+  "popover-wrapper": "_popover-wrapper_n3nff_1",
+  popover: Z,
+  title: $
+}, r = Y.bind(O), d = 16, g = 8, tt = ["top", "right", "bottom", "left"], et = [
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+], ot = [
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+], it = ({
+  className: h,
+  content: u,
+  children: v,
+  placement: _ = "bottom",
+  fallbackPlacements: b = ot,
+  title: i,
+  arrowOffset: o = 16,
+  safeZone: w = 4,
+  arrowColor: x = "white",
+  dataAutomationId: A,
+  isOpened: F,
+  setIsOpened: s,
+  isCentered: a = !0
+}) => {
+  const c = j(null), [R, N] = C(!1), p = s ? F : R, P = (t) => {
+    s ? s(t) : N(t);
+  }, k = L(
+    (t, l) => a ? ((et.includes(l) ? t.reference.height : t.reference.width) - d) / 2 - o : -o,
+    [o, a]
+  ), { placement: E, refs: m, floatingStyles: I, context: e } = M({
+    open: p,
+    onOpenChange: P,
+    placement: _,
+    middleware: [
+      U(({ rects: t, placement: l }) => ({
+        mainAxis: w + g,
+        alignmentAxis: k(t, l)
+      })),
+      W({
+        fallbackAxisSideDirection: "start",
+        fallbackPlacements: b
+      }),
+      q({
+        element: c
+      })
+    ],
+    whileElementsMounted: z
+  }), T = B(e), y = J(e), D = K(e), { getReferenceProps: G, getFloatingProps: H } = Q([T, y, D]);
+  return /* @__PURE__ */ f(S, { children: [
+    /* @__PURE__ */ n("div", { ref: m.setReference, ...G(), className: r("popover-wrapper"), children: v }),
+    p && /* @__PURE__ */ n(V, { context: e, modal: !1, children: /* @__PURE__ */ f(
+      "div",
+      {
+        className: r("popover", h),
+        "data-automation-id": A,
+        ref: m.setFloating,
+        style: I,
+        ...H,
+        children: [
+          /* @__PURE__ */ n(
+            X,
+            {
+              ref: c,
+              context: e,
+              width: d,
+              height: g,
+              fill: x,
+              staticOffset: tt.includes(E) ? null : o
+            }
+          ),
+          i && /* @__PURE__ */ n("div", { className: r("title"), children: i }),
+          u
+        ]
+      }
+    ) })
+  ] });
+};
+export {
+  it as Popover
+};

package/dist/prevPage-87faf576.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" }));
+export {
+  l as S,
+  a
+};

package/dist/radio-62546efa.js

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

package/dist/{icon.js → radio.js}

@@ -1,9 +1,9 @@
-import { I as r } from "./icon-71262f5c.js";
+import { R as r } from "./radio-62546efa.js";
 import "react/jsx-runtime";
-import "./bind-06a7ff84.js";
-import "./clear-4963efcd.js";
 import "react";
+import "./bind-06a7ff84.js";
+import "./keyCodes-f63c0e11.js";
 export {
-  r as Icon,
+  r as Radio,
   r as default
 };

package/dist/spinLoader-c4a53718.js

@@ -0,0 +1,11 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as p } from "./bind-06a7ff84.js";
+const r = "_spinner_qn4ih_8", a = "_spin_qn4ih_1", e = {
+  "spin-loader": "_spin-loader_qn4ih_1",
+  spinner: r,
+  spin: a,
+  "color-topaz": "_color-topaz_qn4ih_20"
+}, i = p.bind(e), _ = ({ color: s = "topaz", className: o }) => /* @__PURE__ */ n("div", { className: i("spin-loader", o), children: /* @__PURE__ */ n("div", { className: i("spinner", { [`color-${s}`]: s }) }) });
+export {
+  _ as S
+};

package/dist/spinLoader.js

@@ -0,0 +1,7 @@
+import { S as r } from "./spinLoader-c4a53718.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+export {
+  r as SpinLoader,
+  r as default
+};