@reportportal/ui-kit 0.0.1-alpha.237 → 0.0.1-alpha.238
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/autocompletes.js +75 -890
- package/dist/components/icons/index.d.ts +2 -0
- package/dist/datePicker.js +62 -23
- package/dist/{fieldNumber-b4aa4d7e.js → fieldNumber-c9795245.js} +22 -23
- package/dist/fieldNumber.js +2 -3
- package/dist/fieldText.js +65 -4
- package/dist/icons.js +90 -91
- package/dist/index-7ddba309.js +1639 -0
- package/dist/index-a13c9a87.js +172 -0
- package/dist/index.js +154 -157
- package/dist/modal.js +18 -166
- package/dist/pagination.js +65 -12
- package/dist/plus-0929dda4.js +6 -0
- package/dist/prevPage-1c4a826f.js +9 -0
- package/dist/radio-62546efa.js +76 -0
- package/dist/radio.js +3 -3
- package/dist/radioGroup-183d7a6f.js +6 -0
- package/dist/sortable.js +40 -319
- package/dist/style.css +2 -2
- package/dist/treeSortableItem-301dbd92.js +298 -0
- package/package.json +1 -1
- package/dist/calendarArrow-44c7e60e.js +0 -5
- package/dist/constants-85822a6b.js +0 -6
- package/dist/datePicker-b554cb9d.js +0 -229
- package/dist/fieldText-1749da7a.js +0 -167
- package/dist/minus-2857540f.js +0 -5
- package/dist/openEye-950159cb.js +0 -6
- package/dist/pagination-53c8a559.js +0 -355
- package/dist/plus-199fb2a8.js +0 -5
- package/dist/prevPage-87faf576.js +0 -6
- package/dist/radioGroup-0c132c2e.js +0 -77
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
import { jsx as n, jsxs as s, Fragment as E } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as W, useRef as X, useId as Y, useState as b } from "react";
|
|
3
|
-
import { c as Z } from "./bind-06a7ff84.js";
|
|
4
|
-
import { S as q } from "./clear-53660571.js";
|
|
5
|
-
import { a as nn, S as en } from "./openEye-950159cb.js";
|
|
6
|
-
import { B as tn } from "./baseIconButton-251479f7.js";
|
|
7
|
-
import { S as on } from "./spinLoader-c4a53718.js";
|
|
8
|
-
import { M as sn } from "./maxValueDisplay-9be01a75.js";
|
|
9
|
-
import { FieldLabel as an } from "./fieldLabel.js";
|
|
10
|
-
const cn = "_collapsed_18d9y_11", rn = "_field_18d9y_23", ln = "_placeholder_18d9y_48", dn = "_disabled_18d9y_51", _n = "_error_18d9y_54", pn = "_touched_18d9y_54", un = "_input_18d9y_73", mn = "_icon_18d9y_1", fn = "_text_18d9y_171", hn = {
|
|
11
|
-
"icon-container": "_icon-container_18d9y_1",
|
|
12
|
-
"icon-container-additional": "_icon-container-additional_18d9y_1",
|
|
13
|
-
"icon-container-end": "_icon-container-end_18d9y_1",
|
|
14
|
-
"icon-container-start": "_icon-container-start_18d9y_1",
|
|
15
|
-
collapsed: cn,
|
|
16
|
-
field: rn,
|
|
17
|
-
"default-width": "_default-width_18d9y_35",
|
|
18
|
-
placeholder: ln,
|
|
19
|
-
disabled: dn,
|
|
20
|
-
error: _n,
|
|
21
|
-
touched: pn,
|
|
22
|
-
"max-length-display": "_max-length-display_18d9y_61",
|
|
23
|
-
"input-container": "_input-container_18d9y_73",
|
|
24
|
-
"type-password": "_type-password_18d9y_77",
|
|
25
|
-
input: un,
|
|
26
|
-
"eye-icon": "_eye-icon_18d9y_81",
|
|
27
|
-
icon: mn,
|
|
28
|
-
"start-icon": "_start-icon_18d9y_127",
|
|
29
|
-
"clear-icon": "_clear-icon_18d9y_128",
|
|
30
|
-
"additional-content": "_additional-content_18d9y_164",
|
|
31
|
-
text: fn,
|
|
32
|
-
"error-text": "_error-text_18d9y_191",
|
|
33
|
-
"help-text": "_help-text_18d9y_195"
|
|
34
|
-
}, e = Z.bind(hn), Bn = W(
|
|
35
|
-
({
|
|
36
|
-
value: o = "",
|
|
37
|
-
className: v,
|
|
38
|
-
classNameHelpText: C,
|
|
39
|
-
error: r,
|
|
40
|
-
placeholder: u,
|
|
41
|
-
disabled: a = !1,
|
|
42
|
-
onChange: T,
|
|
43
|
-
touched: m = !1,
|
|
44
|
-
title: V,
|
|
45
|
-
label: l,
|
|
46
|
-
helpText: d,
|
|
47
|
-
defaultWidth: k = !0,
|
|
48
|
-
startIcon: f,
|
|
49
|
-
endIcon: h,
|
|
50
|
-
clearable: I = !1,
|
|
51
|
-
onClear: y,
|
|
52
|
-
isRequired: x = !1,
|
|
53
|
-
hasDoubleMessage: L = !1,
|
|
54
|
-
type: c = "text",
|
|
55
|
-
displayError: P = !0,
|
|
56
|
-
collapsible: R = !1,
|
|
57
|
-
loading: j = !1,
|
|
58
|
-
maxLengthDisplay: H,
|
|
59
|
-
onFocus: O = () => {
|
|
60
|
-
},
|
|
61
|
-
onBlur: U = () => {
|
|
62
|
-
},
|
|
63
|
-
...$
|
|
64
|
-
}, z) => {
|
|
65
|
-
const A = X(null), _ = z || A, w = Y(), [N, g] = b(!1), [S, F] = b(!1), G = (t) => {
|
|
66
|
-
g(!0), O(t);
|
|
67
|
-
}, J = (t) => {
|
|
68
|
-
g(!1), U(t);
|
|
69
|
-
}, K = () => {
|
|
70
|
-
var t;
|
|
71
|
-
y && (y(o), (t = _.current) == null || t.focus());
|
|
72
|
-
}, D = P && r && m, M = /* @__PURE__ */ n("span", { className: e("text", "help-text", C), children: d }), Q = () => c !== "password" ? c : S ? "text" : "password", B = (t) => {
|
|
73
|
-
t.preventDefault(), F(!0);
|
|
74
|
-
}, i = (t) => {
|
|
75
|
-
t.preventDefault(), F(!1);
|
|
76
|
-
};
|
|
77
|
-
return /* @__PURE__ */ s(E, { children: [
|
|
78
|
-
l && /* @__PURE__ */ n(an, { isRequired: x, htmlFor: w, children: l }),
|
|
79
|
-
/* @__PURE__ */ s(
|
|
80
|
-
"div",
|
|
81
|
-
{
|
|
82
|
-
className: e("field", v, {
|
|
83
|
-
error: r,
|
|
84
|
-
touched: m,
|
|
85
|
-
disabled: a,
|
|
86
|
-
"default-width": k,
|
|
87
|
-
collapsed: R && !N && !o
|
|
88
|
-
}),
|
|
89
|
-
title: V,
|
|
90
|
-
children: [
|
|
91
|
-
j ? /* @__PURE__ */ n(on, {}) : f && /* @__PURE__ */ n(
|
|
92
|
-
"span",
|
|
93
|
-
{
|
|
94
|
-
className: e("icon-container-start"),
|
|
95
|
-
onClick: () => {
|
|
96
|
-
var p;
|
|
97
|
-
(p = _.current) == null || p.focus();
|
|
98
|
-
},
|
|
99
|
-
children: /* @__PURE__ */ n("span", { className: e("icon", { "start-icon": !N }), children: f })
|
|
100
|
-
}
|
|
101
|
-
),
|
|
102
|
-
/* @__PURE__ */ s("span", { className: e("input-container", `type-${c}`), children: [
|
|
103
|
-
/* @__PURE__ */ n(
|
|
104
|
-
"input",
|
|
105
|
-
{
|
|
106
|
-
ref: _,
|
|
107
|
-
type: Q(),
|
|
108
|
-
className: e("input"),
|
|
109
|
-
value: o,
|
|
110
|
-
disabled: a,
|
|
111
|
-
id: w,
|
|
112
|
-
onChange: T,
|
|
113
|
-
onFocus: G,
|
|
114
|
-
onBlur: J,
|
|
115
|
-
...$
|
|
116
|
-
}
|
|
117
|
-
),
|
|
118
|
-
c === "password" && o && /* @__PURE__ */ n(
|
|
119
|
-
tn,
|
|
120
|
-
{
|
|
121
|
-
className: e("eye-icon"),
|
|
122
|
-
onMouseDown: B,
|
|
123
|
-
onMouseLeave: i,
|
|
124
|
-
onMouseUp: i,
|
|
125
|
-
onTouchStart: B,
|
|
126
|
-
onTouchEnd: i,
|
|
127
|
-
onTouchCancel: i,
|
|
128
|
-
children: S ? /* @__PURE__ */ n(nn, {}) : /* @__PURE__ */ n(en, {})
|
|
129
|
-
}
|
|
130
|
-
),
|
|
131
|
-
u && !o && /* @__PURE__ */ s("span", { className: e("placeholder"), children: [
|
|
132
|
-
u,
|
|
133
|
-
x && !l && /* @__PURE__ */ n("span", { className: e("asterisk") })
|
|
134
|
-
] })
|
|
135
|
-
] }),
|
|
136
|
-
/* @__PURE__ */ n(
|
|
137
|
-
sn,
|
|
138
|
-
{
|
|
139
|
-
className: e("max-length-display"),
|
|
140
|
-
value: o.length,
|
|
141
|
-
maxValue: H
|
|
142
|
-
}
|
|
143
|
-
),
|
|
144
|
-
I && o.length > 0 && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n(
|
|
145
|
-
"button",
|
|
146
|
-
{
|
|
147
|
-
type: "button",
|
|
148
|
-
className: e("clear-icon", { disabled: a }),
|
|
149
|
-
onClick: K,
|
|
150
|
-
onMouseDown: (t) => t.preventDefault(),
|
|
151
|
-
children: /* @__PURE__ */ n(q, {})
|
|
152
|
-
}
|
|
153
|
-
) }),
|
|
154
|
-
h && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: h }) })
|
|
155
|
-
]
|
|
156
|
-
}
|
|
157
|
-
),
|
|
158
|
-
(D || d) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: a }), children: D ? /* @__PURE__ */ s(E, { children: [
|
|
159
|
-
/* @__PURE__ */ n("span", { className: e("text", "error-text"), children: r }),
|
|
160
|
-
L && M
|
|
161
|
-
] }) : d && M })
|
|
162
|
-
] });
|
|
163
|
-
}
|
|
164
|
-
);
|
|
165
|
-
export {
|
|
166
|
-
Bn as F
|
|
167
|
-
};
|
package/dist/minus-2857540f.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as e from "react";
|
|
2
|
-
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" }));
|
|
3
|
-
export {
|
|
4
|
-
l as S
|
|
5
|
-
};
|
package/dist/openEye-950159cb.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as e from "react";
|
|
2
|
-
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: "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" })), 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: "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" }));
|
|
3
|
-
export {
|
|
4
|
-
l as S,
|
|
5
|
-
t as a
|
|
6
|
-
};
|
|
@@ -1,355 +0,0 @@
|
|
|
1
|
-
import { jsxs as p, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { c as _ } from "./bind-06a7ff84.js";
|
|
3
|
-
import { useState as f } from "react";
|
|
4
|
-
import { Popover as I } from "./popover.js";
|
|
5
|
-
import { B as $ } from "./button-7ab874f3.js";
|
|
6
|
-
import { F as j } from "./fieldText-1749da7a.js";
|
|
7
|
-
import { B as y } from "./baseIconButton-251479f7.js";
|
|
8
|
-
import { S as T, a as z } from "./prevPage-87faf576.js";
|
|
9
|
-
import { Tooltip as A } from "./tooltip.js";
|
|
10
|
-
const B = {
|
|
11
|
-
"item-counter": "_item-counter_1qk4p_1"
|
|
12
|
-
}, W = _.bind(B), P = ({
|
|
13
|
-
activePage: o,
|
|
14
|
-
pageSize: n,
|
|
15
|
-
totalItems: s,
|
|
16
|
-
ofText: r,
|
|
17
|
-
itemsText: a,
|
|
18
|
-
limitExceeded: i = !1,
|
|
19
|
-
warningContent: c = null
|
|
20
|
-
}) => {
|
|
21
|
-
const e = o * n, d = e - n;
|
|
22
|
-
return /* @__PURE__ */ p("div", { className: W("item-counter"), children: [
|
|
23
|
-
`${d + 1} - ${e < s ? e : s}`,
|
|
24
|
-
` ${r} ${s}${i ? "+" : ""} ${a}`,
|
|
25
|
-
c
|
|
26
|
-
] });
|
|
27
|
-
}, E = "_selected_cjnvy_23", M = {
|
|
28
|
-
"size-selector": "_size-selector_cjnvy_1",
|
|
29
|
-
"size-option": "_size-option_cjnvy_6",
|
|
30
|
-
selected: E
|
|
31
|
-
}, C = _.bind(M), V = ({
|
|
32
|
-
currentSize: o,
|
|
33
|
-
options: n,
|
|
34
|
-
onClickOption: s
|
|
35
|
-
}) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
|
|
36
|
-
"button",
|
|
37
|
-
{
|
|
38
|
-
className: C("size-option", { selected: r === o }),
|
|
39
|
-
onClick: () => {
|
|
40
|
-
s(r);
|
|
41
|
-
},
|
|
42
|
-
children: r
|
|
43
|
-
},
|
|
44
|
-
r
|
|
45
|
-
)) }), D = {
|
|
46
|
-
"page-size-control": "_page-size-control_8rb7p_1",
|
|
47
|
-
"page-size-options": "_page-size-options_8rb7p_8",
|
|
48
|
-
"size-selector-button": "_size-selector-button_8rb7p_12"
|
|
49
|
-
}, N = _.bind(D), F = ({
|
|
50
|
-
size: o,
|
|
51
|
-
sizeOptions: n,
|
|
52
|
-
perPageText: s,
|
|
53
|
-
changeSize: r
|
|
54
|
-
}) => {
|
|
55
|
-
const [a, i] = f(!1), c = (e) => {
|
|
56
|
-
r(e), i(!1);
|
|
57
|
-
};
|
|
58
|
-
return /* @__PURE__ */ p("div", { className: N("page-size-control"), children: [
|
|
59
|
-
/* @__PURE__ */ t(
|
|
60
|
-
I,
|
|
61
|
-
{
|
|
62
|
-
content: /* @__PURE__ */ t(V, { options: n, onClickOption: c, currentSize: o }),
|
|
63
|
-
placement: "top",
|
|
64
|
-
isOpened: a,
|
|
65
|
-
setIsOpened: i,
|
|
66
|
-
className: N("page-size-options"),
|
|
67
|
-
children: /* @__PURE__ */ t($, { className: N("size-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
|
|
68
|
-
}
|
|
69
|
-
),
|
|
70
|
-
` ${s}`
|
|
71
|
-
] });
|
|
72
|
-
}, G = {
|
|
73
|
-
"page-selector": "_page-selector_rtho4_1",
|
|
74
|
-
"field-wrapper": "_field-wrapper_rtho4_6",
|
|
75
|
-
"apply-button": "_apply-button_rtho4_10"
|
|
76
|
-
}, x = _.bind(G), H = ({
|
|
77
|
-
totalPages: o,
|
|
78
|
-
pageText: n,
|
|
79
|
-
goActionText: s,
|
|
80
|
-
selectPage: r
|
|
81
|
-
}) => {
|
|
82
|
-
const [a, i] = f(""), [c, e] = f(!0), d = (g) => {
|
|
83
|
-
const h = g.target.value.replace(/\D/g, ""), b = Number(h), k = b > 0 && b <= o;
|
|
84
|
-
e(k), i(h);
|
|
85
|
-
}, l = () => {
|
|
86
|
-
r(Number(a));
|
|
87
|
-
};
|
|
88
|
-
return /* @__PURE__ */ p("div", { className: x("page-selector"), children: [
|
|
89
|
-
/* @__PURE__ */ t("div", { className: x("field-wrapper"), children: /* @__PURE__ */ t(
|
|
90
|
-
j,
|
|
91
|
-
{
|
|
92
|
-
onChange: d,
|
|
93
|
-
value: a,
|
|
94
|
-
placeholder: n,
|
|
95
|
-
error: c ? "" : "Error",
|
|
96
|
-
touched: !0,
|
|
97
|
-
defaultWidth: !1,
|
|
98
|
-
displayError: !1
|
|
99
|
-
}
|
|
100
|
-
) }),
|
|
101
|
-
/* @__PURE__ */ t($, { onClick: l, disabled: !a || !c, className: x("apply-button"), children: s })
|
|
102
|
-
] });
|
|
103
|
-
}, q = {
|
|
104
|
-
"active-page": "_active-page_1gl9o_1",
|
|
105
|
-
"page-selector": "_page-selector_1gl9o_10",
|
|
106
|
-
"page-selector-button": "_page-selector-button_1gl9o_14"
|
|
107
|
-
}, v = _.bind(q), L = ({
|
|
108
|
-
activePage: o,
|
|
109
|
-
totalPages: n,
|
|
110
|
-
pageText: s,
|
|
111
|
-
goToText: r,
|
|
112
|
-
goActionText: a,
|
|
113
|
-
changePage: i
|
|
114
|
-
}) => {
|
|
115
|
-
const [c, e] = f(!1), d = (l) => {
|
|
116
|
-
i(l), e(!1);
|
|
117
|
-
};
|
|
118
|
-
return /* @__PURE__ */ p("div", { className: v("active-page"), children: [
|
|
119
|
-
`${s} `,
|
|
120
|
-
/* @__PURE__ */ t(
|
|
121
|
-
I,
|
|
122
|
-
{
|
|
123
|
-
content: /* @__PURE__ */ t(
|
|
124
|
-
H,
|
|
125
|
-
{
|
|
126
|
-
pageText: s,
|
|
127
|
-
goActionText: a,
|
|
128
|
-
selectPage: d,
|
|
129
|
-
totalPages: n
|
|
130
|
-
}
|
|
131
|
-
),
|
|
132
|
-
title: r,
|
|
133
|
-
placement: "top",
|
|
134
|
-
isOpened: c,
|
|
135
|
-
setIsOpened: e,
|
|
136
|
-
className: v("page-selector"),
|
|
137
|
-
children: /* @__PURE__ */ t($, { className: v("page-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
|
|
138
|
-
}
|
|
139
|
-
)
|
|
140
|
-
] });
|
|
141
|
-
}, R = "_bar_y74hy_1", J = "_section_y74hy_9", K = "_selected_y74hy_33", Q = "_tooltip_y74hy_37", U = {
|
|
142
|
-
bar: R,
|
|
143
|
-
"section-with-tooltip": "_section-with-tooltip_y74hy_9",
|
|
144
|
-
section: J,
|
|
145
|
-
selected: K,
|
|
146
|
-
"tooltip-wrapper": "_tooltip-wrapper_y74hy_37",
|
|
147
|
-
tooltip: Q,
|
|
148
|
-
"tooltip-text": "_tooltip-text_y74hy_48",
|
|
149
|
-
"page-number": "_page-number_y74hy_52"
|
|
150
|
-
}, m = _.bind(U), S = 13, O = 260, X = ({
|
|
151
|
-
totalPages: o,
|
|
152
|
-
activePage: n,
|
|
153
|
-
changePage: s,
|
|
154
|
-
captions: r
|
|
155
|
-
}) => {
|
|
156
|
-
const a = O / o, i = Math.min(Math.ceil(O / S), o), c = Math.max(S, a), e = [];
|
|
157
|
-
for (let l = 1; l <= o; l++)
|
|
158
|
-
e.push({
|
|
159
|
-
end: l * a,
|
|
160
|
-
pageNumber: l
|
|
161
|
-
});
|
|
162
|
-
const d = Array.from({ length: i }, () => ({ pages: { from: void 0, to: void 0 } }));
|
|
163
|
-
return d.forEach((l, g) => {
|
|
164
|
-
for (l.pages.from = e[0].pageNumber; c * (g + 1) > e[0].end; )
|
|
165
|
-
e.shift();
|
|
166
|
-
l.pages.to = e[0].pageNumber, e.shift();
|
|
167
|
-
}), /* @__PURE__ */ t("div", { className: m("bar"), children: d.map((l, g) => /* @__PURE__ */ t(
|
|
168
|
-
"div",
|
|
169
|
-
{
|
|
170
|
-
className: m("section-with-tooltip"),
|
|
171
|
-
style: { width: c },
|
|
172
|
-
onClick: () => l.pages.from && s(l.pages.from),
|
|
173
|
-
children: /* @__PURE__ */ t(
|
|
174
|
-
A,
|
|
175
|
-
{
|
|
176
|
-
content: /* @__PURE__ */ p("div", { className: m("tooltip"), children: [
|
|
177
|
-
/* @__PURE__ */ t("div", { className: m("tooltip-text"), children: r.goTo }),
|
|
178
|
-
/* @__PURE__ */ t("div", { className: m("page-number"), children: l.pages.from })
|
|
179
|
-
] }),
|
|
180
|
-
wrapperClassName: m("tooltip-wrapper"),
|
|
181
|
-
placement: "top",
|
|
182
|
-
children: /* @__PURE__ */ t(
|
|
183
|
-
"div",
|
|
184
|
-
{
|
|
185
|
-
className: m("section", {
|
|
186
|
-
selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
|
|
187
|
-
})
|
|
188
|
-
}
|
|
189
|
-
)
|
|
190
|
-
}
|
|
191
|
-
)
|
|
192
|
-
},
|
|
193
|
-
g
|
|
194
|
-
)) });
|
|
195
|
-
}, Y = "_next_pyt8p_21", Z = {
|
|
196
|
-
"page-navigator": "_page-navigator_pyt8p_1",
|
|
197
|
-
"page-buttons": "_page-buttons_pyt8p_7",
|
|
198
|
-
"page-button": "_page-button_pyt8p_7",
|
|
199
|
-
next: Y
|
|
200
|
-
}, u = _.bind(Z), ee = ({
|
|
201
|
-
activePage: o,
|
|
202
|
-
changePage: n,
|
|
203
|
-
totalPages: s,
|
|
204
|
-
captions: r
|
|
205
|
-
}) => {
|
|
206
|
-
const a = () => {
|
|
207
|
-
n(1);
|
|
208
|
-
}, i = () => {
|
|
209
|
-
n(o - 1);
|
|
210
|
-
}, c = () => {
|
|
211
|
-
n(o + 1);
|
|
212
|
-
}, e = () => {
|
|
213
|
-
n(s);
|
|
214
|
-
};
|
|
215
|
-
return /* @__PURE__ */ p("div", { className: u("page-navigator"), children: [
|
|
216
|
-
/* @__PURE__ */ p("div", { className: u("page-buttons"), children: [
|
|
217
|
-
/* @__PURE__ */ t(
|
|
218
|
-
y,
|
|
219
|
-
{
|
|
220
|
-
className: u("page-button"),
|
|
221
|
-
onClick: a,
|
|
222
|
-
disabled: o === 1,
|
|
223
|
-
children: /* @__PURE__ */ t(T, {})
|
|
224
|
-
}
|
|
225
|
-
),
|
|
226
|
-
/* @__PURE__ */ t(
|
|
227
|
-
y,
|
|
228
|
-
{
|
|
229
|
-
className: u("page-button"),
|
|
230
|
-
onClick: i,
|
|
231
|
-
disabled: o === 1,
|
|
232
|
-
children: /* @__PURE__ */ t(z, {})
|
|
233
|
-
}
|
|
234
|
-
)
|
|
235
|
-
] }),
|
|
236
|
-
/* @__PURE__ */ t(
|
|
237
|
-
X,
|
|
238
|
-
{
|
|
239
|
-
totalPages: s,
|
|
240
|
-
activePage: o,
|
|
241
|
-
changePage: n,
|
|
242
|
-
captions: r
|
|
243
|
-
}
|
|
244
|
-
),
|
|
245
|
-
/* @__PURE__ */ p("div", { className: u("page-buttons"), children: [
|
|
246
|
-
/* @__PURE__ */ t(
|
|
247
|
-
y,
|
|
248
|
-
{
|
|
249
|
-
className: u("page-button", "next"),
|
|
250
|
-
onClick: c,
|
|
251
|
-
disabled: o === s,
|
|
252
|
-
children: /* @__PURE__ */ t(z, {})
|
|
253
|
-
}
|
|
254
|
-
),
|
|
255
|
-
/* @__PURE__ */ t(
|
|
256
|
-
y,
|
|
257
|
-
{
|
|
258
|
-
className: u("page-button", "next"),
|
|
259
|
-
onClick: e,
|
|
260
|
-
disabled: o === s,
|
|
261
|
-
children: /* @__PURE__ */ t(T, {})
|
|
262
|
-
}
|
|
263
|
-
)
|
|
264
|
-
] })
|
|
265
|
-
] });
|
|
266
|
-
}, te = {
|
|
267
|
-
"page-controls": "_page-controls_thyf8_1",
|
|
268
|
-
"total-pages": "_total-pages_thyf8_8"
|
|
269
|
-
}, w = _.bind(te), oe = ({
|
|
270
|
-
activePage: o,
|
|
271
|
-
changePage: n,
|
|
272
|
-
captions: s,
|
|
273
|
-
totalPages: r
|
|
274
|
-
}) => /* @__PURE__ */ p("div", { className: w("page-controls"), children: [
|
|
275
|
-
/* @__PURE__ */ t(
|
|
276
|
-
L,
|
|
277
|
-
{
|
|
278
|
-
activePage: o,
|
|
279
|
-
totalPages: r,
|
|
280
|
-
changePage: n,
|
|
281
|
-
pageText: s.page,
|
|
282
|
-
goToText: s.goTo,
|
|
283
|
-
goActionText: s.goAction
|
|
284
|
-
}
|
|
285
|
-
),
|
|
286
|
-
/* @__PURE__ */ t(
|
|
287
|
-
ee,
|
|
288
|
-
{
|
|
289
|
-
changePage: n,
|
|
290
|
-
activePage: o,
|
|
291
|
-
totalPages: r,
|
|
292
|
-
captions: { goTo: s.goTo }
|
|
293
|
-
}
|
|
294
|
-
),
|
|
295
|
-
/* @__PURE__ */ p("span", { className: w("total-pages"), children: [
|
|
296
|
-
`${s.of} `,
|
|
297
|
-
r
|
|
298
|
-
] })
|
|
299
|
-
] }), se = "_pagination_ax9ed_1", ne = {
|
|
300
|
-
pagination: se
|
|
301
|
-
}, re = _.bind(ne), ue = ({
|
|
302
|
-
activePage: o,
|
|
303
|
-
totalPages: n,
|
|
304
|
-
pageSize: s,
|
|
305
|
-
totalItems: r,
|
|
306
|
-
pageSizeOptions: a,
|
|
307
|
-
changePage: i,
|
|
308
|
-
changePageSize: c,
|
|
309
|
-
captions: e,
|
|
310
|
-
className: d,
|
|
311
|
-
warningContent: l,
|
|
312
|
-
limitExceeded: g = !1
|
|
313
|
-
}) => {
|
|
314
|
-
const h = (e == null ? void 0 : e.of) || "of", b = (e == null ? void 0 : e.page) || "Page";
|
|
315
|
-
return /* @__PURE__ */ p("div", { className: re("pagination", d), children: [
|
|
316
|
-
/* @__PURE__ */ t(
|
|
317
|
-
P,
|
|
318
|
-
{
|
|
319
|
-
activePage: o,
|
|
320
|
-
pageSize: s,
|
|
321
|
-
totalItems: r,
|
|
322
|
-
ofText: h,
|
|
323
|
-
itemsText: (e == null ? void 0 : e.items) || "items",
|
|
324
|
-
limitExceeded: g,
|
|
325
|
-
warningContent: l
|
|
326
|
-
}
|
|
327
|
-
),
|
|
328
|
-
n > 1 && /* @__PURE__ */ t(
|
|
329
|
-
oe,
|
|
330
|
-
{
|
|
331
|
-
activePage: o,
|
|
332
|
-
totalPages: n,
|
|
333
|
-
changePage: i,
|
|
334
|
-
captions: {
|
|
335
|
-
page: b,
|
|
336
|
-
of: h,
|
|
337
|
-
goTo: (e == null ? void 0 : e.goTo) || "Go to page",
|
|
338
|
-
goAction: (e == null ? void 0 : e.goAction) || "Go"
|
|
339
|
-
}
|
|
340
|
-
}
|
|
341
|
-
),
|
|
342
|
-
/* @__PURE__ */ t(
|
|
343
|
-
F,
|
|
344
|
-
{
|
|
345
|
-
size: s,
|
|
346
|
-
sizeOptions: a,
|
|
347
|
-
changeSize: c,
|
|
348
|
-
perPageText: (e == null ? void 0 : e.perPage) || "per page"
|
|
349
|
-
}
|
|
350
|
-
)
|
|
351
|
-
] });
|
|
352
|
-
};
|
|
353
|
-
export {
|
|
354
|
-
ue as P
|
|
355
|
-
};
|
package/dist/plus-199fb2a8.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as e from "react";
|
|
2
|
-
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" }));
|
|
3
|
-
export {
|
|
4
|
-
l as S
|
|
5
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as e from "react";
|
|
2
|
-
const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" }));
|
|
3
|
-
export {
|
|
4
|
-
l as S,
|
|
5
|
-
a
|
|
6
|
-
};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { jsxs as p, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as g, useId as k } from "react";
|
|
3
|
-
import { c as y } from "./bind-06a7ff84.js";
|
|
4
|
-
import { K as _ } from "./keyCodes-f63c0e11.js";
|
|
5
|
-
const x = "_disabled_1fetm_9", D = "_toggler_1fetm_15", E = "_checked_1fetm_21", v = "_input_1fetm_28", C = {
|
|
6
|
-
"radio-button": "_radio-button_1fetm_1",
|
|
7
|
-
disabled: x,
|
|
8
|
-
"children-container": "_children-container_1fetm_12",
|
|
9
|
-
toggler: D,
|
|
10
|
-
checked: E,
|
|
11
|
-
input: v
|
|
12
|
-
}, d = y.bind(C), K = ({
|
|
13
|
-
option: e,
|
|
14
|
-
value: l,
|
|
15
|
-
onChange: s,
|
|
16
|
-
onFocus: c,
|
|
17
|
-
onBlur: N,
|
|
18
|
-
className: m,
|
|
19
|
-
...f
|
|
20
|
-
}) => {
|
|
21
|
-
const t = g(null), n = k(), r = String(e.value) === String(l), h = (i) => {
|
|
22
|
-
var u, b;
|
|
23
|
-
const { keyCode: o } = i;
|
|
24
|
-
if (o === _.SPACE_KEY_CODE) {
|
|
25
|
-
i.preventDefault(), (u = t.current) == null || u.click();
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
o === _.ENTER_KEY_CODE && (i.preventDefault(), (b = t.current) == null || b.click());
|
|
29
|
-
};
|
|
30
|
-
return (
|
|
31
|
-
// eslint-disable-next-line
|
|
32
|
-
/* @__PURE__ */ p(
|
|
33
|
-
"label",
|
|
34
|
-
{
|
|
35
|
-
id: n,
|
|
36
|
-
className: d(m, "radio-button", {
|
|
37
|
-
disabled: e.disabled
|
|
38
|
-
}),
|
|
39
|
-
tabIndex: e.disabled ? -1 : 0,
|
|
40
|
-
onKeyDown: e.disabled ? void 0 : h,
|
|
41
|
-
children: [
|
|
42
|
-
/* @__PURE__ */ a(
|
|
43
|
-
"input",
|
|
44
|
-
{
|
|
45
|
-
tabIndex: -1,
|
|
46
|
-
ref: t,
|
|
47
|
-
type: "radio",
|
|
48
|
-
className: d("input"),
|
|
49
|
-
disabled: e.disabled,
|
|
50
|
-
onChange: s,
|
|
51
|
-
value: e.value,
|
|
52
|
-
checked: r,
|
|
53
|
-
...f
|
|
54
|
-
}
|
|
55
|
-
),
|
|
56
|
-
/* @__PURE__ */ a(
|
|
57
|
-
"span",
|
|
58
|
-
{
|
|
59
|
-
role: "radio",
|
|
60
|
-
"aria-labelledby": n,
|
|
61
|
-
"aria-checked": r,
|
|
62
|
-
className: d("toggler", {
|
|
63
|
-
disabled: e.disabled,
|
|
64
|
-
checked: r
|
|
65
|
-
})
|
|
66
|
-
}
|
|
67
|
-
),
|
|
68
|
-
/* @__PURE__ */ a("span", { className: d("children-container"), children: e.label })
|
|
69
|
-
]
|
|
70
|
-
}
|
|
71
|
-
)
|
|
72
|
-
);
|
|
73
|
-
}, w = ({ options: e, value: l, ...s }) => /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column" }, children: e.map((c) => /* @__PURE__ */ a(K, { option: c, value: l, ...s }, c.value)) });
|
|
74
|
-
export {
|
|
75
|
-
K as R,
|
|
76
|
-
w as a
|
|
77
|
-
};
|