@pezeshk-book/modules 0.0.33 → 0.0.34
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PaginationProps } from './pagination.props';
|
|
3
|
-
declare const Pagination: ({ isLoading, currentPage, lastPage, getCurrentPage, previousPage, nextPage, perPage, total, getLimit }: PaginationProps) => React.JSX.Element;
|
|
3
|
+
declare const Pagination: ({ isLoading, currentPage, lastPage, getCurrentPage, previousPage, nextPage, perPage, total, getLimit, hasLimit, showTotal }: PaginationProps) => React.JSX.Element;
|
|
4
4
|
export default Pagination;
|
|
@@ -3,34 +3,36 @@ import { Button, Div, Text, Select } from '@pezeshk-book/ui-kit';
|
|
|
3
3
|
import { ArrowLeft, ArrowRight } from './icons';
|
|
4
4
|
import usePagination from './use-pagination';
|
|
5
5
|
var Limits = [
|
|
6
|
-
{
|
|
7
|
-
id: '5',
|
|
8
|
-
count: 5
|
|
9
|
-
},
|
|
10
6
|
{
|
|
11
7
|
id: '10',
|
|
12
8
|
count: 10
|
|
13
9
|
},
|
|
14
10
|
{
|
|
15
|
-
id: '
|
|
16
|
-
count:
|
|
11
|
+
id: '25',
|
|
12
|
+
count: 25
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
id: '50',
|
|
16
|
+
count: 50
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
id: '
|
|
20
|
-
count:
|
|
19
|
+
id: '75',
|
|
20
|
+
count: 75
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
id: '
|
|
24
|
-
count:
|
|
23
|
+
id: '100',
|
|
24
|
+
count: 100
|
|
25
25
|
},
|
|
26
26
|
];
|
|
27
27
|
var Pagination = function (_a) {
|
|
28
|
-
var isLoading = _a.isLoading, _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, lastPage = _a.lastPage, getCurrentPage = _a.getCurrentPage, previousPage = _a.previousPage, nextPage = _a.nextPage, _c = _a.perPage, perPage = _c === void 0 ?
|
|
28
|
+
var isLoading = _a.isLoading, _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, lastPage = _a.lastPage, getCurrentPage = _a.getCurrentPage, previousPage = _a.previousPage, nextPage = _a.nextPage, _c = _a.perPage, perPage = _c === void 0 ? 10 : _c, _d = _a.total, total = _d === void 0 ? 0 : _d, getLimit = _a.getLimit, _e = _a.hasLimit, hasLimit = _e === void 0 ? true : _e, _f = _a.showTotal, showTotal = _f === void 0 ? true : _f;
|
|
29
29
|
var pageNumbers = usePagination(currentPage, lastPage);
|
|
30
|
-
var
|
|
30
|
+
var _g = useState(perPage.toString()), limit = _g[0], setLimit = _g[1];
|
|
31
31
|
var limitHandler = function (event) {
|
|
32
32
|
setLimit(event);
|
|
33
|
-
getLimit
|
|
33
|
+
if (getLimit && hasLimit) {
|
|
34
|
+
getLimit(event);
|
|
35
|
+
}
|
|
34
36
|
};
|
|
35
37
|
return (React.createElement(Div, { className: 'w-full justify-between items-center' },
|
|
36
38
|
React.createElement("ul", { className: 'flex flex-row gap-x-2 items-center md:justify-start justify-center' },
|
|
@@ -45,10 +47,11 @@ var Pagination = function (_a) {
|
|
|
45
47
|
React.createElement(Button, { disabled: lastPage === currentPage || isLoading, variant: 'outlined', shape: 'square', size: 'small', onClick: nextPage, loading: isLoading },
|
|
46
48
|
React.createElement(ArrowRight, null)))),
|
|
47
49
|
React.createElement(Div, { dir: 'rtl', className: 'flex w-full justify-start items-center pr-8' },
|
|
48
|
-
React.createElement(Div, { className: 'items-center gap-6 justify-start' },
|
|
49
|
-
React.createElement(Text, { color: 'grey.500', className: 'text-ellipsis whitespace-nowrap' }, "( \u0646\u0645\u0627\u06CC\u0634 ".concat(limit, " \u0627\u0632 ").concat(total, " )")),
|
|
50
|
-
React.createElement(
|
|
51
|
-
|
|
50
|
+
React.createElement(Div, { className: 'items-center gap-6 justify-start absolute' },
|
|
51
|
+
showTotal ? (React.createElement(Text, { color: 'grey.500', className: 'text-ellipsis whitespace-nowrap' }, "( \u0646\u0645\u0627\u06CC\u0634 ".concat(limit, " \u0627\u0632 ").concat(total, " )"))) : null,
|
|
52
|
+
hasLimit ? (React.createElement(React.Fragment, null,
|
|
53
|
+
React.createElement(Text, { color: 'grey.500', className: 'text-ellipsis whitespace-nowrap' }, "\u0645\u0642\u062F\u0627\u0631 \u0646\u0645\u0627\u06CC\u0634"),
|
|
54
|
+
React.createElement(Select, { disabled: isLoading, id: 'id', size: 'small', value: limit, onChange: limitHandler, text: 'count', optionsList: Limits, variant: 'outlined', color: 'control' }))) : null))));
|
|
52
55
|
};
|
|
53
56
|
export default Pagination;
|
|
54
57
|
//# sourceMappingURL=pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../modules/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,IAAM,MAAM,GAAG;IACb;QACE,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../modules/pagination/pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,11 @@ export interface PaginationProps {
|
|
|
3
3
|
perPage: number;
|
|
4
4
|
lastPage: number;
|
|
5
5
|
getCurrentPage: (number: number) => void;
|
|
6
|
-
getLimit
|
|
6
|
+
getLimit?: (event: string) => void;
|
|
7
7
|
previousPage?: () => void;
|
|
8
8
|
nextPage?: () => void;
|
|
9
9
|
isLoading: boolean;
|
|
10
10
|
total?: number;
|
|
11
|
+
hasLimit?: boolean;
|
|
12
|
+
showTotal?: boolean;
|
|
11
13
|
}
|