@reportportal/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.20

package/dist/index.js

@@ -1,13 +1,248 @@
-import { B as p } from "./button-a4d3df83.js";
-import { C as a } from "./checkbox-3fd4bcc1.js";
-import { S as f } from "./systemMessage-55cf51f4.js";
-import { T as h } from "./themeProvider-5800417e.js";
-import "react/jsx-runtime";
-import "react";
-import "./bind-e1346f99.js";
+import { B as v1 } from "./button-bb309472.js";
+import { C as L1 } from "./checkbox-6777be17.js";
+import { S as M1 } from "./systemMessage-1ced6079.js";
+import { F as Z } from "./fieldText-98cf9984.js";
+import { S as S1 } from "./fieldText-98cf9984.js";
+import { T as I1 } from "./themeProvider-46c2be7b.js";
+import { S as j1, M as F1 } from "./index-bc6da711.js";
+import { D as j } from "./dropdown-5d0eea6b.js";
+import { S as T1 } from "./dropdown-5d0eea6b.js";
+import { T as H1 } from "./toggle-9284387b.js";
+import { F as Z1, a as D1, S as V1 } from "./fieldNumber-46fe79b9.js";
+import { B as Y1 } from "./bubblesLoader-a7e709d4.js";
+import { F as G1 } from "./fieldTextFlex-5bddf46a.js";
+import { R as W1 } from "./radio-fd49a09c.js";
+import { Tooltip as z1 } from "./tooltip.js";
+import { Popover as K1 } from "./popover.js";
+import { P as X1, a as ee, S as te } from "./pagination-13887e1c.js";
+import { S as re, a as ne, T as ae } from "./table-4bc2c157.js";
+import { jsxs as S, Fragment as D, jsx as n } from "react/jsx-runtime";
+import V from "react-datepicker";
+import { c as P } from "./bind-06a7ff84.js";
+import * as e from "react";
+import { useMemo as F, useRef as U } from "react";
+import { B as se } from "./baseIconButton-7bc53dec.js";
+import "./keyCodes-f63c0e11.js";
+import "rc-scrollbars";
+import "framer-motion";
+import "./useOnClickOutside-c332f7d3.js";
+import "@floating-ui/react-dom";
+import "downshift";
+import "@floating-ui/react";
+const u1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M9.80051 6.3661C9.95672 6.20989 10.21 6.20989 10.3662 6.3661L10.6338 6.63375C10.7901 6.78996 10.7901 7.04323 10.6338 7.19944L8.83331 8.99996L10.6338 10.8005C10.79 10.9567 10.79 11.2099 10.6338 11.3662L10.3662 11.6338C10.21 11.79 9.95669 11.79 9.80048 11.6338L7.99998 9.8333L6.19953 11.6338C6.04332 11.79 5.79005 11.79 5.63384 11.6338L5.36619 11.3661C5.20998 11.2099 5.20998 10.9566 5.36619 10.8004L7.16665 8.99996L5.36617 7.19949C5.20996 7.04328 5.20996 6.79001 5.36617 6.6338L5.63382 6.36615C5.79003 6.20994 6.04329 6.20994 6.1995 6.36615L7.99998 8.16663L9.80051 6.3661Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.99878 3V2C4.99878 1.44772 5.44649 1 5.99878 1H9.99878C10.5511 1 10.9988 1.44772 10.9988 2V3H14.5C14.7761 3 15 3.22386 15 3.5C15 3.77614 14.7761 4 14.5 4H13.4167L12.6146 13.6246C12.5498 14.402 11.8999 15 11.1198 15H4.8802C4.10007 15 3.45017 14.402 3.38538 13.6246L2.58333 4H1.5C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3H4.99878ZM5.99878 2H9.99878V3H5.99878V2ZM3.5868 4L4.38193 13.5415C4.40352 13.8007 4.62016 14 4.8802 14H11.1198C11.3798 14 11.5965 13.8007 11.6181 13.5415L12.4132 4H3.5868Z", fill: "#A2AAB5" })), w1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.30811 2.47803C1.72868 2.47803 2.05339 2.36206 2.28223 2.13013C2.51107 1.89819 2.62549 1.60596 2.62549 1.25342C2.62549 0.894694 2.51107 0.596273 2.28223 0.358154C2.05339 0.120036 1.72868 0.000976562 1.30811 0.000976562C0.893717 0.000976562 0.572103 0.120036 0.343262 0.358154C0.114421 0.596273 0 0.894694 0 1.25342C0 1.61214 0.117513 1.90592 0.352539 2.13477C0.587565 2.36361 0.906087 2.47803 1.30811 2.47803ZM6.61475 2.47803C7.03532 2.47803 7.36003 2.36206 7.58887 2.13013C7.81771 1.89819 7.93213 1.60596 7.93213 1.25342C7.93213 0.894694 7.81771 0.596273 7.58887 0.358154C7.36003 0.120036 7.03532 0.000976562 6.61475 0.000976562C6.20036 0.000976562 5.87874 0.120036 5.6499 0.358154C5.42106 0.596273 5.30664 0.894694 5.30664 1.25342C5.30664 1.61214 5.42415 1.90592 5.65918 2.13477C5.89421 2.36361 6.21273 2.47803 6.61475 2.47803ZM12.8955 2.13013C12.6667 2.36206 12.342 2.47803 11.9214 2.47803C11.5194 2.47803 11.2008 2.36361 10.9658 2.13477C10.7308 1.90592 10.6133 1.61214 10.6133 1.25342C10.6133 0.894694 10.7277 0.596273 10.9565 0.358154C11.1854 0.120036 11.507 0.000976562 11.9214 0.000976562C12.342 0.000976562 12.6667 0.120036 12.8955 0.358154C13.1243 0.596273 13.2388 0.894694 13.2388 1.25342C13.2388 1.60596 13.1243 1.89819 12.8955 2.13013Z", fill: "#A2AAB5" })), R = (t) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 13, viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z", fill: "#C1C7D0" })), Y = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 15, viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 1.5, width: 13, height: 13, rx: 1.5, stroke: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 9, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 4, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 14, y: 4, width: 1, height: 14, transform: "rotate(90 14 4)", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 3, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 6, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 6, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 3, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 9, y: 7, width: 2, height: 2, fill: "#A2AAB5" })), f1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 7C13 8.47663 12.4666 9.82867 11.5819 10.874L12.3288 11.6208C12.663 11.5307 13.0348 11.6168 13.2971 11.8792L14.7113 13.2934C15.1019 13.6839 15.1019 14.3171 14.7113 14.7076C14.3208 15.0981 13.6877 15.0981 13.2971 14.7076L11.8829 13.2934C11.622 13.0325 11.5354 12.6632 11.6231 12.3304L10.8743 11.5816C9.829 12.4665 8.47681 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7ZM2.00071 7C2.00071 9.76103 4.23897 11.9993 7 11.9993C9.76103 11.9993 11.9993 9.76103 11.9993 7C11.9993 4.23897 9.76103 2.00071 7 2.00071C4.23897 2.00071 2.00071 4.23897 2.00071 7Z", fill: "#CFCFCF" })), $ = (t, c = 20) => {
+  const i = t + c;
+  return new Array(i - t).fill(void 0).map((u, o) => t - o);
+}, G = "_header_a3cjx_1", O = "_disabled_a3cjx_25", W = "_dropdown_a3cjx_8", q = {
+  header: G,
+  "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
+  "button-prev": "_button-prev_a3cjx_13",
+  "button-next": "_button-next_a3cjx_14",
+  disabled: O,
+  dropdown: W,
+  "month-dropdown": "_month-dropdown_a3cjx_44",
+  "toggle-button": "_toggle-button_a3cjx_47"
+}, l = P.bind(q), z = ({
+  date: t = /* @__PURE__ */ new Date(),
+  changeYear: c = () => {
+  },
+  changeMonth: i = () => {
+  },
+  decreaseMonth: u = () => {
+  },
+  increaseMonth: o = () => {
+  },
+  prevMonthButtonDisabled: r = !1,
+  nextMonthButtonDisabled: w = !1,
+  headerNodes: f = null,
+  customClassName: x = "",
+  yearsOptions: m = [],
+  locale: v
+}) => {
+  const p = t.getFullYear(), b = t.getMonth(), _ = F(() => {
+    const a = Array(12).keys(), s = new Intl.DateTimeFormat(v, {
+      month: "long"
+    }), d = (C) => s.format(new Date(p, C));
+    return Array.from(a, d).reduce((C, A, E) => C.concat({
+      value: E,
+      label: A
+    }), []);
+  }, []), L = F(() => (m.length > 0 ? m : $(p)).reduce(
+    (s, d) => s.concat({ value: d, label: `${d}` }),
+    []
+  ), [m]), B = (a) => {
+    i(a);
+  }, M = (a) => {
+    c(a);
+  };
+  return /* @__PURE__ */ S(D, { children: [
+    f && /* @__PURE__ */ n("div", { className: l(x), children: f }),
+    /* @__PURE__ */ S("div", { className: l("header"), children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          "aria-label": "Previous Months",
+          disabled: r,
+          onClick: u,
+          className: l("button-prev", { disabled: r }),
+          children: /* @__PURE__ */ n(R, {})
+        }
+      ),
+      /* @__PURE__ */ S("div", { className: l("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ n(
+          j,
+          {
+            options: _,
+            value: b,
+            onChange: B,
+            transparentBackground: !0,
+            className: l("dropdown", "month-dropdown"),
+            toggleButtonClassName: l("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ n(
+          j,
+          {
+            options: L,
+            value: p,
+            onChange: M,
+            transparentBackground: !0,
+            className: l("dropdown"),
+            toggleButtonClassName: l("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          "aria-label": "Next Months",
+          disabled: w,
+          onClick: o,
+          className: l("button-next", { disabled: w }),
+          children: /* @__PURE__ */ n(R, {})
+        }
+      )
+    ] })
+  ] });
+}, J = "_calendar_1jr94_5", K = "_date_1jr94_90", Q = "_disabled_1jr94_202", X = "_popper_1jr94_210", e1 = "_input_1jr94_214", t1 = {
+  calendar: J,
+  "current-date": "_current-date_1jr94_89",
+  date: K,
+  "selected-range": "_selected-range_1jr94_119",
+  "end-date": "_end-date_1jr94_119",
+  disabled: Q,
+  popper: X,
+  input: e1
+}, g = P.bind(t1), o1 = "en", T = "MM-dd-yyyy", x1 = ({
+  onChange: t = () => {
+  },
+  disabled: c = !1,
+  onBlur: i = () => {
+  },
+  onFocus: u = () => {
+  },
+  endDate: o = void 0,
+  startDate: r = void 0,
+  headerNodes: w = null,
+  customClassName: f = "",
+  customTimeInput: x = void 0,
+  shouldCloseOnSelect: m = !0,
+  popperClassName: v = "",
+  calendarClassName: p = "",
+  fixedHeight: b = !1,
+  language: _ = o1,
+  yearsOptions: L = [],
+  placeholder: B = T.toUpperCase(),
+  dateFormat: M = T,
+  selects: a = "start",
+  value: s = null
+}) => {
+  const d = U(null), y = r == null ? void 0 : r.toDateString(), C = o == null ? void 0 : o.toDateString(), A = o && r && o > r, E = (h) => {
+    const I = h.toDateString(), H = I === y, N = A && I === C, k = r && o && h > r && h < o;
+    return g("date", {
+      "current-date": H,
+      "selected-range": k && !N,
+      "end-date": N && A,
+      disabled: c
+    });
+  };
+  return /* @__PURE__ */ n(
+    V,
+    {
+      customInput: /* @__PURE__ */ n(
+        Z,
+        {
+          className: g("input"),
+          defaultWidth: !1,
+          endIcon: /* @__PURE__ */ n(Y, {}),
+          ref: d
+        }
+      ),
+      placeholderText: B,
+      selected: s,
+      startDate: r,
+      endDate: o,
+      minDate: a === "end" ? r : void 0,
+      disabled: c,
+      shouldCloseOnSelect: m,
+      fixedHeight: b,
+      locale: _,
+      showPopperArrow: !1,
+      dayClassName: E,
+      calendarClassName: g(p, "calendar"),
+      renderCustomHeader: (h) => /* @__PURE__ */ n(
+        z,
+        {
+          ...h,
+          headerNodes: w,
+          customClassName: f,
+          yearsOptions: L,
+          locale: _
+        }
+      ),
+      onChange: t,
+      onBlur: i,
+      onFocus: u,
+      customTimeInput: x,
+      showTimeInput: !!x,
+      popperClassName: g(v, "popper"),
+      dateFormat: M,
+      selectsStart: a === "start",
+      selectsEnd: a === "end",
+      className: g("datepicker")
+    }
+  );
+};
 export {
-  p as Button,
-  a as Checkbox,
-  f as SystemMessage,
-  h as ThemeProvider
+  re as ArrowDownIcon,
+  ne as ArrowUpIcon,
+  se as BaseIconButton,
+  Y1 as BubblesLoader,
+  v1 as Button,
+  R as CalendarArrowIcon,
+  Y as CalendarIcon,
+  L1 as Checkbox,
+  S1 as ClearIcon,
+  j1 as CloseIcon,
+  x1 as DatePicker,
+  u1 as DeleteIcon,
+  j as Dropdown,
+  T1 as DropdownIcon,
+  Z1 as FieldNumber,
+  Z as FieldText,
+  G1 as FieldTextFlex,
+  w1 as MeatballMenuIcon,
+  D1 as MinusIcon,
+  F1 as Modal,
+  X1 as Pagination,
+  V1 as PlusIcon,
+  K1 as Popover,
+  ee as PrevChapterIcon,
+  te as PrevPageIcon,
+  W1 as Radio,
+  f1 as SearchIcon,
+  M1 as SystemMessage,
+  ae as Table,
+  I1 as ThemeProvider,
+  H1 as Toggle,
+  z1 as Tooltip
 };

package/dist/keyCodes-f63c0e11.js

@@ -0,0 +1,4 @@
+var E = /* @__PURE__ */ ((_) => (_[_.BACKSPACE_KEY_CODE = 8] = "BACKSPACE_KEY_CODE", _[_.TAB_KEY_CODE = 9] = "TAB_KEY_CODE", _[_.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", _[_.ESCAPE_KEY_CODE = 27] = "ESCAPE_KEY_CODE", _[_.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", _[_.ARROW_LEFT_KEY_CODE = 37] = "ARROW_LEFT_KEY_CODE", _[_.ARROW_UP_KEY_CODE = 38] = "ARROW_UP_KEY_CODE", _[_.ARROW_RIGHT_KEY_CODE = 39] = "ARROW_RIGHT_KEY_CODE", _[_.ARROW_DOWN_KEY_CODE = 40] = "ARROW_DOWN_KEY_CODE", _[_.DELETE_KEY_CODE = 46] = "DELETE_KEY_CODE", _[_.NUMBER_START_KEY_CODE = 48] = "NUMBER_START_KEY_CODE", _[_.NUMBER_END_KEY_CODE = 57] = "NUMBER_END_KEY_CODE", _[_.NUM_LOCK_0_KEY_CODE = 96] = "NUM_LOCK_0_KEY_CODE", _[_.NUM_LOCK_1_KEY_CODE = 97] = "NUM_LOCK_1_KEY_CODE", _[_.NUM_LOCK_2_KEY_CODE = 98] = "NUM_LOCK_2_KEY_CODE", _[_.NUM_LOCK_3_KEY_CODE = 99] = "NUM_LOCK_3_KEY_CODE", _[_.NUM_LOCK_4_KEY_CODE = 100] = "NUM_LOCK_4_KEY_CODE", _[_.NUM_LOCK_5_KEY_CODE = 101] = "NUM_LOCK_5_KEY_CODE", _[_.NUM_LOCK_6_KEY_CODE = 102] = "NUM_LOCK_6_KEY_CODE", _[_.NUM_LOCK_7_KEY_CODE = 103] = "NUM_LOCK_7_KEY_CODE", _[_.NUM_LOCK_8_KEY_CODE = 104] = "NUM_LOCK_8_KEY_CODE", _[_.NUM_LOCK_9_KEY_CODE = 105] = "NUM_LOCK_9_KEY_CODE", _))(E || {});
+export {
+  E as K
+};

package/dist/modal.js

@@ -0,0 +1,16 @@
+import { M as s, a as n, c as b, b as c } from "./index-bc6da711.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-bb309472.js";
+import "./baseIconButton-7bc53dec.js";
+export {
+  s as Modal,
+  n as ModalContent,
+  b as ModalFooter,
+  c as ModalHeader
+};

package/dist/pagination-13887e1c.js

@@ -0,0 +1,346 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { c as m } from "./bind-06a7ff84.js";
+import * as b from "react";
+import { useState as x } from "react";
+import { Popover as B } from "./popover.js";
+import { B as $ } from "./button-bb309472.js";
+import { F as I } from "./fieldText-98cf9984.js";
+import { B as f } from "./baseIconButton-7bc53dec.js";
+import { Tooltip as k } from "./tooltip.js";
+const y = (e) => /* @__PURE__ */ b.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ b.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" })), T = (e) => /* @__PURE__ */ b.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ b.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), E = {
+  "item-counter": "_item-counter_4g6do_1"
+}, M = m.bind(E), P = ({
+  activePage: e,
+  pageSize: n,
+  totalItems: s,
+  ofText: r,
+  itemsText: c
+}) => {
+  const a = e * n, i = a - n;
+  return /* @__PURE__ */ d("div", { className: M("item-counter"), children: [
+    `${i + 1} - ${a < s ? a : s}`,
+    ` ${r} ${s} ${c}`
+  ] });
+}, j = "_selected_183l8_32", R = {
+  "size-selector": "_size-selector_183l8_1",
+  "size-option": "_size-option_183l8_6",
+  selected: j
+}, C = m.bind(R), V = ({
+  currentSize: e,
+  options: n,
+  onClickOption: s
+}) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
+  "button",
+  {
+    className: C("size-option", { selected: r === e }),
+    onClick: () => {
+      s(r);
+    },
+    children: r
+  },
+  r
+)) }), W = {
+  "page-size-control": "_page-size-control_gnurh_1",
+  "size-selector-button": "_size-selector-button_gnurh_10"
+}, S = m.bind(W), D = ({
+  size: e,
+  sizeOptions: n,
+  perPageText: s,
+  changeSize: r
+}) => {
+  const [c, a] = x(!1), i = (o) => {
+    r(o), a(!1);
+  };
+  return /* @__PURE__ */ d("div", { className: S("page-size-control"), children: [
+    /* @__PURE__ */ t(
+      B,
+      {
+        content: /* @__PURE__ */ t(V, { options: n, onClickOption: i, currentSize: e }),
+        placement: "top",
+        isOpened: c,
+        setIsOpened: a,
+        children: /* @__PURE__ */ t($, { className: S("size-selector-button"), variant: "text", children: e })
+      }
+    ),
+    ` ${s}`
+  ] });
+}, F = {
+  "page-selector": "_page-selector_rtho4_1",
+  "field-wrapper": "_field-wrapper_rtho4_6",
+  "apply-button": "_apply-button_rtho4_10"
+}, N = m.bind(F), Z = ({
+  totalPages: e,
+  pageText: n,
+  goActionText: s,
+  selectPage: r
+}) => {
+  const [c, a] = x(""), [i, o] = x(!0), p = (h) => {
+    const u = h.target.value.replace(/\D/g, ""), w = Number(u), O = w > 0 && w <= e;
+    o(O), a(u);
+  }, l = () => {
+    r(Number(c));
+  };
+  return /* @__PURE__ */ d("div", { className: N("page-selector"), children: [
+    /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
+      I,
+      {
+        onChange: p,
+        value: c,
+        placeholder: n,
+        error: i ? "" : "Error",
+        touched: !0,
+        defaultWidth: !1,
+        displayError: !1
+      }
+    ) }),
+    /* @__PURE__ */ t($, { onClick: l, disabled: !c || !i, className: N("apply-button"), children: s })
+  ] });
+}, G = {
+  "active-page": "_active-page_14j0y_1",
+  "page-selector": "_page-selector_14j0y_10",
+  "page-selector-button": "_page-selector-button_14j0y_14"
+}, v = m.bind(G), H = ({
+  activePage: e,
+  totalPages: n,
+  pageText: s,
+  goToText: r,
+  goActionText: c,
+  changePage: a
+}) => {
+  const [i, o] = x(!1), p = (l) => {
+    a(l), o(!1);
+  };
+  return /* @__PURE__ */ d("div", { className: v("active-page"), children: [
+    `${s} `,
+    /* @__PURE__ */ t(
+      B,
+      {
+        content: /* @__PURE__ */ t(
+          Z,
+          {
+            pageText: s,
+            goActionText: c,
+            selectPage: p,
+            totalPages: n
+          }
+        ),
+        title: r,
+        placement: "top",
+        isOpened: i,
+        setIsOpened: o,
+        className: v("page-selector"),
+        children: /* @__PURE__ */ t($, { className: v("page-selector-button"), variant: "text", children: e })
+      }
+    )
+  ] });
+}, 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"
+}, g = m.bind(U), z = 13, A = 260, X = ({
+  totalPages: e,
+  activePage: n,
+  changePage: s,
+  captions: r
+}) => {
+  const c = A / e, a = Math.min(Math.ceil(A / z), e), i = Math.max(z, c), o = [];
+  for (let l = 1; l <= e; l++)
+    o.push({
+      end: l * c,
+      pageNumber: l
+    });
+  const p = Array.from({ length: a }, () => ({ pages: { from: void 0, to: void 0 } }));
+  return o.forEach((l) => {
+    const h = Math.ceil(l.end / i) - 1, u = p[h].pages;
+    u.from || (u.from = l.pageNumber), u.to = l.pageNumber;
+  }), /* @__PURE__ */ t("div", { className: g("bar"), children: p.map((l, h) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: g("section-with-tooltip"),
+      style: { width: i },
+      onClick: () => l.pages.from && s(l.pages.from),
+      children: /* @__PURE__ */ t(
+        k,
+        {
+          content: /* @__PURE__ */ d("div", { className: g("tooltip"), children: [
+            /* @__PURE__ */ t("div", { className: g("tooltip-text"), children: r.goTo }),
+            /* @__PURE__ */ t("div", { className: g("page-number"), children: l.pages.from })
+          ] }),
+          wrapperClassName: g("tooltip-wrapper"),
+          placement: "top",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: g("section", {
+                selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
+              })
+            }
+          )
+        }
+      )
+    },
+    h
+  )) });
+}, Y = "_next_1p2t5_18", ee = {
+  "page-navigator": "_page-navigator_1p2t5_1",
+  "page-buttons": "_page-buttons_1p2t5_6",
+  "page-button": "_page-button_1p2t5_6",
+  next: Y
+}, _ = m.bind(ee), te = ({
+  activePage: e,
+  changePage: n,
+  totalPages: s,
+  captions: r
+}) => {
+  const c = () => {
+    n(1);
+  }, a = () => {
+    n(e - 1);
+  }, i = () => {
+    n(e + 1);
+  }, o = () => {
+    n(s);
+  };
+  return /* @__PURE__ */ d("div", { className: _("page-navigator"), children: [
+    /* @__PURE__ */ d("div", { className: _("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: _("page-button"),
+          onClick: c,
+          disabled: e === 1,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: _("page-button"),
+          onClick: a,
+          disabled: e === 1,
+          children: /* @__PURE__ */ t(y, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      X,
+      {
+        totalPages: s,
+        activePage: e,
+        changePage: n,
+        captions: r
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: _("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: _("page-button", "next"),
+          onClick: i,
+          disabled: e === s,
+          children: /* @__PURE__ */ t(y, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: _("page-button", "next"),
+          onClick: o,
+          disabled: e === s,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      )
+    ] })
+  ] });
+}, oe = {
+  "page-controls": "_page-controls_thyf8_1",
+  "total-pages": "_total-pages_thyf8_8"
+}, L = m.bind(oe), se = ({
+  activePage: e,
+  changePage: n,
+  captions: s,
+  totalPages: r
+}) => /* @__PURE__ */ d("div", { className: L("page-controls"), children: [
+  /* @__PURE__ */ t(
+    H,
+    {
+      activePage: e,
+      totalPages: r,
+      changePage: n,
+      pageText: s.page,
+      goToText: s.goTo,
+      goActionText: s.goAction
+    }
+  ),
+  /* @__PURE__ */ t(
+    te,
+    {
+      changePage: n,
+      activePage: e,
+      totalPages: r,
+      captions: { goTo: s.goTo }
+    }
+  ),
+  /* @__PURE__ */ d("span", { className: L("total-pages"), children: [
+    `${s.of} `,
+    r
+  ] })
+] }), ne = "_pagination_uykxy_1", re = {
+  pagination: ne
+}, le = m.bind(re), ue = ({
+  activePage: e,
+  totalPages: n,
+  pageSize: s,
+  totalItems: r,
+  pageSizeOptions: c,
+  changePage: a,
+  changePageSize: i,
+  captions: o
+}) => {
+  const p = (o == null ? void 0 : o.of) || "of", l = (o == null ? void 0 : o.page) || "Page";
+  return /* @__PURE__ */ d("div", { className: le("pagination"), children: [
+    /* @__PURE__ */ t(
+      P,
+      {
+        activePage: e,
+        pageSize: s,
+        totalItems: r,
+        ofText: p,
+        itemsText: (o == null ? void 0 : o.items) || "items"
+      }
+    ),
+    n > 1 && /* @__PURE__ */ t(
+      se,
+      {
+        activePage: e,
+        totalPages: n,
+        changePage: a,
+        captions: {
+          page: l,
+          of: p,
+          goTo: (o == null ? void 0 : o.goTo) || "Go to page",
+          goAction: (o == null ? void 0 : o.goAction) || "Go"
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      D,
+      {
+        size: s,
+        sizeOptions: c,
+        changeSize: i,
+        perPageText: (o == null ? void 0 : o.perPage) || "per page"
+      }
+    )
+  ] });
+};
+export {
+  ue as P,
+  y as S,
+  T as a
+};

package/dist/pagination.js

@@ -0,0 +1,15 @@
+import { P as t } from "./pagination-13887e1c.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+import "./popover.js";
+import "@floating-ui/react";
+import "./button-bb309472.js";
+import "./fieldText-98cf9984.js";
+import "./baseIconButton-7bc53dec.js";
+import "./tooltip.js";
+import "@floating-ui/react-dom";
+export {
+  t as Pagination,
+  t as default
+};