infinity-forge 1.6.5 → 1.6.8
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/default-pages/blog/interfaces.d.ts +2 -2
- package/dist/sites/components/default-pages/common-ssrs-api/blog/default-data.js +7 -5
- package/dist/sites/components/default-pages/common-ssrs-api/blog/default-data.js.map +1 -1
- package/dist/sites/components/default-pages/common-ssrs-api/blog/interface.d.ts +2 -2
- package/dist/sites/fixed-components/head/component.js +2 -2
- package/dist/sites/fixed-components/head/component.js.map +1 -1
- package/dist/ui/components/pagination/index.d.ts +2 -10
- package/dist/ui/components/pagination/index.js +18 -25
- package/dist/ui/components/pagination/index.js.map +1 -1
- package/dist/ui/components/pagination/{sevice_pagination.d.ts → service.d.ts} +6 -4
- package/dist/ui/components/pagination/{sevice_pagination.js → service.js} +8 -11
- package/dist/ui/components/pagination/service.js.map +1 -0
- package/dist/ui/components/pagination/styles.js +1 -1
- package/dist/ui/components/pagination/styles.js.map +1 -1
- package/package.json +1 -1
- package/dist/ui/components/pagination/sevice_pagination.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { IBLogCategories } from './components/side-box-categories/interfaces.js';
|
|
2
2
|
import { IFeaturedBlog } from './components/featured-blog/featured-blog-item/interface.js';
|
|
3
|
-
import {
|
|
3
|
+
import { PaginationModel } from '../../../../system/index.js';
|
|
4
4
|
export interface Post {
|
|
5
5
|
id: number;
|
|
6
6
|
titulo: string;
|
|
@@ -20,7 +20,7 @@ export interface Post {
|
|
|
20
20
|
}
|
|
21
21
|
export type BlogResponseApi = {
|
|
22
22
|
posts: Post[];
|
|
23
|
-
} &
|
|
23
|
+
} & PaginationModel;
|
|
24
24
|
export interface ISideBox {
|
|
25
25
|
title?: string;
|
|
26
26
|
description?: string;
|
|
@@ -3,14 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.BlogDefaultData = void 0;
|
|
4
4
|
exports.BlogDefaultData = {
|
|
5
5
|
blogList: {
|
|
6
|
-
|
|
7
|
-
pageSize: 0,
|
|
8
|
-
pageNumber: 0,
|
|
6
|
+
endPage: 0,
|
|
9
7
|
hasNextPage: false,
|
|
10
8
|
hasPreviousPage: false,
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
page: 1,
|
|
10
|
+
pages: [1],
|
|
11
|
+
pageSize: 1,
|
|
13
12
|
posts: [],
|
|
13
|
+
startPage: 1,
|
|
14
|
+
totalItems: 1,
|
|
15
|
+
totalPages: 1,
|
|
14
16
|
},
|
|
15
17
|
};
|
|
16
18
|
//# sourceMappingURL=default-data.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-data.js","sourceRoot":"","sources":["../../../../../../src/sites/components/default-pages/common-ssrs-api/blog/default-data.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAmB;IAC7C,QAAQ,EAAE;QACR,
|
|
1
|
+
{"version":3,"file":"default-data.js","sourceRoot":"","sources":["../../../../../../src/sites/components/default-pages/common-ssrs-api/blog/default-data.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAmB;IAC7C,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC;QACV,WAAW,EAAE,KAAK;QAClB,eAAe,EAAE,KAAK;QACtB,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC,CAAC,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KACd;CACF,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Post } from '../../blog/index.js';
|
|
2
|
-
import {
|
|
2
|
+
import { PaginationModel } from '../../../../../system/index.js';
|
|
3
3
|
export interface IBlogPageProps {
|
|
4
4
|
blogList: {
|
|
5
5
|
posts: Post[];
|
|
6
|
-
} &
|
|
6
|
+
} & PaginationModel;
|
|
7
7
|
}
|
|
@@ -8,14 +8,14 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
var head_1 = __importDefault(require("next/head"));
|
|
9
9
|
var context_1 = require("../../../sites/context/index.js");
|
|
10
10
|
function HeadComponent(_a) {
|
|
11
|
-
var _b
|
|
11
|
+
var _b;
|
|
12
12
|
var headContent = _a.headContent;
|
|
13
13
|
var configs = (0, context_1.useSite)();
|
|
14
14
|
var location = process.browser ? window.location.origin : '';
|
|
15
15
|
var title = (headContent === null || headContent === void 0 ? void 0 : headContent.pageTitle) || (configs === null || configs === void 0 ? void 0 : configs.metaTitle);
|
|
16
16
|
var description = (headContent === null || headContent === void 0 ? void 0 : headContent.metaDescription) || (configs === null || configs === void 0 ? void 0 : configs.metaDescription);
|
|
17
17
|
var imageOpenGraph = (headContent === null || headContent === void 0 ? void 0 : headContent.imageOpenGraph) || (configs === null || configs === void 0 ? void 0 : configs.metaImage);
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(head_1.default, { children: [(
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)(head_1.default, { children: [((_b = process.env) === null || _b === void 0 ? void 0 : _b.api) && (0, jsx_runtime_1.jsx)("link", { rel: 'preconnect', href: process.env.api }), (0, jsx_runtime_1.jsx)("link", { rel: 'icon', href: '/favicon.ico' }), (0, jsx_runtime_1.jsx)("meta", { httpEquiv: 'Content-Type', content: 'text/html; charset=utf-8' }), (0, jsx_runtime_1.jsx)("meta", { name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=no viewport-fit=cover' }), (0, jsx_runtime_1.jsx)("meta", { name: 'robots', content: 'index, follow' }), (0, jsx_runtime_1.jsx)("meta", { name: 'googlebot', content: 'index, follow' }), (0, jsx_runtime_1.jsx)("meta", { name: 'referrer', content: 'origin' }), (0, jsx_runtime_1.jsx)("meta", { name: 'mobile-web-app-capable', content: 'yes' }), (0, jsx_runtime_1.jsx)("meta", { name: 'apple-mobile-web-app-capable', content: 'yes' }), (0, jsx_runtime_1.jsx)("meta", { name: 'author', content: 'Codie' }), (0, jsx_runtime_1.jsx)("meta", { name: 'copyright', content: 'Codie' }), (0, jsx_runtime_1.jsx)("meta", { name: 'distribution', content: 'global' }), (0, jsx_runtime_1.jsx)("meta", { name: 'language', content: 'portuguese, PT' }), (0, jsx_runtime_1.jsx)("meta", { name: 'content-language', content: 'pt-br' }), (0, jsx_runtime_1.jsx)("meta", { name: 'rating', content: 'general' }), (0, jsx_runtime_1.jsx)("meta", { name: 'keyboard-shortcuts-preference', content: 'all' }), (0, jsx_runtime_1.jsx)("title", { children: title }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:type', content: 'website' }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:locale', content: 'pt_BR' }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:image:width', content: '600' }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:image:height', content: '300' }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:image:type', content: 'image/jpg' }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:title', content: title }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:site_name', content: title }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:url', content: location }), (0, jsx_runtime_1.jsx)("meta", { name: 'description', content: description }), (0, jsx_runtime_1.jsx)("meta", { itemProp: 'description', content: description }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:description', content: description }), imageOpenGraph && ((0, jsx_runtime_1.jsx)("meta", { property: 'og:image', content: imageOpenGraph })), imageOpenGraph && ((0, jsx_runtime_1.jsx)("meta", { name: 'twitter:image', content: imageOpenGraph })), imageOpenGraph && ((0, jsx_runtime_1.jsx)("meta", { property: 'og:image:secure_url', content: imageOpenGraph })), (0, jsx_runtime_1.jsx)("meta", { name: 'twitter:title', content: title }), (0, jsx_runtime_1.jsx)("meta", { name: 'twitter:description', content: description }), (0, jsx_runtime_1.jsx)("meta", { property: 'twitter:domain', content: location }), (0, jsx_runtime_1.jsx)("meta", { name: 'twitter:card', content: 'summary_large_image' })] }));
|
|
19
19
|
}
|
|
20
20
|
exports.HeadComponent = HeadComponent;
|
|
21
21
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/head/component.tsx"],"names":[],"mappings":";;;;;;;AAAA,mDAA4B;AAE5B,2CAAyC;AAIzC,SAAgB,aAAa,CAAC,EAAsB;;QAApB,WAAW,iBAAA;IACzC,IAAM,OAAO,GAAG,IAAA,iBAAO,GAAE,CAAA;IAEzB,IAAM,QAAQ,GAAI,OAAe,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAEvE,IAAM,KAAK,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAA,CAAA;IAC1D,IAAM,WAAW,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,CAAA,CAAA;IAC5E,IAAM,cAAc,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAA,CAAA;IAExE,OAAO,CACL,wBAAC,cAAI,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/head/component.tsx"],"names":[],"mappings":";;;;;;;AAAA,mDAA4B;AAE5B,2CAAyC;AAIzC,SAAgB,aAAa,CAAC,EAAsB;;QAApB,WAAW,iBAAA;IACzC,IAAM,OAAO,GAAG,IAAA,iBAAO,GAAE,CAAA;IAEzB,IAAM,QAAQ,GAAI,OAAe,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAEvE,IAAM,KAAK,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAA,CAAA;IAC1D,IAAM,WAAW,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,CAAA,CAAA;IAC5E,IAAM,cAAc,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAA,CAAA;IAExE,OAAO,CACL,wBAAC,cAAI,eACF,CAAA,MAAA,OAAO,CAAC,GAAG,0CAAE,GAAG,KAAI,iCAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,GAAI,EAErE,iCAAM,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,GAAG,EAEvC,iCAAM,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,0BAA0B,GAAG,EACpE,iCAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,0EAA0E,GAAG,EAE3G,iCAAM,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,GAAG,EAC9C,iCAAM,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,eAAe,GAAG,EAEjD,iCAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,GAAG,EAEzC,iCAAM,IAAI,EAAC,wBAAwB,EAAC,OAAO,EAAC,KAAK,GAAG,EACpD,iCAAM,IAAI,EAAC,8BAA8B,EAAC,OAAO,EAAC,KAAK,GAAG,EAE1D,iCAAM,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,GAAG,EACtC,iCAAM,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,GAAG,EAEzC,iCAAM,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,GAAG,EAC7C,iCAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,gBAAgB,GAAG,EACjD,iCAAM,IAAI,EAAC,kBAAkB,EAAC,OAAO,EAAC,OAAO,GAAG,EAEhD,iCAAM,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,GAAG,EAExC,iCAAM,IAAI,EAAC,+BAA+B,EAAC,OAAO,EAAC,KAAK,GAAQ,EAEhE,4CAAQ,KAAK,GAAS,EACtB,iCAAM,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,GAAG,EAC7C,iCAAM,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,GAAG,EAC7C,iCAAM,QAAQ,EAAC,gBAAgB,EAAC,OAAO,EAAC,KAAK,GAAG,EAChD,iCAAM,QAAQ,EAAC,iBAAiB,EAAC,OAAO,EAAC,KAAK,GAAG,EACjD,iCAAM,QAAQ,EAAC,eAAe,EAAC,OAAO,EAAC,WAAW,GAAG,EACrD,iCAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,GAAI,EAC5C,iCAAM,QAAQ,EAAC,cAAc,EAAC,OAAO,EAAE,KAAK,GAAI,EAEhD,iCAAM,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,GAAI,EAE7C,iCAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,WAAW,GAAI,EACjD,iCAAM,QAAQ,EAAC,aAAa,EAAC,OAAO,EAAE,WAAW,GAAI,EACrD,iCAAM,QAAQ,EAAC,gBAAgB,EAAC,OAAO,EAAE,WAAW,GAAI,EAEvD,cAAc,IAAI,CACjB,iCAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,cAAc,GAAI,CACtD,EACA,cAAc,IAAI,CACjB,iCAAM,IAAI,EAAC,eAAe,EAAC,OAAO,EAAE,cAAc,GAAI,CACvD,EACA,cAAc,IAAI,CACjB,iCACE,QAAQ,EAAC,qBAAqB,EAC9B,OAAO,EAAE,cAAc,GACvB,CACH,EACD,iCAAM,IAAI,EAAC,eAAe,EAAC,OAAO,EAAE,KAAK,GAAI,EAC7C,iCAAM,IAAI,EAAC,qBAAqB,EAAC,OAAO,EAAE,WAAW,GAAI,EACzD,iCAAM,QAAQ,EAAC,gBAAgB,EAAC,OAAO,EAAE,QAAQ,GAAI,EAErD,iCAAM,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,qBAAqB,GAAG,IACrD,CACR,CAAA;AACH,CAAC;AAvED,sCAuEC"}
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
pageSize: number;
|
|
4
|
-
pageNumber: number;
|
|
5
|
-
hasNextPage: boolean;
|
|
6
|
-
hasPreviousPage: boolean;
|
|
7
|
-
isFirstPage: boolean;
|
|
8
|
-
isLastPage: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare function PaginationComponent({ pageTotal, pageSize, hasNextPage, hasPreviousPage }: PaginationAPIResponseModel): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { PaginationModel } from '../../../system/index.js';
|
|
2
|
+
export declare function PaginationComponent({ page, endPage, pages, pageSize, totalItems, hasNextPage, hasPreviousPage }: PaginationModel): import("react/jsx-runtime").JSX.Element;
|
|
@@ -25,39 +25,32 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.PaginationComponent = void 0;
|
|
27
27
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
-
var react_1 = require("react");
|
|
29
28
|
var router_1 = require("next/router");
|
|
30
29
|
var ui_1 = require("../../../ui/index.js");
|
|
31
|
-
var
|
|
30
|
+
var service_1 = require("./service.js");
|
|
32
31
|
var S = __importStar(require("./styles.js"));
|
|
33
32
|
function PaginationComponent(_a) {
|
|
34
|
-
var
|
|
35
|
-
var _b = (0, react_1.useState)(null), pagination = _b[0], setPagination = _b[1];
|
|
33
|
+
var page = _a.page, endPage = _a.endPage, pages = _a.pages, pageSize = _a.pageSize, totalItems = _a.totalItems, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage;
|
|
36
34
|
var router = (0, router_1.useRouter)();
|
|
37
|
-
var
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
hasPreviousPage: hasPreviousPage,
|
|
46
|
-
}));
|
|
47
|
-
}
|
|
48
|
-
}, [router.isReady]);
|
|
35
|
+
var pagination = (0, service_1.paginate)({
|
|
36
|
+
totalPages: endPage,
|
|
37
|
+
pageSize: pageSize,
|
|
38
|
+
totalItems: totalItems,
|
|
39
|
+
hasNextPage: hasNextPage,
|
|
40
|
+
hasPreviousPage: hasPreviousPage,
|
|
41
|
+
currentPage: !router.query.page ? 1 : Number(router.query.page) <= 0 || !router.query.page ? 1 : Number(router.query.page),
|
|
42
|
+
});
|
|
49
43
|
function onSelect(page) {
|
|
50
|
-
(0, ui_1.
|
|
51
|
-
return routerBuild.updateRouteParam('page', page.toString());
|
|
44
|
+
(0, ui_1.updateRoute)({ router: router, params: { page: page.toString() } });
|
|
52
45
|
}
|
|
53
|
-
if (!pagination ||
|
|
54
|
-
return (0, jsx_runtime_1.jsx)(
|
|
46
|
+
if (!pagination || (pages === null || pages === void 0 ? void 0 : pages.length) === 1) {
|
|
47
|
+
return (0, jsx_runtime_1.jsx)("div", { className: 'no_pages' });
|
|
55
48
|
}
|
|
56
|
-
return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { style: { display:
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
display:
|
|
60
|
-
}, onClick: function () { return onSelect(pagination.page + 1); }, children: '
|
|
49
|
+
return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { className: 'pagination', children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: { display: page == 1 ? 'none' : 'block' }, onClick: function () { return onSelect(page - 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardLeftArrow' }) })), (0, jsx_runtime_1.jsx)("div", { className: 'navigations', children: pages === null || pages === void 0 ? void 0 : pages.map(function (pageItem) {
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(pagination.page === pageItem ? 'active' : ''), onClick: function () { return onSelect(pageItem); }, children: pageItem }, "".concat(pageItem, "-pagination}")));
|
|
51
|
+
}) }), hasNextPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: {
|
|
52
|
+
display: pages[pages.length - 1] == pagination.page ? 'none' : 'block',
|
|
53
|
+
}, onClick: function () { return onSelect(pagination.page + 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
|
|
61
54
|
}
|
|
62
55
|
exports.PaginationComponent = PaginationComponent;
|
|
63
56
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,2BAAwC;AAGxC,qCAAoC;AAEpC,0CAA6B;AAE7B,SAAgB,mBAAmB,CAAC,EAA6F;QAA3F,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,eAAe,qBAAA;IAE5G,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC;QAC1B,UAAU,EAAE,OAAO;QACnB,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;QACf,WAAW,EACX,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;KAC/G,CAAC,CAAA;IAEF,SAAS,QAAQ,CAAC,IAAI;QACpB,IAAA,gBAAW,EAAC,EAAE,MAAM,QAAA,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,CAAC,EAAE,CAAC;QACvC,OAAO,gCAAK,SAAS,EAAC,UAAU,GAAO,CAAA;IACzC,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,IAAC,SAAS,EAAC,YAAY,aACtC,eAAe,IAAI,CAClB,iCAAM,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,EAAlB,CAAkB,YACvG,uBAAC,SAAI,IAAC,IAAI,EAAC,uBAAuB,GAAG,GAChC,CACR,EAED,gCAAK,SAAS,EAAC,aAAa,YACzB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,QAAQ;oBACnB,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAG,UAAU,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,EAC5D,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,EAAlB,CAAkB,YAEhC,QAAQ,IALJ,UAAG,QAAQ,iBAAc,CAMvB,CACV,CAAA;gBACH,CAAC,CAAC,GACE,EAEL,WAAW,IAAI,CACd,iCACE,SAAS,EAAC,KAAK,EACf,KAAK,EAAE;oBACL,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACvE,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,EAA7B,CAA6B,YAE5C,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GACjC,CACR,IACiB,CACrB,CAAA;AACH,CAAC;AA1DD,kDA0DC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
interface IPagination {
|
|
2
2
|
totalItems: number;
|
|
3
3
|
page: number;
|
|
4
4
|
pageSize: number;
|
|
@@ -7,16 +7,18 @@ export interface IPagination {
|
|
|
7
7
|
endPage: number;
|
|
8
8
|
startIndex: number;
|
|
9
9
|
endIndex: number;
|
|
10
|
-
pages: number[];
|
|
11
10
|
hasPreviousPage: boolean;
|
|
12
11
|
hasNextPage: boolean;
|
|
13
12
|
}
|
|
14
|
-
|
|
13
|
+
interface IPaginationProps {
|
|
15
14
|
totalItems: number;
|
|
16
15
|
currentPage?: number;
|
|
17
16
|
pageSize?: number;
|
|
18
17
|
maxPages?: number;
|
|
19
18
|
hasPreviousPage: boolean;
|
|
20
19
|
hasNextPage: boolean;
|
|
20
|
+
totalPages: number;
|
|
21
21
|
}
|
|
22
|
-
|
|
22
|
+
declare function paginate({ totalItems, currentPage, pageSize, maxPages, hasNextPage, hasPreviousPage, totalPages }: IPaginationProps): IPagination;
|
|
23
|
+
export { paginate };
|
|
24
|
+
export type { IPagination, IPaginationProps };
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
function
|
|
5
|
-
var totalItems = _a.totalItems, _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, _c = _a.pageSize, pageSize = _c === void 0 ?
|
|
6
|
-
var totalPages = Math.ceil(totalItems / pageSize);
|
|
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 ? 1 : _c, _d = _a.maxPages, maxPages = _d === void 0 ? 1 : _d, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage, totalPages = _a.totalPages;
|
|
7
6
|
var page = currentPage;
|
|
8
7
|
if (page < 1) {
|
|
9
8
|
page = 1;
|
|
@@ -35,20 +34,18 @@ function Paginate(_a) {
|
|
|
35
34
|
}
|
|
36
35
|
var startIndex = (page - 1) * pageSize;
|
|
37
36
|
var endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);
|
|
38
|
-
var pages = Array.from(Array(endPage + 1 - startPage).keys()).map(function (i) { return startPage + i; });
|
|
39
37
|
return {
|
|
40
38
|
page: page,
|
|
41
|
-
pages: pages,
|
|
42
39
|
endPage: endPage,
|
|
43
40
|
pageSize: pageSize,
|
|
44
|
-
endIndex: endIndex,
|
|
45
41
|
startPage: startPage,
|
|
46
|
-
totalPages: totalPages,
|
|
47
42
|
startIndex: startIndex,
|
|
43
|
+
endIndex: endIndex,
|
|
44
|
+
totalPages: totalPages,
|
|
48
45
|
totalItems: totalItems,
|
|
49
46
|
hasNextPage: hasNextPage,
|
|
50
|
-
hasPreviousPage: hasPreviousPage
|
|
47
|
+
hasPreviousPage: hasPreviousPage
|
|
51
48
|
};
|
|
52
49
|
}
|
|
53
|
-
exports.
|
|
54
|
-
//# sourceMappingURL=
|
|
50
|
+
exports.paginate = paginate;
|
|
51
|
+
//# sourceMappingURL=service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/service.ts"],"names":[],"mappings":";;;AAuBA,SAAS,QAAQ,CAAE,EAQK;QAPpB,UAAU,gBAAA,EACV,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,UAAU,gBAAA;IAKV,IAAI,IAAI,GAAG,WAAW,CAAC;IAEvB,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACX,IAAI,GAAG,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;QAC3B,IAAI,GAAG,UAAU,CAAC;IACtB,CAAC;IAED,IAAI,SAAiB,CAAC;IACtB,IAAI,OAAe,CAAC;IACpB,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QACzB,SAAS,GAAG,CAAC,CAAC;QACd,OAAO,GAAG,UAAU,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,IAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QAC3D,IAAM,wBAAwB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC7D,IAAI,IAAI,IAAI,yBAAyB,EAAE,CAAC;YACpC,SAAS,GAAG,CAAC,CAAC;YACd,OAAO,GAAG,QAAQ,CAAC;QACvB,CAAC;aAAM,IAAI,IAAI,GAAG,wBAAwB,IAAI,UAAU,EAAE,CAAC;YACvD,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;YACtC,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,SAAS,GAAG,IAAI,GAAG,yBAAyB,CAAC;YAC7C,OAAO,GAAG,IAAI,GAAG,wBAAwB,CAAC;QAC9C,CAAC;IACL,CAAC;IAED,IAAM,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;IACzC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;IAErE,OAAO;QACH,IAAI,MAAA;QACJ,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;KAClB,CAAC;AACN,CAAC;AAEQ,4BAAQ"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.PaginationStyle = void 0;
|
|
11
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
|
|
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: 28px;\n\n .nav {\n width: 9px;\n display: flex;\n cursor: pointer;\n\n svg {\n width: 10px;\n height: auto;\n fill: currentColor;\n }\n }\n\n .navigations {\n display: flex;\n align-items: center;\n\n > button + button {\n margin-left: 10px;\n }\n }\n\n button,\n span {\n width: 30px;\n height: 30px;\n border-radius: 5px;\n color: #000;\n border: 1px solid var(--theme-color-extra-light);\n display: flex !important;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n background: none;\n }\n\n button.active {\n color: #fff;\n background-color: ", ";\n }\n\n @media only screen and (max-width: 1600px) {\n gap: 25px;\n\n button,\n span {\n width: 40px;\n height: 40px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n gap: 22px;\n\n button,\n span {\n width: 38px;\n height: 38px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n gap: 20px;\n\n button,\n span {\n width: 37px;\n height: 37px;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n gap: 17px;\n\n button,\n span {\n width: 36px;\n height: 36px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n margin-top: 40px;\n\n button,\n span {\n width: 35px;\n height: 35px;\n }\n }\n\n @media only screen and (max-width: 500px) {\n gap: 15px;\n margin-top: 35px;\n\n button,\n span {\n width: 34px;\n height: 34px;\n }\n }\n\n @media only screen and (max-width: 400px) {\n button,\n span {\n width: 32px;\n height: 32px;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 28px;\n\n .nav {\n width: 9px;\n display: flex;\n cursor: pointer;\n\n svg {\n width: 10px;\n height: auto;\n fill: currentColor;\n }\n }\n\n .navigations {\n display: flex;\n align-items: center;\n\n > button + button {\n margin-left: 10px;\n }\n }\n\n button,\n span {\n width: 30px;\n height: 30px;\n border-radius: 5px;\n color: #000;\n border: 1px solid var(--theme-color-extra-light);\n display: flex !important;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n background: none;\n }\n\n button.active {\n color: #fff;\n background-color: ", ";\n }\n\n @media only screen and (max-width: 1600px) {\n gap: 25px;\n\n button,\n span {\n width: 40px;\n height: 40px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n gap: 22px;\n\n button,\n span {\n width: 38px;\n height: 38px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n gap: 20px;\n\n button,\n span {\n width: 37px;\n height: 37px;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n gap: 17px;\n\n button,\n span {\n width: 36px;\n height: 36px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n margin-top: 40px;\n\n button,\n span {\n width: 35px;\n height: 35px;\n }\n }\n\n @media only screen and (max-width: 500px) {\n gap: 15px;\n margin-top: 35px;\n\n button,\n span {\n width: 34px;\n height: 34px;\n }\n }\n\n @media only screen and (max-width: 400px) {\n button,\n span {\n width: 32px;\n height: 32px;\n }\n }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.darkColor) || 'unset'; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,yzDAAA,muBA2CjB,EAA6C,ihCAuEpE,KAvEuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,SAAS,KAAI,OAAO,CAAA,EAAA,EAuEpE"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sevice_pagination.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/sevice_pagination.ts"],"names":[],"mappings":";;;AAuBA,SAAgB,QAAQ,CAAC,EAON;QANjB,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;IAEf,IAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAA;IACnD,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,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,UAAU,YAAA;QACV,UAAU,YAAA;QACV,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;KAChB,CAAA;AACH,CAAC;AAvDD,4BAuDC"}
|