@pismo/marola 0.0.1-alpha.20 → 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 +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/components/Advice/Advice.js +29 -29
- package/dist/components/Icon/Icon.js +9 -9
- package/dist/components/Pagination/Pagination.js +116 -115
- package/dist/components/Typography/Typography.js +19 -19
- package/package.json +1 -1
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,6 +1,6 @@
|
|
|
1
|
-
import { jsxs as s, jsx as
|
|
1
|
+
import { jsxs as s, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import * as e from "react";
|
|
3
|
-
const C = (t) => /* @__PURE__ */ e.createElement("svg", {
|
|
3
|
+
const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2488_13332)" }, /* @__PURE__ */ e.createElement("path", { d: "M7 8C9.20938 8 11 6.20906 11 4C11 1.79094 9.20938 0 7 0C4.79063 0 3 1.79094 3 4C3 6.20906 4.79063 8 7 8ZM8.58438 9.5H5.41563C2.42406 9.5 0 11.925 0 14.9156C0 15.5156 0.485 16 1.08312 16H12.9156C13.5156 16 14 15.5156 14 14.9156C14 11.925 11.575 9.5 8.58438 9.5Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M14.9719 10H12.6641C14.1 11.1781 15 12.9406 15 14.9156C15 15.3156 14.8813 15.6844 14.6875 16H19C19.5531 16 20 15.55 20 14.9719C20 12.2375 17.7625 10 14.9719 10ZM13.5 8C15.4344 8 17 6.43437 17 4.5C17 2.56562 15.4344 1 13.5 1C12.7153 1 11.9988 1.26734 11.415 1.70344C11.775 2.39469 12 3.16875 12 4C12 5.11 11.6272 6.12938 11.0128 6.95969C11.6469 7.6 12.525 8 13.5 8Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2488_13332" }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 16, fill: "white" })))), i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/arrow-down-arrow-up", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
4
4
|
fill: "currentcolor",
|
|
5
5
|
color: "currentcolor",
|
|
6
6
|
width: "1em",
|
|
@@ -61,7 +61,7 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 16,
|
|
|
61
61
|
.fa-secondary {
|
|
62
62
|
opacity: .4
|
|
63
63
|
}
|
|
64
|
-
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })), y = (t) => /* @__PURE__ */ e.createElement("svg", {
|
|
64
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })), y = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20246)" }, /* @__PURE__ */ e.createElement("path", { d: "M14 5C15.1031 5 16 5.89688 16 7V14C16 15.1031 15.1031 16 14 16H2C0.895313 16 0 15.1031 0 14V7C0 5.89688 0.895313 5 2 5H14Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M13.75 4H2.25C1.83594 4 1.5 3.66563 1.5 3.25C1.5 2.83594 1.83594 2.5 2.25 2.5H13.75C14.1656 2.5 14.5 2.83594 14.5 3.25C14.5 3.66563 14.1656 4 13.75 4ZM12.25 1.5H3.75C3.33438 1.5 3 1.16406 3 0.75C3 0.335938 3.33438 0 3.75 0H12.25C12.6656 0 13 0.335938 13 0.75C13 1.16406 12.6656 1.5 12.25 1.5Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20246" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white" })))), E = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20237)" }, /* @__PURE__ */ e.createElement("path", { d: "M1.25719 3.49676L9.62813 0.148412C9.86563 0.0530684 10.1344 0.0530684 10.3719 0.148412L18.7437 3.49676C19.5031 3.79988 20 4.53738 20 5.35301V15.2499C20 15.6655 19.6656 15.9999 19.25 15.9999H17.75C17.3344 15.9999 17 15.6655 17 15.2499V6.97176C17 6.44676 16.5531 5.97176 16 5.97176H4C3.44688 5.97176 3 6.44676 3 6.97176V15.2499C3 15.6655 2.66406 15.9999 2.25 15.9999H0.75C0.335938 15.9999 0 15.6655 0 15.2499V5.35301C0 4.53738 0.497813 3.79988 1.25719 3.49676Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M4 7.75C4 7.33437 4.33437 7 4.75 7H9.25C9.66563 7 10 7.33437 10 7.75V10.25C10 10.6656 9.66563 11 9.25 11H4.75C4.33437 11 4 10.6656 4 10.25V7.75ZM11 12.75C11 12.3344 11.3344 12 11.75 12H15.25C15.6656 12 16 12.3344 16 12.75V15.25C16 15.6656 15.6656 16 15.25 16H11.75C11.3344 16 11 15.6656 11 15.25V12.75ZM9.25 12C9.66563 12 10 12.3344 10 12.75V15.25C10 15.6656 9.66563 16 9.25 16H4.75C4.33437 16 4 15.6656 4 15.25V12.75C4 12.3344 4.33437 12 4.75 12H9.25Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20237" }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 16, fill: "white" })))), v = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", "data-waves-icon": "fa/duotone/xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
65
65
|
fill: "currentcolor",
|
|
66
66
|
color: "currentcolor",
|
|
67
67
|
width: "1em",
|
|
@@ -88,9 +88,9 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 16,
|
|
|
88
88
|
"fa/duotone/lock-keyhole": u,
|
|
89
89
|
"fa/duotone/magnifying-glass": p,
|
|
90
90
|
"fa/duotone/xmark": v,
|
|
91
|
-
"warehouse-full": E,
|
|
92
|
-
"rectangle-history": y,
|
|
93
|
-
"account-group": C,
|
|
91
|
+
"fa/duotone/warehouse-full": E,
|
|
92
|
+
"fa/duotone/rectangle-history": y,
|
|
93
|
+
"fa/duotone/account-group": C,
|
|
94
94
|
"pi/logo": M
|
|
95
95
|
}, L = {
|
|
96
96
|
"fa/duotone": [
|
|
@@ -110,11 +110,11 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 16,
|
|
|
110
110
|
],
|
|
111
111
|
pi: ["logo"]
|
|
112
112
|
}, H = ({ iconFamily: t, icon: o, size: l, color: n }) => {
|
|
113
|
-
const r = `${t ?? "fa/duotone"}/${o}`,
|
|
113
|
+
const r = `${t ?? "fa/duotone"}/${o}`, a = V[r] ?? /* @__PURE__ */ s("span", { title: r, children: [
|
|
114
114
|
"ERROR ICON ",
|
|
115
|
-
/* @__PURE__ */
|
|
115
|
+
/* @__PURE__ */ c(H, { icon: "circle-exclamation" })
|
|
116
116
|
] });
|
|
117
|
-
return
|
|
117
|
+
return a && /* @__PURE__ */ c(a, { style: { color: n, height: l, width: l } });
|
|
118
118
|
};
|
|
119
119
|
export {
|
|
120
120
|
L as FamilyAndIcons,
|
|
@@ -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
|
});
|