@reportportal/ui-kit 0.0.1-alpha.24 → 0.0.1-alpha.241

package/dist/modal.js

@@ -1,16 +1,189 @@
-import { M as s, a as n, c as b, b as c } from "./index-9b29cdb7.js";
-import "react/jsx-runtime";
-import "react";
-import "rc-scrollbars";
-import "framer-motion";
-import "./bind-06a7ff84.js";
-import "./useOnClickOutside-c332f7d3.js";
-import "./keyCodes-f63c0e11.js";
-import "./button-087f2ed4.js";
-import "./baseIconButton-b6adc843.js";
+import { jsx as o, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import { useState as H, useRef as G, useCallback as A, useEffect as k, useMemo as K } from "react";
+import { Scrollbars as U } from "rc-scrollbars";
+import { AnimatePresence as Y, motion as V } from "framer-motion";
+import { c as b } from "./bind-06a7ff84.js";
+import { u as X } from "./useOnClickOutside-8f7d68a1.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as q } from "./useWindowResize-a7e1ac92.js";
+import { A as J } from "./constants-85822a6b.js";
+import { a as Q } from "./dropdown-d2a05471.js";
+import { K as Z } from "./keyCodes-f63c0e11.js";
+import { B as x } from "./button-7ab874f3.js";
+import { Tooltip as oo } from "./tooltip.js";
+import { B as eo } from "./baseIconButton-251479f7.js";
+import { S as to } from "./close-4d480ef7.js";
+import "react-dom";
+import "@floating-ui/react-dom";
+import "downshift";
+import "./clear-53660571.js";
+import "./dropdown-0260bb66.js";
+import "./fieldLabel.js";
+import "./adaptiveTagList.js";
+import "./isEmpty-ccacb5ff.js";
+import "./useEllipsisTitle-462fa254.js";
+import "./checkbox-76aa8f97.js";
+import "@floating-ui/react";
+import "./floatingUi-46f5b896.js";
+const no = {
+  "modal-content": "_modal-content_ppzcb_1"
+}, lo = b.bind(no), C = ({ children: t }) => /* @__PURE__ */ o("div", { className: lo("modal-content"), children: t }), so = {
+  "buttons-block": "_buttons-block_1mwne_1",
+  "button-container": "_button-container_1mwne_7",
+  "modal-footer": "_modal-footer_1mwne_12",
+  "with-extra-node": "_with-extra-node_1mwne_19",
+  "size-small": "_size-small_1mwne_23"
+}, h = b.bind(so), ao = ({
+  footerNode: t,
+  closeHandler: s,
+  okButton: a,
+  cancelButton: p,
+  size: r
+}) => {
+  const { tooltipNode: f, ...m } = a || {}, v = () => {
+    const _ = /* @__PURE__ */ o(x, { adjustWidthOn: r === "small" ? "parent" : "min-width", ...m });
+    return f ? /* @__PURE__ */ o(oo, { content: f, placement: "top", width: 270, children: _ }) : _;
+  };
+  return /* @__PURE__ */ d("div", { className: h("modal-footer", { "with-extra-node": t, [`size-${r}`]: r }), children: [
+    t && t,
+    /* @__PURE__ */ d("div", { className: h("buttons-block"), children: [
+      p && /* @__PURE__ */ o("div", { className: h("button-container"), children: /* @__PURE__ */ o(
+        x,
+        {
+          variant: "ghost",
+          adjustWidthOn: r === "small" ? "parent" : "min-width",
+          onClick: s,
+          ...p
+        }
+      ) }),
+      a && /* @__PURE__ */ o("div", { className: h("button-container"), children: v() })
+    ] })
+  ] });
+}, ro = {
+  "modal-header": "_modal-header_w4aaf_1",
+  "width-description": "_width-description_w4aaf_10",
+  "modal-header-content": "_modal-header-content_w4aaf_14",
+  "modal-title": "_modal-title_w4aaf_20",
+  "close-modal-icon": "_close-modal-icon_w4aaf_29"
+}, w = b.bind(ro), io = ({ title: t, onClose: s, withDescription: a = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": a }), children: [
+  /* @__PURE__ */ o("div", { className: w("modal-header-content"), children: t && /* @__PURE__ */ o("div", { className: w("modal-title"), children: t }) }),
+  /* @__PURE__ */ o(eo, { className: w("close-modal-icon"), onClick: s, children: /* @__PURE__ */ o(to, {}) })
+] }), co = "_modal_npf1n_1", mo = "_description_npf1n_43", _o = {
+  modal: co,
+  "overlay-default": "_overlay-default_npf1n_12",
+  "overlay-light-cyan": "_overlay-light-cyan_npf1n_16",
+  "scrolling-content": "_scrolling-content_npf1n_20",
+  "modal-window": "_modal-window_npf1n_26",
+  description: mo,
+  "scrollable-wrapper": "_scrollable-wrapper_npf1n_54",
+  "scrollable-content": "_scrollable-content_npf1n_58",
+  "scrollbars-scroll-view": "_scrollbars-scroll-view_npf1n_62",
+  "scrollbars-scroll-track": "_scrollbars-scroll-track_npf1n_66",
+  "size-default": "_size-default_npf1n_70",
+  "size-small": "_size-small_npf1n_82",
+  "size-large": "_size-large_npf1n_94"
+}, n = b.bind(_o), po = 0.9, fo = 32 + 24, uo = 32 + 8, ho = 36 + 16, wo = 32 * 2, Yo = ({
+  title: t,
+  children: s,
+  footerNode: a,
+  okButton: p,
+  cancelButton: r,
+  className: f,
+  size: m = "default",
+  onClose: v = () => {
+  },
+  overlay: _ = "default",
+  zIndex: R = 2,
+  allowCloseOutside: D = !0,
+  scrollable: z = !1,
+  withoutFooter: N = !1,
+  createFooter: E = null,
+  description: i = null
+}) => {
+  const [g, M] = H(!1), [S, I] = H(0), [L, $] = H(!1), l = G(null), T = q().height, P = T * po, O = (T - S) / 2, W = () => {
+    let e = P - wo;
+    return N || (e = e - ho), i ? e = e - uo : e = e - fo, e;
+  }, c = A(() => {
+    M(!1);
+  }, []), y = A(
+    (e) => {
+      const { keyCode: u } = e;
+      u === Z.ESCAPE_KEY_CODE && c();
+    },
+    [c]
+  ), B = () => {
+    var e;
+    L || ((e = l.current) == null || e.focus(), $(!0));
+  };
+  k(() => {
+    if (!g || !l.current)
+      return;
+    const e = () => {
+      l.current && I(l.current.clientHeight);
+    };
+    if (e(), typeof ResizeObserver > "u")
+      return;
+    const u = new ResizeObserver(e);
+    return u.observe(l.current), () => u.disconnect();
+  }, [g]), k(() => (M(!0), document.addEventListener("keydown", y, !1), () => document.removeEventListener("keydown", y, !1)), [y]);
+  const j = K(
+    () => ({
+      ignoreSelectors: [`[${Q}]`, `[${J}]`]
+    }),
+    []
+  );
+  return X(l, D ? c : void 0, j), /* @__PURE__ */ o(Y, { onExitComplete: v, children: g && /* @__PURE__ */ o("div", { className: n("modal", { [`overlay-${_}`]: _ }), style: { zIndex: R }, children: /* @__PURE__ */ d(
+    V.div,
+    {
+      className: n("modal-window", { [`size-${m}`]: m }, f),
+      ref: l,
+      tabIndex: 0,
+      initial: { opacity: 0, marginTop: -O },
+      animate: { opacity: 1, marginTop: O },
+      exit: { opacity: 0, marginTop: -O },
+      transition: { duration: 0.3 },
+      onAnimationStart: B,
+      children: [
+        /* @__PURE__ */ o(io, { title: t, onClose: c, withDescription: !!i }),
+        z ? /* @__PURE__ */ o("div", { className: n("scrollable-wrapper"), children: /* @__PURE__ */ o(
+          U,
+          {
+            autoHeight: !0,
+            autoHeightMax: W(),
+            hideTracksWhenNotNeeded: !0,
+            classes: {
+              view: n("scrollbars-scroll-view"),
+              trackHorizontal: n("scrollbars-scroll-track"),
+              trackVertical: n("scrollbars-scroll-track")
+            },
+            children: /* @__PURE__ */ d("div", { className: n("scrollable-content"), children: [
+              i && /* @__PURE__ */ o("span", { className: n("description"), children: i }),
+              /* @__PURE__ */ o(C, { children: s })
+            ] })
+          }
+        ) }) : /* @__PURE__ */ d(F, { children: [
+          i && /* @__PURE__ */ o("span", { className: n("description"), children: i }),
+          /* @__PURE__ */ o(C, { children: s })
+        ] }),
+        !N && (E ? E(c) : /* @__PURE__ */ o(
+          ao,
+          {
+            size: m,
+            footerNode: a,
+            okButton: p,
+            cancelButton: r,
+            closeHandler: c
+          }
+        ))
+      ]
+    },
+    "modal-window"
+  ) }) });
+};
 export {
-  s as Modal,
-  n as ModalContent,
-  b as ModalFooter,
-  c as ModalHeader
+  Yo as Modal,
+  C as ModalContent,
+  ao as ModalFooter,
+  io as ModalHeader
 };

