@redhat-cloud-services/frontend-components 3.7.0 → 3.7.3
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/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/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 +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/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 +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 +7 -4
- package/useChrome/useChrome.js.map +1 -1
|
@@ -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":"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"}
|
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
1
|
var __assign = (this && this.__assign) || function () {
|
|
17
2
|
__assign = Object.assign || function(t) {
|
|
18
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -35,74 +20,33 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
35
20
|
}
|
|
36
21
|
return t;
|
|
37
22
|
};
|
|
38
|
-
import React, {
|
|
39
|
-
import PropTypes from 'prop-types';
|
|
23
|
+
import React, { useState } from 'react';
|
|
40
24
|
import { CaretDownIcon, CaretUpIcon, CheckIcon } from '@patternfly/react-icons';
|
|
41
|
-
import { Dropdown, DropdownItem, DropdownToggle } from '@patternfly/react-core';
|
|
42
|
-
var
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
React.createElement("div", { className: "pf-c-options-menu__toggle pf-m-text pf-m-plain" },
|
|
67
|
-
React.createElement(Dropdown, { direction: dropDirection, isPlain: true, isOpen: isOpen, onSelect: this.onSelect, dropdownItems: perPageOptions.map(function (_a) {
|
|
68
|
-
var title = _a.title, value = _a.value;
|
|
69
|
-
return (React.createElement(DropdownItem, { onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, key: value, component: "button" },
|
|
70
|
-
title,
|
|
71
|
-
value === perPage && React.createElement(CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })));
|
|
72
|
-
}), toggle: React.createElement(DropdownToggle, { onToggle: this.onToggle, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" },
|
|
73
|
-
React.createElement("span", { className: "pf-c-options-menu__toggle-text" },
|
|
74
|
-
React.createElement("b", null,
|
|
75
|
-
itemsStart,
|
|
76
|
-
" - ",
|
|
77
|
-
itemsEnd),
|
|
78
|
-
' ',
|
|
79
|
-
"of ",
|
|
80
|
-
React.createElement("b", null, itemCount),
|
|
81
|
-
" ",
|
|
82
|
-
itemsTitle),
|
|
83
|
-
dropDirection === 'up' ? React.createElement(CaretUpIcon, null) : React.createElement(CaretDownIcon, null)) }))));
|
|
84
|
-
};
|
|
85
|
-
return PaginationNav;
|
|
86
|
-
}(Component));
|
|
87
|
-
PaginationNav.propTypes = {
|
|
88
|
-
itemsTitle: PropTypes.string,
|
|
89
|
-
itemsStart: PropTypes.number,
|
|
90
|
-
itemsEnd: PropTypes.number,
|
|
91
|
-
dropDirection: PropTypes.string,
|
|
92
|
-
widtgetId: PropTypes.string,
|
|
93
|
-
onSetPerPage: PropTypes.func,
|
|
94
|
-
itemCount: PropTypes.number.isRequired,
|
|
95
|
-
perPage: PropTypes.number,
|
|
96
|
-
perPageOptions: PropTypes.arrayOf(PropTypes.shape({
|
|
97
|
-
title: PropTypes.node,
|
|
98
|
-
value: PropTypes.number,
|
|
99
|
-
})),
|
|
100
|
-
className: PropTypes.string,
|
|
101
|
-
};
|
|
102
|
-
PaginationNav.defaultProps = {
|
|
103
|
-
itemsTitle: 'items',
|
|
104
|
-
dropDirection: 'up',
|
|
105
|
-
className: '',
|
|
25
|
+
import { Dropdown, DropdownDirection, DropdownItem, DropdownToggle } from '@patternfly/react-core';
|
|
26
|
+
var PaginationMenu = function (_a) {
|
|
27
|
+
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 ? 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"]);
|
|
28
|
+
var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
29
|
+
var onSelect = function () { return setIsOpen(function (prev) { return !prev; }); };
|
|
30
|
+
return (React.createElement("div", __assign({ className: "pf-c-options-menu ".concat(className) }, props),
|
|
31
|
+
React.createElement("span", { id: "".concat(widtgetId, "-label"), hidden: true }, "Items per page:"),
|
|
32
|
+
React.createElement("div", { className: "pf-c-options-menu__toggle pf-m-text pf-m-plain" },
|
|
33
|
+
React.createElement(Dropdown, { direction: dropDirection, isPlain: true, isOpen: isOpen, onSelect: onSelect, dropdownItems: perPageOptions.map(function (_a) {
|
|
34
|
+
var title = _a.title, value = _a.value;
|
|
35
|
+
return (React.createElement(DropdownItem, { onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, key: value, component: "button" },
|
|
36
|
+
title,
|
|
37
|
+
value === perPage && React.createElement(CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })));
|
|
38
|
+
}), toggle: React.createElement(DropdownToggle, { onToggle: function (isOpen) { return setIsOpen(isOpen); }, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" },
|
|
39
|
+
React.createElement("span", { className: "pf-c-options-menu__toggle-text" },
|
|
40
|
+
React.createElement("b", null,
|
|
41
|
+
itemsStart,
|
|
42
|
+
" - ",
|
|
43
|
+
itemsEnd),
|
|
44
|
+
' ',
|
|
45
|
+
"of ",
|
|
46
|
+
React.createElement("b", null, itemCount),
|
|
47
|
+
" ",
|
|
48
|
+
itemsTitle),
|
|
49
|
+
dropDirection === 'up' ? React.createElement(CaretUpIcon, null) : React.createElement(CaretDownIcon, null)) }))));
|
|
106
50
|
};
|
|
107
|
-
export default
|
|
51
|
+
export default PaginationMenu;
|
|
108
52
|
//# 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,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;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,iBAAiB,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,QAAQ,CAAC,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,sCAAK,SAAS,EAAE,4BAAqB,SAAS,CAAE,IAAM,KAAK;QACzD,8BAAM,EAAE,EAAE,UAAG,SAAS,WAAQ,EAAE,MAAM,4BAE/B;QACP,6BAAK,SAAS,EAAC,gDAAgD;YAC7D,oBAAC,QAAQ,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,oBAAC,YAAY,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,oBAAC,SAAS,IAAC,SAAS,EAAC,mCAAmC,EAAC,IAAI,EAAC,IAAI,GAAG,CAC9E,CAChB;gBALuD,CAKvD,CAAC,EACF,MAAM,EACJ,oBAAC,cAAc,IAAC,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,EAAjB,CAAiB,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAC,kCAAkC;oBAC1H,8BAAM,SAAS,EAAC,gCAAgC;wBAC9C;4BACG,UAAU;;4BAAK,QAAQ,CACtB;wBAAC,GAAG;;wBACL,+BAAI,SAAS,CAAK;;wBAAE,UAAU,CAC5B;oBACN,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAC9C,GAEnB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -21,11 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
|
-
import PropTypes from 'prop-types';
|
|
25
24
|
import { Button, ButtonVariant, TextInput } from '@patternfly/react-core';
|
|
26
25
|
import { AngleDoubleLeftIcon, AngleLeftIcon, AngleDoubleRightIcon, AngleRightIcon } from '@patternfly/react-icons';
|
|
27
26
|
var PaginationNav = function (_a) {
|
|
28
|
-
var
|
|
27
|
+
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"]);
|
|
29
28
|
return (React.createElement("nav", __assign({ className: "pf-c-pagination__nav", "aria-label": "Pagination" }, props),
|
|
30
29
|
React.createElement(Button, { variant: ButtonVariant.plain, isDisabled: page === 1, "aria-label": "Go to first page", "data-action": "first-page", onClick: function (event) {
|
|
31
30
|
onFirstPage(event);
|
|
@@ -57,23 +56,5 @@ var PaginationNav = function (_a) {
|
|
|
57
56
|
} },
|
|
58
57
|
React.createElement(AngleDoubleRightIcon, null))));
|
|
59
58
|
};
|
|
60
|
-
PaginationNav.propTypes = {
|
|
61
|
-
lastPage: PropTypes.number,
|
|
62
|
-
page: PropTypes.number,
|
|
63
|
-
pageTitle: PropTypes.string,
|
|
64
|
-
setPage: PropTypes.func,
|
|
65
|
-
amountOfPages: PropTypes.number,
|
|
66
|
-
onFirstPage: PropTypes.func,
|
|
67
|
-
onLastPage: PropTypes.func,
|
|
68
|
-
onPreviousPage: PropTypes.func,
|
|
69
|
-
onNextPage: PropTypes.func,
|
|
70
|
-
};
|
|
71
|
-
PaginationNav.defaultProps = {
|
|
72
|
-
pageTitle: 'pages',
|
|
73
|
-
onFirstPage: function () { return undefined; },
|
|
74
|
-
onLastPage: function () { return undefined; },
|
|
75
|
-
onPreviousPage: function () { return undefined; },
|
|
76
|
-
onNextPage: function () { return undefined; },
|
|
77
|
-
};
|
|
78
59
|
export default PaginationNav;
|
|
79
60
|
//# 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,18 +1,3 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
1
|
var __assign = (this && this.__assign) || function () {
|
|
17
2
|
__assign = Object.assign || function(t) {
|
|
18
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -35,44 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
35
20
|
}
|
|
36
21
|
return t;
|
|
37
22
|
};
|
|
38
|
-
import React
|
|
39
|
-
import PropTypes from 'prop-types';
|
|
23
|
+
import React from 'react';
|
|
40
24
|
import PaginationNav from './PaginationNav';
|
|
41
25
|
import PaginationMenu from './PaginationMenu';
|
|
42
|
-
var PaginationNext =
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
PaginationNext.prototype.render = function () {
|
|
48
|
-
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"]);
|
|
49
|
-
return (React.createElement("div", __assign({ className: "pf-c-pagination pf-m-footer ".concat(className), "aria-label": "Element pagination" }, props),
|
|
50
|
-
React.createElement(PaginationMenu, { itemsStart: itemsStart, itemsEnd: itemsEnd, widtgetId: widtgetId, dropDirection: dropDirection, onSetPerPage: onSetPerPage, itemCount: itemCount, perPage: perPage, perPageOptions: perPageOptions }),
|
|
51
|
-
React.createElement(PaginationNav, { lastPage: lastPage, page: page, setPage: setPage, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage })));
|
|
52
|
-
};
|
|
53
|
-
return PaginationNext;
|
|
54
|
-
}(Component));
|
|
55
|
-
PaginationNext.propTypes = {
|
|
56
|
-
amountOfPages: PropTypes.number,
|
|
57
|
-
itemCount: PropTypes.number.isRequired,
|
|
58
|
-
page: PropTypes.number,
|
|
59
|
-
itemsStart: PropTypes.number,
|
|
60
|
-
itemsEnd: PropTypes.number,
|
|
61
|
-
widtgetId: PropTypes.string,
|
|
62
|
-
dropDirection: PropTypes.string,
|
|
63
|
-
onSetPerPage: PropTypes.func,
|
|
64
|
-
perPage: PropTypes.number,
|
|
65
|
-
perPageOptions: PropTypes.arrayOf(PropTypes.shape({
|
|
66
|
-
title: PropTypes.node,
|
|
67
|
-
value: PropTypes.number,
|
|
68
|
-
})),
|
|
69
|
-
lastPage: PropTypes.number,
|
|
70
|
-
setPage: PropTypes.func,
|
|
71
|
-
onFirstPage: PropTypes.func,
|
|
72
|
-
onLastPage: PropTypes.func,
|
|
73
|
-
onPreviousPage: PropTypes.func,
|
|
74
|
-
onNextPage: PropTypes.func,
|
|
75
|
-
className: PropTypes.string,
|
|
26
|
+
var PaginationNext = function (_a) {
|
|
27
|
+
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"]);
|
|
28
|
+
return (React.createElement("div", __assign({ className: "pf-c-pagination pf-m-footer ".concat(className), "aria-label": "Element pagination" }, props),
|
|
29
|
+
React.createElement(PaginationMenu, { itemsStart: itemsStart, itemsEnd: itemsEnd, widtgetId: widtgetId, dropDirection: dropDirection, onSetPerPage: onSetPerPage, itemCount: itemCount, perPage: perPage, perPageOptions: perPageOptions }),
|
|
30
|
+
React.createElement(PaginationNav, { lastPage: lastPage, page: page, setPage: setPage, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage })));
|
|
76
31
|
};
|
|
77
32
|
export default PaginationNext;
|
|
78
33
|
//# 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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAqC,MAAM,iBAAiB,CAAC;AACpE,OAAO,cAAmD,MAAM,kBAAkB,CAAC;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,sCAAK,SAAS,EAAE,sCAA+B,SAAS,CAAE,gBAAa,oBAAoB,IAAK,KAAK;QACnG,oBAAC,cAAc,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,oBAAC,aAAa,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,eAAe,cAAc,CAAC"}
|
package/esm/Pagination/index.js
CHANGED
|
@@ -4,5 +4,5 @@ export * from './Pagination';
|
|
|
4
4
|
export { default as PaginationMenu } from './PaginationMenu';
|
|
5
5
|
export { default as PaginationNav } from './PaginationNav';
|
|
6
6
|
export { default as PaginationNext } from './PaginationNext';
|
|
7
|
-
import '
|
|
7
|
+
import '../Pagination/pagination.css';
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -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,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,mBAAmB,CAAC"}
|
|
@@ -56,7 +56,7 @@ import { FilterChips } from '../FilterChips';
|
|
|
56
56
|
import PropTypes from 'prop-types';
|
|
57
57
|
import SortBy from './SortBy';
|
|
58
58
|
import { SortByDirection } from '@patternfly/react-table';
|
|
59
|
-
import '
|
|
59
|
+
import '../PrimaryToolbar/primary-toolbar.css';
|
|
60
60
|
var PrimaryToolbar = (function (_super) {
|
|
61
61
|
__extends(PrimaryToolbar, _super);
|
|
62
62
|
function PrimaryToolbar() {
|
package/esm/Reboot/Reboot.js
CHANGED
|
@@ -24,7 +24,7 @@ import React from 'react';
|
|
|
24
24
|
import propTypes from 'prop-types';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
26
|
import { RebootingIcon } from '@patternfly/react-icons';
|
|
27
|
-
import '
|
|
27
|
+
import '../Reboot/reboot.css';
|
|
28
28
|
var Reboot = function (_a) {
|
|
29
29
|
var _b;
|
|
30
30
|
var red = _a.red, className = _a.className, props = __rest(_a, ["red", "className"]);
|
package/esm/Section/Section.js
CHANGED
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import classNames from 'classnames';
|
|
25
|
-
import '
|
|
25
|
+
import '../Section/section.css';
|
|
26
26
|
var Section = function (_a) {
|
|
27
27
|
var _b;
|
|
28
28
|
var type = _a.type, children = _a.children, className = _a.className, props = __rest(_a, ["type", "children", "className"]);
|
|
@@ -40,7 +40,7 @@ import PropTypes from 'prop-types';
|
|
|
40
40
|
import { Button, ButtonVariant, Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core';
|
|
41
41
|
import { Input } from '../Input';
|
|
42
42
|
import { SearchIcon } from '@patternfly/react-icons';
|
|
43
|
-
import '
|
|
43
|
+
import '../SimpleTableFilter/simple-table-filter.css';
|
|
44
44
|
var SimpleFilter = (function (_super) {
|
|
45
45
|
__extends(SimpleFilter, _super);
|
|
46
46
|
function SimpleFilter() {
|
package/esm/Skeleton/Skeleton.js
CHANGED
|
@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { Skeleton as PFSkeleton } from '@patternfly/react-core';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
|
-
import '
|
|
26
|
+
import '../Skeleton/skeleton.css';
|
|
27
27
|
export var SkeletonSize = { xs: 'xs', sm: 'sm', md: 'md', lg: 'lg' };
|
|
28
28
|
var Skeleton = function (_a) {
|
|
29
29
|
var _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAoC,MAAM,wBAAwB,CAAC;AAClG,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAoC,MAAM,wBAAwB,CAAC;AAClG,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,iBAAiB,CAAC;AAGzB,MAAM,CAAC,IAAM,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,YAAY,CAAC,EAAE,KAAA,EAAE,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA7D,+BAA+D,CAAF;IAAO,OAAA,CAC5H,oBAAC,UAAU,aAAC,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,0BAAmB,IAAI,CAAE,YAAI,GAAC,YAAY,IAAG,MAAM,OAAI,SAAS,CAAC,IAAM,KAAK,EAAI,CACrI,CAAA;CAAA,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
1
|
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
17
2
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
18
3
|
if (ar || !(i in from)) {
|
|
@@ -26,72 +11,35 @@ import React from 'react';
|
|
|
26
11
|
import { RowSelectVariant, Table, TableHeader, TableBody } from '@patternfly/react-table';
|
|
27
12
|
import { Skeleton, SkeletonSize } from '../Skeleton';
|
|
28
13
|
import classNames from 'classnames';
|
|
29
|
-
import
|
|
30
|
-
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
function
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
14
|
+
import '../SkeletonTable/SkeletonTable.css';
|
|
15
|
+
var SkeletonTable = function (_a) {
|
|
16
|
+
var _b = _a.canSelectAll, canSelectAll = _b === void 0 ? false : _b, _c = _a.isSelectable, isSelectable = _c === void 0 ? false : _c, sortBy = _a.sortBy, variant = _a.variant, _d = _a.isDark, isDark = _d === void 0 ? false : _d, _e = _a.colSize, colSize = _e === void 0 ? 0 : _e, _f = _a.columns, columns = _f === void 0 ? [] : _f, _g = _a.paddingColumnSize, paddingColumnSize = _g === void 0 ? 0 : _g, _h = _a.hasRadio, hasRadio = _h === void 0 ? false : _h, _j = _a.rowSize, rowSize = _j === void 0 ? 0 : _j;
|
|
17
|
+
var newArray = function (size) { return __spreadArray([], Array(size), true); };
|
|
18
|
+
var createColumns = function () {
|
|
19
|
+
return __spreadArray([], Array(colSize), true).map(function () { return ({ title: React.createElement(Skeleton, { isDark: isDark, size: SkeletonSize.sm }) }); });
|
|
20
|
+
};
|
|
21
|
+
var getColumns = function () {
|
|
22
|
+
return newArray(paddingColumnSize)
|
|
23
|
+
.map(function () { return ''; })
|
|
24
|
+
.concat(columns || createColumns());
|
|
25
|
+
};
|
|
26
|
+
var createRows = function () {
|
|
27
|
+
var numberOfCols = columns ? columns.length : colSize;
|
|
28
|
+
return newArray(rowSize).map(function () { return ({
|
|
29
|
+
disableSelection: true,
|
|
30
|
+
cells: newArray(paddingColumnSize)
|
|
42
31
|
.map(function () { return ''; })
|
|
43
|
-
.concat(
|
|
44
|
-
};
|
|
45
|
-
_this.createRows = function () {
|
|
46
|
-
var _a = _this.props, colSize = _a.colSize, rowSize = _a.rowSize, columns = _a.columns, paddingColumnSize = _a.paddingColumnSize, isDark = _a.isDark;
|
|
47
|
-
var numberOfCols = columns ? columns.length : colSize;
|
|
48
|
-
return _this.newArray(rowSize).map(function () { return ({
|
|
49
|
-
disableSelection: true,
|
|
50
|
-
cells: _this.newArray(paddingColumnSize)
|
|
51
|
-
.map(function () { return ''; })
|
|
52
|
-
.concat(_this.newArray(numberOfCols).map(function () { return ({ title: React.createElement(Skeleton, { isDark: isDark, size: SkeletonSize.md }) }); })),
|
|
53
|
-
}); });
|
|
54
|
-
};
|
|
55
|
-
_this.selectVariant = function () {
|
|
56
|
-
var hasRadio = _this.props.hasRadio;
|
|
57
|
-
return hasRadio ? (RowSelectVariant === null || RowSelectVariant === void 0 ? void 0 : RowSelectVariant.radio) || 'radio' : (RowSelectVariant === null || RowSelectVariant === void 0 ? void 0 : RowSelectVariant.checkbox) || 'checkbox';
|
|
58
|
-
};
|
|
59
|
-
_this.newArray = function (size) { return __spreadArray([], Array(size), true); };
|
|
60
|
-
return _this;
|
|
61
|
-
}
|
|
62
|
-
SkeletonTable.prototype.render = function () {
|
|
63
|
-
var _a = this.props, canSelectAll = _a.canSelectAll, isSelectable = _a.isSelectable, sortBy = _a.sortBy, variant = _a.variant, isDark = _a.isDark;
|
|
64
|
-
return (React.createElement(Table, { className: classNames({
|
|
65
|
-
'ins-c-skeleton-table__dark': isDark,
|
|
66
|
-
}), cells: this.getColumns(), rows: this.createRows(), sortBy: sortBy, "aria-label": "Loading", onSelect: isSelectable, selectVariant: isSelectable ? this.selectVariant() : null, canSelectAll: canSelectAll, variant: variant },
|
|
67
|
-
React.createElement(TableHeader, null),
|
|
68
|
-
React.createElement(TableBody, null)));
|
|
32
|
+
.concat(newArray(numberOfCols).map(function () { return ({ title: React.createElement(Skeleton, { isDark: isDark, size: SkeletonSize.md }) }); })),
|
|
33
|
+
}); });
|
|
69
34
|
};
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
index: PropTypes.number,
|
|
79
|
-
direction: PropTypes.oneOf(['asc', 'desc']),
|
|
80
|
-
}),
|
|
81
|
-
isSelectable: PropTypes.bool,
|
|
82
|
-
canSelectAll: PropTypes.bool,
|
|
83
|
-
hasRadio: PropTypes.bool,
|
|
84
|
-
variant: PropTypes.string,
|
|
85
|
-
isDark: PropTypes.bool,
|
|
86
|
-
};
|
|
87
|
-
SkeletonTable.defaultProps = {
|
|
88
|
-
rowSize: 0,
|
|
89
|
-
paddingColumnSize: 0,
|
|
90
|
-
canSelectAll: false,
|
|
91
|
-
isSelectable: false,
|
|
92
|
-
hasRadio: false,
|
|
93
|
-
variant: null,
|
|
94
|
-
isDark: false,
|
|
35
|
+
var selectVariant = function () {
|
|
36
|
+
return hasRadio ? (RowSelectVariant === null || RowSelectVariant === void 0 ? void 0 : RowSelectVariant.radio) || 'radio' : (RowSelectVariant === null || RowSelectVariant === void 0 ? void 0 : RowSelectVariant.checkbox) || 'checkbox';
|
|
37
|
+
};
|
|
38
|
+
return (React.createElement(Table, { className: classNames({
|
|
39
|
+
'ins-c-skeleton-table__dark': isDark,
|
|
40
|
+
}), cells: getColumns(), rows: createRows(), sortBy: sortBy, "aria-label": "Loading", onSelect: isSelectable ? function () { return undefined; } : undefined, selectVariant: isSelectable ? selectVariant() : undefined, canSelectAll: canSelectAll, variant: variant },
|
|
41
|
+
React.createElement(TableHeader, null),
|
|
42
|
+
React.createElement(TableBody, null)));
|
|
95
43
|
};
|
|
96
44
|
export default SkeletonTable;
|
|
97
45
|
//# sourceMappingURL=SkeletonTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonTable.js","sourceRoot":"","sources":["../../src/SkeletonTable/SkeletonTable.
|
|
1
|
+
{"version":3,"file":"SkeletonTable.js","sourceRoot":"","sources":["../../src/SkeletonTable/SkeletonTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SkeletonTable/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SkeletonTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
package/esm/Spinner/Spinner.js
CHANGED
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import classNames from 'classnames';
|
|
25
|
-
import '
|
|
25
|
+
import '../Spinner/spinner.css';
|
|
26
26
|
var Spinner = function (_a) {
|
|
27
27
|
var _b;
|
|
28
28
|
var centered = _a.centered, className = _a.className, props = __rest(_a, ["centered", "className"]);
|
|
@@ -21,28 +21,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
|
-
import PropTypes from 'prop-types';
|
|
25
24
|
import classnames from 'classnames';
|
|
26
|
-
import '
|
|
25
|
+
import '../TabLayout/tab-layout.css';
|
|
27
26
|
var TabLayout = function (_a) {
|
|
28
|
-
var children = _a.children,
|
|
27
|
+
var children = _a.children, _b = _a.items, items = _b === void 0 ? [] : _b, classNames = _a.classNames, active = _a.active, _c = _a.onTabClick, onTabClick = _c === void 0 ? function () { return undefined; } : _c, props = __rest(_a, ["children", "items", "classNames", "active", "onTabClick"]);
|
|
29
28
|
return (React.createElement("section", __assign({}, props, { className: classnames(classNames, 'ins-tab-layout'), "widget-type": "InsightsTabs" }),
|
|
30
29
|
React.createElement("div", { className: "ins-tabs" }, items.map(function (oneItem) { return (React.createElement("div", { key: oneItem.name, className: classnames({ active: oneItem.name === active }), onClick: function (event) { return onTabClick(event, oneItem); }, "widget-type": "InsightsTabsItem", "widget-id": oneItem.name }, oneItem.title)); })),
|
|
31
30
|
React.createElement("div", { className: "ins-tab-content" }, children)));
|
|
32
31
|
};
|
|
33
|
-
TabLayout.propTypes = {
|
|
34
|
-
items: PropTypes.arrayOf(PropTypes.shape({
|
|
35
|
-
name: PropTypes.string,
|
|
36
|
-
title: PropTypes.node,
|
|
37
|
-
})),
|
|
38
|
-
children: PropTypes.node,
|
|
39
|
-
classNames: PropTypes.string,
|
|
40
|
-
active: PropTypes.string,
|
|
41
|
-
onTabClick: PropTypes.func,
|
|
42
|
-
};
|
|
43
|
-
TabLayout.defaultProps = {
|
|
44
|
-
items: [],
|
|
45
|
-
onTabClick: function () { return undefined; },
|
|
46
|
-
};
|
|
47
32
|
export default TabLayout;
|
|
48
33
|
//# sourceMappingURL=TabLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabLayout.js","sourceRoot":"","sources":["../../src/TabLayout/TabLayout.
|
|
1
|
+
{"version":3,"file":"TabLayout.js","sourceRoot":"","sources":["../../src/TabLayout/TabLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,mBAAmB,CAAC;AAoB3B,IAAM,SAAS,GAA4C,UAAC,EAAoF;IAAlF,IAAA,QAAQ,cAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,kBAA4B,EAA5B,UAAU,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAAK,KAAK,cAAlF,2DAAoF,CAAF;IAAO,OAAA,CACnJ,4CAAa,KAAK,IAAE,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,gBAAgB,CAAC,iBAAc,cAAc;QACjG,6BAAK,SAAS,EAAC,UAAU,IACtB,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACtB,6BACE,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,EAC1D,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,EAA1B,CAA0B,iBAClC,kBAAkB,eACnB,OAAO,CAAC,IAAI,IAEtB,OAAO,CAAC,KAAK,CACV,CACP,EAVuB,CAUvB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,iBAAiB,IAAE,QAAQ,CAAO,CACzC,CACX,CAAA;CAAA,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TabLayout/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TabLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}
|