@reportportal/ui-kit 0.0.1-alpha.240 → 0.0.1-alpha.242

package/dist/index.js

@@ -22,7 +22,7 @@ import { FilterItem as lo } from "./filterItem.js";
 import { IssueList as fo } from "./issueList.js";
 import { Modal as So } from "./modal.js";
 import { MultipleAutocomplete as Do, SingleAutocomplete as Po } from "./autocompletes.js";
-import { P as Ao } from "./pagination-535d600a.js";
+import { P as Ao } from "./pagination-32fc6458.js";
 import { Popover as To } from "./popover.js";
 import { R as bo, a as ho } from "./radioGroup-0c132c2e.js";
 import { SegmentedControl as Mo } from "./segmentedControl.js";
@@ -31,7 +31,7 @@ import { S as Lo } from "./spinLoader-c4a53718.js";
 import { SystemAlert as ko } from "./systemAlert.js";
 import { S as No } from "./systemMessage-924fdaa6.js";
 import { DragLayer as Ho, SortableItem as zo, SortableList as Go, TreeSortableContainer as Jo, TreeSortableItem as Vo } from "./sortable.js";
-import { T as Wo } from "./table-e0fd9727.js";
+import { T as Wo } from "./table-8cdbfdfb.js";
 import { T as jo } from "./themeProvider-46c2be7b.js";
 import { T as Ko } from "./toggle-304107fa.js";
 import { Tooltip as Yo } from "./tooltip.js";

package/dist/{pagination-535d600a.js → pagination-32fc6458.js}

@@ -1,39 +1,42 @@
 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 { useState as f } from "react";
 import { Popover as A } from "./popover.js";
-import { B as C } from "./button-7ab874f3.js";
+import { B as w } from "./button-7ab874f3.js";
 import { F as B } from "./fieldText-4a8e5496.js";
