@reportportal/ui-kit 0.0.1-alpha.6 → 0.0.1-alpha.61

package/dist/maxValueDisplay-9be01a75.js

@@ -0,0 +1,13 @@
+import { jsxs as r } from "react/jsx-runtime";
+const t = (s) => typeof s == "number" && Number.isFinite(s) && Number.isInteger(s) && s > 0, p = ({
+  className: s,
+  value: e,
+  maxValue: n
+}) => t(n) ? /* @__PURE__ */ r("span", { className: s, children: [
+  e,
+  "/",
+  n
+] }) : null;
+export {
+  p as M
+};

package/dist/maxValueDisplay.js

@@ -0,0 +1,6 @@
+import { M as o } from "./maxValueDisplay-9be01a75.js";
+import "react/jsx-runtime";
+export {
+  o as MaxValueDisplay,
+  o as default
+};

package/dist/modal.js

@@ -1,128 +1,146 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useState as w, useEffect as f, useRef as R } from "react";
-import { Scrollbars as T } from "rc-scrollbars";
-import { AnimatePresence as L, motion as W } from "framer-motion";
-import { c as m } from "./bind-06a7ff84.js";
-import { u as D } from "./useOnClickOutside-c332f7d3.js";
-import { K as I } from "./keyCodes-f63c0e11.js";
-import { B as b } from "./button-d4944dbc.js";
-import { I as j } from "./icon-71262f5c.js";
-import "./clear-4963efcd.js";
-const K = () => {
-  const [t, a] = w({ width: 0, height: 0 });
-  return f(() => {
-    const o = () => {
-      a({
+import { jsx as e, jsxs as c, Fragment as G } from "react/jsx-runtime";
+import { useState as u, useEffect as g, useRef as K } from "react";
+import { Scrollbars as P } from "rc-scrollbars";
+import { AnimatePresence as B, motion as q } from "framer-motion";
+import { c as f } from "./bind-06a7ff84.js";
+import { u as Y } from "./useOnClickOutside-c332f7d3.js";
+import { K as U } from "./keyCodes-f63c0e11.js";
+import { B as N } from "./button-33c88abf.js";
+import { B as X } from "./baseIconButton-251479f7.js";
+import { S as J } from "./close-4b33d7c1.js";
+const Q = () => {
+  const [o, n] = u({ width: 0, height: 0 });
+  return g(() => {
+    const l = () => {
+      n({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-    return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
-  }, []), t;
-}, F = {
-  "modal-content": "_modal-content_xak18_1"
-}, P = m.bind(F), G = ({ children: t }) => /* @__PURE__ */ e("div", { className: P("modal-content"), children: t }), X = {
+    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
+  }, []), o;
+}, V = "_scrollable_qziry_12", Z = {
+  "modal-content": "_modal-content_qziry_1",
+  scrollable: V
+}, ee = f.bind(Z), O = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: ee("modal-content", { scrollable: o }), children: n }), te = {
   "buttons-block": "_buttons-block_1dgm4_1",
   "button-container": "_button-container_1dgm4_5",
   "modal-footer": "_modal-footer_1dgm4_14",
   "with-extra-node": "_with-extra-node_1dgm4_21",
   "size-small": "_size-small_1dgm4_25"
-}, c = m.bind(X), Y = ({
-  footerNode: t,
-  closeHandler: a,
-  okButton: o,
-  cancelButton: s,
-  size: i
-}) => /* @__PURE__ */ l("div", { className: c("modal-footer", { "with-extra-node": t, [`size-${i}`]: i }), children: [
-  t && t,
-  /* @__PURE__ */ l("div", { className: c("buttons-block"), children: [
-    s && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(
-      b,
+}, m = f.bind(te), oe = ({
+  footerNode: o,
+  closeHandler: n,
+  okButton: l,
+  cancelButton: r,
+  size: s
+}) => /* @__PURE__ */ c("div", { className: m("modal-footer", { "with-extra-node": o, [`size-${s}`]: s }), children: [
+  o && o,
+  /* @__PURE__ */ c("div", { className: m("buttons-block"), children: [
+    r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
+      N,
       {
         variant: "ghost",
-        adjustWidthOn: i === "small" ? "parent" : "content",
-        onClick: a,
-        ...s
+        adjustWidthOn: s === "small" ? "parent" : "content",
+        onClick: n,
+        ...r
       }
     ) }),
-    o && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(b, { adjustWidthOn: i === "small" ? "parent" : "content", ...o }) })
+    l && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(N, { adjustWidthOn: s === "small" ? "parent" : "content", ...l }) })
   ] })
-] }), q = {
-  "modal-header": "_modal-header_1d7tr_1",
-  "modal-header-content": "_modal-header-content_1d7tr_11",
-  "modal-title": "_modal-title_1d7tr_20",
-  "close-modal-icon": "_close-modal-icon_1d7tr_28"
-}, r = m.bind(q), B = ({ title: t, onClose: a, headerNode: o }) => /* @__PURE__ */ l("div", { className: r("modal-header"), children: [
-  /* @__PURE__ */ l("div", { className: r("modal-header-content"), children: [
-    t && /* @__PURE__ */ e("span", { className: r("modal-title"), children: t }),
-    o && o
-  ] }),
-  /* @__PURE__ */ e(j, { icon: "close", className: r("close-modal-icon"), onClick: a })
-] }), J = "_modal_8a5l_1", Q = {
-  modal: J,
-  "overlay-default": "_overlay-default_8a5l_11",
-  "overlay-light-cyan": "_overlay-light-cyan_8a5l_16",
-  "scrolling-content": "_scrolling-content_8a5l_21",
-  "modal-window": "_modal-window_8a5l_28",
-  "size-default": "_size-default_8a5l_45",
-  "size-small": "_size-small_8a5l_57",
-  "size-large": "_size-large_8a5l_69"
-}, E = m.bind(Q), U = 0.9, V = 176, ce = ({
-  title: t,
-  headerNode: a,
-  children: o,
-  footerNode: s,
-  okButton: i,
-  cancelButton: H,
-  className: M,
-  size: _ = "default",
-  onClose: z = () => {
+] }), ne = {
+  "modal-header": "_modal-header_68lru_1",
+  "width-description": "_width-description_68lru_10",
+  "modal-header-content": "_modal-header-content_68lru_14",
+  "modal-title": "_modal-title_68lru_20",
+  "close-modal-icon": "_close-modal-icon_68lru_29"
+}, _ = f.bind(ne), le = ({ title: o, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ c("div", { className: _("modal-header", { "width-description": l }), children: [
+  /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: _("modal-title"), children: o }) }),
+  /* @__PURE__ */ e(X, { className: _("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(J, {}) })
+] }), se = "_modal_f3ckb_1", ae = "_description_f3ckb_43", ie = "_scrollable_f3ckb_53", ce = {
+  modal: se,
+  "overlay-default": "_overlay-default_f3ckb_12",
+  "overlay-light-cyan": "_overlay-light-cyan_f3ckb_16",
+  "scrolling-content": "_scrolling-content_f3ckb_20",
+  "modal-window": "_modal-window_f3ckb_26",
+  description: ae,
+  scrollable: ie,
+  "size-default": "_size-default_f3ckb_57",
+  "size-small": "_size-small_f3ckb_69",
+  "size-large": "_size-large_f3ckb_81"
+}, h = f.bind(ce), de = 0.9, re = 32 + 24, me = 32 + 8, _e = 36 + 16, he = 32 * 2, Ee = ({
+  title: o,
+  children: n,
+  footerNode: l,
+  okButton: r,
+  cancelButton: s,
+  className: z,
+  size: w = "default",
+  onClose: A = () => {
   },
-  overlay: g = "default",
-  allowCloseOutside: N = !0
+  overlay: p = "default",
+  zIndex: C = 2,
+  allowCloseOutside: D = !0,
+  scrollable: v = !1,
+  withoutFooter: y = !1,
+  createFooter: H = null,
+  description: a = null
 }) => {
-  const [k, p] = w(!1), [C, O] = w(0), n = R(null), v = K(), y = v.height, $ = y * U, h = (y - C) / 2, A = $ - V, d = () => {
-    p(!1);
-  }, x = (u) => {
-    const { keyCode: S } = u;
-    S === I.ESCAPE_KEY_CODE && d();
+  const [S, k] = u(!1), [T, I] = u(0), [L, $] = u(!1), i = K(null), E = Q(), x = E.height, R = x * de, b = (x - T) / 2, W = () => {
+    let t = R - he;
+    return y || (t = t - _e), a ? t = t - me : t = t - re, t;
+  }, d = () => {
+    k(!1);
+  }, M = (t) => {
+    const { keyCode: F } = t;
+    F === U.ESCAPE_KEY_CODE && d();
+  }, j = () => {
+    var t;
+    L || ((t = i.current) == null || t.focus(), $(!0));
   };
-  return f(() => {
-    if (n && n.current) {
-      const { clientHeight: u } = n.current;
-      O(u);
+  return g(() => {
+    if (i && i.current) {
+      const { clientHeight: t } = i.current;
+      I(t);
     }
-  }, [o, v]), f(() => (p(!0), n && n.current && n.current.focus(), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), D(n, N ? d : void 0), /* @__PURE__ */ e(L, { onExitComplete: z, children: k && /* @__PURE__ */ e("div", { className: E("modal", { [`overlay-${g}`]: g }), children: /* @__PURE__ */ l(
-    W.div,
+  }, [n, E]), g(() => (k(!0), document.addEventListener("keydown", M, !1), () => document.removeEventListener("keydown", M, !1)), []), Y(i, D ? d : void 0), /* @__PURE__ */ e(B, { onExitComplete: A, children: S && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${p}`]: p }), style: { zIndex: C }, children: /* @__PURE__ */ c(
+    q.div,
     {
-      className: E("modal-window", { [`size-${_}`]: _ }, M),
-      ref: n,
+      className: h("modal-window", { [`size-${w}`]: w }, z),
+      ref: i,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -h },
-      animate: { opacity: 1, marginTop: h },
-      exit: { opacity: 0, marginTop: -h },
+      initial: { opacity: 0, marginTop: -b },
+      animate: { opacity: 1, marginTop: b },
+      exit: { opacity: 0, marginTop: -b },
       transition: { duration: 0.3 },
+      onAnimationStart: j,
       children: [
-        /* @__PURE__ */ e(B, { title: t, headerNode: a, onClose: d }),
-        /* @__PURE__ */ e(T, { autoHeight: !0, autoHeightMax: A, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ e(G, { children: o }) }),
-        /* @__PURE__ */ e(
-          Y,
+        /* @__PURE__ */ e(le, { title: o, onClose: d, withDescription: !!a }),
+        v ? /* @__PURE__ */ c(P, { autoHeight: !0, autoHeightMax: W(), hideTracksWhenNotNeeded: !0, children: [
+          a && /* @__PURE__ */ e("span", { className: h("description", { scrollable: v }), children: a }),
+          /* @__PURE__ */ e(O, { scrollable: !0, children: n })
+        ] }) : /* @__PURE__ */ c(G, { children: [
+          a && /* @__PURE__ */ e("span", { className: h("description"), children: a }),
+          /* @__PURE__ */ e(O, { children: n })
+        ] }),
+        !y && (H ? H(d) : /* @__PURE__ */ e(
+          oe,
           {
-            size: _,
-            footerNode: s,
-            okButton: i,
-            cancelButton: H,
+            size: w,
+            footerNode: l,
+            okButton: r,
+            cancelButton: s,
             closeHandler: d
           }
-        )
+        ))
       ]
     },
     "modal-window"
   ) }) });
 };
 export {
-  ce as Modal,
-  G as ModalContent,
-  Y as ModalFooter,
-  B as ModalHeader
+  Ee as Modal,
+  O as ModalContent,
+  oe as ModalFooter,
+  le as ModalHeader
 };

package/dist/openEye-7b9cf080.js

@@ -0,0 +1,7 @@
+import * as e from "react";
+const l = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z", fill: "#A2AAB5" })), t = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.09194 3.90153C8.73249 3.84853 8.36745 3.82135 7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C1.96494 9.84971 3.23098 10.9408 4.63642 11.6187L5.59679 9.95532C5.16732 9.39694 4.92809 8.68447 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C8.00285 5.07782 8.2013 5.08498 8.39407 5.11028L9.09194 3.90153ZM7.56961 6.5383C6.91222 6.71981 6.41543 7.30478 6.37225 8.00589C6.36032 8.18701 6.37814 8.36223 6.42131 8.5272L7.56961 6.5383ZM8.40613 9.68939L9.57119 7.67146C9.61868 7.84288 9.6387 8.02571 9.62624 8.21497C9.58001 8.92637 9.07238 9.51681 8.40613 9.68939ZM7.58518 11.1113C7.78307 11.1384 7.98701 11.1463 8.19509 11.1332C9.69987 11.0361 10.922 9.81398 11.0191 8.3092C11.0679 7.53332 10.8245 6.81576 10.3887 6.25546L11.3454 4.59845C12.7563 5.27587 14.0272 6.36953 15.0829 7.77325C15.2331 7.9735 15.2331 8.25325 15.0829 8.4535C13.2424 10.8977 10.7482 12.4025 7.99778 12.4025C7.62256 12.4025 7.25211 12.3744 6.88743 12.3199L7.58518 11.1113Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5051 2.25952C10.7122 1.9008 11.1709 1.7779 11.5296 1.985C11.8883 2.19211 12.0112 2.6508 11.8041 3.00952L5.35413 14.1812C5.14702 14.54 4.68833 14.6629 4.32961 14.4558C3.97089 14.2487 3.84798 13.79 4.05509 13.4312L10.5051 2.25952Z", fill: "#A2AAB5" })), n = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C2.75312 10.8977 5.24735 12.4025 7.99778 12.4025C10.7482 12.4025 13.2424 10.8977 15.0829 8.4535C15.2331 8.25325 15.2331 7.9735 15.0829 7.77325C13.2424 5.32614 10.7482 3.82135 7.99778 3.82135ZM8.19509 11.1332C6.36932 11.2481 4.86159 9.74331 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C9.62625 4.9757 11.134 6.48048 11.0191 8.3092C10.922 9.81398 9.69987 11.0361 8.19509 11.1332ZM6.37225 8.00589C6.30746 8.98945 7.12022 9.79926 8.10378 9.73742C8.9136 9.68736 9.57323 9.03068 9.62624 8.21497C9.69102 7.23141 8.87826 6.4216 7.8947 6.48344C7.08194 6.53644 6.42231 7.19313 6.37225 8.00589Z", fill: "#A2AAB5" }));
+export {
+  l as S,
+  t as a,
+  n as b
+};

package/dist/pagination-7c6ebae2.js

@@ -0,0 +1,345 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as m } from "./bind-06a7ff84.js";
+import { useState as h } from "react";
+import { Popover as O } from "./popover.js";
+import { B as x } from "./button-33c88abf.js";
+import { F as A } from "./fieldText-1ab17a11.js";
+import { B as f } from "./baseIconButton-251479f7.js";
+import { S as y, a as T } from "./prevPage-87faf576.js";
+import { Tooltip as B } from "./tooltip.js";
+const P = {
+  "item-counter": "_item-counter_4g6do_1"
+}, E = m.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_183l8_32", W = {
+  "size-selector": "_size-selector_183l8_1",
+  "size-option": "_size-option_183l8_6",
+  selected: V
+}, C = m.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_1y4na_1",
+  "size-selector-button": "_size-selector-button_1y4na_10"
+}, w = m.bind(F), j = ({
+  size: o,
+  sizeOptions: n,
+  perPageText: s,
+  changeSize: r
+}) => {
+  const [a, c] = h(!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"
+}, b = m.bind(G), H = ({
+  totalPages: o,
+  pageText: n,
+  goActionText: s,
+  selectPage: r
+}) => {
+  const [a, c] = h(""), [i, e] = h(!0), d = (u) => {
+    const v = u.target.value.replace(/\D/g, ""), $ = Number(v), k = $ > 0 && $ <= o;
+    e(k), c(v);
+  }, l = () => {
+    r(Number(a));
+  };
+  return /* @__PURE__ */ p("div", { className: b("page-selector"), children: [
+    /* @__PURE__ */ t("div", { className: b("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: b("apply-button"), children: s })
+  ] });
+}, L = {
+  "active-page": "_active-page_rmw5h_1",
+  "page-selector": "_page-selector_rmw5h_10",
+  "page-selector-button": "_page-selector-button_rmw5h_14"
+}, N = m.bind(L), R = ({
+  activePage: o,
+  totalPages: n,
+  pageText: s,
+  goToText: r,
+  goActionText: a,
+  changePage: c
+}) => {
+  const [i, e] = h(!1), d = (l) => {
+    c(l), e(!1);
+  };
+  return /* @__PURE__ */ p("div", { className: N("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: N("page-selector"),
+        children: /* @__PURE__ */ t(x, { className: N("page-selector-button"), variant: "text", children: o })
+      }
+    )
+  ] });
+}, q = "_bar_dfnmf_1", J = "_section_dfnmf_9", K = "_selected_dfnmf_33", Q = "_tooltip_dfnmf_37", U = {
+  bar: q,
+  "section-with-tooltip": "_section-with-tooltip_dfnmf_9",
+  section: J,
+  selected: K,
+  "tooltip-wrapper": "_tooltip-wrapper_dfnmf_37",
+  tooltip: Q,
+  "tooltip-text": "_tooltip-text_dfnmf_48",
+  "page-number": "_page-number_dfnmf_52"
+}, _ = m.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
+}, g = m.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: g("page-navigator"), children: [
+    /* @__PURE__ */ p("div", { className: g("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: g("page-button"),
+          onClick: a,
+          disabled: o === 1,
+          children: /* @__PURE__ */ t(y, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: g("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: g("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: g("page-button", "next"),
+          onClick: i,
+          disabled: o === s,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: g("page-button", "next"),
+          onClick: e,
+          disabled: o === s,
+          children: /* @__PURE__ */ t(y, {})
+        }
+      )
+    ] })
+  ] });
+}, te = {
+  "page-controls": "_page-controls_thyf8_1",
+  "total-pages": "_total-pages_thyf8_8"
+}, I = m.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_wi26a_1", ne = {
+  pagination: se
+}, re = m.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-7c6ebae2.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+import "./popover.js";
+import "@floating-ui/react";
+import "./button-33c88abf.js";
+import "./fieldText-1ab17a11.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
+};