@pismo/marola 0.0.1-alpha.21 → 0.0.1-alpha.22
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/assets/Advice.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_954or_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_954or_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_954or_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_954or_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_954or_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_954or_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_954or_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_954or_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_954or_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_954or_56,._advice_954or_56 ._content_954or_56,._advice_954or_56 p{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_954or_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_954or_65,._advice_954or_56 ._content_954or_56,._advice_954or_56 p{font-weight:var(--base-bold)}._u-typography-base--strikethrough_954or_69{text-decoration:line-through}._u-typography-base--underlined_954or_72{text-decoration:underline}._u-typography-base--strikethrough-underlined_954or_75{text-decoration:underline line-through}._advice_954or_56{display:flex;flex-direction:column;align-items:center;padding:2rem}._advice_954or_56 ._content_954or_56,._advice_954or_56 p{margin:0;color:var(--gray-75)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_19imj_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_19imj_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_19imj_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_19imj_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_19imj_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_19imj_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_19imj_43,._pagination_19imj_43 ._per-page-container_19imj_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_19imj_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_19imj_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_19imj_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_19imj_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_19imj_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_19imj_67{text-decoration:line-through}._u-typography-base--underlined_19imj_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_19imj_73{text-decoration:underline line-through}._pagination_19imj_43{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.5rem 0}._pagination_19imj_43 ._per-page-container_19imj_43{display:flex;gap:.5rem;align-items:center;color:var(--gray-90)}._pagination_19imj_43 ._per-page-container__select_19imj_90{width:4rem;min-width:min-content;height:2rem;padding:0 .5rem;margin:0}._pagination_19imj_43 ._pages-navigator-container_19imj_97{display:flex;gap:.5rem;align-items:center}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ul{display:flex;gap:.5rem;padding:0;margin:0}._pagination_19imj_43 ._pages-navigator-container_19imj_97 li{display:inline-flex;padding:0;margin:0;list-style:none}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._page-item_19imj_114,._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._page-number__btn_19imj_114{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--body-font-size-small);font-weight:var(--body-bold);line-height:var(--body-line-height-small);color:var(--gray-90);cursor:default}._pagination_19imj_43 ._pages-navigator-container_19imj_97 button{padding:0;cursor:pointer;background-color:transparent;border:none;outline:none}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._pages-navigator-container__previous-next-btn_19imj_133{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);line-height:var(--body-line-height-tiny);color:var(--accent);transition:all .3s}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._pages-navigator-container__previous-next-btn_19imj_133:hover{font-weight:var(--heading-font-weight);color:var(--accent-dark)}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._pages-navigator-container__previous-next-btn_19imj_133:disabled{font-weight:var(--heading-font-weight);color:var(--gray-50);cursor:default}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._page-number__btn_19imj_114{width:2rem;height:2rem;cursor:pointer;transition:all .3s}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._page-number__btn_19imj_114:hover{color:var(--accent-dark)}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._page-number__btn--selected_19imj_158{color:var(--white-100);background-color:var(--accent);border-radius:var(--border-radius)}._pagination_19imj_43 ._pages-navigator-container_19imj_97 ._page-number__btn--selected_19imj_158:hover{background-color:var(--accent-light)}
|
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import '../../assets/Advice.css';
|
|
2
|
-
import { jsxs as u, jsx as
|
|
2
|
+
import { jsxs as u, jsx as p } from "react/jsx-runtime";
|
|
3
3
|
import { c as g } from "../../clsx-DB4S2d7J.js";
|
|
4
|
-
import { Icon as
|
|
5
|
-
const
|
|
6
|
-
"u-typography-h1": "_u-typography-
|
|
7
|
-
"u-typography-h2": "_u-typography-
|
|
8
|
-
"u-typography-h3": "_u-typography-
|
|
9
|
-
"u-typography-h4": "_u-typography-
|
|
10
|
-
"u-typography-h5": "_u-typography-
|
|
11
|
-
"u-typography-h6": "_u-typography-
|
|
12
|
-
"u-typography-base": "_u-typography-
|
|
13
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
14
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
15
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
16
|
-
advice:
|
|
17
|
-
content:
|
|
18
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
19
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
20
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
21
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
22
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
23
|
-
},
|
|
4
|
+
import { Icon as l } from "../Icon/Icon.js";
|
|
5
|
+
const d = "_advice_954or_56", i = "_content_954or_56", e = {
|
|
6
|
+
"u-typography-h1": "_u-typography-h1_954or_1",
|
|
7
|
+
"u-typography-h2": "_u-typography-h2_954or_8",
|
|
8
|
+
"u-typography-h3": "_u-typography-h3_954or_15",
|
|
9
|
+
"u-typography-h4": "_u-typography-h4_954or_22",
|
|
10
|
+
"u-typography-h5": "_u-typography-h5_954or_29",
|
|
11
|
+
"u-typography-h6": "_u-typography-h6_954or_36",
|
|
12
|
+
"u-typography-base": "_u-typography-base_954or_43",
|
|
13
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_954or_48",
|
|
14
|
+
"u-typography-base--xl": "_u-typography-base--xl_954or_52",
|
|
15
|
+
"u-typography-base--lg": "_u-typography-base--lg_954or_56",
|
|
16
|
+
advice: d,
|
|
17
|
+
content: i,
|
|
18
|
+
"u-typography-base--sm": "_u-typography-base--sm_954or_61",
|
|
19
|
+
"u-typography-base--bold": "_u-typography-base--bold_954or_65",
|
|
20
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_954or_69",
|
|
21
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_954or_72",
|
|
22
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_954or_75"
|
|
23
|
+
}, h = {
|
|
24
24
|
"no-permission": "eye-slash",
|
|
25
25
|
"without-results": "folder-magnifying-glass"
|
|
26
|
-
},
|
|
27
|
-
const
|
|
26
|
+
}, c = ({ icon: r, type: a, content: y, className: s, IconSvg: t, ..._ }) => {
|
|
27
|
+
const o = {
|
|
28
28
|
color: (r == null ? void 0 : r.color) || "var(--accent)",
|
|
29
29
|
size: (r == null ? void 0 : r.size) || "3.375rem",
|
|
30
|
-
icon:
|
|
31
|
-
iconFamily:
|
|
30
|
+
icon: h[a] || (r == null ? void 0 : r.icon) || "",
|
|
31
|
+
iconFamily: h[a] ? "fa/duotone" : (r == null ? void 0 : r.iconFamily) || "fa/duotone"
|
|
32
32
|
};
|
|
33
|
-
return /* @__PURE__ */ u("div", { className: g(
|
|
34
|
-
|
|
35
|
-
typeof
|
|
33
|
+
return /* @__PURE__ */ u("div", { className: g(e.advice, s), ..._, children: [
|
|
34
|
+
t ? /* @__PURE__ */ p(t, { style: { color: o.color, height: o.size, width: o.size } }) : /* @__PURE__ */ p(l, { ...o }),
|
|
35
|
+
typeof y == "string" ? /* @__PURE__ */ p("p", { children: y }) : /* @__PURE__ */ p("div", { className: e.content, children: y })
|
|
36
36
|
] });
|
|
37
37
|
};
|
|
38
38
|
export {
|
|
39
|
-
|
|
39
|
+
c as Advice
|
|
40
40
|
};
|
|
@@ -1,128 +1,129 @@
|
|
|
1
1
|
import '../../assets/Pagination.css';
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as m, jsx as i, Fragment as k } from "react/jsx-runtime";
|
|
3
3
|
import { c as y } from "../../clsx-DB4S2d7J.js";
|
|
4
4
|
import { Select as w } from "../Select/Select.js";
|
|
5
|
-
import { _ as
|
|
6
|
-
import { u as
|
|
7
|
-
const
|
|
8
|
-
function
|
|
5
|
+
import { _ as A, b as E } from "../../index-CH45lKw7.js";
|
|
6
|
+
import { u as $ } from "../../useControlled-CCMYYdCM.js";
|
|
7
|
+
const R = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
|
|
8
|
+
function T(l = {}) {
|
|
9
9
|
const {
|
|
10
|
-
boundaryCount:
|
|
10
|
+
boundaryCount: n = 1,
|
|
11
11
|
componentName: e = "usePagination",
|
|
12
|
-
count:
|
|
13
|
-
defaultPage:
|
|
14
|
-
disabled:
|
|
15
|
-
hideNextButton:
|
|
16
|
-
hidePrevButton:
|
|
17
|
-
onChange:
|
|
12
|
+
count: s = 1,
|
|
13
|
+
defaultPage: b = 1,
|
|
14
|
+
disabled: c = !1,
|
|
15
|
+
hideNextButton: x = !1,
|
|
16
|
+
hidePrevButton: _ = !1,
|
|
17
|
+
onChange: p,
|
|
18
18
|
page: t,
|
|
19
|
-
showFirstButton:
|
|
20
|
-
showLastButton:
|
|
21
|
-
siblingCount:
|
|
22
|
-
} =
|
|
19
|
+
showFirstButton: r = !1,
|
|
20
|
+
showLastButton: f = !1,
|
|
21
|
+
siblingCount: h = 1
|
|
22
|
+
} = l, d = A(l, R), [o, M] = $({
|
|
23
23
|
controlled: t,
|
|
24
|
-
default:
|
|
24
|
+
default: b,
|
|
25
25
|
name: e,
|
|
26
26
|
state: "page"
|
|
27
|
-
}),
|
|
28
|
-
t || M(
|
|
29
|
-
},
|
|
30
|
-
const
|
|
27
|
+
}), C = (a, g) => {
|
|
28
|
+
t || M(g), p && p(a, g);
|
|
29
|
+
}, v = (a, g) => {
|
|
30
|
+
const F = g - a + 1;
|
|
31
31
|
return Array.from({
|
|
32
|
-
length:
|
|
33
|
-
}, (
|
|
34
|
-
}, S =
|
|
32
|
+
length: F
|
|
33
|
+
}, (z, I) => a + I);
|
|
34
|
+
}, S = v(1, Math.min(n, s)), j = v(Math.max(s - n + 1, n + 1), s), P = Math.max(
|
|
35
35
|
Math.min(
|
|
36
36
|
// Natural start
|
|
37
|
-
|
|
37
|
+
o - h,
|
|
38
38
|
// Lower boundary when page is high
|
|
39
|
-
|
|
39
|
+
s - n - h * 2 - 1
|
|
40
40
|
),
|
|
41
41
|
// Greater than startPages
|
|
42
|
-
|
|
42
|
+
n + 2
|
|
43
43
|
), N = Math.min(
|
|
44
44
|
Math.max(
|
|
45
45
|
// Natural end
|
|
46
|
-
|
|
46
|
+
o + h,
|
|
47
47
|
// Upper boundary when page is low
|
|
48
|
-
|
|
48
|
+
n + h * 2 + 2
|
|
49
49
|
),
|
|
50
50
|
// Less than endPages
|
|
51
|
-
|
|
51
|
+
j.length > 0 ? j[0] - 2 : s - 1
|
|
52
52
|
), L = [
|
|
53
|
-
...
|
|
54
|
-
...
|
|
53
|
+
...r ? ["first"] : [],
|
|
54
|
+
..._ ? [] : ["previous"],
|
|
55
55
|
...S,
|
|
56
56
|
// Start ellipsis
|
|
57
57
|
// eslint-disable-next-line no-nested-ternary
|
|
58
|
-
...
|
|
58
|
+
...P > n + 2 ? ["start-ellipsis"] : n + 1 < s - n ? [n + 1] : [],
|
|
59
59
|
// Sibling pages
|
|
60
|
-
...
|
|
60
|
+
...v(P, N),
|
|
61
61
|
// End ellipsis
|
|
62
62
|
// eslint-disable-next-line no-nested-ternary
|
|
63
|
-
...N <
|
|
64
|
-
...
|
|
65
|
-
...
|
|
66
|
-
...
|
|
67
|
-
], B = (
|
|
68
|
-
switch (
|
|
63
|
+
...N < s - n - 1 ? ["end-ellipsis"] : s - n > n ? [s - n] : [],
|
|
64
|
+
...j,
|
|
65
|
+
...x ? [] : ["next"],
|
|
66
|
+
...f ? ["last"] : []
|
|
67
|
+
], B = (a) => {
|
|
68
|
+
switch (a) {
|
|
69
69
|
case "first":
|
|
70
70
|
return 1;
|
|
71
71
|
case "previous":
|
|
72
|
-
return
|
|
72
|
+
return o - 1;
|
|
73
73
|
case "next":
|
|
74
|
-
return
|
|
74
|
+
return o + 1;
|
|
75
75
|
case "last":
|
|
76
|
-
return
|
|
76
|
+
return s;
|
|
77
77
|
default:
|
|
78
78
|
return null;
|
|
79
79
|
}
|
|
80
|
-
},
|
|
81
|
-
onClick: (
|
|
82
|
-
|
|
80
|
+
}, D = L.map((a) => typeof a == "number" ? {
|
|
81
|
+
onClick: (g) => {
|
|
82
|
+
C(g, a);
|
|
83
83
|
},
|
|
84
84
|
type: "page",
|
|
85
|
-
page:
|
|
86
|
-
selected:
|
|
87
|
-
disabled:
|
|
88
|
-
"aria-current":
|
|
85
|
+
page: a,
|
|
86
|
+
selected: a === o,
|
|
87
|
+
disabled: c,
|
|
88
|
+
"aria-current": a === o ? "true" : void 0
|
|
89
89
|
} : {
|
|
90
|
-
onClick: (
|
|
91
|
-
|
|
90
|
+
onClick: (g) => {
|
|
91
|
+
C(g, B(a));
|
|
92
92
|
},
|
|
93
|
-
type:
|
|
94
|
-
page: B(
|
|
93
|
+
type: a,
|
|
94
|
+
page: B(a),
|
|
95
95
|
selected: !1,
|
|
96
|
-
disabled:
|
|
96
|
+
disabled: c || a.indexOf("ellipsis") === -1 && (a === "next" || a === "last" ? o >= s : o <= 1)
|
|
97
97
|
});
|
|
98
|
-
return
|
|
99
|
-
items:
|
|
100
|
-
},
|
|
98
|
+
return E({
|
|
99
|
+
items: D
|
|
100
|
+
}, d);
|
|
101
101
|
}
|
|
102
|
-
const
|
|
103
|
-
"u-typography-h1": "_u-typography-
|
|
104
|
-
"u-typography-h2": "_u-typography-
|
|
105
|
-
"u-typography-h3": "_u-typography-
|
|
106
|
-
"u-typography-h4": "_u-typography-
|
|
107
|
-
"u-typography-h5": "_u-typography-
|
|
108
|
-
"u-typography-h6": "_u-typography-
|
|
109
|
-
"u-typography-base": "_u-typography-
|
|
110
|
-
pagination:
|
|
111
|
-
"per-page-container": "_per-page-
|
|
112
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
113
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
114
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
115
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
116
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
117
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
118
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
119
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
120
|
-
"
|
|
121
|
-
"pages-navigator-
|
|
122
|
-
"page-
|
|
123
|
-
"
|
|
124
|
-
"
|
|
125
|
-
|
|
102
|
+
const W = "_pagination_19imj_43", u = {
|
|
103
|
+
"u-typography-h1": "_u-typography-h1_19imj_1",
|
|
104
|
+
"u-typography-h2": "_u-typography-h2_19imj_8",
|
|
105
|
+
"u-typography-h3": "_u-typography-h3_19imj_15",
|
|
106
|
+
"u-typography-h4": "_u-typography-h4_19imj_22",
|
|
107
|
+
"u-typography-h5": "_u-typography-h5_19imj_29",
|
|
108
|
+
"u-typography-h6": "_u-typography-h6_19imj_36",
|
|
109
|
+
"u-typography-base": "_u-typography-base_19imj_43",
|
|
110
|
+
pagination: W,
|
|
111
|
+
"per-page-container": "_per-page-container_19imj_43",
|
|
112
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_19imj_48",
|
|
113
|
+
"u-typography-base--xl": "_u-typography-base--xl_19imj_52",
|
|
114
|
+
"u-typography-base--lg": "_u-typography-base--lg_19imj_56",
|
|
115
|
+
"u-typography-base--sm": "_u-typography-base--sm_19imj_60",
|
|
116
|
+
"u-typography-base--bold": "_u-typography-base--bold_19imj_64",
|
|
117
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_19imj_67",
|
|
118
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_19imj_70",
|
|
119
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_19imj_73",
|
|
120
|
+
"per-page-container__select": "_per-page-container__select_19imj_90",
|
|
121
|
+
"pages-navigator-container": "_pages-navigator-container_19imj_97",
|
|
122
|
+
"page-item": "_page-item_19imj_114",
|
|
123
|
+
"page-number__btn": "_page-number__btn_19imj_114",
|
|
124
|
+
"pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_19imj_133",
|
|
125
|
+
"page-number__btn--selected": "_page-number__btn--selected_19imj_158"
|
|
126
|
+
}, q = {
|
|
126
127
|
pt: {
|
|
127
128
|
showing: "Exibindo",
|
|
128
129
|
of: "de",
|
|
@@ -137,91 +138,91 @@ const T = "_pagination_ondmz_43", u = {
|
|
|
137
138
|
previous: "Previous",
|
|
138
139
|
next: "Next"
|
|
139
140
|
}
|
|
140
|
-
}, U = ({ perPageOptions:
|
|
141
|
-
const
|
|
142
|
-
count:
|
|
141
|
+
}, U = ({ perPageOptions: l = [5, 10, 25, 50, 100], language: n = "en", ...e }) => {
|
|
142
|
+
const s = Math.ceil(e.totalItems / e.perPage), b = e.currentPage <= 1, c = e.currentPage >= s, x = e.t || q[n], _ = (t) => x[t], { items: p } = T({
|
|
143
|
+
count: s,
|
|
143
144
|
hideNextButton: !0,
|
|
144
145
|
hidePrevButton: !0,
|
|
145
146
|
page: e.currentPage,
|
|
146
147
|
siblingCount: 1,
|
|
147
148
|
boundaryCount: 2,
|
|
148
|
-
onChange: (t,
|
|
149
|
+
onChange: (t, r) => e.onPageChange(r)
|
|
149
150
|
});
|
|
150
|
-
return /* @__PURE__ */
|
|
151
|
-
/* @__PURE__ */
|
|
151
|
+
return /* @__PURE__ */ m("div", { className: y(u.pagination, e.className), "data-testid": e["data-testid"], children: [
|
|
152
|
+
/* @__PURE__ */ i(
|
|
152
153
|
"div",
|
|
153
154
|
{
|
|
154
155
|
className: y(u["per-page-container"], e.classNamePerPage),
|
|
155
156
|
"data-testid": e["data-testid-per-page"],
|
|
156
|
-
children:
|
|
157
|
-
/* @__PURE__ */
|
|
158
|
-
/* @__PURE__ */
|
|
157
|
+
children: l && /* @__PURE__ */ m(k, { children: [
|
|
158
|
+
/* @__PURE__ */ i("span", { children: _`showing` }),
|
|
159
|
+
/* @__PURE__ */ i(
|
|
159
160
|
w,
|
|
160
161
|
{
|
|
161
162
|
className: u["per-page-container__select"],
|
|
162
163
|
value: String(e.perPage),
|
|
163
164
|
onChange: (t) => e.onRowsPerPageChange(Number(t)),
|
|
164
|
-
children:
|
|
165
|
-
const
|
|
166
|
-
return /* @__PURE__ */
|
|
165
|
+
children: l == null ? void 0 : l.map((t) => {
|
|
166
|
+
const r = typeof t == "number";
|
|
167
|
+
return /* @__PURE__ */ i(
|
|
167
168
|
w.Option,
|
|
168
169
|
{
|
|
169
|
-
value: String(
|
|
170
|
-
children:
|
|
170
|
+
value: String(r ? t : t.value),
|
|
171
|
+
children: r ? t : t.label
|
|
171
172
|
},
|
|
172
|
-
`per-page__${
|
|
173
|
+
`per-page__${r ? t : t.value}`
|
|
173
174
|
);
|
|
174
175
|
})
|
|
175
176
|
}
|
|
176
177
|
),
|
|
177
|
-
/* @__PURE__ */
|
|
178
|
-
|
|
178
|
+
/* @__PURE__ */ m("span", { children: [
|
|
179
|
+
_`of`,
|
|
179
180
|
" ",
|
|
180
|
-
/* @__PURE__ */
|
|
181
|
+
/* @__PURE__ */ i("strong", { children: e.totalItems }),
|
|
181
182
|
" ",
|
|
182
|
-
|
|
183
|
+
_`results`
|
|
183
184
|
] })
|
|
184
185
|
] })
|
|
185
186
|
}
|
|
186
187
|
),
|
|
187
|
-
/* @__PURE__ */
|
|
188
|
+
/* @__PURE__ */ m(
|
|
188
189
|
"div",
|
|
189
190
|
{
|
|
190
191
|
className: y(u["pages-navigator-container"], e.classNamePagesNav),
|
|
191
192
|
"data-testid": e["data-testid-pages-nav"],
|
|
192
193
|
children: [
|
|
193
|
-
/* @__PURE__ */
|
|
194
|
+
/* @__PURE__ */ i(
|
|
194
195
|
"button",
|
|
195
196
|
{
|
|
196
197
|
className: u["pages-navigator-container__previous-next-btn"],
|
|
197
|
-
disabled:
|
|
198
|
+
disabled: b,
|
|
198
199
|
onClick: () => e.onPageChange(e.currentPage - 1),
|
|
199
200
|
type: "button",
|
|
200
|
-
children:
|
|
201
|
+
children: _`previous`
|
|
201
202
|
},
|
|
202
203
|
"page__previous"
|
|
203
204
|
),
|
|
204
|
-
/* @__PURE__ */
|
|
205
|
-
let
|
|
206
|
-
return
|
|
205
|
+
/* @__PURE__ */ i("ul", { children: p.map(({ page: t, type: r, selected: f, ...h }, d) => {
|
|
206
|
+
let o = /* @__PURE__ */ i(k, {});
|
|
207
|
+
return r === "start-ellipsis" || r === "end-ellipsis" ? o = /* @__PURE__ */ i("span", { className: u["page-item"], children: "..." }) : r === "page" ? o = /* @__PURE__ */ i(
|
|
207
208
|
"button",
|
|
208
209
|
{
|
|
209
|
-
className: y(u["page-number__btn"],
|
|
210
|
+
className: y(u["page-number__btn"], f && u["page-number__btn--selected"]),
|
|
210
211
|
onClick: () => e.onPageChange(t || 0),
|
|
211
212
|
type: "button",
|
|
212
213
|
children: t
|
|
213
214
|
},
|
|
214
|
-
`page__${
|
|
215
|
-
) :
|
|
215
|
+
`page__${d}`
|
|
216
|
+
) : o = /* @__PURE__ */ i("button", { type: "button", ...h, children: r }), /* @__PURE__ */ i("li", { children: o }, d);
|
|
216
217
|
}) }),
|
|
217
|
-
/* @__PURE__ */
|
|
218
|
+
/* @__PURE__ */ i(
|
|
218
219
|
"button",
|
|
219
220
|
{
|
|
220
221
|
className: u["pages-navigator-container__previous-next-btn"],
|
|
221
|
-
disabled:
|
|
222
|
+
disabled: c,
|
|
222
223
|
onClick: () => e.onPageChange(e.currentPage + 1),
|
|
223
224
|
type: "button",
|
|
224
|
-
children:
|
|
225
|
+
children: _`next`
|
|
225
226
|
},
|
|
226
227
|
"page__next"
|
|
227
228
|
)
|
|
@@ -232,5 +233,5 @@ const T = "_pagination_ondmz_43", u = {
|
|
|
232
233
|
};
|
|
233
234
|
export {
|
|
234
235
|
U as Pagination,
|
|
235
|
-
|
|
236
|
+
q as paginationDefaultTranslations
|
|
236
237
|
};
|
|
@@ -19,42 +19,42 @@ const t = {
|
|
|
19
19
|
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_zizdh_67",
|
|
20
20
|
"u-typography-base--underlined": "_u-typography-base--underlined_zizdh_70",
|
|
21
21
|
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_zizdh_73"
|
|
22
|
-
},
|
|
23
|
-
const
|
|
24
|
-
let
|
|
25
|
-
return
|
|
26
|
-
}, T = m((
|
|
22
|
+
}, $ = (e) => {
|
|
23
|
+
const a = e.toString();
|
|
24
|
+
let r = "base";
|
|
25
|
+
return a.match(/^h[1-6]/) && (r = a), r;
|
|
26
|
+
}, T = m((e, a) => {
|
|
27
27
|
const {
|
|
28
|
-
children:
|
|
28
|
+
children: r,
|
|
29
29
|
className: s,
|
|
30
30
|
underline: y = !1,
|
|
31
31
|
element: u = "span",
|
|
32
32
|
bold: i = !1,
|
|
33
33
|
color: d,
|
|
34
|
-
variant:
|
|
35
|
-
strikethrough:
|
|
34
|
+
variant: _ = $(u),
|
|
35
|
+
strikethrough: h = !1,
|
|
36
36
|
elementProps: n
|
|
37
|
-
} =
|
|
38
|
-
const
|
|
39
|
-
return
|
|
40
|
-
t[
|
|
41
|
-
{ [t[`${
|
|
37
|
+
} = e, l = u, z = c(() => {
|
|
38
|
+
const o = `u-typography-${f(_)}`, g = k(o), p = x(o);
|
|
39
|
+
return B(
|
|
40
|
+
t[g],
|
|
41
|
+
{ [t[`${o}`]]: o !== g },
|
|
42
42
|
s,
|
|
43
43
|
{ [t[`${p}--bold`]]: i },
|
|
44
44
|
{ [t[`${p}--underlined`]]: y },
|
|
45
|
-
{ [t[`${p}--strikethrough`]]:
|
|
46
|
-
{ [t[`${p}--strikethrough-underlined`]]:
|
|
45
|
+
{ [t[`${p}--strikethrough`]]: h },
|
|
46
|
+
{ [t[`${p}--strikethrough-underlined`]]: h && h && y }
|
|
47
47
|
);
|
|
48
|
-
}, [i, s,
|
|
48
|
+
}, [i, s, h, y, _]);
|
|
49
49
|
return /* @__PURE__ */ b(
|
|
50
50
|
l,
|
|
51
51
|
{
|
|
52
52
|
style: { color: d },
|
|
53
|
-
ref:
|
|
54
|
-
"data-testid":
|
|
53
|
+
ref: a,
|
|
54
|
+
"data-testid": e["data-testid"],
|
|
55
55
|
...n ?? {},
|
|
56
56
|
className: z,
|
|
57
|
-
children:
|
|
57
|
+
children: r
|
|
58
58
|
}
|
|
59
59
|
);
|
|
60
60
|
});
|