@redhat-cloud-services/frontend-components 3.7.1 → 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/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/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/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/index.d.ts +1 -1
- package/Truncate/index.js +2 -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 +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +1 -1
- package/esm/ConditionalFilter/TextFilter.js +1 -1
- package/esm/CullingInfo/CullingInformation.js +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 +1 -1
- package/esm/InvalidObject/icon-404.js +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 +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 +1 -1
- package/esm/Truncate/index.js +1 -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/package.json +1 -1
|
@@ -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;
|
|
@@ -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)
|
|
@@ -59,44 +25,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
59
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
60
26
|
};
|
|
61
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
|
-
var react_1 =
|
|
63
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
28
|
+
var react_1 = __importDefault(require("react"));
|
|
64
29
|
var PaginationNav_1 = __importDefault(require("./PaginationNav"));
|
|
65
30
|
var PaginationMenu_1 = __importDefault(require("./PaginationMenu"));
|
|
66
|
-
var PaginationNext =
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
PaginationNext.prototype.render = function () {
|
|
72
|
-
var _a = this.props, className = _a.className, page = _a.page, lastPage = _a.lastPage, setPage = _a.setPage, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, perPageOptions = _a.perPageOptions, dropDirection = _a.dropDirection, amountOfPages = _a.amountOfPages, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, perPage = _a.perPage, props = __rest(_a, ["className", "page", "lastPage", "setPage", "itemsStart", "itemsEnd", "widtgetId", "onSetPerPage", "itemCount", "perPageOptions", "dropDirection", "amountOfPages", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "perPage"]);
|
|
73
|
-
return (react_1.default.createElement("div", __assign({ className: "pf-c-pagination pf-m-footer ".concat(className), "aria-label": "Element pagination" }, props),
|
|
74
|
-
react_1.default.createElement(PaginationMenu_1.default, { itemsStart: itemsStart, itemsEnd: itemsEnd, widtgetId: widtgetId, dropDirection: dropDirection, onSetPerPage: onSetPerPage, itemCount: itemCount, perPage: perPage, perPageOptions: perPageOptions }),
|
|
75
|
-
react_1.default.createElement(PaginationNav_1.default, { lastPage: lastPage, page: page, setPage: setPage, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage })));
|
|
76
|
-
};
|
|
77
|
-
return PaginationNext;
|
|
78
|
-
}(react_1.Component));
|
|
79
|
-
PaginationNext.propTypes = {
|
|
80
|
-
amountOfPages: prop_types_1.default.number,
|
|
81
|
-
itemCount: prop_types_1.default.number.isRequired,
|
|
82
|
-
page: prop_types_1.default.number,
|
|
83
|
-
itemsStart: prop_types_1.default.number,
|
|
84
|
-
itemsEnd: prop_types_1.default.number,
|
|
85
|
-
widtgetId: prop_types_1.default.string,
|
|
86
|
-
dropDirection: prop_types_1.default.string,
|
|
87
|
-
onSetPerPage: prop_types_1.default.func,
|
|
88
|
-
perPage: prop_types_1.default.number,
|
|
89
|
-
perPageOptions: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
90
|
-
title: prop_types_1.default.node,
|
|
91
|
-
value: prop_types_1.default.number,
|
|
92
|
-
})),
|
|
93
|
-
lastPage: prop_types_1.default.number,
|
|
94
|
-
setPage: prop_types_1.default.func,
|
|
95
|
-
onFirstPage: prop_types_1.default.func,
|
|
96
|
-
onLastPage: prop_types_1.default.func,
|
|
97
|
-
onPreviousPage: prop_types_1.default.func,
|
|
98
|
-
onNextPage: prop_types_1.default.func,
|
|
99
|
-
className: prop_types_1.default.string,
|
|
31
|
+
var PaginationNext = function (_a) {
|
|
32
|
+
var className = _a.className, page = _a.page, lastPage = _a.lastPage, setPage = _a.setPage, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, perPageOptions = _a.perPageOptions, dropDirection = _a.dropDirection, amountOfPages = _a.amountOfPages, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, perPage = _a.perPage, props = __rest(_a, ["className", "page", "lastPage", "setPage", "itemsStart", "itemsEnd", "widtgetId", "onSetPerPage", "itemCount", "perPageOptions", "dropDirection", "amountOfPages", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "perPage"]);
|
|
33
|
+
return (react_1.default.createElement("div", __assign({ className: "pf-c-pagination pf-m-footer ".concat(className), "aria-label": "Element pagination" }, props),
|
|
34
|
+
react_1.default.createElement(PaginationMenu_1.default, { itemsStart: itemsStart, itemsEnd: itemsEnd, widtgetId: widtgetId, dropDirection: dropDirection, onSetPerPage: onSetPerPage, itemCount: itemCount, perPage: perPage, perPageOptions: perPageOptions }),
|
|
35
|
+
react_1.default.createElement(PaginationNav_1.default, { lastPage: lastPage, page: page, setPage: setPage, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage })));
|
|
100
36
|
};
|
|
101
37
|
exports.default = PaginationNext;
|
|
102
38
|
//# sourceMappingURL=PaginationNext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationNext.js","sourceRoot":"","sources":["../src/Pagination/PaginationNext.
|
|
1
|
+
{"version":3,"file":"PaginationNext.js","sourceRoot":"","sources":["../src/Pagination/PaginationNext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,kEAAoE;AACpE,oEAAmF;AAuBnF,IAAM,cAAc,GAAiD,UAAC,EAmBrE;IAlBC,IAAA,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,KAAK,cAlB4D,4OAmBrE,CADS;IAER,OAAO,CACL,gDAAK,SAAS,EAAE,sCAA+B,SAAS,CAAE,gBAAa,oBAAoB,IAAK,KAAK;QACnG,8BAAC,wBAAc,IACb,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAC9B;QACF,8BAAC,uBAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
package/Pagination/index.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
export
|
|
2
|
-
export { default as
|
|
3
|
-
export
|
|
4
|
-
export { default as
|
|
5
|
-
export { default
|
|
1
|
+
export { default } from './Pagination';
|
|
2
|
+
export { default as Pagination } from './Pagination';
|
|
3
|
+
export * from './Pagination';
|
|
4
|
+
export { default as PaginationMenu } from './PaginationMenu';
|
|
5
|
+
export { default as PaginationNav } from './PaginationNav';
|
|
6
|
+
export { default as PaginationNext } from './PaginationNext';
|
|
7
|
+
import './pagination.scss';
|
package/Pagination/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Pagination/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Pagination/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,+CAA6B;AAC7B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,6BAA2B"}
|
package/Skeleton/Skeleton.d.ts
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SkeletonProps as PFSkeletonProps } from '@patternfly/react-core';
|
|
3
3
|
import './skeleton.scss';
|
|
4
|
-
|
|
5
|
-
xs:
|
|
6
|
-
sm:
|
|
7
|
-
md:
|
|
8
|
-
lg:
|
|
4
|
+
declare type SkeletonSizeType = {
|
|
5
|
+
xs: 'xs';
|
|
6
|
+
sm: 'sm';
|
|
7
|
+
md: 'md';
|
|
8
|
+
lg: 'lg';
|
|
9
9
|
};
|
|
10
|
+
export declare const SkeletonSize: SkeletonSizeType;
|
|
10
11
|
export interface SkeletonProps extends Omit<PFSkeletonProps, 'size'> {
|
|
11
|
-
size?:
|
|
12
|
+
size?: keyof SkeletonSizeType;
|
|
12
13
|
isDark?: boolean;
|
|
13
14
|
}
|
|
14
15
|
declare const Skeleton: React.FunctionComponent<SkeletonProps>;
|
package/Skeleton/Skeleton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qDAAkG;AAClG,0DAAoC;AAEpC,2BAAyB;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qDAAkG;AAClG,0DAAoC;AAEpC,2BAAyB;AAGZ,QAAA,YAAY,GAAqB,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;AAOzF,IAAM,QAAQ,GAA2C,UAAC,EAA+D;;IAA7D,IAAA,YAAsB,EAAtB,IAAI,mBAAG,oBAAY,CAAC,EAAE,KAAA,EAAE,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA7D,+BAA+D,CAAF;IAAO,OAAA,CAC5H,8BAAC,qBAAU,aAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,0BAAmB,IAAI,CAAE,YAAI,GAAC,YAAY,IAAG,MAAM,OAAI,SAAS,CAAC,IAAM,KAAK,EAAI,CACrI,CAAA;CAAA,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -1,51 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const colSize: PropTypes.Requireable<number>;
|
|
19
|
-
const rowSize: PropTypes.Requireable<number>;
|
|
20
|
-
const columns: PropTypes.Requireable<any[]>;
|
|
21
|
-
const paddingColumnSize: PropTypes.Requireable<number>;
|
|
22
|
-
const sortBy: PropTypes.Requireable<PropTypes.InferProps<{
|
|
23
|
-
index: PropTypes.Requireable<number>;
|
|
24
|
-
direction: PropTypes.Requireable<string>;
|
|
25
|
-
}>>;
|
|
26
|
-
const isSelectable: PropTypes.Requireable<boolean>;
|
|
27
|
-
const canSelectAll: PropTypes.Requireable<boolean>;
|
|
28
|
-
const hasRadio: PropTypes.Requireable<boolean>;
|
|
29
|
-
const variant: PropTypes.Requireable<string>;
|
|
30
|
-
const isDark: PropTypes.Requireable<boolean>;
|
|
31
|
-
}
|
|
32
|
-
namespace defaultProps {
|
|
33
|
-
const rowSize_1: number;
|
|
34
|
-
export { rowSize_1 as rowSize };
|
|
35
|
-
const paddingColumnSize_1: number;
|
|
36
|
-
export { paddingColumnSize_1 as paddingColumnSize };
|
|
37
|
-
const canSelectAll_1: boolean;
|
|
38
|
-
export { canSelectAll_1 as canSelectAll };
|
|
39
|
-
const isSelectable_1: boolean;
|
|
40
|
-
export { isSelectable_1 as isSelectable };
|
|
41
|
-
const hasRadio_1: boolean;
|
|
42
|
-
export { hasRadio_1 as hasRadio };
|
|
43
|
-
const variant_1: null;
|
|
44
|
-
export { variant_1 as variant };
|
|
45
|
-
const isDark_1: boolean;
|
|
46
|
-
export { isDark_1 as isDark };
|
|
47
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ICell, TableVariant } from '@patternfly/react-table';
|
|
3
|
+
import './SkeletonTable.scss';
|
|
4
|
+
export interface SkeletonTableProps {
|
|
5
|
+
colSize?: number;
|
|
6
|
+
rowSize?: number;
|
|
7
|
+
columns?: (ICell | string)[];
|
|
8
|
+
paddingColumnSize?: number;
|
|
9
|
+
sortBy?: {
|
|
10
|
+
index?: number;
|
|
11
|
+
direction?: 'asc' | 'desc';
|
|
12
|
+
};
|
|
13
|
+
isSelectable?: boolean;
|
|
14
|
+
canSelectAll?: boolean;
|
|
15
|
+
hasRadio?: boolean;
|
|
16
|
+
variant?: TableVariant;
|
|
17
|
+
isDark?: boolean;
|
|
48
18
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
import PropTypes from "prop-types";
|
|
19
|
+
declare const SkeletonTable: React.FunctionComponent<SkeletonTableProps>;
|
|
20
|
+
export default SkeletonTable;
|