@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.
Files changed (170) hide show
  1. package/Ansible/Ansible.d.ts +7 -12
  2. package/Ansible/Ansible.js +0 -5
  3. package/Ansible/Ansible.js.map +1 -1
  4. package/Ansible/index.d.ts +2 -1
  5. package/Ansible/index.js.map +1 -1
  6. package/Breadcrumbs/Breadcrumbs.d.ts +12 -27
  7. package/Breadcrumbs/Breadcrumbs.js +1 -16
  8. package/Breadcrumbs/Breadcrumbs.js.map +1 -1
  9. package/Breadcrumbs/ConnectedBreadcrumbs.d.ts +8 -1
  10. package/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
  11. package/Breadcrumbs/index.d.ts +3 -2
  12. package/Breadcrumbs/index.js.map +1 -1
  13. package/BulkSelect/BulkSelect.js +1 -1
  14. package/BulkSelect/BulkSelect.js.map +1 -1
  15. package/ConditionalFilter/ConditionalFilter.js +1 -1
  16. package/ConditionalFilter/ConditionalFilter.js.map +1 -1
  17. package/ConditionalFilter/GroupFilter.js +2 -2
  18. package/ConditionalFilter/GroupFilter.js.map +1 -1
  19. package/DateFormat/DateFormat.d.ts +9 -14
  20. package/DateFormat/DateFormat.js +3 -10
  21. package/DateFormat/DateFormat.js.map +1 -1
  22. package/DateFormat/helper.d.ts +6 -3
  23. package/DateFormat/helper.js +1 -1
  24. package/DateFormat/helper.js.map +1 -1
  25. package/DateFormat/index.d.ts +4 -2
  26. package/DateFormat/index.js +1 -0
  27. package/DateFormat/index.js.map +1 -1
  28. package/DownloadButton/DownloadButton.js +1 -1
  29. package/DownloadButton/DownloadButton.js.map +1 -1
  30. package/EmptyTable/EmptyTable.d.ts +7 -14
  31. package/EmptyTable/EmptyTable.js +0 -6
  32. package/EmptyTable/EmptyTable.js.map +1 -1
  33. package/EmptyTable/index.d.ts +2 -2
  34. package/EmptyTable/index.js +2 -2
  35. package/EmptyTable/index.js.map +1 -1
  36. package/InvalidObject/InvalidObject.js +1 -1
  37. package/InvalidObject/InvalidObject.js.map +1 -1
  38. package/InvalidObject/invalidObject.css +4 -4
  39. package/InvalidObject/invalidObject.scss +1 -1
  40. package/Pagination/Pagination.d.ts +21 -30
  41. package/Pagination/Pagination.js +18 -80
  42. package/Pagination/Pagination.js.map +1 -1
  43. package/Pagination/PaginationMenu.d.ts +19 -33
  44. package/Pagination/PaginationMenu.js +25 -84
  45. package/Pagination/PaginationMenu.js.map +1 -1
  46. package/Pagination/PaginationNav.d.ts +13 -38
  47. package/Pagination/PaginationNav.js +1 -20
  48. package/Pagination/PaginationNav.js.map +1 -1
  49. package/Pagination/PaginationNext.d.ts +24 -30
  50. package/Pagination/PaginationNext.js +6 -70
  51. package/Pagination/PaginationNext.js.map +1 -1
  52. package/Pagination/index.d.ts +7 -5
  53. package/Pagination/index.js.map +1 -1
  54. package/PrimaryToolbar/PrimaryToolbar.js +6 -1
  55. package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
  56. package/Skeleton/Skeleton.d.ts +7 -6
  57. package/Skeleton/Skeleton.js.map +1 -1
  58. package/SkeletonTable/SkeletonTable.d.ts +19 -50
  59. package/SkeletonTable/SkeletonTable.js +26 -78
  60. package/SkeletonTable/SkeletonTable.js.map +1 -1
  61. package/SkeletonTable/index.d.ts +2 -1
  62. package/SkeletonTable/index.js.map +1 -1
  63. package/TabLayout/TabLayout.d.ts +13 -27
  64. package/TabLayout/TabLayout.js +1 -16
  65. package/TabLayout/TabLayout.js.map +1 -1
  66. package/TabLayout/index.d.ts +2 -1
  67. package/TabLayout/index.js.map +1 -1
  68. package/TableToolbar/TableToolbar.d.ts +12 -26
  69. package/TableToolbar/TableToolbar.js +1 -14
  70. package/TableToolbar/TableToolbar.js.map +1 -1
  71. package/TableToolbar/index.d.ts +2 -2
  72. package/TableToolbar/index.js +2 -2
  73. package/TableToolbar/index.js.map +1 -1
  74. package/Truncate/Truncate.d.ts +14 -25
  75. package/Truncate/Truncate.js +3 -13
  76. package/Truncate/Truncate.js.map +1 -1
  77. package/Truncate/index.d.ts +3 -2
  78. package/Truncate/index.js +13 -2
  79. package/Truncate/index.js.map +1 -1
  80. package/Unavailable/Unavailable.d.ts +3 -1
  81. package/Unavailable/Unavailable.js.map +1 -1
  82. package/Unavailable/index.d.ts +2 -1
  83. package/Unavailable/index.js.map +1 -1
  84. package/esm/Ansible/Ansible.js +1 -6
  85. package/esm/Ansible/Ansible.js.map +1 -1
  86. package/esm/Ansible/index.js.map +1 -1
  87. package/esm/Battery/Battery.js +1 -1
  88. package/esm/Breadcrumbs/Breadcrumbs.js +4 -19
  89. package/esm/Breadcrumbs/Breadcrumbs.js.map +1 -1
  90. package/esm/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
  91. package/esm/Breadcrumbs/index.js.map +1 -1
  92. package/esm/BulkSelect/BulkSelect.js +2 -2
  93. package/esm/BulkSelect/BulkSelect.js.map +1 -1
  94. package/esm/ConditionalFilter/ConditionalFilter.js +2 -2
  95. package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
  96. package/esm/ConditionalFilter/GroupFilter.js +3 -3
  97. package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
  98. package/esm/ConditionalFilter/TextFilter.js +1 -1
  99. package/esm/CullingInfo/CullingInformation.js +1 -1
  100. package/esm/DateFormat/DateFormat.js +3 -9
  101. package/esm/DateFormat/DateFormat.js.map +1 -1
  102. package/esm/DateFormat/helper.js +1 -1
  103. package/esm/DateFormat/helper.js.map +1 -1
  104. package/esm/DateFormat/index.js +1 -0
  105. package/esm/DateFormat/index.js.map +1 -1
  106. package/esm/DownloadButton/DownloadButton.js +1 -1
  107. package/esm/DownloadButton/DownloadButton.js.map +1 -1
  108. package/esm/EmptyTable/EmptyTable.js +1 -7
  109. package/esm/EmptyTable/EmptyTable.js.map +1 -1
  110. package/esm/EmptyTable/index.js +1 -1
  111. package/esm/EmptyTable/index.js.map +1 -1
  112. package/esm/ErrorState/ErrorState.js +1 -1
  113. package/esm/FilterChips/FilterChips.js +1 -1
  114. package/esm/FilterHooks/tagFilterHook.js +1 -1
  115. package/esm/Filters/FilterDropdown.js +1 -1
  116. package/esm/InsightsLabel/CriticalIcon.js +1 -1
  117. package/esm/InsightsLabel/InsightsLabel.js +1 -1
  118. package/esm/InvalidObject/InvalidObject.js +2 -2
  119. package/esm/InvalidObject/InvalidObject.js.map +1 -1
  120. package/esm/InvalidObject/icon-404.js +1 -1
  121. package/esm/InvalidObject/invalidObject.css +4 -4
  122. package/esm/InvalidObject/invalidObject.scss +1 -1
  123. package/esm/Main/Main.js +1 -1
  124. package/esm/Maintenance/Maintenance.js +1 -1
  125. package/esm/NotAuthorized/NotAuthorized.js +1 -1
  126. package/esm/PageHeader/PageHeader.js +1 -1
  127. package/esm/Pagination/Pagination.js +18 -61
  128. package/esm/Pagination/Pagination.js.map +1 -1
  129. package/esm/Pagination/PaginationMenu.js +27 -83
  130. package/esm/Pagination/PaginationMenu.js.map +1 -1
  131. package/esm/Pagination/PaginationNav.js +1 -20
  132. package/esm/Pagination/PaginationNav.js.map +1 -1
  133. package/esm/Pagination/PaginationNext.js +6 -51
  134. package/esm/Pagination/PaginationNext.js.map +1 -1
  135. package/esm/Pagination/index.js +1 -1
  136. package/esm/Pagination/index.js.map +1 -1
  137. package/esm/PrimaryToolbar/PrimaryToolbar.js +7 -2
  138. package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
  139. package/esm/Reboot/Reboot.js +1 -1
  140. package/esm/Section/Section.js +1 -1
  141. package/esm/SimpleTableFilter/SimpleTableFilter.js +1 -1
  142. package/esm/Skeleton/Skeleton.js +1 -1
  143. package/esm/Skeleton/Skeleton.js.map +1 -1
  144. package/esm/SkeletonTable/SkeletonTable.js +27 -79
  145. package/esm/SkeletonTable/SkeletonTable.js.map +1 -1
  146. package/esm/SkeletonTable/index.js.map +1 -1
  147. package/esm/Spinner/Spinner.js +1 -1
  148. package/esm/TabLayout/TabLayout.js +2 -17
  149. package/esm/TabLayout/TabLayout.js.map +1 -1
  150. package/esm/TabLayout/index.js.map +1 -1
  151. package/esm/TableToolbar/TableToolbar.js +2 -15
  152. package/esm/TableToolbar/TableToolbar.js.map +1 -1
  153. package/esm/TableToolbar/index.js +1 -1
  154. package/esm/TableToolbar/index.js.map +1 -1
  155. package/esm/TagCount/TagCount.js +1 -1
  156. package/esm/TagModal/TagModal.js +1 -1
  157. package/esm/TreeTable/decorator.js +1 -1
  158. package/esm/Truncate/Truncate.js +4 -14
  159. package/esm/Truncate/Truncate.js.map +1 -1
  160. package/esm/Truncate/index.js +2 -1
  161. package/esm/Truncate/index.js.map +1 -1
  162. package/esm/Unavailable/Unavailable.js +1 -1
  163. package/esm/Unavailable/Unavailable.js.map +1 -1
  164. package/esm/Unavailable/index.js.map +1 -1
  165. package/esm/Wizard/Wizard.js +1 -1
  166. package/esm/index.css +4 -4
  167. package/esm/useChrome/useChrome.js.map +1 -1
  168. package/index.css +4 -4
  169. package/package.json +3 -3
  170. package/useChrome/useChrome.js.map +1 -1