-import { B as N } from "./baseIconButton-251479f7.js";
+import { B as y } 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 = ({
+  "item-counter": "_item-counter_1rgba_1",
+  "accent-total": "_accent-total_1rgba_12",
+  "accent-total-tooltip-wrapper": "_accent-total-tooltip-wrapper_1rgba_17",
+  "accent-total-tooltip": "_accent-total-tooltip_1rgba_17"
+}, b = _.bind(W), P = ({
   activePage: s,
   pageSize: n,
   totalItems: o,
-  ofText: a,
+  ofText: r,
   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} `,
+  const p = s * n, a = p - n;
+  return /* @__PURE__ */ d("div", { className: b("item-counter"), children: [
+    `${a + 1} - ${p < o ? p : o}`,
+    ` ${r} `,
     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 })
+        dynamicWidth: !0,
+        wrapperClassName: b("accent-total-tooltip-wrapper"),
+        tooltipClassName: b("accent-total-tooltip"),
+        children: /* @__PURE__ */ t("span", { className: b("accent-total"), children: o })
       }
-    ) : /* @__PURE__ */ t("span", { className: f("accent-total"), children: o }) : `${o}${i ? "+" : ""}`,
+    ) : /* @__PURE__ */ t("span", { className: b("accent-total"), children: o }) : `${o}${i ? "+" : ""}`,
     ` ${l}`,
     !e && c
   ] });
@@ -41,20 +44,20 @@ const W = {
   "size-selector": "_size-selector_cjnvy_1",
   "size-option": "_size-option_cjnvy_6",
   selected: E
-}, k = _.bind(M), V = ({
+}, T = _.bind(M), V = ({
   currentSize: s,
   options: n,
   onClickOption: o
-}) => /* @__PURE__ */ t("div", { className: k("size-selector"), children: n.map((a) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ t("div", { className: T("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
   "button",
   {
-    className: k("size-option", { selected: a === s }),
+    className: T("size-option", { selected: r === s }),
     onClick: () => {
-      o(a);
+      o(r);
     },
-    children: a
+    children: r
   },
-  a
+  r
 )) }), D = {
   "page-size-control": "_page-size-control_8rb7p_1",
   "page-size-options": "_page-size-options_8rb7p_8",
@@ -63,10 +66,10 @@ const W = {
   size: s,
   sizeOptions: n,
   perPageText: o,
-  changeSize: a
+  changeSize: r
 }) => {
-  const [l, i] = y(!1), c = (e) => {
-    a(e), i(!1);
+  const [l, i] = f(!1), c = (e) => {
+    r(e), i(!1);
   };
   return /* @__PURE__ */ d("div", { className: v("page-size-control"), children: [
     /* @__PURE__ */ t(
@@ -77,7 +80,7 @@ const W = {
         isOpened: l,
         setIsOpened: i,
         className: v("page-size-options"),
-        children: /* @__PURE__ */ t(C, { className: v("size-selector-button"), variant: "text", adjustWidthOn: "content", children: s })
+        children: /* @__PURE__ */ t(w, { className: v("size-selector-button"), variant: "text", adjustWidthOn: "content", children: s })
       }
     ),
     ` ${o}`
@@ -90,13 +93,13 @@ const W = {
   totalPages: s,
   pageText: n,
   goActionText: o,
-  selectPage: a
+  selectPage: r
 }) => {
-  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));
+  const [l, i] = f(""), [c, e] = f(!0), p = (g) => {
+    const N = g.target.value.replace(/\D/g, ""), u = Number(N), x = u > 0 && u <= s;
+    e(x), i(N);
+  }, a = () => {
+    r(Number(l));
   };
   return /* @__PURE__ */ d("div", { className: $("page-selector"), children: [
     /* @__PURE__ */ t("div", { className: $("field-wrapper"), children: /* @__PURE__ */ t(
@@ -111,24 +114,24 @@ const W = {
         displayError: !1
       }
     ) }),
-    /* @__PURE__ */ t(C, { onClick: r, disabled: !l || !c, className: $("apply-button"), children: o })
+    /* @__PURE__ */ t(w, { onClick: a, 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 = ({
+}, C = _.bind(L), R = ({
   activePage: s,
   totalPages: n,
   pageText: o,
-  goToText: a,
+  goToText: r,
   goActionText: l,
   changePage: i
 }) => {
-  const [c, e] = y(!1), p = (r) => {
-    i(r), e(!1);
+  const [c, e] = f(!1), p = (a) => {
+    i(a), e(!1);
   };
-  return /* @__PURE__ */ d("div", { className: w("active-page"), children: [
+  return /* @__PURE__ */ d("div", { className: C("active-page"), children: [
     `${o} `,
     /* @__PURE__ */ t(
       A,
@@ -142,12 +145,12 @@ const W = {
             totalPages: n
           }
         ),
-        title: a,
+        title: r,
         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 })
+        className: C("page-selector"),
+        children: /* @__PURE__ */ t(w, { className: C("page-selector-button"), variant: "text", adjustWidthOn: "content", children: s })
       }
     )
   ] });
@@ -160,35 +163,35 @@ const W = {
   tooltip: Q,
   "tooltip-text": "_tooltip-text_y74hy_48",
   "page-number": "_page-number_y74hy_52"
-}, m = _.bind(U), T = 13, O = 260, X = ({
+}, m = _.bind(U), O = 13, I = 260, X = ({
   totalPages: s,
   activePage: n,
   changePage: o,
-  captions: a
+  captions: r
 }) => {
-  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++)
+  const l = I / s, i = Math.min(Math.ceil(I / O), s), c = Math.max(O, l), e = [];
+  for (let a = 1; a <= s; a++)
     e.push({
-      end: r * l,
-      pageNumber: r
+      end: a * l,
+      pageNumber: a
     });
   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; )
+  return p.forEach((a, g) => {
+    for (a.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(
+    a.pages.to = e[0].pageNumber, e.shift();
+  }), /* @__PURE__ */ t("div", { className: m("bar"), children: p.map((a, g) => /* @__PURE__ */ t(
     "div",
     {
       className: m("section-with-tooltip"),
       style: { width: c },
-      onClick: () => r.pages.from && o(r.pages.from),
+      onClick: () => a.pages.from && o(a.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 })
+            /* @__PURE__ */ t("div", { className: m("tooltip-text"), children: r.goTo }),
+            /* @__PURE__ */ t("div", { className: m("page-number"), children: a.pages.from })
           ] }),
           wrapperClassName: m("tooltip-wrapper"),
           placement: "top",
@@ -196,7 +199,7 @@ const W = {
             "div",
             {
               className: m("section", {
-                selected: r.pages.from && r.pages.to && r.pages.from <= n && n <= r.pages.to
+                selected: a.pages.from && a.pages.to && a.pages.from <= n && n <= a.pages.to
               })
             }
           )
@@ -214,7 +217,7 @@ const W = {
   activePage: s,
   changePage: n,
   totalPages: o,
-  captions: a
+  captions: r
 }) => {
   const l = () => {
     n(1);
@@ -228,7 +231,7 @@ const W = {
   return /* @__PURE__ */ d("div", { className: h("page-navigator"), children: [
     /* @__PURE__ */ d("div", { className: h("page-buttons"), children: [
       /* @__PURE__ */ t(
-        N,
+        y,
         {
           className: h("page-button"),
           onClick: l,
@@ -237,7 +240,7 @@ const W = {
         }
       ),
       /* @__PURE__ */ t(
-        N,
+        y,
         {
           className: h("page-button"),
           onClick: i,
@@ -252,12 +255,12 @@ const W = {
         totalPages: o,
         activePage: s,
         changePage: n,
-        captions: a
+        captions: r
       }
     ),
     /* @__PURE__ */ d("div", { className: h("page-buttons"), children: [
       /* @__PURE__ */ t(
-        N,
+        y,
         {
           className: h("page-button", "next"),
           onClick: c,
@@ -266,7 +269,7 @@ const W = {
         }
       ),
       /* @__PURE__ */ t(
-        N,
+        y,
         {
           className: h("page-button", "next"),
           onClick: e,
@@ -279,17 +282,17 @@ const W = {
 }, te = {
   "page-controls": "_page-controls_thyf8_1",
   "total-pages": "_total-pages_thyf8_8"
-}, I = _.bind(te), oe = ({
+}, k = _.bind(te), oe = ({
   activePage: s,
   changePage: n,
   captions: o,
-  totalPages: a
-}) => /* @__PURE__ */ d("div", { className: I("page-controls"), children: [
+  totalPages: r
+}) => /* @__PURE__ */ d("div", { className: k("page-controls"), children: [
   /* @__PURE__ */ t(
     R,
     {
       activePage: s,
-      totalPages: a,
+      totalPages: r,
       changePage: n,
       pageText: o.page,
       goToText: o.goTo,
@@ -301,43 +304,43 @@ const W = {
     {
       changePage: n,
       activePage: s,
-      totalPages: a,
+      totalPages: r,
       captions: { goTo: o.goTo }
     }
   ),
-  /* @__PURE__ */ d("span", { className: I("total-pages"), children: [
+  /* @__PURE__ */ d("span", { className: k("total-pages"), children: [
     `${o.of} `,
-    a
+    r
   ] })
 ] }), se = "_pagination_ax9ed_1", ne = {
   pagination: se
-}, re = _.bind(ne), he = ({
+}, ae = _.bind(ne), he = ({
   activePage: s,
   totalPages: n,
   pageSize: o,
-  totalItems: a,
+  totalItems: r,
   pageSizeOptions: l,
   changePage: i,
   changePageSize: c,
   captions: e,
   className: p,
-  warningContent: r,
+  warningContent: a,
   limitExceeded: g = !1,
-  accentTotalTooltip: b
+  accentTotalTooltip: N
 }) => {
   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: [
+  return /* @__PURE__ */ d("div", { className: ae("pagination", p), children: [
     /* @__PURE__ */ t(
       P,
       {
         activePage: s,
         pageSize: o,
-        totalItems: a,
+        totalItems: r,
         ofText: u,
         itemsText: (e == null ? void 0 : e.items) || "items",
         limitExceeded: g,
-        warningContent: r,
-        accentTotalTooltip: b
+        warningContent: a,
+        accentTotalTooltip: N
       }
     ),
     n > 1 && /* @__PURE__ */ t(

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { P as t } from "./pagination-535d600a.js";
+import { P as t } from "./pagination-32fc6458.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "./tooltip.js";