@redhat-cloud-services/frontend-components 3.6.4 → 3.7.2
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/Ansible/Ansible.d.ts +7 -12
- package/Ansible/Ansible.js +0 -5
- package/Ansible/Ansible.js.map +1 -1
- package/Ansible/index.d.ts +2 -1
- package/Ansible/index.js.map +1 -1
- package/Breadcrumbs/Breadcrumbs.d.ts +12 -27
- package/Breadcrumbs/Breadcrumbs.js +1 -16
- package/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/Breadcrumbs/ConnectedBreadcrumbs.d.ts +8 -1
- package/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/Breadcrumbs/index.d.ts +3 -2
- package/Breadcrumbs/index.js.map +1 -1
- package/BulkSelect/BulkSelect.js +1 -1
- package/BulkSelect/BulkSelect.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.js +1 -1
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/GroupFilter.js +2 -2
- package/ConditionalFilter/GroupFilter.js.map +1 -1
- package/DateFormat/DateFormat.d.ts +9 -14
- package/DateFormat/DateFormat.js +3 -10
- package/DateFormat/DateFormat.js.map +1 -1
- package/DateFormat/helper.d.ts +6 -3
- package/DateFormat/helper.js +1 -1
- package/DateFormat/helper.js.map +1 -1
- package/DateFormat/index.d.ts +4 -2
- package/DateFormat/index.js +1 -0
- package/DateFormat/index.js.map +1 -1
- package/DownloadButton/DownloadButton.js +1 -1
- package/DownloadButton/DownloadButton.js.map +1 -1
- package/EmptyTable/EmptyTable.d.ts +7 -14
- package/EmptyTable/EmptyTable.js +0 -6
- package/EmptyTable/EmptyTable.js.map +1 -1
- package/EmptyTable/index.d.ts +2 -2
- package/EmptyTable/index.js +2 -2
- package/EmptyTable/index.js.map +1 -1
- package/InvalidObject/InvalidObject.js +1 -1
- package/InvalidObject/InvalidObject.js.map +1 -1
- package/InvalidObject/invalidObject.css +4 -4
- package/InvalidObject/invalidObject.scss +1 -1
- package/Pagination/Pagination.d.ts +21 -30
- package/Pagination/Pagination.js +18 -80
- package/Pagination/Pagination.js.map +1 -1
- package/Pagination/PaginationMenu.d.ts +19 -33
- package/Pagination/PaginationMenu.js +25 -84
- package/Pagination/PaginationMenu.js.map +1 -1
- package/Pagination/PaginationNav.d.ts +13 -38
- package/Pagination/PaginationNav.js +1 -20
- package/Pagination/PaginationNav.js.map +1 -1
- package/Pagination/PaginationNext.d.ts +24 -30
- package/Pagination/PaginationNext.js +6 -70
- package/Pagination/PaginationNext.js.map +1 -1
- package/Pagination/index.d.ts +7 -5
- package/Pagination/index.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.js +6 -1
- package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/Skeleton/Skeleton.d.ts +7 -6
- package/Skeleton/Skeleton.js.map +1 -1
- package/SkeletonTable/SkeletonTable.d.ts +19 -50
- package/SkeletonTable/SkeletonTable.js +26 -78
- package/SkeletonTable/SkeletonTable.js.map +1 -1
- package/SkeletonTable/index.d.ts +2 -1
- package/SkeletonTable/index.js.map +1 -1
- package/TabLayout/TabLayout.d.ts +13 -27
- package/TabLayout/TabLayout.js +1 -16
- package/TabLayout/TabLayout.js.map +1 -1
- package/TabLayout/index.d.ts +2 -1
- package/TabLayout/index.js.map +1 -1
- package/TableToolbar/TableToolbar.d.ts +12 -26
- package/TableToolbar/TableToolbar.js +1 -14
- package/TableToolbar/TableToolbar.js.map +1 -1
- package/TableToolbar/index.d.ts +2 -2
- package/TableToolbar/index.js +2 -2
- package/TableToolbar/index.js.map +1 -1
- package/Truncate/Truncate.d.ts +14 -25
- package/Truncate/Truncate.js +3 -13
- package/Truncate/Truncate.js.map +1 -1
- package/Truncate/index.d.ts +3 -2
- package/Truncate/index.js +13 -2
- package/Truncate/index.js.map +1 -1
- package/Unavailable/Unavailable.d.ts +3 -1
- package/Unavailable/Unavailable.js.map +1 -1
- package/Unavailable/index.d.ts +2 -1
- package/Unavailable/index.js.map +1 -1
- package/esm/Ansible/Ansible.js +1 -6
- package/esm/Ansible/Ansible.js.map +1 -1
- package/esm/Ansible/index.js.map +1 -1
- package/esm/Battery/Battery.js +1 -1
- package/esm/Breadcrumbs/Breadcrumbs.js +4 -19
- package/esm/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/esm/Breadcrumbs/index.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.js +2 -2
- package/esm/BulkSelect/BulkSelect.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +2 -2
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +3 -3
- package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.js +1 -1
- package/esm/CullingInfo/CullingInformation.js +1 -1
- package/esm/DateFormat/DateFormat.js +3 -9
- package/esm/DateFormat/DateFormat.js.map +1 -1
- package/esm/DateFormat/helper.js +1 -1
- package/esm/DateFormat/helper.js.map +1 -1
- package/esm/DateFormat/index.js +1 -0
- package/esm/DateFormat/index.js.map +1 -1
- package/esm/DownloadButton/DownloadButton.js +1 -1
- package/esm/DownloadButton/DownloadButton.js.map +1 -1
- package/esm/EmptyTable/EmptyTable.js +1 -7
- package/esm/EmptyTable/EmptyTable.js.map +1 -1
- package/esm/EmptyTable/index.js +1 -1
- package/esm/EmptyTable/index.js.map +1 -1
- package/esm/ErrorState/ErrorState.js +1 -1
- package/esm/FilterChips/FilterChips.js +1 -1
- package/esm/FilterHooks/tagFilterHook.js +1 -1
- package/esm/Filters/FilterDropdown.js +1 -1
- package/esm/InsightsLabel/CriticalIcon.js +1 -1
- package/esm/InsightsLabel/InsightsLabel.js +1 -1
- package/esm/InvalidObject/InvalidObject.js +2 -2
- package/esm/InvalidObject/InvalidObject.js.map +1 -1
- package/esm/InvalidObject/icon-404.js +1 -1
- package/esm/InvalidObject/invalidObject.css +4 -4
- package/esm/InvalidObject/invalidObject.scss +1 -1
- package/esm/Main/Main.js +1 -1
- package/esm/Maintenance/Maintenance.js +1 -1
- package/esm/NotAuthorized/NotAuthorized.js +1 -1
- package/esm/PageHeader/PageHeader.js +1 -1
- package/esm/Pagination/Pagination.js +18 -61
- package/esm/Pagination/Pagination.js.map +1 -1
- package/esm/Pagination/PaginationMenu.js +27 -83
- package/esm/Pagination/PaginationMenu.js.map +1 -1
- package/esm/Pagination/PaginationNav.js +1 -20
- package/esm/Pagination/PaginationNav.js.map +1 -1
- package/esm/Pagination/PaginationNext.js +6 -51
- package/esm/Pagination/PaginationNext.js.map +1 -1
- package/esm/Pagination/index.js +1 -1
- package/esm/Pagination/index.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.js +7 -2
- package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/esm/Reboot/Reboot.js +1 -1
- package/esm/Section/Section.js +1 -1
- package/esm/SimpleTableFilter/SimpleTableFilter.js +1 -1
- package/esm/Skeleton/Skeleton.js +1 -1
- package/esm/Skeleton/Skeleton.js.map +1 -1
- package/esm/SkeletonTable/SkeletonTable.js +27 -79
- package/esm/SkeletonTable/SkeletonTable.js.map +1 -1
- package/esm/SkeletonTable/index.js.map +1 -1
- package/esm/Spinner/Spinner.js +1 -1
- package/esm/TabLayout/TabLayout.js +2 -17
- package/esm/TabLayout/TabLayout.js.map +1 -1
- package/esm/TabLayout/index.js.map +1 -1
- package/esm/TableToolbar/TableToolbar.js +2 -15
- package/esm/TableToolbar/TableToolbar.js.map +1 -1
- package/esm/TableToolbar/index.js +1 -1
- package/esm/TableToolbar/index.js.map +1 -1
- package/esm/TagCount/TagCount.js +1 -1
- package/esm/TagModal/TagModal.js +1 -1
- package/esm/TreeTable/decorator.js +1 -1
- package/esm/Truncate/Truncate.js +4 -14
- package/esm/Truncate/Truncate.js.map +1 -1
- package/esm/Truncate/index.js +2 -1
- package/esm/Truncate/index.js.map +1 -1
- package/esm/Unavailable/Unavailable.js +1 -1
- package/esm/Unavailable/Unavailable.js.map +1 -1
- package/esm/Unavailable/index.js.map +1 -1
- package/esm/Wizard/Wizard.js +1 -1
- package/esm/index.css +4 -4
- package/esm/useChrome/useChrome.js.map +1 -1
- package/index.css +4 -4
- package/package.json +3 -3
- package/useChrome/useChrome.js.map +1 -1
|
@@ -1,32 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PaginationNextProps } from './PaginationNext';
|
|
3
|
+
import { DropdownDirection } from '@patternfly/react-core';
|
|
4
|
+
export declare const dropDirection: {
|
|
5
|
+
up: string;
|
|
6
|
+
down: string;
|
|
7
|
+
};
|
|
8
|
+
export interface PaginationProps extends Omit<PaginationNextProps, 'perPageOptions'> {
|
|
9
|
+
direction?: DropdownDirection;
|
|
10
|
+
viewType?: string;
|
|
11
|
+
itemsPerPage?: number;
|
|
12
|
+
perPageOptions?: number[];
|
|
13
|
+
numberOfItems: number;
|
|
14
|
+
onSetPage?: (nextPage: number, debounce?: boolean) => void;
|
|
15
|
+
onPerPageSelect: (value: number) => void;
|
|
16
|
+
onFirstPage?: () => void;
|
|
17
|
+
onLastPage?: () => void;
|
|
18
|
+
onPreviousPage?: () => void;
|
|
19
|
+
onNextPage?: () => void;
|
|
20
|
+
page?: number;
|
|
4
21
|
}
|
|
22
|
+
declare const Pagination: React.FunctionComponent<PaginationProps>;
|
|
5
23
|
export default Pagination;
|
|
6
|
-
declare class Pagination extends React.Component<any, any, any> {
|
|
7
|
-
constructor(props: any);
|
|
8
|
-
constructor(props: any, context: any);
|
|
9
|
-
setPage: (page: any, debounce: any) => void;
|
|
10
|
-
}
|
|
11
|
-
declare namespace Pagination {
|
|
12
|
-
namespace propTypes {
|
|
13
|
-
const direction: PropTypes.Requireable<string>;
|
|
14
|
-
const viewType: PropTypes.Requireable<string>;
|
|
15
|
-
const itemsPerPage: PropTypes.Requireable<number>;
|
|
16
|
-
const perPageOptions: PropTypes.Requireable<(number | null | undefined)[]>;
|
|
17
|
-
const numberOfItems: PropTypes.Validator<number>;
|
|
18
|
-
const onSetPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
19
|
-
const onPerPageSelect: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
-
const onFirstPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
21
|
-
const onLastPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
-
const onPreviousPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
|
-
const onNextPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
24
|
-
const page: PropTypes.Requireable<number>;
|
|
25
|
-
}
|
|
26
|
-
namespace defaultProps {
|
|
27
|
-
const page_1: number;
|
|
28
|
-
export { page_1 as page };
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
import React from "react";
|
|
32
|
-
import PropTypes from "prop-types";
|
package/Pagination/Pagination.js
CHANGED
|
@@ -1,19 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __assign = (this && this.__assign) || function () {
|
|
18
3
|
__assign = Object.assign || function(t) {
|
|
19
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -25,25 +10,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
25
10
|
};
|
|
26
11
|
return __assign.apply(this, arguments);
|
|
27
12
|
};
|
|
28
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
|
-
if (k2 === undefined) k2 = k;
|
|
30
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
31
|
-
}) : (function(o, m, k, k2) {
|
|
32
|
-
if (k2 === undefined) k2 = k;
|
|
33
|
-
o[k2] = m[k];
|
|
34
|
-
}));
|
|
35
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
36
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
37
|
-
}) : function(o, v) {
|
|
38
|
-
o["default"] = v;
|
|
39
|
-
});
|
|
40
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
41
|
-
if (mod && mod.__esModule) return mod;
|
|
42
|
-
var result = {};
|
|
43
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
44
|
-
__setModuleDefault(result, mod);
|
|
45
|
-
return result;
|
|
46
|
-
};
|
|
47
13
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
48
14
|
var t = {};
|
|
49
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -60,59 +26,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
60
26
|
};
|
|
61
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
28
|
exports.dropDirection = void 0;
|
|
63
|
-
var react_1 =
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
64
30
|
var PaginationNext_1 = __importDefault(require("./PaginationNext"));
|
|
65
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
66
31
|
exports.dropDirection = {
|
|
67
32
|
up: 'up',
|
|
68
33
|
down: 'down',
|
|
69
34
|
};
|
|
70
35
|
var pager = [10, 15, 20, 25, 50];
|
|
71
|
-
var Pagination =
|
|
72
|
-
|
|
73
|
-
function
|
|
74
|
-
var
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
page = isNaN(page) ? currPage : page;
|
|
80
|
-
page = page > maxPage ? maxPage : page < 0 ? 0 : page;
|
|
81
|
-
_this.props.hasOwnProperty('onSetPage') && _this.props.onSetPage(page, debounce);
|
|
82
|
-
};
|
|
83
|
-
return _this;
|
|
84
|
-
}
|
|
85
|
-
Pagination.prototype.render = function () {
|
|
86
|
-
var _this = this;
|
|
87
|
-
var _a = this.props, page = _a.page, onSetPage = _a.onSetPage, numberOfItems = _a.numberOfItems, itemsPerPage = _a.itemsPerPage, perPageOptions = _a.perPageOptions, onPerPageSelect = _a.onPerPageSelect, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, props = __rest(_a, ["page", "onSetPage", "numberOfItems", "itemsPerPage", "perPageOptions", "onPerPageSelect", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
|
|
88
|
-
var pagerOptions = perPageOptions || pager;
|
|
89
|
-
var perPage = itemsPerPage || pagerOptions[0];
|
|
90
|
-
var lastPage = Math.ceil(numberOfItems / perPage);
|
|
91
|
-
var lastIndex = numberOfItems === 0 ? 0 : page === lastPage ? numberOfItems : page * perPage;
|
|
92
|
-
var firstIndex = numberOfItems === 0 ? 0 : (page - 1) * perPage + 1;
|
|
93
|
-
return (react_1.default.createElement(PaginationNext_1.default, __assign({}, props, { itemCount: this.props.numberOfItems, className: "ins-c-pagination-next", itemsStart: firstIndex, itemsEnd: lastIndex, lastPage: lastPage || 1, dropDirection: this.props.direction, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage, perPage: perPage, onSetPerPage: function (_event, value) { return _this.props.onPerPageSelect(value); }, page: this.props.page, setPage: function (event, page) { return _this.setPage(page, event.currentTarget.tagName === 'INPUT'); }, perPageOptions: pagerOptions.map(function (value) { return ({
|
|
94
|
-
title: value,
|
|
95
|
-
value: value,
|
|
96
|
-
}); }) })));
|
|
36
|
+
var Pagination = function (_a) {
|
|
37
|
+
var _b = _a.page, page = _b === void 0 ? 1 : _b, onSetPage = _a.onSetPage, numberOfItems = _a.numberOfItems, itemsPerPage = _a.itemsPerPage, perPageOptions = _a.perPageOptions, onPerPageSelect = _a.onPerPageSelect, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, direction = _a.direction, props = __rest(_a, ["page", "onSetPage", "numberOfItems", "itemsPerPage", "perPageOptions", "onPerPageSelect", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "direction"]);
|
|
38
|
+
var setPage = function (nextPage, debounce) {
|
|
39
|
+
var perPage = itemsPerPage || pager[0];
|
|
40
|
+
var maxPage = Math.ceil(numberOfItems / perPage);
|
|
41
|
+
var result = isNaN(nextPage) ? page : nextPage;
|
|
42
|
+
result = result > maxPage ? maxPage : result < 0 ? 0 : result;
|
|
43
|
+
onSetPage && onSetPage(result, debounce);
|
|
97
44
|
};
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
onPerPageSelect: prop_types_1.default.func,
|
|
108
|
-
onFirstPage: prop_types_1.default.func,
|
|
109
|
-
onLastPage: prop_types_1.default.func,
|
|
110
|
-
onPreviousPage: prop_types_1.default.func,
|
|
111
|
-
onNextPage: prop_types_1.default.func,
|
|
112
|
-
page: prop_types_1.default.number,
|
|
113
|
-
};
|
|
114
|
-
Pagination.defaultProps = {
|
|
115
|
-
page: 1,
|
|
45
|
+
var pagerOptions = perPageOptions || pager;
|
|
46
|
+
var perPage = itemsPerPage || pagerOptions[0];
|
|
47
|
+
var lastPage = Math.ceil(numberOfItems / perPage);
|
|
48
|
+
var lastIndex = numberOfItems === 0 ? 0 : page === lastPage ? numberOfItems : page * perPage;
|
|
49
|
+
var firstIndex = numberOfItems === 0 ? 0 : (page - 1) * perPage + 1;
|
|
50
|
+
return (react_1.default.createElement(PaginationNext_1.default, __assign({}, props, { itemCount: numberOfItems, className: "ins-c-pagination-next", itemsStart: firstIndex, itemsEnd: lastIndex, lastPage: lastPage || 1, dropDirection: direction, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage, perPage: perPage, onSetPerPage: function (_event, value) { return onPerPageSelect(value); }, page: page, setPage: function (event, page) { return setPage(page, event.currentTarget.tagName === 'INPUT'); }, perPageOptions: pagerOptions.map(function (value) { return ({
|
|
51
|
+
title: value,
|
|
52
|
+
value: value,
|
|
53
|
+
}); }) })));
|
|
116
54
|
};
|
|
117
55
|
exports.default = Pagination;
|
|
118
56
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination/Pagination.
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,oEAAuE;AAK1D,QAAA,aAAa,GAAG;IAC3B,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,IAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAiBnC,IAAM,UAAU,GAA6C,UAAC,EAa7D;IAZC,IAAA,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cAZoD,qKAa7D,CADS;IAER,IAAM,OAAO,GAAG,UAAC,QAAgB,EAAE,QAAiB;QAClD,IAAM,OAAO,GAAG,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QACzC,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC;QACnD,IAAI,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/C,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAC9D,SAAS,IAAI,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,IAAM,YAAY,GAAG,cAAc,IAAI,KAAK,CAAC;IAC7C,IAAM,OAAO,GAAW,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IACxD,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC;IACpD,IAAM,SAAS,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC;IAC/F,IAAM,UAAU,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC;IAEtE,OAAO,CACL,8BAAC,wBAAc,eACT,KAAK,IACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,uBAAuB,EACjC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,IAAI,CAAC,EACvB,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACvD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,KAAK,EAAE,IAAI,IAAK,OAAA,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,KAAK,OAAO,CAAC,EAAtD,CAAsD,EAChF,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;YAC3C,KAAK,EAAE,KAAK;YACZ,KAAK,OAAA;SACN,CAAC,EAH0C,CAG1C,CAAC,IACH,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -1,34 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DropdownDirection } from '@patternfly/react-core';
|
|
3
|
+
export declare type PageOption = {
|
|
4
|
+
title: React.ReactNode;
|
|
5
|
+
value: number;
|
|
6
|
+
};
|
|
7
|
+
export interface PaginationMenuProps {
|
|
8
|
+
itemsTitle?: string;
|
|
9
|
+
itemsStart?: number;
|
|
10
|
+
itemsEnd?: number;
|
|
11
|
+
dropDirection?: DropdownDirection;
|
|
12
|
+
widtgetId?: string;
|
|
13
|
+
onSetPerPage: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, value: number) => void;
|
|
14
|
+
itemCount: number;
|
|
15
|
+
perPage?: number;
|
|
16
|
+
perPageOptions?: PageOption[];
|
|
17
|
+
className?: string;
|
|
7
18
|
}
|
|
8
|
-
declare
|
|
9
|
-
|
|
10
|
-
const itemsTitle: PropTypes.Requireable<string>;
|
|
11
|
-
const itemsStart: PropTypes.Requireable<number>;
|
|
12
|
-
const itemsEnd: PropTypes.Requireable<number>;
|
|
13
|
-
const dropDirection: PropTypes.Requireable<string>;
|
|
14
|
-
const widtgetId: PropTypes.Requireable<string>;
|
|
15
|
-
const onSetPerPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
16
|
-
const itemCount: PropTypes.Validator<number>;
|
|
17
|
-
const perPage: PropTypes.Requireable<number>;
|
|
18
|
-
const perPageOptions: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
19
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
20
|
-
value: PropTypes.Requireable<number>;
|
|
21
|
-
}> | null | undefined)[]>;
|
|
22
|
-
const className: PropTypes.Requireable<string>;
|
|
23
|
-
}
|
|
24
|
-
namespace defaultProps {
|
|
25
|
-
const itemsTitle_1: string;
|
|
26
|
-
export { itemsTitle_1 as itemsTitle };
|
|
27
|
-
const dropDirection_1: string;
|
|
28
|
-
export { dropDirection_1 as dropDirection };
|
|
29
|
-
const className_1: string;
|
|
30
|
-
export { className_1 as className };
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
import React from "react";
|
|
34
|
-
import PropTypes from "prop-types";
|
|
19
|
+
declare const PaginationMenu: React.FunctionComponent<PaginationMenuProps>;
|
|
20
|
+
export default PaginationMenu;
|
|
@@ -1,19 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __assign = (this && this.__assign) || function () {
|
|
18
3
|
__assign = Object.assign || function(t) {
|
|
19
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -55,78 +40,34 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
55
40
|
}
|
|
56
41
|
return t;
|
|
57
42
|
};
|
|
58
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
59
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
60
|
-
};
|
|
61
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
44
|
var react_1 = __importStar(require("react"));
|
|
63
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
64
45
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
65
46
|
var react_core_1 = require("@patternfly/react-core");
|
|
66
|
-
var
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
react_1.default.createElement("div", { className: "pf-c-options-menu__toggle pf-m-text pf-m-plain" },
|
|
91
|
-
react_1.default.createElement(react_core_1.Dropdown, { direction: dropDirection, isPlain: true, isOpen: isOpen, onSelect: this.onSelect, dropdownItems: perPageOptions.map(function (_a) {
|
|
92
|
-
var title = _a.title, value = _a.value;
|
|
93
|
-
return (react_1.default.createElement(react_core_1.DropdownItem, { onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, key: value, component: "button" },
|
|
94
|
-
title,
|
|
95
|
-
value === perPage && react_1.default.createElement(react_icons_1.CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })));
|
|
96
|
-
}), toggle: react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: this.onToggle, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" },
|
|
97
|
-
react_1.default.createElement("span", { className: "pf-c-options-menu__toggle-text" },
|
|
98
|
-
react_1.default.createElement("b", null,
|
|
99
|
-
itemsStart,
|
|
100
|
-
" - ",
|
|
101
|
-
itemsEnd),
|
|
102
|
-
' ',
|
|
103
|
-
"of ",
|
|
104
|
-
react_1.default.createElement("b", null, itemCount),
|
|
105
|
-
" ",
|
|
106
|
-
itemsTitle),
|
|
107
|
-
dropDirection === 'up' ? react_1.default.createElement(react_icons_1.CaretUpIcon, null) : react_1.default.createElement(react_icons_1.CaretDownIcon, null)) }))));
|
|
108
|
-
};
|
|
109
|
-
return PaginationNav;
|
|
110
|
-
}(react_1.Component));
|
|
111
|
-
PaginationNav.propTypes = {
|
|
112
|
-
itemsTitle: prop_types_1.default.string,
|
|
113
|
-
itemsStart: prop_types_1.default.number,
|
|
114
|
-
itemsEnd: prop_types_1.default.number,
|
|
115
|
-
dropDirection: prop_types_1.default.string,
|
|
116
|
-
widtgetId: prop_types_1.default.string,
|
|
117
|
-
onSetPerPage: prop_types_1.default.func,
|
|
118
|
-
itemCount: prop_types_1.default.number.isRequired,
|
|
119
|
-
perPage: prop_types_1.default.number,
|
|
120
|
-
perPageOptions: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
121
|
-
title: prop_types_1.default.node,
|
|
122
|
-
value: prop_types_1.default.number,
|
|
123
|
-
})),
|
|
124
|
-
className: prop_types_1.default.string,
|
|
125
|
-
};
|
|
126
|
-
PaginationNav.defaultProps = {
|
|
127
|
-
itemsTitle: 'items',
|
|
128
|
-
dropDirection: 'up',
|
|
129
|
-
className: '',
|
|
47
|
+
var PaginationMenu = function (_a) {
|
|
48
|
+
var _b = _a.itemsTitle, itemsTitle = _b === void 0 ? 'items' : _b, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, _c = _a.dropDirection, dropDirection = _c === void 0 ? react_core_1.DropdownDirection.up : _c, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, _d = _a.perPageOptions, perPageOptions = _d === void 0 ? [] : _d, _e = _a.className, className = _e === void 0 ? '' : _e, perPage = _a.perPage, props = __rest(_a, ["itemsTitle", "itemsStart", "itemsEnd", "widtgetId", "dropDirection", "onSetPerPage", "itemCount", "perPageOptions", "className", "perPage"]);
|
|
49
|
+
var _f = (0, react_1.useState)(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
50
|
+
var onSelect = function () { return setIsOpen(function (prev) { return !prev; }); };
|
|
51
|
+
return (react_1.default.createElement("div", __assign({ className: "pf-c-options-menu ".concat(className) }, props),
|
|
52
|
+
react_1.default.createElement("span", { id: "".concat(widtgetId, "-label"), hidden: true }, "Items per page:"),
|
|
53
|
+
react_1.default.createElement("div", { className: "pf-c-options-menu__toggle pf-m-text pf-m-plain" },
|
|
54
|
+
react_1.default.createElement(react_core_1.Dropdown, { direction: dropDirection, isPlain: true, isOpen: isOpen, onSelect: onSelect, dropdownItems: perPageOptions.map(function (_a) {
|
|
55
|
+
var title = _a.title, value = _a.value;
|
|
56
|
+
return (react_1.default.createElement(react_core_1.DropdownItem, { onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, key: value, component: "button" },
|
|
57
|
+
title,
|
|
58
|
+
value === perPage && react_1.default.createElement(react_icons_1.CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })));
|
|
59
|
+
}), toggle: react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: function (isOpen) { return setIsOpen(isOpen); }, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" },
|
|
60
|
+
react_1.default.createElement("span", { className: "pf-c-options-menu__toggle-text" },
|
|
61
|
+
react_1.default.createElement("b", null,
|
|
62
|
+
itemsStart,
|
|
63
|
+
" - ",
|
|
64
|
+
itemsEnd),
|
|
65
|
+
' ',
|
|
66
|
+
"of ",
|
|
67
|
+
react_1.default.createElement("b", null, itemCount),
|
|
68
|
+
" ",
|
|
69
|
+
itemsTitle),
|
|
70
|
+
dropDirection === 'up' ? react_1.default.createElement(react_icons_1.CaretUpIcon, null) : react_1.default.createElement(react_icons_1.CaretDownIcon, null)) }))));
|
|
130
71
|
};
|
|
131
|
-
exports.default =
|
|
72
|
+
exports.default = PaginationMenu;
|
|
132
73
|
//# sourceMappingURL=PaginationMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationMenu.js","sourceRoot":"","sources":["../src/Pagination/PaginationMenu.
|
|
1
|
+
{"version":3,"file":"PaginationMenu.js","sourceRoot":"","sources":["../src/Pagination/PaginationMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,uDAAgF;AAChF,qDAAmG;AAoBnG,IAAM,cAAc,GAAiD,UAAC,EAYrE;IAXC,IAAA,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,qBAAoC,EAApC,aAAa,mBAAG,8BAAiB,CAAC,EAAE,KAAA,EACpC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACJ,KAAK,cAX4D,6IAYrE,CADS;IAEF,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,QAAQ,GAAG,cAAM,OAAA,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA1B,CAA0B,CAAC;IAClD,OAAO,CACL,gDAAK,SAAS,EAAE,4BAAqB,SAAS,CAAE,IAAM,KAAK;QACzD,wCAAM,EAAE,EAAE,UAAG,SAAS,WAAQ,EAAE,MAAM,4BAE/B;QACP,uCAAK,SAAS,EAAC,gDAAgD;YAC7D,8BAAC,qBAAQ,IACP,SAAS,EAAE,aAAa,EACxB,OAAO,QACP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC,UAAC,EAAgB;wBAAd,KAAK,WAAA,EAAE,KAAK,WAAA;oBAAO,OAAA,CACtD,8BAAC,yBAAY,IAAC,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAA/C,CAA+C,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ;wBAC9G,KAAK;wBACL,KAAK,KAAK,OAAO,IAAI,8BAAC,uBAAS,IAAC,SAAS,EAAC,mCAAmC,EAAC,IAAI,EAAC,IAAI,GAAG,CAC9E,CAChB;gBALuD,CAKvD,CAAC,EACF,MAAM,EACJ,8BAAC,2BAAc,IAAC,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,EAAjB,CAAiB,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAC,kCAAkC;oBAC1H,wCAAM,SAAS,EAAC,gCAAgC;wBAC9C;4BACG,UAAU;;4BAAK,QAAQ,CACtB;wBAAC,GAAG;;wBACL,yCAAI,SAAS,CAAK;;wBAAE,UAAU,CAC5B;oBACN,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,8BAAC,yBAAW,OAAG,CAAC,CAAC,CAAC,8BAAC,2BAAa,OAAG,CAC9C,GAEnB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -1,39 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
amountOfPages
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
onNextPage: any;
|
|
13
|
-
}): JSX.Element;
|
|
14
|
-
declare namespace PaginationNav {
|
|
15
|
-
namespace propTypes {
|
|
16
|
-
const lastPage: PropTypes.Requireable<number>;
|
|
17
|
-
const page: PropTypes.Requireable<number>;
|
|
18
|
-
const pageTitle: PropTypes.Requireable<string>;
|
|
19
|
-
const setPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
-
const amountOfPages: PropTypes.Requireable<number>;
|
|
21
|
-
const onFirstPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
-
const onLastPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
|
-
const onPreviousPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
24
|
-
const onNextPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
25
|
-
}
|
|
26
|
-
namespace defaultProps {
|
|
27
|
-
const pageTitle_1: string;
|
|
28
|
-
export { pageTitle_1 as pageTitle };
|
|
29
|
-
export function onFirstPage_1(): undefined;
|
|
30
|
-
export { onFirstPage_1 as onFirstPage };
|
|
31
|
-
export function onLastPage_1(): undefined;
|
|
32
|
-
export { onLastPage_1 as onLastPage };
|
|
33
|
-
export function onPreviousPage_1(): undefined;
|
|
34
|
-
export { onPreviousPage_1 as onPreviousPage };
|
|
35
|
-
export function onNextPage_1(): undefined;
|
|
36
|
-
export { onNextPage_1 as onNextPage };
|
|
37
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface PaginationNavProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
|
|
3
|
+
lastPage?: number;
|
|
4
|
+
page?: number;
|
|
5
|
+
pageTitle?: string;
|
|
6
|
+
setPage: (event: React.MouseEvent<HTMLButtonElement> | React.FormEvent<HTMLInputElement>, pageNumber: number) => void;
|
|
7
|
+
amountOfPages?: number;
|
|
8
|
+
onFirstPage?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
|
+
onLastPage?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
10
|
+
onPreviousPage?: (event: React.MouseEvent<HTMLButtonElement>, prevPage: number) => void;
|
|
11
|
+
onNextPage?: (event: React.MouseEvent<HTMLButtonElement>, nextPage: number) => void;
|
|
38
12
|
}
|
|
39
|
-
|
|
13
|
+
declare const PaginationNav: React.FunctionComponent<PaginationNavProps>;
|
|
14
|
+
export default PaginationNav;
|
|
@@ -26,11 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
28
|
var react_1 = __importDefault(require("react"));
|
|
29
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
30
29
|
var react_core_1 = require("@patternfly/react-core");
|
|
31
30
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
32
31
|
var PaginationNav = function (_a) {
|
|
33
|
-
var
|
|
32
|
+
var _b = _a.lastPage, lastPage = _b === void 0 ? 0 : _b, setPage = _a.setPage, _c = _a.pageTitle, pageTitle = _c === void 0 ? 'pages' : _c, amountOfPages = _a.amountOfPages, _d = _a.page, page = _d === void 0 ? 0 : _d, _e = _a.onFirstPage, onFirstPage = _e === void 0 ? function () { return undefined; } : _e, _f = _a.onLastPage, onLastPage = _f === void 0 ? function () { return undefined; } : _f, _g = _a.onPreviousPage, onPreviousPage = _g === void 0 ? function () { return undefined; } : _g, _h = _a.onNextPage, onNextPage = _h === void 0 ? function () { return undefined; } : _h, props = __rest(_a, ["lastPage", "setPage", "pageTitle", "amountOfPages", "page", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
|
|
34
33
|
return (react_1.default.createElement("nav", __assign({ className: "pf-c-pagination__nav", "aria-label": "Pagination" }, props),
|
|
35
34
|
react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, isDisabled: page === 1, "aria-label": "Go to first page", "data-action": "first-page", onClick: function (event) {
|
|
36
35
|
onFirstPage(event);
|
|
@@ -62,23 +61,5 @@ var PaginationNav = function (_a) {
|
|
|
62
61
|
} },
|
|
63
62
|
react_1.default.createElement(react_icons_1.AngleDoubleRightIcon, null))));
|
|
64
63
|
};
|
|
65
|
-
PaginationNav.propTypes = {
|
|
66
|
-
lastPage: prop_types_1.default.number,
|
|
67
|
-
page: prop_types_1.default.number,
|
|
68
|
-
pageTitle: prop_types_1.default.string,
|
|
69
|
-
setPage: prop_types_1.default.func,
|
|
70
|
-
amountOfPages: prop_types_1.default.number,
|
|
71
|
-
onFirstPage: prop_types_1.default.func,
|
|
72
|
-
onLastPage: prop_types_1.default.func,
|
|
73
|
-
onPreviousPage: prop_types_1.default.func,
|
|
74
|
-
onNextPage: prop_types_1.default.func,
|
|
75
|
-
};
|
|
76
|
-
PaginationNav.defaultProps = {
|
|
77
|
-
pageTitle: 'pages',
|
|
78
|
-
onFirstPage: function () { return undefined; },
|
|
79
|
-
onLastPage: function () { return undefined; },
|
|
80
|
-
onPreviousPage: function () { return undefined; },
|
|
81
|
-
onNextPage: function () { return undefined; },
|
|
82
|
-
};
|
|
83
64
|
exports.default = PaginationNav;
|
|
84
65
|
//# sourceMappingURL=PaginationNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/Pagination/PaginationNav.
|
|
1
|
+
{"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/Pagination/PaginationNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
const onFirstPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
24
|
-
const onLastPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
25
|
-
const onPreviousPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
26
|
-
const onNextPage: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
-
const className: PropTypes.Requireable<string>;
|
|
28
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PaginationNavProps } from './PaginationNav';
|
|
3
|
+
import { PageOption, PaginationMenuProps } from './PaginationMenu';
|
|
4
|
+
import { DropdownDirection } from '@patternfly/react-core';
|
|
5
|
+
export interface PaginationNextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
6
|
+
amountOfPages?: number;
|
|
7
|
+
itemCount: number;
|
|
8
|
+
page?: number;
|
|
9
|
+
itemsStart?: number;
|
|
10
|
+
itemsEnd?: number;
|
|
11
|
+
widtgetId?: string;
|
|
12
|
+
dropDirection?: DropdownDirection;
|
|
13
|
+
onSetPerPage: PaginationMenuProps['onSetPerPage'];
|
|
14
|
+
perPage?: number;
|
|
15
|
+
perPageOptions?: PageOption[];
|
|
16
|
+
lastPage?: number;
|
|
17
|
+
setPage: PaginationNavProps['setPage'];
|
|
18
|
+
onFirstPage?: PaginationNavProps['onFirstPage'];
|
|
19
|
+
onLastPage?: PaginationNavProps['onLastPage'];
|
|
20
|
+
onPreviousPage?: PaginationNavProps['onPreviousPage'];
|
|
21
|
+
onNextPage?: PaginationNavProps['onNextPage'];
|
|
22
|
+
className?: string;
|
|
29
23
|
}
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
declare const PaginationNext: React.FunctionComponent<PaginationNextProps>;
|
|
25
|
+
export default PaginationNext;
|