@reportportal/ui-kit 0.0.1-alpha.160 → 0.0.1-alpha.162

package/dist/components/pagination/itemsCounter/itemCounter.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { ReactElement, ReactNode } from 'react';
 
 export interface ItemCounterProps {
     activePage: number;
@@ -6,5 +6,7 @@ export interface ItemCounterProps {
     totalItems: number;
     ofText: string;
     itemsText: string;
+    limitExceeded?: boolean;
+    warningContent?: ReactNode;
 }
-export declare const ItemCounter: FC<ItemCounterProps>;
+export declare const ItemCounter: ({ activePage, pageSize, totalItems, ofText, itemsText, limitExceeded, warningContent, }: ItemCounterProps) => ReactElement;

package/dist/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { ChangePageSize, ChangePage } from './types';
 
 type PaginationCaptions = {
@@ -19,6 +19,8 @@ export interface PaginationProps {
     changePageSize: ChangePageSize;
     captions?: PaginationCaptions;
     className?: string;
+    warningContent?: ReactNode;
+    limitExceeded?: boolean;
 }
-export declare const Pagination: FC<PaginationProps>;
+export declare const Pagination: ({ activePage, totalPages, pageSize, totalItems, pageSizeOptions, changePage, changePageSize, captions, className, warningContent, limitExceeded, }: PaginationProps) => ReactElement;
 export {};

package/dist/components/table/hooks/useColumnResize.d.ts

@@ -1,10 +1,12 @@
 import { MutableRefObject } from 'react';
 import { ResizeCallbackData } from 'react-resizable';
+import { PrimaryColumn, FixedColumn } from '../types';
 
 interface UseColumnResizeProps {
     enabled?: boolean;
     minWidth?: number;
     maxWidth?: number;
+    columns?: (PrimaryColumn | FixedColumn)[];
     columnWidthsRef?: MutableRefObject<Map<string, number>>;
     onColumnResize?: (columnKey: string, width: number) => void;
 }
@@ -14,5 +16,5 @@ interface UseColumnResizeReturn {
     handleResizeStop: (columnKey: string) => () => void;
     handleResizeStart: () => void;
 }
-export declare const useColumnResize: ({ enabled, minWidth, maxWidth, columnWidthsRef, onColumnResize, }: UseColumnResizeProps) => UseColumnResizeReturn;
+export declare const useColumnResize: ({ enabled, minWidth, maxWidth, columns, columnWidthsRef, onColumnResize, }: UseColumnResizeProps) => UseColumnResizeReturn;
 export {};

package/dist/components/table/types.d.ts

@@ -8,10 +8,14 @@ export interface Column {
 export interface PrimaryColumn extends Column {
     primary: boolean;
     width?: string | number;
+    minWidth?: number;
+    maxWidth?: number;
 }
 export interface FixedColumn extends Column {
     width: string | number;
     align?: 'left' | 'center' | 'right';
+    minWidth?: number;
+    maxWidth?: number;
 }
 export interface PinnedColumn extends FixedColumn {
     pinned: boolean;

package/dist/filtersButton.js

@@ -1,25 +1,25 @@
-import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
 import { c as _ } from "./bind-06a7ff84.js";
 import { S as d, a as m } from "./filterOutline-819b4b0d.js";
-const u = "_opened_1f7nf_22", h = {
-  "filters-icon-container": "_filters-icon-container_1f7nf_1",
-  "filter-icon": "_filter-icon_1f7nf_19",
+const u = "_opened_c1qju_22", h = {
+  "filters-icon-container": "_filters-icon-container_c1qju_1",
+  "filter-icon": "_filter-icon_c1qju_19",
   opened: u,
-  "with-applied": "_with-applied_1f7nf_28",
-  "filters-count": "_filters-count_1f7nf_37"
-}, t = _.bind(h), b = p(
-  ({ appliedFiltersCount: i = 0, isOpen: s = !1, className: o, type: r = "button", ...l }, c) => {
-    const e = i > 0, f = t("filters-icon-container", o, {
-      "with-applied": e,
+  "with-applied": "_with-applied_c1qju_28",
+  "filters-count": "_filters-count_c1qju_37"
+}, i = _.bind(h), x = f(
+  ({ appliedFiltersCount: n = 0, isOpen: s = !1, className: o, type: c = "button", ...r }, l) => {
+    const t = n > 0, a = i("filters-icon-container", o, {
+      "with-applied": t,
       opened: s
     });
-    return /* @__PURE__ */ a("button", { type: r, className: f, ref: c, ...l, children: [
-      /* @__PURE__ */ n("span", { className: t("filter-icon"), children: e ? /* @__PURE__ */ n(d, {}) : /* @__PURE__ */ n(m, {}) }),
-      e ? /* @__PURE__ */ n("span", { className: t("filters-count"), children: i }) : null
+    return /* @__PURE__ */ p("button", { type: c, className: a, ref: l, ...r, children: [
+      /* @__PURE__ */ e("span", { className: i("filter-icon"), children: t ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(m, {}) }),
+      t ? /* @__PURE__ */ e("span", { className: i("filters-count"), children: n }) : null
     ] });
   }
 );
 export {
-  b as FiltersButton
+  x as FiltersButton
 };

package/dist/index.js

@@ -19,7 +19,7 @@ import { FiltersButton as ro } from "./filtersButton.js";
 import { IssueList as to } from "./issueList.js";
 import { Modal as no } from "./modal.js";
 import { MultipleAutocomplete as co, SingleAutocomplete as mo } from "./autocompletes.js";
-import { P as so } from "./pagination-8d397dfd.js";
+import { P as so } from "./pagination-4ded0ec6.js";
 import { Popover as lo } from "./popover.js";
 import { R as fo } from "./radio-62546efa.js";
 import { S as So } from "./selection-9124d029.js";
@@ -27,7 +27,7 @@ import { S as Co } from "./spinLoader-c4a53718.js";
 import { SystemAlert as Fo } from "./systemAlert.js";
 import { S as bo } from "./systemMessage-924fdaa6.js";
 import { DragLayer as Bo, SortableItem as To, SortableList as ho } from "./sortable.js";
-import { T as vo } from "./table-0adbac16.js";
+import { T as vo } from "./table-5267699a.js";
 import { T as Lo } from "./themeProvider-46c2be7b.js";
 import { T as ko } from "./toggle-304107fa.js";
 import { Tooltip as Eo } from "./tooltip.js";

package/dist/{pagination-8d397dfd.js → pagination-4ded0ec6.js}

@@ -1,31 +1,34 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { c as d } from "./bind-06a7ff84.js";
-import { useState as b } from "react";
+import { c as _ } from "./bind-06a7ff84.js";
+import { useState as f } from "react";
 import { Popover as I } from "./popover.js";
-import { B as x } from "./button-97d9e587.js";
+import { B as $ } from "./button-97d9e587.js";
 import { F as j } from "./fieldText-1749da7a.js";
-import { B as h } from "./baseIconButton-251479f7.js";
-import { S as z, a as T } from "./prevPage-87faf576.js";
+import { B as y } from "./baseIconButton-251479f7.js";
+import { S as T, a as z } from "./prevPage-87faf576.js";
 import { Tooltip as A } from "./tooltip.js";
 const B = {
-  "item-counter": "_item-counter_4g6do_1"
-}, W = d.bind(B), P = ({
+  "item-counter": "_item-counter_1qk4p_1"
+}, W = _.bind(B), P = ({
   activePage: o,
   pageSize: n,
   totalItems: s,
   ofText: r,
-  itemsText: a
+  itemsText: a,
+  limitExceeded: i = !1,
+  warningContent: c = null
 }) => {
-  const c = o * n, i = c - n;
+  const e = o * n, d = e - n;
   return /* @__PURE__ */ p("div", { className: W("item-counter"), children: [
-    `${i + 1} - ${c < s ? c : s}`,
-    ` ${r} ${s} ${a}`
+    `${d + 1} - ${e < s ? e : s}`,
+    ` ${r} ${s}${i ? "+" : ""} ${a}`,
+    c
   ] });
 }, E = "_selected_cjnvy_23", M = {
   "size-selector": "_size-selector_cjnvy_1",
   "size-option": "_size-option_cjnvy_6",
   selected: E
-}, C = d.bind(M), V = ({
+}, C = _.bind(M), V = ({
   currentSize: o,
   options: n,
   onClickOption: s
@@ -40,28 +43,28 @@ const B = {
   },
   r
 )) }), D = {
-  "page-size-control": "_page-size-control_suy7z_1",
-  "page-size-options": "_page-size-options_suy7z_9",
-  "size-selector-button": "_size-selector-button_suy7z_13"
-}, y = d.bind(D), F = ({
+  "page-size-control": "_page-size-control_8rb7p_1",
+  "page-size-options": "_page-size-options_8rb7p_8",
+  "size-selector-button": "_size-selector-button_8rb7p_12"
+}, N = _.bind(D), F = ({
   size: o,
   sizeOptions: n,
   perPageText: s,
   changeSize: r
 }) => {
-  const [a, c] = b(!1), i = (e) => {
-    r(e), c(!1);
+  const [a, i] = f(!1), c = (e) => {
+    r(e), i(!1);
   };
-  return /* @__PURE__ */ p("div", { className: y("page-size-control"), children: [
+  return /* @__PURE__ */ p("div", { className: N("page-size-control"), children: [
     /* @__PURE__ */ t(
       I,
       {
-        content: /* @__PURE__ */ t(V, { options: n, onClickOption: i, currentSize: o }),
+        content: /* @__PURE__ */ t(V, { options: n, onClickOption: c, currentSize: o }),
         placement: "top",
         isOpened: a,
-        setIsOpened: c,
-        className: y("page-size-options"),
-        children: /* @__PURE__ */ t(x, { className: y("size-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
+        setIsOpened: i,
+        className: N("page-size-options"),
+        children: /* @__PURE__ */ t($, { className: N("size-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
       }
     ),
     ` ${s}`
@@ -70,49 +73,49 @@ const B = {
   "page-selector": "_page-selector_rtho4_1",
   "field-wrapper": "_field-wrapper_rtho4_6",
   "apply-button": "_apply-button_rtho4_10"
-}, N = d.bind(G), H = ({
+}, x = _.bind(G), H = ({
   totalPages: o,
   pageText: n,
   goActionText: s,
   selectPage: r
 }) => {
-  const [a, c] = b(""), [i, e] = b(!0), _ = (g) => {
-    const v = g.target.value.replace(/\D/g, ""), $ = Number(v), k = $ > 0 && $ <= o;
-    e(k), c(v);
+  const [a, i] = f(""), [c, e] = f(!0), d = (g) => {
+    const h = g.target.value.replace(/\D/g, ""), b = Number(h), k = b > 0 && b <= o;
+    e(k), i(h);
   }, l = () => {
     r(Number(a));
   };
-  return /* @__PURE__ */ p("div", { className: N("page-selector"), children: [
-    /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ p("div", { className: x("page-selector"), children: [
+    /* @__PURE__ */ t("div", { className: x("field-wrapper"), children: /* @__PURE__ */ t(
       j,
       {
-        onChange: _,
+        onChange: d,
         value: a,
         placeholder: n,
-        error: i ? "" : "Error",
+        error: c ? "" : "Error",
         touched: !0,
         defaultWidth: !1,
         displayError: !1
       }
     ) }),
-    /* @__PURE__ */ t(x, { onClick: l, disabled: !a || !i, className: N("apply-button"), children: s })
+    /* @__PURE__ */ t($, { onClick: l, disabled: !a || !c, className: x("apply-button"), children: s })
   ] });
-}, L = {
+}, q = {
   "active-page": "_active-page_1gl9o_1",
   "page-selector": "_page-selector_1gl9o_10",
   "page-selector-button": "_page-selector-button_1gl9o_14"
-}, f = d.bind(L), R = ({
+}, v = _.bind(q), L = ({
   activePage: o,
   totalPages: n,
   pageText: s,
   goToText: r,
   goActionText: a,
-  changePage: c
+  changePage: i
 }) => {
-  const [i, e] = b(!1), _ = (l) => {
-    c(l), e(!1);
+  const [c, e] = f(!1), d = (l) => {
+    i(l), e(!1);
   };
-  return /* @__PURE__ */ p("div", { className: f("active-page"), children: [
+  return /* @__PURE__ */ p("div", { className: v("active-page"), children: [
     `${s} `,
     /* @__PURE__ */ t(
       I,
@@ -122,21 +125,21 @@ const B = {
           {
             pageText: s,
             goActionText: a,
-            selectPage: _,
+            selectPage: d,
             totalPages: n
           }
         ),
         title: r,
         placement: "top",
-        isOpened: i,
+        isOpened: c,
         setIsOpened: e,
-        className: f("page-selector"),
-        children: /* @__PURE__ */ t(x, { className: f("page-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
+        className: v("page-selector"),
+        children: /* @__PURE__ */ t($, { className: v("page-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
       }
     )
   ] });
-}, q = "_bar_y74hy_1", J = "_section_y74hy_9", K = "_selected_y74hy_33", Q = "_tooltip_y74hy_37", U = {
-  bar: q,
+}, R = "_bar_y74hy_1", J = "_section_y74hy_9", K = "_selected_y74hy_33", Q = "_tooltip_y74hy_37", U = {
+  bar: R,
   "section-with-tooltip": "_section-with-tooltip_y74hy_9",
   section: J,
   selected: K,
@@ -144,28 +147,28 @@ const B = {
   tooltip: Q,
   "tooltip-text": "_tooltip-text_y74hy_48",
   "page-number": "_page-number_y74hy_52"
-}, m = d.bind(U), S = 13, w = 260, X = ({
+}, m = _.bind(U), S = 13, w = 260, X = ({
   totalPages: o,
   activePage: n,
   changePage: s,
   captions: r
 }) => {
-  const a = w / o, c = Math.min(Math.ceil(w / S), o), i = Math.max(S, a), e = [];
+  const a = w / o, i = Math.min(Math.ceil(w / S), o), c = Math.max(S, a), e = [];
   for (let l = 1; l <= o; l++)
     e.push({
       end: l * a,
       pageNumber: l
     });
-  const _ = Array.from({ length: c }, () => ({ pages: { from: void 0, to: void 0 } }));
-  return _.forEach((l, g) => {
-    for (l.pages.from = e[0].pageNumber; i * (g + 1) > e[0].end; )
+  const d = Array.from({ length: i }, () => ({ pages: { from: void 0, to: void 0 } }));
+  return d.forEach((l, g) => {
+    for (l.pages.from = e[0].pageNumber; c * (g + 1) > e[0].end; )
       e.shift();
     l.pages.to = e[0].pageNumber, e.shift();
-  }), /* @__PURE__ */ t("div", { className: m("bar"), children: _.map((l, g) => /* @__PURE__ */ t(
+  }), /* @__PURE__ */ t("div", { className: m("bar"), children: d.map((l, g) => /* @__PURE__ */ t(
     "div",
     {
       className: m("section-with-tooltip"),
-      style: { width: i },
+      style: { width: c },
       onClick: () => l.pages.from && s(l.pages.from),
       children: /* @__PURE__ */ t(
         A,
@@ -194,7 +197,7 @@ const B = {
   "page-buttons": "_page-buttons_pyt8p_7",
   "page-button": "_page-button_pyt8p_7",
   next: Y
-}, u = d.bind(Z), ee = ({
+}, u = _.bind(Z), ee = ({
   activePage: o,
   changePage: n,
   totalPages: s,
@@ -202,9 +205,9 @@ const B = {
 }) => {
   const a = () => {
     n(1);
-  }, c = () => {
-    n(o - 1);
   }, i = () => {
+    n(o - 1);
+  }, c = () => {
     n(o + 1);
   }, e = () => {
     n(s);
@@ -212,21 +215,21 @@ const B = {
   return /* @__PURE__ */ p("div", { className: u("page-navigator"), children: [
     /* @__PURE__ */ p("div", { className: u("page-buttons"), children: [
       /* @__PURE__ */ t(
-        h,
+        y,
         {
           className: u("page-button"),
           onClick: a,
           disabled: o === 1,
-          children: /* @__PURE__ */ t(z, {})
+          children: /* @__PURE__ */ t(T, {})
         }
       ),
       /* @__PURE__ */ t(
-        h,
+        y,
         {
           className: u("page-button"),
-          onClick: c,
+          onClick: i,
           disabled: o === 1,
-          children: /* @__PURE__ */ t(T, {})
+          children: /* @__PURE__ */ t(z, {})
         }
       )
     ] }),
@@ -241,21 +244,21 @@ const B = {
     ),
     /* @__PURE__ */ p("div", { className: u("page-buttons"), children: [
       /* @__PURE__ */ t(
-        h,
+        y,
         {
           className: u("page-button", "next"),
-          onClick: i,
+          onClick: c,
           disabled: o === s,
-          children: /* @__PURE__ */ t(T, {})
+          children: /* @__PURE__ */ t(z, {})
         }
       ),
       /* @__PURE__ */ t(
-        h,
+        y,
         {
           className: u("page-button", "next"),
           onClick: e,
           disabled: o === s,
-          children: /* @__PURE__ */ t(z, {})
+          children: /* @__PURE__ */ t(T, {})
         }
       )
     ] })
@@ -263,14 +266,14 @@ const B = {
 }, te = {
   "page-controls": "_page-controls_thyf8_1",
   "total-pages": "_total-pages_thyf8_8"
-}, O = d.bind(te), oe = ({
+}, O = _.bind(te), oe = ({
   activePage: o,
   changePage: n,
   captions: s,
   totalPages: r
 }) => /* @__PURE__ */ p("div", { className: O("page-controls"), children: [
   /* @__PURE__ */ t(
-    R,
+    L,
     {
       activePage: o,
       totalPages: r,
@@ -295,27 +298,31 @@ const B = {
   ] })
 ] }), se = "_pagination_w2r3n_1", ne = {
   pagination: se
-}, re = d.bind(ne), ue = ({
+}, re = _.bind(ne), ue = ({
   activePage: o,
   totalPages: n,
   pageSize: s,
   totalItems: r,
   pageSizeOptions: a,
-  changePage: c,
-  changePageSize: i,
+  changePage: i,
+  changePageSize: c,
   captions: e,
-  className: _
+  className: d,
+  warningContent: l,
+  limitExceeded: g = !1
 }) => {
-  const l = (e == null ? void 0 : e.of) || "of", g = (e == null ? void 0 : e.page) || "Page";
-  return /* @__PURE__ */ p("div", { className: re("pagination", _), children: [
+  const h = (e == null ? void 0 : e.of) || "of", b = (e == null ? void 0 : e.page) || "Page";
+  return /* @__PURE__ */ p("div", { className: re("pagination", d), children: [
     /* @__PURE__ */ t(
       P,
       {
         activePage: o,
         pageSize: s,
         totalItems: r,
-        ofText: l,
-        itemsText: (e == null ? void 0 : e.items) || "items"
+        ofText: h,
+        itemsText: (e == null ? void 0 : e.items) || "items",
+        limitExceeded: g,
+        warningContent: l
       }
     ),
     n > 1 && /* @__PURE__ */ t(
@@ -323,10 +330,10 @@ const B = {
       {
         activePage: o,
         totalPages: n,
-        changePage: c,
+        changePage: i,
         captions: {
-          page: g,
-          of: l,
+          page: b,
+          of: h,
           goTo: (e == null ? void 0 : e.goTo) || "Go to page",
           goAction: (e == null ? void 0 : e.goAction) || "Go"
         }
@@ -337,7 +344,7 @@ const B = {
       {
         size: s,
         sizeOptions: a,
-        changeSize: i,
+        changeSize: c,
         perPageText: (e == null ? void 0 : e.perPage) || "per page"
       }
     )

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { P as t } from "./pagination-8d397dfd.js";
+import { P as t } from "./pagination-4ded0ec6.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";