package/dist/openedEye-8fa4c67d.js

@@ -0,0 +1,6 @@
+import * as C from "react";
+const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M14.7083 10.2978C14.647 10.3327 14.5794 10.3552 14.5094 10.364C14.4394 10.3728 14.3684 10.3677 14.3004 10.3491C14.2323 10.3304 14.1687 10.2984 14.113 10.2551C14.0573 10.2118 14.0108 10.1579 13.9759 10.0966L12.7018 7.87013C11.961 8.371 11.1438 8.74832 10.2822 8.98738L10.6758 11.3493C10.6874 11.4188 10.6852 11.49 10.6693 11.5587C10.6534 11.6273 10.6242 11.6922 10.5832 11.7496C10.5422 11.8069 10.4903 11.8557 10.4305 11.893C10.3707 11.9303 10.3041 11.9554 10.2345 11.9669C10.2059 11.9716 10.177 11.9741 10.148 11.9743C10.0211 11.9741 9.89838 11.9289 9.80163 11.8468C9.70487 11.7647 9.64037 11.6509 9.61959 11.5257L9.23264 9.20667C8.41663 9.32023 7.58882 9.32023 6.77281 9.20667L6.38586 11.5257C6.36504 11.6511 6.30035 11.7651 6.20332 11.8472C6.10629 11.9294 5.98322 11.9744 5.85607 11.9743C5.82642 11.9742 5.79682 11.9717 5.76755 11.9669C5.69801 11.9554 5.63142 11.9303 5.5716 11.893C5.51178 11.8557 5.4599 11.8069 5.41892 11.7496C5.37794 11.6922 5.34866 11.6273 5.33277 11.5587C5.31687 11.49 5.31467 11.4188 5.32629 11.3493L5.72195 8.98738C4.86063 8.74757 4.04393 8.36957 3.3037 7.86812L2.03355 10.0966C1.9624 10.2206 1.84493 10.3112 1.70696 10.3485C1.569 10.3859 1.42184 10.3669 1.29788 10.2958C1.17391 10.2246 1.08328 10.1071 1.04593 9.96918C1.00857 9.83121 1.02756 9.68406 1.0987 9.56009L2.43994 7.21292C1.96883 6.80591 1.53562 6.35699 1.14565 5.87168C1.09701 5.81738 1.05995 5.75374 1.03673 5.68464C1.01351 5.61554 1.00462 5.54244 1.01059 5.46978C1.01657 5.39713 1.03729 5.32646 1.07148 5.26208C1.10568 5.19771 1.15263 5.14097 1.20948 5.09534C1.26633 5.04972 1.33189 5.01616 1.40214 4.99671C1.4724 4.97726 1.54588 4.97233 1.6181 4.98222C1.69032 4.99211 1.75977 5.01662 1.8222 5.05425C1.88464 5.09188 1.93875 5.14183 1.98124 5.20107C3.09447 6.57852 5.04194 8.21885 8.00206 8.21885C10.9622 8.21885 12.9096 6.57651 14.0229 5.20107C14.0649 5.14062 14.1189 5.08946 14.1815 5.05077C14.2441 5.01209 14.314 4.9867 14.3869 4.9762C14.4597 4.96569 14.534 4.97029 14.605 4.9897C14.676 5.00912 14.7422 5.04294 14.7996 5.08905C14.857 5.13517 14.9042 5.1926 14.9384 5.25777C14.9727 5.32294 14.9931 5.39445 14.9985 5.46786C15.0039 5.54127 14.9941 5.615 14.9698 5.68448C14.9455 5.75395 14.9071 5.81767 14.8571 5.87168C14.4672 6.35699 14.0339 6.80591 13.5628 7.21292L14.9041 9.56009C14.9401 9.62128 14.9636 9.689 14.9732 9.75933C14.9829 9.82967 14.9784 9.90122 14.9602 9.96983C14.942 10.0384 14.9104 10.1028 14.8671 10.1591C14.8239 10.2154 14.7699 10.2625 14.7083 10.2978Z", fill: "#A2AAB5" })), l = (e) => /* @__PURE__ */ C.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M13.9655 7.838C13.948 7.7985 13.5245 6.859 12.583 5.9175C11.3285 4.663 9.744 4 8 4C6.256 4 4.6715 4.663 3.417 5.9175C2.4755 6.859 2.05 7.8 2.0345 7.838C2.01175 7.88916 2 7.94452 2 8.0005C2 8.05648 2.01175 8.11184 2.0345 8.163C2.052 8.2025 2.4755 9.1415 3.417 10.083C4.6715 11.337 6.256 12 8 12C9.744 12 11.3285 11.337 12.583 10.083C13.5245 9.1415 13.948 8.2025 13.9655 8.163C13.9882 8.11184 14 8.05648 14 8.0005C14 7.94452 13.9882 7.88916 13.9655 7.838ZM8 11.2C6.461 11.2 5.1165 10.6405 4.0035 9.5375C3.54682 9.08335 3.15829 8.56548 2.85 8C3.15821 7.43447 3.54674 6.91659 4.0035 6.4625C5.1165 5.3595 6.461 4.8 8 4.8C9.539 4.8 10.8835 5.3595 11.9965 6.4625C12.4541 6.91648 12.8434 7.43436 13.1525 8C12.792 8.673 11.2215 11.2 8 11.2ZM8 5.6C7.52532 5.6 7.06131 5.74076 6.66663 6.00447C6.27195 6.26819 5.96434 6.64302 5.78269 7.08156C5.60104 7.5201 5.55351 8.00266 5.64611 8.46822C5.73872 8.93377 5.9673 9.36141 6.30294 9.69706C6.63859 10.0327 7.06623 10.2613 7.53178 10.3539C7.99734 10.4465 8.4799 10.399 8.91844 10.2173C9.35698 10.0357 9.73181 9.72805 9.99553 9.33337C10.2592 8.93869 10.4 8.47468 10.4 8C10.3993 7.36368 10.1463 6.75362 9.69633 6.30367C9.24638 5.85373 8.63632 5.60066 8 5.6ZM8 9.6C7.68355 9.6 7.37421 9.50616 7.11109 9.33035C6.84797 9.15454 6.64289 8.90465 6.52179 8.61229C6.40069 8.31993 6.36901 7.99823 6.43074 7.68786C6.49248 7.37749 6.64486 7.09239 6.86863 6.86863C7.09239 6.64487 7.37749 6.49248 7.68786 6.43074C7.99823 6.36901 8.31993 6.40069 8.61229 6.52179C8.90466 6.64289 9.15454 6.84797 9.33035 7.11109C9.50616 7.37421 9.6 7.68355 9.6 8C9.6 8.42435 9.43143 8.83131 9.13137 9.13137C8.83131 9.43143 8.42435 9.6 8 9.6Z", fill: "#A2AAB5" }));
+export {
+  t as S,
+  l as a
+};