@@ -1,32 +1,23 @@
1
- export namespace dropDirection {
2
- const up: string;
3
- const down: string;
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";
@@ -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 = __importStar(require("react"));
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 = (function (_super) {
72
- __extends(Pagination, _super);
73
- function Pagination() {
74
- var _this = _super !== null && _super.apply(this, arguments) || this;
75
- _this.setPage = function (page, debounce) {
76
- var currPage = _this.props.page;
77
- var perPage = _this.props.itemsPerPage || pager[0];
78
- var maxPage = Math.ceil(_this.props.numberOfItems / perPage);
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
- return Pagination;
99
- }(react_1.Component));
100
- Pagination.propTypes = {
101
- direction: prop_types_1.default.oneOf(Object.keys(exports.dropDirection)),
102
- viewType: prop_types_1.default.string,
103
- itemsPerPage: prop_types_1.default.number,
104
- perPageOptions: prop_types_1.default.arrayOf(prop_types_1.default.number),
105
- numberOfItems: prop_types_1.default.number.isRequired,
106
- onSetPage: prop_types_1.default.func,
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.js"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
@@ -1,34 +1,20 @@
1
- export default PaginationNav;
2
- declare class PaginationNav extends React.Component<any, any, any> {
3
- constructor(props: any);
4
- constructor(props: any, context: any);
5
- onSelect: () => void;
6
- onToggle: (isOpen: any) => void;
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 namespace PaginationNav {
9
- namespace propTypes {
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 PaginationNav = (function (_super) {
67
- __extends(PaginationNav, _super);
68
- function PaginationNav() {
69
- var _this = _super !== null && _super.apply(this, arguments) || this;
70
- _this.state = {
71
- isOpen: false,
72
- };
73
- _this.onSelect = function () {
74
- _this.setState({
75
- isOpen: !_this.state.isOpen,
76
- });
77
- };
78
- _this.onToggle = function (isOpen) {
79
- _this.setState({
80
- isOpen: isOpen,
81
- });
82
- };
83
- return _this;
84
- }
85
- PaginationNav.prototype.render = function () {
86
- var _a = this.props, itemsTitle = _a.itemsTitle, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, dropDirection = _a.dropDirection, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, perPageOptions = _a.perPageOptions, className = _a.className, perPage = _a.perPage, props = __rest(_a, ["itemsTitle", "itemsStart", "itemsEnd", "widtgetId", "dropDirection", "onSetPerPage", "itemCount", "perPageOptions", "className", "perPage"]);
87
- var isOpen = this.state.isOpen;
88
- return (react_1.default.createElement("div", __assign({ className: "pf-c-options-menu ".concat(className) }, props),
89
- react_1.default.createElement("span", { id: "".concat(widtgetId, "-label"), hidden: true }, "Items per page:"),
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 = PaginationNav;
72
+ exports.default = PaginationMenu;
132
73
  //# sourceMappingURL=PaginationMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationMenu.js","sourceRoot":"","sources":["../src/Pagination/PaginationMenu.js"],"names":[],"mappings":"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"}
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
- export default PaginationNav;
2
- declare function PaginationNav({ lastPage, setPage, pageTitle, amountOfPages, page, onFirstPage, onLastPage, onPreviousPage, onNextPage, ...props }: {
3
- [x: string]: any;
4
- lastPage: any;
5
- setPage: any;
6
- pageTitle: any;
7
- amountOfPages: any;
8
- page: any;
9
- onFirstPage: any;
10
- onLastPage: any;
11
- onPreviousPage: any;
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
- import PropTypes from "prop-types";
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 lastPage = _a.lastPage, setPage = _a.setPage, pageTitle = _a.pageTitle, amountOfPages = _a.amountOfPages, page = _a.page, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, props = __rest(_a, ["lastPage", "setPage", "pageTitle", "amountOfPages", "page", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
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.js"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/Pagination/PaginationNav.tsx"],"names":[],"mappings":"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"}
@@ -1,31 +1,25 @@
1
- export default PaginationNext;
2
- declare class PaginationNext extends React.Component<any, any, any> {
3
- constructor(props: any);
4
- constructor(props: any, context: any);
5
- }
6
- declare namespace PaginationNext {
7
- namespace propTypes {
8
- const amountOfPages: PropTypes.Requireable<number>;
9
- const itemCount: PropTypes.Validator<number>;
10
- const page: PropTypes.Requireable<number>;
11
- const itemsStart: PropTypes.Requireable<number>;
12
- const itemsEnd: PropTypes.Requireable<number>;
13
- const widtgetId: PropTypes.Requireable<string>;
14
- const dropDirection: PropTypes.Requireable<string>;
15
- const onSetPerPage: PropTypes.Requireable<(...args: any[]) => any>;
16
- const perPage: PropTypes.Requireable<number>;
17
- const perPageOptions: PropTypes.Requireable<(PropTypes.InferProps<{
18
- title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
19
- value: PropTypes.Requireable<number>;
20
- }> | null | undefined)[]>;
21
- const lastPage: PropTypes.Requireable<number>;
22
- const setPage: PropTypes.Requireable<(...args: any[]) => any>;
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
- import React from "react";
31
- import PropTypes from "prop-types";
24
+ declare const PaginationNext: React.FunctionComponent<PaginationNextProps>;
25
+ export default PaginationNext;