@reportportal/ui-kit 0.0.1-alpha.237 → 0.0.1-alpha.239

package/dist/pagination-535d600a.js

@@ -0,0 +1,370 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { c as _ } from "./bind-06a7ff84.js";
+import { Tooltip as j } from "./tooltip.js";
+import { useState as y } from "react";
+import { Popover as A } from "./popover.js";
+import { B as C } from "./button-7ab874f3.js";
+import { F as B } from "./fieldText-4a8e5496.js";
+import { B as N } from "./baseIconButton-251479f7.js";
+import { S as z, a as S } from "./prevPage-87faf576.js";
+const W = {
+  "item-counter": "_item-counter_3hukk_1",
+  "accent-total": "_accent-total_3hukk_12",
+  "accent-total-tooltip-wrapper": "_accent-total-tooltip-wrapper_3hukk_17"
+}, f = _.bind(W), P = ({
+  activePage: s,
+  pageSize: n,
+  totalItems: o,
+  ofText: a,
+  itemsText: l,
+  limitExceeded: i = !1,
+  warningContent: c = null,
+  accentTotalTooltip: e
+}) => {
+  const p = s * n, r = p - n;
+  return /* @__PURE__ */ d("div", { className: f("item-counter"), children: [
+    `${r + 1} - ${p < o ? p : o}`,
+    ` ${a} `,
+    e ? typeof window < "u" ? /* @__PURE__ */ t(
+      j,
+      {
+        content: e,
+        placement: "top",
+        wrapperClassName: f("accent-total-tooltip-wrapper"),
+        children: /* @__PURE__ */ t("span", { className: f("accent-total"), children: o })
+      }
+    ) : /* @__PURE__ */ t("span", { className: f("accent-total"), children: o }) : `${o}${i ? "+" : ""}`,
+    ` ${l}`,
+    !e && c
+  ] });
+}, E = "_selected_cjnvy_23", M = {
+  "size-selector": "_size-selector_cjnvy_1",
+  "size-option": "_size-option_cjnvy_6",
+  selected: E
+}, k = _.bind(M), V = ({
+  currentSize: s,
+  options: n,
+  onClickOption: o
+}) => /* @__PURE__ */ t("div", { className: k("size-selector"), children: n.map((a) => /* @__PURE__ */ t(
+  "button",
+  {
+    className: k("size-option", { selected: a === s }),
+    onClick: () => {
+      o(a);
+    },
+    children: a
+  },
+  a
+)) }), D = {
+  "page-size-control": "_page-size-control_8rb7p_1",
+  "page-size-options": "_page-size-options_8rb7p_8",
+  "size-selector-button": "_size-selector-button_8rb7p_12"
+}, v = _.bind(D), F = ({
+  size: s,
+  sizeOptions: n,
+  perPageText: o,
+  changeSize: a
+}) => {
+  const [l, i] = y(!1), c = (e) => {
+    a(e), i(!1);
+  };
+  return /* @__PURE__ */ d("div", { className: v("page-size-control"), children: [
+    /* @__PURE__ */ t(
+      A,
+      {
+        content: /* @__PURE__ */ t(V, { options: n, onClickOption: c, currentSize: s }),
+        placement: "top",
+        isOpened: l,
+        setIsOpened: i,
+        className: v("page-size-options"),
+        children: /* @__PURE__ */ t(C, { className: v("size-selector-button"), variant: "text", adjustWidthOn: "content", children: s })
+      }
+    ),
+    ` ${o}`
+  ] });
+}, G = {
+  "page-selector": "_page-selector_rtho4_1",
+  "field-wrapper": "_field-wrapper_rtho4_6",
+  "apply-button": "_apply-button_rtho4_10"
+}, $ = _.bind(G), H = ({
+  totalPages: s,
+  pageText: n,
+  goActionText: o,
+  selectPage: a
+}) => {
+  const [l, i] = y(""), [c, e] = y(!0), p = (g) => {
+    const b = g.target.value.replace(/\D/g, ""), u = Number(b), x = u > 0 && u <= s;
+    e(x), i(b);
+  }, r = () => {
+    a(Number(l));
+  };
+  return /* @__PURE__ */ d("div", { className: $("page-selector"), children: [
+    /* @__PURE__ */ t("div", { className: $("field-wrapper"), children: /* @__PURE__ */ t(
+      B,
+      {
+        onChange: p,
+        value: l,
+        placeholder: n,
+        error: c ? "" : "Error",
+        touched: !0,
+        defaultWidth: !1,
+        displayError: !1
+      }
+    ) }),
+    /* @__PURE__ */ t(C, { onClick: r, disabled: !l || !c, className: $("apply-button"), children: o })
+  ] });
+}, L = {
+  "active-page": "_active-page_1gl9o_1",
+  "page-selector": "_page-selector_1gl9o_10",
+  "page-selector-button": "_page-selector-button_1gl9o_14"
+}, w = _.bind(L), R = ({
+  activePage: s,
+  totalPages: n,
+  pageText: o,
+  goToText: a,
+  goActionText: l,
+  changePage: i
+}) => {
+  const [c, e] = y(!1), p = (r) => {
+    i(r), e(!1);
+  };
+  return /* @__PURE__ */ d("div", { className: w("active-page"), children: [
+    `${o} `,
+    /* @__PURE__ */ t(
+      A,
+      {
+        content: /* @__PURE__ */ t(
+          H,
+          {
+            pageText: o,
+            goActionText: l,
+            selectPage: p,
+            totalPages: n
+          }
+        ),
+        title: a,
+        placement: "top",
+        isOpened: c,
+        setIsOpened: e,
+        className: w("page-selector"),
+        children: /* @__PURE__ */ t(C, { className: w("page-selector-button"), variant: "text", adjustWidthOn: "content", children: s })
+      }
+    )
+  ] });
+}, 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"
+}, m = _.bind(U), T = 13, O = 260, X = ({
+  totalPages: s,
+  activePage: n,
+  changePage: o,
+  captions: a
+}) => {
+  const l = O / s, i = Math.min(Math.ceil(O / T), s), c = Math.max(T, l), e = [];
+  for (let r = 1; r <= s; r++)
+    e.push({
+      end: r * l,
+      pageNumber: r
+    });
+  const p = Array.from({ length: i }, () => ({ pages: { from: void 0, to: void 0 } }));
+  return p.forEach((r, g) => {
+    for (r.pages.from = e[0].pageNumber; c * (g + 1) > e[0].end; )
+      e.shift();
+    r.pages.to = e[0].pageNumber, e.shift();
+  }), /* @__PURE__ */ t("div", { className: m("bar"), children: p.map((r, g) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: m("section-with-tooltip"),
+      style: { width: c },
+      onClick: () => r.pages.from && o(r.pages.from),
+      children: /* @__PURE__ */ t(
+        j,
+        {
+          content: /* @__PURE__ */ d("div", { className: m("tooltip"), children: [
+            /* @__PURE__ */ t("div", { className: m("tooltip-text"), children: a.goTo }),
+            /* @__PURE__ */ t("div", { className: m("page-number"), children: r.pages.from })
+          ] }),
+          wrapperClassName: m("tooltip-wrapper"),
+          placement: "top",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: m("section", {
+                selected: r.pages.from && r.pages.to && r.pages.from <= n && n <= r.pages.to
+              })
+            }
+          )
+        }
+      )
+    },
+    g
+  )) });
+}, Y = "_next_pyt8p_21", Z = {
+  "page-navigator": "_page-navigator_pyt8p_1",
+  "page-buttons": "_page-buttons_pyt8p_7",
+  "page-button": "_page-button_pyt8p_7",
+  next: Y
+}, h = _.bind(Z), ee = ({
+  activePage: s,
+  changePage: n,
+  totalPages: o,
+  captions: a
+}) => {
+  const l = () => {
+    n(1);
+  }, i = () => {
+    n(s - 1);
+  }, c = () => {
+    n(s + 1);
+  }, e = () => {
+    n(o);
+  };
+  return /* @__PURE__ */ d("div", { className: h("page-navigator"), children: [
+    /* @__PURE__ */ d("div", { className: h("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        N,
+        {
+          className: h("page-button"),
+          onClick: l,
+          disabled: s === 1,
+          children: /* @__PURE__ */ t(z, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        N,
+        {
+          className: h("page-button"),
+          onClick: i,
+          disabled: s === 1,
+          children: /* @__PURE__ */ t(S, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      X,
+      {
+        totalPages: o,
+        activePage: s,
+        changePage: n,
+        captions: a
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: h("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        N,
+        {
+          className: h("page-button", "next"),
+          onClick: c,
+          disabled: s === o,
+          children: /* @__PURE__ */ t(S, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        N,
+        {
+          className: h("page-button", "next"),
+          onClick: e,
+          disabled: s === o,
+          children: /* @__PURE__ */ t(z, {})
+        }
+      )
+    ] })
+  ] });
+}, te = {
+  "page-controls": "_page-controls_thyf8_1",
+  "total-pages": "_total-pages_thyf8_8"
+}, I = _.bind(te), oe = ({
+  activePage: s,
+  changePage: n,
+  captions: o,
+  totalPages: a
+}) => /* @__PURE__ */ d("div", { className: I("page-controls"), children: [
+  /* @__PURE__ */ t(
+    R,
+    {
+      activePage: s,
+      totalPages: a,
+      changePage: n,
+      pageText: o.page,
+      goToText: o.goTo,
+      goActionText: o.goAction
+    }
+  ),
+  /* @__PURE__ */ t(
+    ee,
+    {
+      changePage: n,
+      activePage: s,
+      totalPages: a,
+      captions: { goTo: o.goTo }
+    }
+  ),
+  /* @__PURE__ */ d("span", { className: I("total-pages"), children: [
+    `${o.of} `,
+    a
+  ] })
+] }), se = "_pagination_ax9ed_1", ne = {
+  pagination: se
+}, re = _.bind(ne), he = ({
+  activePage: s,
+  totalPages: n,
+  pageSize: o,
+  totalItems: a,
+  pageSizeOptions: l,
+  changePage: i,
+  changePageSize: c,
+  captions: e,
+  className: p,
+  warningContent: r,
+  limitExceeded: g = !1,
+  accentTotalTooltip: b
+}) => {
+  const u = (e == null ? void 0 : e.of) || "of", x = (e == null ? void 0 : e.page) || "Page";
+  return /* @__PURE__ */ d("div", { className: re("pagination", p), children: [
+    /* @__PURE__ */ t(
+      P,
+      {
+        activePage: s,
+        pageSize: o,
+        totalItems: a,
+        ofText: u,
+        itemsText: (e == null ? void 0 : e.items) || "items",
+        limitExceeded: g,
+        warningContent: r,
+        accentTotalTooltip: b
+      }
+    ),
+    n > 1 && /* @__PURE__ */ t(
+      oe,
+      {
+        activePage: s,
+        totalPages: n,
+        changePage: i,
+        captions: {
+          page: x,
+          of: u,
+          goTo: (e == null ? void 0 : e.goTo) || "Go to page",
+          goAction: (e == null ? void 0 : e.goAction) || "Go"
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      F,
+      {
+        size: o,
+        sizeOptions: l,
+        changeSize: c,
+        perPageText: (e == null ? void 0 : e.perPage) || "per page"
+      }
+    )
+  ] });
+};
+export {
+  he as P
+};

package/dist/pagination.js

@@ -1,21 +1,21 @@
-import { P as t } from "./pagination-53c8a559.js";
+import { P as t } from "./pagination-535d600a.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
+import "./tooltip.js";
 import "react";
-import "./popover.js";
+import "react-dom";
 import "@floating-ui/react";
 import "./floatingUi-46f5b896.js";
+import "./popover.js";
 import "./button-7ab874f3.js";
-import "./fieldText-1749da7a.js";
+import "./fieldText-4a8e5496.js";
 import "./clear-53660571.js";
-import "./openEye-950159cb.js";
+import "./openedEye-8fa4c67d.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "./prevPage-87faf576.js";
-import "./tooltip.js";
-import "react-dom";
 export {
   t as Pagination,
   t as default