package/dist/pagination-32fc6458.js

@@ -0,0 +1,373 @@
+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 f } from "react";
+import { Popover as A } from "./popover.js";
+import { B as w } from "./button-7ab874f3.js";
+import { F as B } from "./fieldText-4a8e5496.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_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: r,
+  itemsText: l,
+  limitExceeded: i = !1,
+  warningContent: c = null,
+  accentTotalTooltip: e
+}) => {
+  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",
+        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: b("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
+}, T = _.bind(M), V = ({
+  currentSize: s,
+  options: n,
+  onClickOption: o
+}) => /* @__PURE__ */ t("div", { className: T("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
+  "button",
+  {
+    className: T("size-option", { selected: r === s }),
+    onClick: () => {
+      o(r);
+    },
+    children: r
+  },
+  r
+)) }), 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: r
+}) => {
+  const [l, i] = f(!1), c = (e) => {
+    r(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(w, { 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: r
+}) => {
+  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(
+      B,
+      {
+        onChange: p,
+        value: l,
+        placeholder: n,
+        error: c ? "" : "Error",
+        touched: !0,
+        defaultWidth: !1,
+        displayError: !1
+      }
+    ) }),
+    /* @__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"
+}, C = _.bind(L), R = ({
+  activePage: s,
+  totalPages: n,
+  pageText: o,
+  goToText: r,
+  goActionText: l,
+  changePage: i
+}) => {
+  const [c, e] = f(!1), p = (a) => {
+    i(a), e(!1);
+  };
+  return /* @__PURE__ */ d("div", { className: C("active-page"), children: [
+    `${o} `,
+    /* @__PURE__ */ t(
+      A,
+      {
+        content: /* @__PURE__ */ t(
+          H,
+          {
+            pageText: o,
+            goActionText: l,
+            selectPage: p,
+            totalPages: n
+          }
+        ),
+        title: r,
+        placement: "top",
+        isOpened: c,
+        setIsOpened: e,
+        className: C("page-selector"),
+        children: /* @__PURE__ */ t(w, { className: C("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), O = 13, I = 260, X = ({
+  totalPages: s,
+  activePage: n,
+  changePage: o,
+  captions: 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: a * l,
+      pageNumber: a
+    });
+  const p = Array.from({ length: i }, () => ({ pages: { from: void 0, to: void 0 } }));
+  return p.forEach((a, g) => {
+    for (a.pages.from = e[0].pageNumber; c * (g + 1) > e[0].end; )
+      e.shift();
+    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: () => 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: r.goTo }),
+            /* @__PURE__ */ t("div", { className: m("page-number"), children: a.pages.from })
+          ] }),
+          wrapperClassName: m("tooltip-wrapper"),
+          placement: "top",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: m("section", {
+                selected: a.pages.from && a.pages.to && a.pages.from <= n && n <= a.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: r
+}) => {
+  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(
+        y,
+        {
+          className: h("page-button"),
+          onClick: l,
+          disabled: s === 1,
+          children: /* @__PURE__ */ t(z, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        y,
+        {
+          className: h("page-button"),
+          onClick: i,
+          disabled: s === 1,
+          children: /* @__PURE__ */ t(S, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      X,
+      {
+        totalPages: o,
+        activePage: s,
+        changePage: n,
+        captions: r
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: h("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        y,
+        {
+          className: h("page-button", "next"),
+          onClick: c,
+          disabled: s === o,
+          children: /* @__PURE__ */ t(S, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        y,
+        {
+          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"
+}, k = _.bind(te), oe = ({
+  activePage: s,
+  changePage: n,
+  captions: o,
+  totalPages: r
+}) => /* @__PURE__ */ d("div", { className: k("page-controls"), children: [
+  /* @__PURE__ */ t(
+    R,
+    {
+      activePage: s,
+      totalPages: r,
+      changePage: n,
+      pageText: o.page,
+      goToText: o.goTo,
+      goActionText: o.goAction
+    }
+  ),
+  /* @__PURE__ */ t(
+    ee,
+    {
+      changePage: n,
+      activePage: s,
+      totalPages: r,
+      captions: { goTo: o.goTo }
+    }
+  ),
+  /* @__PURE__ */ d("span", { className: k("total-pages"), children: [
+    `${o.of} `,
+    r
+  ] })
+] }), se = "_pagination_ax9ed_1", ne = {
+  pagination: se
+}, ae = _.bind(ne), he = ({
+  activePage: s,
+  totalPages: n,
+  pageSize: o,
+  totalItems: r,
+  pageSizeOptions: l,
+  changePage: i,
+  changePageSize: c,
+  captions: e,
+  className: p,
+  warningContent: a,
+  limitExceeded: g = !1,
+  accentTotalTooltip: N
+}) => {
+  const u = (e == null ? void 0 : e.of) || "of", x = (e == null ? void 0 : e.page) || "Page";
+  return /* @__PURE__ */ d("div", { className: ae("pagination", p), children: [
+    /* @__PURE__ */ t(
+      P,
+      {
+        activePage: s,
+        pageSize: o,
+        totalItems: r,
+        ofText: u,
+        itemsText: (e == null ? void 0 : e.items) || "items",
+        limitExceeded: g,
+        warningContent: a,
+        accentTotalTooltip: N
+      }
+    ),
+    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,14 +1,21 @@
-import { P as t } from "./pagination-e30cfd70.js";
+import { P as t } from "./pagination-32fc6458.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 "./button-087f2ed4.js";
-import "./fieldText-6eff8292.js";
-import "./baseIconButton-b6adc843.js";
-import "./tooltip.js";
-import "@floating-ui/react-dom";
+import "./floatingUi-46f5b896.js";
+import "./popover.js";
+import "./button-7ab874f3.js";
+import "./fieldText-4a8e5496.js";
+import "./clear-53660571.js";
+import "./openedEye-8fa4c67d.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "./prevPage-87faf576.js";
 export {
   t as Pagination,
   t as default

package/dist/plus-199fb2a8.js

@@ -0,0 +1,5 @@
+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: "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
+};