infinity-forge 0.0.3 → 0.0.4
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/sites/components/brands-carousel/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/system/components/data/pagination/index.d.ts +0 -2
- package/dist/system/components/data/pagination/index.js +0 -65
- package/dist/system/components/data/pagination/index.js.map +0 -1
- package/dist/system/components/data/pagination/interfaces.d.ts +0 -9
- package/dist/system/components/data/pagination/interfaces.js +0 -3
- package/dist/system/components/data/pagination/interfaces.js.map +0 -1
- package/dist/system/components/data/pagination/service.d.ts +0 -25
- package/dist/system/components/data/pagination/service.js +0 -53
- package/dist/system/components/data/pagination/service.js.map +0 -1
- package/dist/system/components/data/pagination/styles.d.ts +0 -2
- package/dist/system/components/data/pagination/styles.js +0 -14
- package/dist/system/components/data/pagination/styles.js.map +0 -1
- package/dist/ui/components/pagination/index.d.ts +0 -2
- package/dist/ui/components/pagination/index.js +0 -59
- package/dist/ui/components/pagination/index.js.map +0 -1
- package/dist/ui/components/pagination/interfaces.d.ts +0 -7
- package/dist/ui/components/pagination/interfaces.js +0 -3
- package/dist/ui/components/pagination/interfaces.js.map +0 -1
- package/dist/ui/components/pagination/styles.d.ts +0 -2
- package/dist/ui/components/pagination/styles.js +0 -14
- package/dist/ui/components/pagination/styles.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/sites/components/brands-carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/sites/components/brands-carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,8DAAkC;AAClC,0CAA6B;AAE7B,SAAgB,aAAa;IAC3B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,gBAAgB,YAC1B,uBAAC,CAAC,CAAC,cAAc,cACf,wBAAC,sBAAM,IAAC,SAAS,QAAC,SAAS,QAAC,OAAO,QAAC,YAAY,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,aACpE,gDAAY,EACZ,gDAAY,EACZ,gDAAY,EACZ,gDAAY,EACZ,gDAAY,IACL,GACQ,GACb,CACT,CAAA;AACH,CAAC;AAdD,sCAcC"}
|
package/package.json
CHANGED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.Pagination = void 0;
|
|
27
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
-
var react_1 = require("react");
|
|
29
|
-
var router_1 = require("next/router");
|
|
30
|
-
var ui_1 = require("@/ui");
|
|
31
|
-
var service_1 = require("./service");
|
|
32
|
-
var S = __importStar(require("./styles"));
|
|
33
|
-
function Pagination(_a) {
|
|
34
|
-
var pageSize = _a.pageSize, pageIndex = _a.pageIndex, totalItems = _a.totalItems, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage, lastPage = _a.lastPage;
|
|
35
|
-
var _b = (0, react_1.useState)(null), pagination = _b[0], setPagination = _b[1];
|
|
36
|
-
var router = (0, router_1.useRouter)();
|
|
37
|
-
var routerBuild = (0, ui_1.createRouterBuild)(router);
|
|
38
|
-
(0, react_1.useEffect)(function () {
|
|
39
|
-
if (router.isReady) {
|
|
40
|
-
setPagination((0, service_1.paginate)({
|
|
41
|
-
totalPages: lastPage,
|
|
42
|
-
pageSize: pageSize,
|
|
43
|
-
totalItems: totalItems,
|
|
44
|
-
hasNextPage: hasNextPage,
|
|
45
|
-
hasPreviousPage: hasPreviousPage,
|
|
46
|
-
currentPage: Number(router.query.pageIndex) <= 0 || !router.query.pageIndex ? 1 : Number(router.query.pageIndex),
|
|
47
|
-
}));
|
|
48
|
-
}
|
|
49
|
-
}, [router.isReady]);
|
|
50
|
-
function onSelect(page) {
|
|
51
|
-
var inputToFocus = document.getElementById('target-focus');
|
|
52
|
-
inputToFocus === null || inputToFocus === void 0 ? void 0 : inputToFocus.focus();
|
|
53
|
-
return routerBuild.updateRouteParam('pageIndex', page.toString());
|
|
54
|
-
}
|
|
55
|
-
if (!pagination || pagination.pages.length === 1) {
|
|
56
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
57
|
-
}
|
|
58
|
-
return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { style: { display: pageIndex == 1 ? 'none' : 'block' }, onClick: function () { return onSelect(pageIndex - 1); }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '12', height: '11', viewBox: '0 0 12 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.72908 10.8085L0.757645 6.21454C0.480199 5.95796 0.480199 5.54167 0.757645 5.28647L5.72908 0.692535C6.00693 0.435822 6.45599 0.435822 6.73384 0.692535C7.01128 0.947784 7.01128 1.36394 6.73384 1.62061L2.97484 5.09366H11.2031C11.5959 5.09366 11.9138 5.38754 11.9138 5.7505C11.9138 6.11218 11.5959 6.40602 11.2031 6.40602H2.97325L6.73384 9.8804C7.01128 10.1357 7.01128 10.5519 6.73384 10.8085C6.59551 10.9362 6.41279 11 6.23166 11C6.05013 11 5.869 10.9362 5.72908 10.8085Z', fill: '#808080' }) }) })), pagination.pages.map(function (pageItem) {
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "font-14-regular ".concat(pagination.page === pageItem ? 'active' : ''), onClick: function () { return onSelect(pageItem); }, children: pageItem }, "".concat(pageItem, "-pagination}")));
|
|
60
|
-
}), hasNextPage && ((0, jsx_runtime_1.jsx)("span", { style: {
|
|
61
|
-
display: pagination.pages[pagination.pages.length - 1] == pagination.page ? 'none' : 'block',
|
|
62
|
-
}, onClick: function () { return onSelect(pagination.page + 1); }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '12', height: '11', viewBox: '0 0 12 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M6.82048 10.8085L11.7919 6.21454C12.0694 5.95796 12.0694 5.54167 11.7919 5.28647L6.82048 0.692535C6.54263 0.435822 6.09357 0.435822 5.81572 0.692535C5.53828 0.947785 5.53828 1.36394 5.81572 1.62061L9.57472 5.09366H1.34646C0.953677 5.09366 0.635805 5.38754 0.635805 5.7505C0.635805 6.11218 0.953677 6.40602 1.34646 6.40602H9.57631L5.81572 9.8804C5.53828 10.1357 5.53828 10.5519 5.81572 10.8085C5.95405 10.9362 6.13677 11 6.3179 11C6.49943 11 6.68056 10.9362 6.82048 10.8085Z', fill: '#808080' }) }) }))] }));
|
|
63
|
-
}
|
|
64
|
-
exports.Pagination = Pagination;
|
|
65
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/components/data/pagination/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/system/components/data/pagination/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
interface IPagination {
|
|
2
|
-
totalItems: number;
|
|
3
|
-
page: number;
|
|
4
|
-
pageSize: number;
|
|
5
|
-
totalPages: number;
|
|
6
|
-
startPage: number;
|
|
7
|
-
endPage: number;
|
|
8
|
-
startIndex: number;
|
|
9
|
-
endIndex: number;
|
|
10
|
-
pages: number[];
|
|
11
|
-
hasPreviousPage: boolean;
|
|
12
|
-
hasNextPage: boolean;
|
|
13
|
-
}
|
|
14
|
-
interface IPaginationProps {
|
|
15
|
-
totalItems: number;
|
|
16
|
-
currentPage?: number;
|
|
17
|
-
pageSize?: number;
|
|
18
|
-
maxPages?: number;
|
|
19
|
-
hasPreviousPage: boolean;
|
|
20
|
-
hasNextPage: boolean;
|
|
21
|
-
totalPages: number;
|
|
22
|
-
}
|
|
23
|
-
declare function paginate({ totalItems, currentPage, pageSize, maxPages, hasNextPage, hasPreviousPage, totalPages, }: IPaginationProps): IPagination;
|
|
24
|
-
export { paginate };
|
|
25
|
-
export type { IPagination, IPaginationProps };
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.paginate = void 0;
|
|
4
|
-
function paginate(_a) {
|
|
5
|
-
var totalItems = _a.totalItems, _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, _c = _a.pageSize, pageSize = _c === void 0 ? 40 : _c, _d = _a.maxPages, maxPages = _d === void 0 ? 3 : _d, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage, totalPages = _a.totalPages;
|
|
6
|
-
var page = currentPage;
|
|
7
|
-
if (page < 1) {
|
|
8
|
-
page = 1;
|
|
9
|
-
}
|
|
10
|
-
else if (page > totalPages) {
|
|
11
|
-
page = totalPages;
|
|
12
|
-
}
|
|
13
|
-
var startPage;
|
|
14
|
-
var endPage;
|
|
15
|
-
if (totalPages <= maxPages) {
|
|
16
|
-
startPage = 1;
|
|
17
|
-
endPage = totalPages;
|
|
18
|
-
}
|
|
19
|
-
else {
|
|
20
|
-
var maxPagesBeforeCurrentPage = Math.floor(maxPages / 2);
|
|
21
|
-
var maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1;
|
|
22
|
-
if (page <= maxPagesBeforeCurrentPage) {
|
|
23
|
-
startPage = 1;
|
|
24
|
-
endPage = maxPages;
|
|
25
|
-
}
|
|
26
|
-
else if (page + maxPagesAfterCurrentPage >= totalPages) {
|
|
27
|
-
startPage = totalPages - maxPages + 1;
|
|
28
|
-
endPage = totalPages;
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
startPage = page - maxPagesBeforeCurrentPage;
|
|
32
|
-
endPage = page + maxPagesAfterCurrentPage;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
var startIndex = (page - 1) * pageSize;
|
|
36
|
-
var endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);
|
|
37
|
-
var pages = Array.from(Array(endPage + 1 - startPage).keys()).map(function (i) { return startPage + i; });
|
|
38
|
-
return {
|
|
39
|
-
page: page,
|
|
40
|
-
pages: pages,
|
|
41
|
-
endPage: endPage,
|
|
42
|
-
pageSize: pageSize,
|
|
43
|
-
startPage: startPage,
|
|
44
|
-
startIndex: startIndex,
|
|
45
|
-
endIndex: endIndex,
|
|
46
|
-
totalPages: totalPages,
|
|
47
|
-
totalItems: totalItems,
|
|
48
|
-
hasNextPage: hasNextPage,
|
|
49
|
-
hasPreviousPage: hasPreviousPage,
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
exports.paginate = paginate;
|
|
53
|
-
//# sourceMappingURL=service.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../../src/system/components/data/pagination/service.ts"],"names":[],"mappings":";;;AAwBA,SAAS,QAAQ,CAAC,EAQC;QAPjB,UAAU,gBAAA,EACV,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,UAAU,gBAAA;IAEV,IAAI,IAAI,GAAG,WAAW,CAAA;IAEtB,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACb,IAAI,GAAG,CAAC,CAAA;IACV,CAAC;SAAM,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;QAC7B,IAAI,GAAG,UAAU,CAAA;IACnB,CAAC;IAED,IAAI,SAAiB,CAAA;IACrB,IAAI,OAAe,CAAA;IACnB,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QAC3B,SAAS,GAAG,CAAC,CAAA;QACb,OAAO,GAAG,UAAU,CAAA;IACtB,CAAC;SAAM,CAAC;QACN,IAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;QAC1D,IAAM,wBAAwB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QAC5D,IAAI,IAAI,IAAI,yBAAyB,EAAE,CAAC;YACtC,SAAS,GAAG,CAAC,CAAA;YACb,OAAO,GAAG,QAAQ,CAAA;QACpB,CAAC;aAAM,IAAI,IAAI,GAAG,wBAAwB,IAAI,UAAU,EAAE,CAAC;YACzD,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAA;YACrC,OAAO,GAAG,UAAU,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,IAAI,GAAG,yBAAyB,CAAA;YAC5C,OAAO,GAAG,IAAI,GAAG,wBAAwB,CAAA;QAC3C,CAAC;IACH,CAAC;IAED,IAAM,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAA;IACxC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAA;IAEpE,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,SAAS,GAAG,CAAC,EAAb,CAAa,CAAC,CAAA;IAEzF,OAAO;QACL,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,UAAU,YAAA;QACV,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;KAChB,CAAA;AACH,CAAC;AAEQ,4BAAQ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const PaginationStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.PaginationStyle = void 0;
|
|
11
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.PaginationStyle = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 13px;\n\n button,\n span {\n width: 28px;\n height: 28px;\n border-radius: 5px;\n border: 1px solid var(--theme-color-extra-light);\n background-color: ", ";\n color: #808080;\n display: flex !important;\n align-items: center;\n justify-content: center;\n\n line-height: 23px;\n }\n\n button.active {\n background-color: ", ";\n color: #fff;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 13px;\n\n button,\n span {\n width: 28px;\n height: 28px;\n border-radius: 5px;\n border: 1px solid var(--theme-color-extra-light);\n background-color: ", ";\n color: #808080;\n display: flex !important;\n align-items: center;\n justify-content: center;\n\n line-height: 23px;\n }\n\n button.active {\n background-color: ", ";\n color: #fff;\n }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.secondaryColor) || 'unset'; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#464646'; });
|
|
13
|
-
var templateObject_1;
|
|
14
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/components/data/pagination/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,whBAAA,0PAYjB,EAAkD,2LAUlD,EAAkD,4BAGzE,KAbuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,cAAc,KAAI,OAAO,CAAA,EAAA,EAUlD,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,SAAS,CAAA,EAAA,EAGzE"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.Pagination = void 0;
|
|
27
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
-
var error_boundary_1 = require("../error-boundary");
|
|
29
|
-
var S = __importStar(require("./styles"));
|
|
30
|
-
function Pagination(_a) {
|
|
31
|
-
var pages = _a.pages, currentPage = _a.currentPage, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage, onSelect = _a.onSelect;
|
|
32
|
-
if (pages.length === 1) {
|
|
33
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
34
|
-
}
|
|
35
|
-
var goToTopPage = function () {
|
|
36
|
-
window.location.href = '#inicio';
|
|
37
|
-
};
|
|
38
|
-
var handlePaginationButton = function (pageItem) {
|
|
39
|
-
goToTopPage();
|
|
40
|
-
return onSelect(pageItem);
|
|
41
|
-
};
|
|
42
|
-
var handleRightButton = function (currentPage) {
|
|
43
|
-
goToTopPage();
|
|
44
|
-
return onSelect(currentPage + 1);
|
|
45
|
-
};
|
|
46
|
-
var handleLeftButton = function (currentPage) {
|
|
47
|
-
goToTopPage();
|
|
48
|
-
return onSelect(currentPage - 1);
|
|
49
|
-
};
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'PaginationComponent', children: (0, jsx_runtime_1.jsxs)(S.PaginationStyle, { className: 'pagination', children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { style: { display: currentPage == 1 ? 'none' : 'flex' }, className: 'paragraph-4-bold tk-proxima-nova filson previus', onClick: function () { return handleLeftButton(currentPage); }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '8', height: '12', viewBox: '0 0 8 12', children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("g", { transform: 'rotate(-90 4 6)', children: (0, jsx_runtime_1.jsx)("path", { fill: 'none', strokeLinecap: 'round', strokeLinejoin: 'round', strokeMiterlimit: '20', d: 'M9 3v0L4 9v0l-5-6v0', stroke: '#000' }) }) }) }) })), pages.map(function (pageItem) {
|
|
51
|
-
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(currentPage === pageItem
|
|
52
|
-
? 'paragraph-4-bold tk-proxima-nova filson active'
|
|
53
|
-
: 'paragraph-4-bold tk-proxima-nova filson'), onClick: function () { return handlePaginationButton(pageItem); }, children: pageItem }, "".concat(pageItem, "-pagination}")));
|
|
54
|
-
}), hasNextPage && ((0, jsx_runtime_1.jsx)("button", { style: {
|
|
55
|
-
display: pages[pages.length - 1] == currentPage ? 'none' : 'flex',
|
|
56
|
-
}, className: 'paragraph-4-bold tk-proxima-nova filson', onClick: function () { return handleRightButton(currentPage); }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '8', height: '12', viewBox: '0 0 8 12', children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("g", { transform: 'rotate(-90 4 6)', children: (0, jsx_runtime_1.jsx)("path", { fill: 'none', strokeLinecap: 'round', strokeLinejoin: 'round', strokeMiterlimit: '20', d: 'M9 3v0L4 9v0l-5-6v0', stroke: '#000' }) }) }) }) }))] }) }));
|
|
57
|
-
}
|
|
58
|
-
exports.Pagination = Pagination;
|
|
59
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const PaginationStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.PaginationStyle = void 0;
|
|
11
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.PaginationStyle = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 40px auto;\n\n .filson {\n width: 50px;\n height: 50px;\n border-radius: 5px;\n background-color: transparent;\n color: #000;\n border: 1px solid #000;\n margin: 0 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .previus {\n svg {\n transform: rotate(180deg);\n }\n }\n\n button.active {\n background-color: #000;\n color: #fff;\n }\n\n button.active:hover {\n background-color: #000;\n color: #fff;\n }\n\n .filson:hover {\n background-color: #000;\n color: #fff;\n\n path {\n background-color: red;\n stroke: #fff !important;\n }\n }\n\n span {\n color: #fff;\n stroke: ", ";\n }\n\n @media only screen and (max-width: 1600px) {\n margin-top: 35px;\n\n .filson {\n width: 47px;\n height: 47px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n margin-top: 30px;\n\n .filson {\n width: 44px;\n height: 44px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n margin-top: 25px;\n\n .filson {\n width: 41px;\n height: 41px;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n margin-top: 20px;\n\n .filson {\n width: 38px;\n height: 38px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n }\n\n @media only screen and (max-width: 500px) {\n margin-top: 15px;\n\n .filson {\n font-size: 12px;\n width: 34px;\n height: 34px;\n\n svg {\n width: 6px;\n }\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 40px auto;\n\n .filson {\n width: 50px;\n height: 50px;\n border-radius: 5px;\n background-color: transparent;\n color: #000;\n border: 1px solid #000;\n margin: 0 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .previus {\n svg {\n transform: rotate(180deg);\n }\n }\n\n button.active {\n background-color: #000;\n color: #fff;\n }\n\n button.active:hover {\n background-color: #000;\n color: #fff;\n }\n\n .filson:hover {\n background-color: #000;\n color: #fff;\n\n path {\n background-color: red;\n stroke: #fff !important;\n }\n }\n\n span {\n color: #fff;\n stroke: ", ";\n }\n\n @media only screen and (max-width: 1600px) {\n margin-top: 35px;\n\n .filson {\n width: 47px;\n height: 47px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n margin-top: 30px;\n\n .filson {\n width: 44px;\n height: 44px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n margin-top: 25px;\n\n .filson {\n width: 41px;\n height: 41px;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n margin-top: 20px;\n\n .filson {\n width: 38px;\n height: 38px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n }\n\n @media only screen and (max-width: 500px) {\n margin-top: 15px;\n\n .filson {\n font-size: 12px;\n width: 34px;\n height: 34px;\n\n svg {\n width: 6px;\n }\n }\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
13
|
-
var templateObject_1;
|
|
14
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,iqDAAA,6wBA+C3B,EAAmC,+0BAuDhD,KAvDa,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAuD/C"}
|