@redhat-cloud-services/frontend-components 3.9.18 → 3.9.19
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.js +3 -8
- package/Ansible/Ansible.js.map +1 -1
- package/AsyncComponent/index.js +4 -5
- package/AsyncComponent/index.js.map +1 -1
- package/Battery/Battery.js +17 -24
- package/Battery/Battery.js.map +1 -1
- package/Battery/CriticalBattery.js +2 -5
- package/Battery/CriticalBattery.js.map +1 -1
- package/Battery/HighBattery.js +2 -5
- package/Battery/HighBattery.js.map +1 -1
- package/Battery/LowBattery.js +2 -5
- package/Battery/LowBattery.js.map +1 -1
- package/Battery/MediumBattery.js +2 -5
- package/Battery/MediumBattery.js.map +1 -1
- package/Battery/NullBattery.js +2 -5
- package/Battery/NullBattery.js.map +1 -1
- package/Breadcrumbs/Breadcrumbs.js +2 -8
- package/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/Breadcrumbs/Breadcrumbs.spec.ct.js +5 -8
- package/Breadcrumbs/Breadcrumbs.spec.ct.js.map +1 -1
- package/Breadcrumbs/ConnectedBreadcrumbs.js +4 -4
- package/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/BulkSelect/BulkSelect.js +11 -35
- package/BulkSelect/BulkSelect.js.map +1 -1
- package/BulkSelect/BulkSelect.spec.ct.js +6 -9
- package/BulkSelect/BulkSelect.spec.ct.js.map +1 -1
- package/ConditionalFilter/CheckboxFilter.js +11 -9
- package/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.js +17 -49
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/GroupFilter.d.ts +6 -1
- package/ConditionalFilter/GroupFilter.js +20 -48
- package/ConditionalFilter/GroupFilter.js.map +1 -1
- package/ConditionalFilter/RadioFilter.js +13 -11
- package/ConditionalFilter/RadioFilter.js.map +1 -1
- package/ConditionalFilter/TextFilter.js +5 -29
- package/ConditionalFilter/TextFilter.js.map +1 -1
- package/ConditionalFilter/groupFilterConstants.d.ts +6 -6
- package/ConditionalFilter/groupFilterConstants.js +1 -1
- package/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/CullingInfo/CullingInformation.js +5 -12
- package/CullingInfo/CullingInformation.js.map +1 -1
- package/Dark/Dark.js +2 -2
- package/Dark/Dark.js.map +1 -1
- package/DateFormat/DateFormat.js +2 -1
- package/DateFormat/DateFormat.js.map +1 -1
- package/DateFormat/helper.js +3 -8
- package/DateFormat/helper.js.map +1 -1
- package/DownloadButton/DownloadButton.js +6 -6
- package/DownloadButton/DownloadButton.js.map +1 -1
- package/DownloadButton/DownloadButton.spec.ct.js +5 -8
- package/DownloadButton/DownloadButton.spec.ct.js.map +1 -1
- package/EmptyTable/EmptyTable.js +2 -4
- package/EmptyTable/EmptyTable.js.map +1 -1
- package/ErrorBoundary/ErrorBoundary.js +13 -8
- package/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/ErrorBoundary/ErrorStack.js +14 -28
- package/ErrorBoundary/ErrorStack.js.map +1 -1
- package/ErrorState/DefaultErrorMessage.js +12 -9
- package/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/ErrorState/ErrorState.js +2 -9
- package/ErrorState/ErrorState.js.map +1 -1
- package/FilterChips/FilterChips.js +11 -19
- package/FilterChips/FilterChips.js.map +1 -1
- package/FilterHooks/constants.js +2 -5
- package/FilterHooks/constants.js.map +1 -1
- package/FilterHooks/tagFilterHook.js +3 -28
- package/FilterHooks/tagFilterHook.js.map +1 -1
- package/Filters/FilterDropdown.js +6 -32
- package/Filters/FilterDropdown.js.map +1 -1
- package/Filters/FilterInput.js +4 -26
- package/Filters/FilterInput.js.map +1 -1
- package/Input/Input.js +2 -2
- package/Input/Input.js.map +1 -1
- package/Input/Input.spec.ct.js +8 -15
- package/Input/Input.spec.ct.js.map +1 -1
- package/Input/LabeledInput.js +2 -5
- package/Input/LabeledInput.js.map +1 -1
- package/InsightsLabel/InsightsLabel.js +6 -9
- package/InsightsLabel/InsightsLabel.js.map +1 -1
- package/InvalidObject/InvalidObject.js +2 -6
- package/InvalidObject/InvalidObject.js.map +1 -1
- package/InvalidObject/icon-404.js +12 -46
- package/InvalidObject/icon-404.js.map +1 -1
- package/Inventory/AppInfo.js +4 -6
- package/Inventory/AppInfo.js.map +1 -1
- package/Inventory/DetailWrapper.js +4 -6
- package/Inventory/DetailWrapper.js.map +1 -1
- package/Inventory/InventoryDetail.js +4 -6
- package/Inventory/InventoryDetail.js.map +1 -1
- package/Inventory/InventoryDetailHead.js +4 -6
- package/Inventory/InventoryDetailHead.js.map +1 -1
- package/Inventory/InventoryLoadError.js +3 -30
- package/Inventory/InventoryLoadError.js.map +1 -1
- package/Inventory/InventoryTable.js +4 -6
- package/Inventory/InventoryTable.js.map +1 -1
- package/Inventory/TagWithDialog.js +5 -7
- package/Inventory/TagWithDialog.js.map +1 -1
- package/LongTextTooltip/LongTextTooltip.js +2 -6
- package/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/Main/Main.js +14 -13
- package/Main/Main.js.map +1 -1
- package/Maintenance/Maintenance.js +2 -22
- package/Maintenance/Maintenance.js.map +1 -1
- package/NoRegisteredSystems/NoRegisteredSystems.js +12 -8
- package/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
- package/NotAuthorized/NotAuthorized.js +5 -12
- package/NotAuthorized/NotAuthorized.js.map +1 -1
- package/NotConnected/NotConnected.js +12 -8
- package/NotConnected/NotConnected.js.map +1 -1
- package/Ouia/WithOuia.js +2 -6
- package/Ouia/WithOuia.js.map +1 -1
- package/PageHeader/PageHeader.js +7 -7
- package/PageHeader/PageHeader.js.map +1 -1
- package/PageHeader/PageHeaderTitle.js +13 -2
- package/PageHeader/PageHeaderTitle.js.map +1 -1
- package/Pagination/Pagination.js +2 -2
- package/Pagination/Pagination.js.map +1 -1
- package/Pagination/Pagination.spec.ct.js +7 -10
- package/Pagination/Pagination.spec.ct.js.map +1 -1
- package/Pagination/PaginationMenu.js +6 -44
- package/Pagination/PaginationMenu.js.map +1 -1
- package/Pagination/PaginationNav.js +16 -34
- package/Pagination/PaginationNav.js.map +1 -1
- package/Pagination/PaginationNext.js +2 -4
- package/Pagination/PaginationNext.js.map +1 -1
- package/PrimaryToolbar/Actions.js +19 -22
- package/PrimaryToolbar/Actions.js.map +1 -1
- package/PrimaryToolbar/Actions.spec.ct.js +5 -8
- package/PrimaryToolbar/Actions.spec.ct.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.js +5 -19
- package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.spec.ct.js +10 -13
- package/PrimaryToolbar/PrimaryToolbar.spec.ct.js.map +1 -1
- package/PrimaryToolbar/SortBy.js +12 -4
- package/PrimaryToolbar/SortBy.js.map +1 -1
- package/PrimaryToolbar/SortBy.spec.ct.js +5 -8
- package/PrimaryToolbar/SortBy.spec.ct.js.map +1 -1
- package/RBACProvider/RBACProvider.js +3 -26
- package/RBACProvider/RBACProvider.js.map +1 -1
- package/Reboot/Reboot.js +2 -4
- package/Reboot/Reboot.js.map +1 -1
- package/Section/Section.js +2 -5
- package/Section/Section.js.map +1 -1
- package/Shield/Shield.js +4 -10
- package/Shield/Shield.js.map +1 -1
- package/SimpleTableFilter/SimpleTableFilter.js +4 -30
- package/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/Skeleton/Skeleton.js +2 -2
- package/Skeleton/Skeleton.js.map +1 -1
- package/SkeletonTable/SkeletonTable.js +16 -7
- package/SkeletonTable/SkeletonTable.js.map +1 -1
- package/Spinner/Spinner.js +2 -3
- package/Spinner/Spinner.js.map +1 -1
- package/TabLayout/TabLayout.js +2 -4
- package/TabLayout/TabLayout.js.map +1 -1
- package/TableToolbar/TableToolbar.js +3 -35
- package/TableToolbar/TableToolbar.js.map +1 -1
- package/TagCount/TagCount.js +2 -4
- package/TagCount/TagCount.js.map +1 -1
- package/TagModal/TableWithFilter.js +48 -89
- package/TagModal/TableWithFilter.js.map +1 -1
- package/TagModal/TagModal.js +8 -34
- package/TagModal/TagModal.js.map +1 -1
- package/TreeTable/decorator.js +2 -9
- package/TreeTable/decorator.js.map +1 -1
- package/TreeTable/rowWrapper.js +2 -2
- package/TreeTable/rowWrapper.js.map +1 -1
- package/Truncate/Truncate.js +6 -10
- package/Truncate/Truncate.js.map +1 -1
- package/Unavailable/Unavailable.js +12 -13
- package/Unavailable/Unavailable.js.map +1 -1
- package/esm/Ansible/Ansible.js +3 -8
- package/esm/Ansible/Ansible.js.map +1 -1
- package/esm/AsyncComponent/index.js +4 -5
- package/esm/AsyncComponent/index.js.map +1 -1
- package/esm/Battery/Battery.js +17 -24
- package/esm/Battery/Battery.js.map +1 -1
- package/esm/Battery/CriticalBattery.js +2 -2
- package/esm/Battery/CriticalBattery.js.map +1 -1
- package/esm/Battery/HighBattery.js +2 -2
- package/esm/Battery/HighBattery.js.map +1 -1
- package/esm/Battery/LowBattery.js +2 -2
- package/esm/Battery/LowBattery.js.map +1 -1
- package/esm/Battery/MediumBattery.js +2 -2
- package/esm/Battery/MediumBattery.js.map +1 -1
- package/esm/Battery/NullBattery.js +2 -2
- package/esm/Battery/NullBattery.js.map +1 -1
- package/esm/Breadcrumbs/Breadcrumbs.js +2 -8
- package/esm/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/Breadcrumbs/Breadcrumbs.spec.ct.js +4 -4
- package/esm/Breadcrumbs/Breadcrumbs.spec.ct.js.map +1 -1
- package/esm/Breadcrumbs/ConnectedBreadcrumbs.js +2 -2
- package/esm/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.js +11 -12
- package/esm/BulkSelect/BulkSelect.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.spec.ct.js +5 -5
- package/esm/BulkSelect/BulkSelect.spec.ct.js.map +1 -1
- package/esm/ConditionalFilter/CheckboxFilter.js +7 -5
- package/esm/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +17 -26
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +20 -25
- package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
- package/esm/ConditionalFilter/RadioFilter.js +11 -9
- package/esm/ConditionalFilter/RadioFilter.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.js +5 -6
- package/esm/ConditionalFilter/TextFilter.js.map +1 -1
- package/esm/ConditionalFilter/groupFilterConstants.js +1 -1
- package/esm/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/esm/CullingInfo/CullingInformation.js +5 -12
- package/esm/CullingInfo/CullingInformation.js.map +1 -1
- package/esm/Dark/Dark.js +2 -2
- package/esm/Dark/Dark.js.map +1 -1
- package/esm/DateFormat/DateFormat.js +2 -1
- package/esm/DateFormat/DateFormat.js.map +1 -1
- package/esm/DateFormat/helper.js +3 -5
- package/esm/DateFormat/helper.js.map +1 -1
- package/esm/DownloadButton/DownloadButton.js +6 -6
- package/esm/DownloadButton/DownloadButton.js.map +1 -1
- package/esm/DownloadButton/DownloadButton.spec.ct.js +4 -4
- package/esm/DownloadButton/DownloadButton.spec.ct.js.map +1 -1
- package/esm/EmptyTable/EmptyTable.js +2 -4
- package/esm/EmptyTable/EmptyTable.js.map +1 -1
- package/esm/ErrorBoundary/ErrorBoundary.js +13 -8
- package/esm/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/esm/ErrorBoundary/ErrorStack.js +15 -6
- package/esm/ErrorBoundary/ErrorStack.js.map +1 -1
- package/esm/ErrorState/DefaultErrorMessage.js +13 -7
- package/esm/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/esm/ErrorState/ErrorState.js +2 -9
- package/esm/ErrorState/ErrorState.js.map +1 -1
- package/esm/FilterChips/FilterChips.js +11 -19
- package/esm/FilterChips/FilterChips.js.map +1 -1
- package/esm/FilterHooks/constants.js +2 -5
- package/esm/FilterHooks/constants.js.map +1 -1
- package/esm/FilterHooks/tagFilterHook.js +3 -5
- package/esm/FilterHooks/tagFilterHook.js.map +1 -1
- package/esm/Filters/FilterDropdown.js +6 -9
- package/esm/Filters/FilterDropdown.js.map +1 -1
- package/esm/Filters/FilterInput.js +4 -3
- package/esm/Filters/FilterInput.js.map +1 -1
- package/esm/Input/Input.js +2 -2
- package/esm/Input/Input.js.map +1 -1
- package/esm/Input/Input.spec.ct.js +7 -11
- package/esm/Input/Input.spec.ct.js.map +1 -1
- package/esm/Input/LabeledInput.js +2 -5
- package/esm/Input/LabeledInput.js.map +1 -1
- package/esm/InsightsLabel/InsightsLabel.js +6 -6
- package/esm/InsightsLabel/InsightsLabel.js.map +1 -1
- package/esm/InvalidObject/InvalidObject.js +2 -6
- package/esm/InvalidObject/InvalidObject.js.map +1 -1
- package/esm/InvalidObject/icon-404.js +13 -44
- package/esm/InvalidObject/icon-404.js.map +1 -1
- package/esm/Inventory/AppInfo.js +4 -6
- package/esm/Inventory/AppInfo.js.map +1 -1
- package/esm/Inventory/DetailWrapper.js +4 -6
- package/esm/Inventory/DetailWrapper.js.map +1 -1
- package/esm/Inventory/InventoryDetail.js +4 -6
- package/esm/Inventory/InventoryDetail.js.map +1 -1
- package/esm/Inventory/InventoryDetailHead.js +4 -6
- package/esm/Inventory/InventoryDetailHead.js.map +1 -1
- package/esm/Inventory/InventoryLoadError.js +3 -7
- package/esm/Inventory/InventoryLoadError.js.map +1 -1
- package/esm/Inventory/InventoryTable.js +4 -6
- package/esm/Inventory/InventoryTable.js.map +1 -1
- package/esm/Inventory/TagWithDialog.js +5 -7
- package/esm/Inventory/TagWithDialog.js.map +1 -1
- package/esm/LongTextTooltip/LongTextTooltip.js +2 -3
- package/esm/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/esm/Main/Main.js +14 -13
- package/esm/Main/Main.js.map +1 -1
- package/esm/Maintenance/Maintenance.js +2 -22
- package/esm/Maintenance/Maintenance.js.map +1 -1
- package/esm/NoRegisteredSystems/NoRegisteredSystems.js +13 -6
- package/esm/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
- package/esm/NotAuthorized/NotAuthorized.js +5 -12
- package/esm/NotAuthorized/NotAuthorized.js.map +1 -1
- package/esm/NotConnected/NotConnected.js +13 -6
- package/esm/NotConnected/NotConnected.js.map +1 -1
- package/esm/Ouia/WithOuia.js +2 -3
- package/esm/Ouia/WithOuia.js.map +1 -1
- package/esm/PageHeader/PageHeader.js +7 -7
- package/esm/PageHeader/PageHeader.js.map +1 -1
- package/esm/PageHeader/PageHeaderTitle.js +13 -2
- package/esm/PageHeader/PageHeaderTitle.js.map +1 -1
- package/esm/Pagination/Pagination.js +2 -2
- package/esm/Pagination/Pagination.js.map +1 -1
- package/esm/Pagination/Pagination.spec.ct.js +6 -6
- package/esm/Pagination/Pagination.spec.ct.js.map +1 -1
- package/esm/Pagination/PaginationMenu.js +6 -21
- package/esm/Pagination/PaginationMenu.js.map +1 -1
- package/esm/Pagination/PaginationNav.js +16 -31
- package/esm/Pagination/PaginationNav.js.map +1 -1
- package/esm/Pagination/PaginationNext.js +2 -4
- package/esm/Pagination/PaginationNext.js.map +1 -1
- package/esm/PrimaryToolbar/Actions.js +16 -19
- package/esm/PrimaryToolbar/Actions.js.map +1 -1
- package/esm/PrimaryToolbar/Actions.spec.ct.js +4 -4
- package/esm/PrimaryToolbar/Actions.spec.ct.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.js +5 -19
- package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.spec.ct.js +9 -9
- package/esm/PrimaryToolbar/PrimaryToolbar.spec.ct.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.js +13 -2
- package/esm/PrimaryToolbar/SortBy.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.spec.ct.js +4 -4
- package/esm/PrimaryToolbar/SortBy.spec.ct.js.map +1 -1
- package/esm/RBACProvider/RBACProvider.js +3 -3
- package/esm/RBACProvider/RBACProvider.js.map +1 -1
- package/esm/Reboot/Reboot.js +2 -4
- package/esm/Reboot/Reboot.js.map +1 -1
- package/esm/Section/Section.js +2 -5
- package/esm/Section/Section.js.map +1 -1
- package/esm/Shield/Shield.js +4 -7
- package/esm/Shield/Shield.js.map +1 -1
- package/esm/SimpleTableFilter/SimpleTableFilter.js +4 -7
- package/esm/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/esm/Skeleton/Skeleton.js +2 -2
- package/esm/Skeleton/Skeleton.js.map +1 -1
- package/esm/SkeletonTable/SkeletonTable.js +16 -7
- package/esm/SkeletonTable/SkeletonTable.js.map +1 -1
- package/esm/Spinner/Spinner.js +2 -3
- package/esm/Spinner/Spinner.js.map +1 -1
- package/esm/TabLayout/TabLayout.js +2 -4
- package/esm/TabLayout/TabLayout.js.map +1 -1
- package/esm/TableToolbar/TableToolbar.js +3 -12
- package/esm/TableToolbar/TableToolbar.js.map +1 -1
- package/esm/TagCount/TagCount.js +2 -4
- package/esm/TagCount/TagCount.js.map +1 -1
- package/esm/TagModal/TableWithFilter.js +48 -66
- package/esm/TagModal/TableWithFilter.js.map +1 -1
- package/esm/TagModal/TagModal.js +8 -11
- package/esm/TagModal/TagModal.js.map +1 -1
- package/esm/TreeTable/decorator.js +2 -6
- package/esm/TreeTable/decorator.js.map +1 -1
- package/esm/TreeTable/rowWrapper.js +2 -2
- package/esm/TreeTable/rowWrapper.js.map +1 -1
- package/esm/Truncate/Truncate.js +6 -10
- package/esm/Truncate/Truncate.js.map +1 -1
- package/esm/Unavailable/Unavailable.js +13 -11
- package/esm/Unavailable/Unavailable.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
5
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
18
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
19
|
var react_core_1 = require("@patternfly/react-core");
|
|
9
20
|
var PageHeaderTitle = function (_a) {
|
|
10
21
|
var className = _a.className, title = _a.title;
|
|
11
22
|
var pageHeaderTitleClasses = (0, classnames_1.default)(className);
|
|
12
|
-
return (
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.Title, __assign({ headingLevel: "h1", size: "2xl", className: pageHeaderTitleClasses, "widget-type": "InsightsPageHeaderTitle" }, { children: title })));
|
|
13
24
|
};
|
|
14
25
|
exports.default = PageHeaderTitle;
|
|
15
26
|
//# sourceMappingURL=PageHeaderTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderTitle.js","sourceRoot":"","sources":["../src/PageHeader/PageHeaderTitle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageHeaderTitle.js","sourceRoot":"","sources":["../src/PageHeader/PageHeaderTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAoC;AACpC,qDAA2D;AAS3D,IAAM,eAAe,GAAkD,UAAC,EAAoB;QAAlB,SAAS,eAAA,EAAE,KAAK,WAAA;IACxF,IAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC,SAAS,CAAC,CAAC;IAErD,OAAO,CACL,uBAAC,kBAAK,aAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,sBAAsB,iBAAc,yBAAyB,gBACzG,KAAK,IACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
package/Pagination/Pagination.js
CHANGED
|
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
28
|
exports.dropDirection = void 0;
|
|
29
|
-
var
|
|
29
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
30
|
var PaginationNext_1 = __importDefault(require("./PaginationNext"));
|
|
31
31
|
exports.dropDirection = {
|
|
32
32
|
up: 'up',
|
|
@@ -47,7 +47,7 @@ var Pagination = function (_a) {
|
|
|
47
47
|
var lastPage = Math.ceil(numberOfItems / perPage);
|
|
48
48
|
var lastIndex = numberOfItems === 0 ? 0 : page === lastPage ? numberOfItems : page * perPage;
|
|
49
49
|
var firstIndex = numberOfItems === 0 ? 0 : (page - 1) * perPage + 1;
|
|
50
|
-
return (
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(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
51
|
title: value,
|
|
52
52
|
value: value,
|
|
53
53
|
}); }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination/Pagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,oEAAuE;AAK1D,QAAA,aAAa,GAAG;IAC3B,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,IAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAiBnC,IAAM,UAAU,GAA6C,UAAC,EAa7D;IAZC,IAAA,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cAZoD,qKAa7D,CADS;IAER,IAAM,OAAO,GAAG,UAAC,QAAgB,EAAE,QAAiB;QAClD,IAAM,OAAO,GAAG,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QACzC,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC;QACnD,IAAI,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/C,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAC9D,SAAS,IAAI,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,IAAM,YAAY,GAAG,cAAc,IAAI,KAAK,CAAC;IAC7C,IAAM,OAAO,GAAW,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IACxD,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC;IACpD,IAAM,SAAS,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC;IAC/F,IAAM,UAAU,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC;IAEtE,OAAO,CACL,uBAAC,wBAAc,eACT,KAAK,IACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,uBAAuB,EACjC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,IAAI,CAAC,EACvB,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACvD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,KAAK,EAAE,IAAI,IAAK,OAAA,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,KAAK,OAAO,CAAC,EAAtD,CAAsD,EAChF,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;YAC3C,KAAK,EAAE,KAAK;YACZ,KAAK,OAAA;SACN,CAAC,EAH0C,CAG1C,CAAC,IACH,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var
|
|
7
|
-
var
|
|
3
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
var react_1 = require("@cypress/react");
|
|
8
5
|
var __1 = require("..");
|
|
9
6
|
describe('Pagination component', function () {
|
|
10
7
|
it('renders with default values', function () {
|
|
11
|
-
(0,
|
|
8
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, {}));
|
|
12
9
|
cy.get('.pf-c-pagination').within(function () {
|
|
13
10
|
cy.get('.pf-c-options-menu__toggle').should('contain', '10');
|
|
14
11
|
cy.get('.pf-c-pagination__nav-page-select > span').should('contain', '1');
|
|
15
12
|
});
|
|
16
13
|
});
|
|
17
14
|
it('renders with data', function () {
|
|
18
|
-
(0,
|
|
15
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, { numberOfItems: 100, perPageOptions: [5, 10, 15, 25] }));
|
|
19
16
|
cy.get('.pf-c-pagination').within(function () {
|
|
20
17
|
cy.get('.pf-c-options-menu__toggle').should('contain', '5');
|
|
21
18
|
cy.get('.pf-c-pagination__nav-page-select > span').should('contain', '20');
|
|
@@ -24,14 +21,14 @@ describe('Pagination component', function () {
|
|
|
24
21
|
});
|
|
25
22
|
});
|
|
26
23
|
it('no items', function () {
|
|
27
|
-
(0,
|
|
24
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, { numberOfItems: 0 }));
|
|
28
25
|
cy.get('.pf-c-options-menu__toggle').should('contain', '0 - 0');
|
|
29
26
|
cy.get('[data-action="next-page"]').should('be.disabled');
|
|
30
27
|
cy.get('[data-action="previous-page"]').should('be.disabled');
|
|
31
28
|
});
|
|
32
29
|
it('onPerPageSelect should be called', function () {
|
|
33
30
|
var selectSpy = cy.spy().as('perPageSpy');
|
|
34
|
-
(0,
|
|
31
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, { numberOfItems: 5, perPageOptions: [5, 10, 15, 25], onPerPageSelect: selectSpy }));
|
|
35
32
|
cy.get('.pf-c-options-menu__toggle').click();
|
|
36
33
|
cy.get('.pf-c-dropdown__menu').find('>li>button').eq(1).click({ force: true });
|
|
37
34
|
cy.get('.pf-c-options-menu__toggle').click();
|
|
@@ -40,7 +37,7 @@ describe('Pagination component', function () {
|
|
|
40
37
|
});
|
|
41
38
|
it('onSetPage should be called', function () {
|
|
42
39
|
var setSpy = cy.spy().as('setPageSpy');
|
|
43
|
-
(0,
|
|
40
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, { numberOfItems: 100, itemsPerPage: 4, page: 10, onSetPage: setSpy }));
|
|
44
41
|
cy.get('.pf-c-form-control').type('1');
|
|
45
42
|
cy.get('[data-action="next-page"]').click();
|
|
46
43
|
cy.get('[data-action="last-page"]').click();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.spec.ct.js","sourceRoot":"","sources":["../src/Pagination/Pagination.spec.ct.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pagination.spec.ct.js","sourceRoot":"","sources":["../src/Pagination/Pagination.spec.ct.js"],"names":[],"mappings":"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"}
|
|
@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
13
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
14
|
var t = {};
|
|
38
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -45,33 +22,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
45
22
|
return t;
|
|
46
23
|
};
|
|
47
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
var
|
|
25
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
|
+
var react_1 = require("react");
|
|
49
27
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
50
28
|
var react_core_1 = require("@patternfly/react-core");
|
|
51
29
|
var PaginationMenu = function (_a) {
|
|
52
30
|
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"]);
|
|
53
31
|
var _f = (0, react_1.useState)(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
54
32
|
var onSelect = function () { return setIsOpen(function (prev) { return !prev; }); };
|
|
55
|
-
return (
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
var title = _a.title, value = _a.value;
|
|
60
|
-
return (react_1.default.createElement(react_core_1.DropdownItem, { onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, key: value, component: "button" },
|
|
61
|
-
title,
|
|
62
|
-
value === perPage && react_1.default.createElement(react_icons_1.CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })));
|
|
63
|
-
}), toggle: react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: function (isOpen) { return setIsOpen(isOpen); }, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" },
|
|
64
|
-
react_1.default.createElement("span", { className: "pf-c-options-menu__toggle-text" },
|
|
65
|
-
react_1.default.createElement("b", null,
|
|
66
|
-
itemsStart,
|
|
67
|
-
" - ",
|
|
68
|
-
itemsEnd),
|
|
69
|
-
' ',
|
|
70
|
-
"of ",
|
|
71
|
-
react_1.default.createElement("b", null, itemCount),
|
|
72
|
-
" ",
|
|
73
|
-
itemsTitle),
|
|
74
|
-
dropDirection === 'up' ? react_1.default.createElement(react_icons_1.CaretUpIcon, null) : react_1.default.createElement(react_icons_1.CaretDownIcon, null)) }))));
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-c-options-menu ".concat(className) }, props, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ id: "".concat(widtgetId, "-label"), hidden: true }, { children: "Items per page:" })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "pf-c-options-menu__toggle pf-m-text pf-m-plain" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { direction: dropDirection, isPlain: true, isOpen: isOpen, onSelect: onSelect, dropdownItems: perPageOptions.map(function (_a) {
|
|
34
|
+
var title = _a.title, value = _a.value;
|
|
35
|
+
return ((0, jsx_runtime_1.jsxs)(react_core_1.DropdownItem, __assign({ onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, component: "button" }, { children: [title, value === perPage && (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })] }), value));
|
|
36
|
+
}), toggle: (0, jsx_runtime_1.jsxs)(react_core_1.DropdownToggle, __assign({ onToggle: function (isOpen) { return setIsOpen(isOpen); }, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" }, { children: [(0, jsx_runtime_1.jsxs)("span", __assign({ className: "pf-c-options-menu__toggle-text" }, { children: [(0, jsx_runtime_1.jsxs)("b", { children: [itemsStart, " - ", itemsEnd] }), ' ', "of ", (0, jsx_runtime_1.jsx)("b", { children: itemCount }), " ", itemsTitle] })), dropDirection === 'up' ? (0, jsx_runtime_1.jsx)(react_icons_1.CaretUpIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.CaretDownIcon, {})] })) }) }))] })));
|
|
75
37
|
};
|
|
76
38
|
exports.default = PaginationMenu;
|
|
77
39
|
//# sourceMappingURL=PaginationMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationMenu.js","sourceRoot":"","sources":["../src/Pagination/PaginationMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginationMenu.js","sourceRoot":"","sources":["../src/Pagination/PaginationMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;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,0CAAK,SAAS,EAAE,4BAAqB,SAAS,CAAE,IAAM,KAAK,eACzD,0CAAM,EAAE,EAAE,UAAG,SAAS,WAAQ,EAAE,MAAM,2CAE/B,EACP,yCAAK,SAAS,EAAC,gDAAgD,gBAC7D,uBAAC,qBAAQ,IACP,SAAS,EAAE,aAAa,EACxB,OAAO,QACP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC,UAAC,EAAgB;4BAAd,KAAK,WAAA,EAAE,KAAK,WAAA;wBAAO,OAAA,CACtD,wBAAC,yBAAY,aAAC,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAA/C,CAA+C,EAAc,SAAS,EAAC,QAAQ,iBAC9G,KAAK,EACL,KAAK,KAAK,OAAO,IAAI,uBAAC,uBAAS,IAAC,SAAS,EAAC,mCAAmC,EAAC,IAAI,EAAC,IAAI,GAAG,MAFL,KAAK,CAG9E,CAChB;oBALuD,CAKvD,CAAC,EACF,MAAM,EACJ,wBAAC,2BAAc,aAAC,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,EAAjB,CAAiB,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAC,kCAAkC,iBAC1H,2CAAM,SAAS,EAAC,gCAAgC,iBAC9C,0CACG,UAAU,SAAK,QAAQ,IACtB,EAAC,GAAG,SACL,wCAAI,SAAS,GAAK,OAAE,UAAU,KAC5B,EACN,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,uBAAC,yBAAW,KAAG,CAAC,CAAC,CAAC,uBAAC,2BAAa,KAAG,KAC9C,GAEnB,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -21,45 +21,27 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
}
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
var
|
|
25
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
26
|
var react_core_1 = require("@patternfly/react-core");
|
|
30
27
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
31
28
|
var PaginationNav = function (_a) {
|
|
32
29
|
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"]);
|
|
33
|
-
return (
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
setPage(event,
|
|
47
|
-
} }),
|
|
48
|
-
react_1.default.createElement("span", { "aria-hidden": "true" },
|
|
49
|
-
"of ",
|
|
50
|
-
lastPage,
|
|
51
|
-
" ",
|
|
52
|
-
pageTitle)),
|
|
53
|
-
react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, isDisabled: page === lastPage, "aria-label": "Go to next page", "data-action": "next-page", onClick: function (event) {
|
|
54
|
-
onNextPage(event, page + 1);
|
|
55
|
-
setPage(event, page + 1);
|
|
56
|
-
} },
|
|
57
|
-
react_1.default.createElement(react_icons_1.AngleRightIcon, null)),
|
|
58
|
-
react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, isDisabled: page === lastPage, "aria-label": "Go to last page", "data-action": "last-page", onClick: function (event) {
|
|
59
|
-
onLastPage(event);
|
|
60
|
-
setPage(event, lastPage);
|
|
61
|
-
} },
|
|
62
|
-
react_1.default.createElement(react_icons_1.AngleDoubleRightIcon, null))));
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)("nav", __assign({ className: "pf-c-pagination__nav", "aria-label": "Pagination" }, props, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.plain, isDisabled: page === 1, "aria-label": "Go to first page", "data-action": "first-page", onClick: function (event) {
|
|
31
|
+
onFirstPage(event);
|
|
32
|
+
setPage(event, 1);
|
|
33
|
+
} }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.AngleDoubleLeftIcon, {}) })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.plain, isDisabled: page === 1, "aria-label": "Go to previous page", "data-action": "previous-page", onClick: function (event) {
|
|
34
|
+
onPreviousPage(event, page - 1);
|
|
35
|
+
setPage(event, page - 1);
|
|
36
|
+
} }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.AngleLeftIcon, {}) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-c-pagination__nav-page-select", "aria-label": "Current page ".concat(page, " of ").concat(lastPage) }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, { className: "pf-c-form-control", "aria-label": "Current page", type: "number", min: "1", "data-action": "set-page", max: amountOfPages, style: { width: "".concat(lastPage.toString().length, "rem"), minWidth: '3rem' }, isReadOnly: amountOfPages === 1, value: page, onChange: function (value, event) {
|
|
37
|
+
setPage(event, value === '' ? NaN : Number(value));
|
|
38
|
+
} }), (0, jsx_runtime_1.jsxs)("span", __assign({ "aria-hidden": "true" }, { children: ["of ", lastPage, " ", pageTitle] }))] })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.plain, isDisabled: page === lastPage, "aria-label": "Go to next page", "data-action": "next-page", onClick: function (event) {
|
|
39
|
+
onNextPage(event, page + 1);
|
|
40
|
+
setPage(event, page + 1);
|
|
41
|
+
} }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.AngleRightIcon, {}) })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.plain, isDisabled: page === lastPage, "aria-label": "Go to last page", "data-action": "last-page", onClick: function (event) {
|
|
42
|
+
onLastPage(event);
|
|
43
|
+
setPage(event, lastPage);
|
|
44
|
+
} }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.AngleDoubleRightIcon, {}) }))] })));
|
|
63
45
|
};
|
|
64
46
|
exports.default = PaginationNav;
|
|
65
47
|
//# sourceMappingURL=PaginationNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/Pagination/PaginationNav.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/Pagination/PaginationNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,14 +25,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
var
|
|
28
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
29
|
var PaginationNav_1 = __importDefault(require("./PaginationNav"));
|
|
30
30
|
var PaginationMenu_1 = __importDefault(require("./PaginationMenu"));
|
|
31
31
|
var PaginationNext = function (_a) {
|
|
32
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 (
|
|
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 })));
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-c-pagination pf-m-footer ".concat(className), "aria-label": "Element pagination" }, props, { children: [(0, jsx_runtime_1.jsx)(PaginationMenu_1.default, { itemsStart: itemsStart, itemsEnd: itemsEnd, widtgetId: widtgetId, dropDirection: dropDirection, onSetPerPage: onSetPerPage, itemCount: itemCount, perPage: perPage, perPageOptions: perPageOptions }), (0, jsx_runtime_1.jsx)(PaginationNav_1.default, { lastPage: lastPage, page: page, setPage: setPage, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage })] })));
|
|
36
34
|
};
|
|
37
35
|
exports.default = PaginationNext;
|
|
38
36
|
//# sourceMappingURL=PaginationNext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationNext.js","sourceRoot":"","sources":["../src/Pagination/PaginationNext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginationNext.js","sourceRoot":"","sources":["../src/Pagination/PaginationNext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,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,0CAAK,SAAS,EAAE,sCAA+B,SAAS,CAAE,gBAAa,oBAAoB,IAAK,KAAK,eACnG,uBAAC,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,EACF,uBAAC,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,KACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -47,7 +47,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
47
47
|
};
|
|
48
48
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
49
|
exports.actionPropsGenerator = exports.overflowActionsMapper = void 0;
|
|
50
|
-
var
|
|
50
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
51
|
+
var react_1 = require("react");
|
|
52
|
+
var react_2 = __importStar(require("react"));
|
|
51
53
|
var react_core_1 = require("@patternfly/react-core");
|
|
52
54
|
var DownloadButton_1 = require("../DownloadButton");
|
|
53
55
|
var classnames_1 = __importDefault(require("classnames"));
|
|
@@ -56,7 +58,7 @@ function isActionObject(node) {
|
|
|
56
58
|
}
|
|
57
59
|
var overflowActionsMapper = function (action, key) {
|
|
58
60
|
var internalAction = action;
|
|
59
|
-
return (react_1.
|
|
61
|
+
return ((0, react_1.createElement)(react_core_1.DropdownItem, __assign({}, internalAction.props, { className: "ins-c-primary-toolbar__overflow-actions", key: internalAction.value || internalAction.key || "".concat(key, "-overflow"), component: (internalAction.props && internalAction.props.component) || react_2.default.isValidElement(internalAction.label || action) ? 'div' : 'button', onClick: function (e) { return internalAction.onClick && internalAction.onClick(e, internalAction, key); } }), internalAction.label || action));
|
|
60
62
|
};
|
|
61
63
|
exports.overflowActionsMapper = overflowActionsMapper;
|
|
62
64
|
var actionPropsGenerator = function (action, key) {
|
|
@@ -64,40 +66,35 @@ var actionPropsGenerator = function (action, key) {
|
|
|
64
66
|
var onClick = typeof action === 'object' && typeof action !== null && typeof (action === null || action === void 0 ? void 0 : action.onClick) === 'function'
|
|
65
67
|
? function (e) { return action === null || action === void 0 ? void 0 : action.onClick(e, action, key); }
|
|
66
68
|
: undefined;
|
|
67
|
-
return __assign(__assign({}, action === null || action === void 0 ? void 0 : action.props), { onClick: onClick, component: ((_a = action === null || action === void 0 ? void 0 : action.props) === null || _a === void 0 ? void 0 : _a.component) || (
|
|
69
|
+
return __assign(__assign({}, action === null || action === void 0 ? void 0 : action.props), { onClick: onClick, component: ((_a = action === null || action === void 0 ? void 0 : action.props) === null || _a === void 0 ? void 0 : _a.component) || (react_2.default.isValidElement(action.label || action) ? 'div' : 'button'), children: typeof action === 'object' && typeof action !== null ? action === null || action === void 0 ? void 0 : action.label : action });
|
|
68
70
|
};
|
|
69
71
|
exports.actionPropsGenerator = actionPropsGenerator;
|
|
70
72
|
var Actions = function (_a) {
|
|
71
73
|
var _b;
|
|
72
74
|
var _c = _a.actions, actions = _c === void 0 ? [] : _c, _d = _a.overflowActions, overflowActions = _d === void 0 ? [] : _d, _e = _a.onSelect, onSelect = _e === void 0 ? function () { return undefined; } : _e, _f = _a.dropdownProps, dropdownProps = _f === void 0 ? {} : _f, kebabToggleProps = _a.kebabToggleProps, exportConfig = _a.exportConfig;
|
|
73
|
-
var _g = (0,
|
|
75
|
+
var _g = (0, react_2.useState)(false), isOpen = _g[0], setIsOpen = _g[1];
|
|
74
76
|
var toggleOpen = function (isOpen) { return setIsOpen(isOpen); };
|
|
75
77
|
var firstAction = actions[0], restActions = actions.slice(1);
|
|
76
78
|
var dropdownItems = __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (firstAction
|
|
77
79
|
? [
|
|
78
|
-
|
|
80
|
+
(0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({}, (0, exports.actionPropsGenerator)(firstAction, 'first-action'), { className: (0, classnames_1.default)('ins-c-primary-toolbar__first-action', isActionObject(firstAction) ? (_b = firstAction === null || firstAction === void 0 ? void 0 : firstAction.props) === null || _b === void 0 ? void 0 : _b.className : undefined) }), "first-action"),
|
|
79
81
|
]
|
|
80
82
|
: []), true), restActions.map(function (action, key) {
|
|
81
83
|
var _a;
|
|
82
|
-
return (
|
|
84
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({}, (0, exports.actionPropsGenerator)(action, key)), (action === null || action === void 0 ? void 0 : action.key) || ((_a = action === null || action === void 0 ? void 0 : action.props) === null || _a === void 0 ? void 0 : _a.key) || key));
|
|
83
85
|
}), true), (actions.length > 0 && overflowActions.length > 0
|
|
84
|
-
? [
|
|
86
|
+
? [(0, jsx_runtime_1.jsx)(react_core_1.DropdownSeparator, { className: "ins-c-primary-toolbar__overflow-actions-separator" }, "separator")]
|
|
85
87
|
: []), true), overflowActions.map(function (action, key) { return (0, exports.overflowActionsMapper)(action, key); }), true);
|
|
86
|
-
return (
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
onSelect && onSelect.apply(void 0, props);
|
|
97
|
-
toggleOpen(false);
|
|
98
|
-
}, ouiaId: "Actions", toggle: react_1.default.createElement(react_core_1.KebabToggle, __assign({}, kebabToggleProps, { onToggle: function (isOpen) {
|
|
99
|
-
toggleOpen(isOpen);
|
|
100
|
-
} })), dropdownItems: dropdownItems }))))));
|
|
88
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [firstAction && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ className: "ins-c-primary-toolbar__first-action pf-m-spacer-sm" }, { children: isActionObject(firstAction) ? ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ ouiaId: "".concat(firstAction.label) }, firstAction.props, { onClick: firstAction.onClick || (firstAction.props && firstAction.props.onClick) || undefined }, { children: firstAction.label }))) : (firstAction) }))), exportConfig && (exportConfig.extraItems || exportConfig.onSelect) && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ className: "pf-m-spacer-sm" }, { children: (0, jsx_runtime_1.jsx)(DownloadButton_1.DownloadButton, __assign({}, exportConfig)) }))), ((actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0) || overflowActions.length > 0) && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ className: "".concat(actions.length <= 1 ? 'ins-m-actions--empty' : '', " ins-c-primary-toolbar__actions pf-m-spacer-sm") }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Dropdown, __assign({}, dropdownProps, { isOpen: isOpen, isPlain: true, onSelect: function () {
|
|
89
|
+
var props = [];
|
|
90
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
91
|
+
props[_i] = arguments[_i];
|
|
92
|
+
}
|
|
93
|
+
onSelect && onSelect.apply(void 0, props);
|
|
94
|
+
toggleOpen(false);
|
|
95
|
+
}, ouiaId: "Actions", toggle: (0, jsx_runtime_1.jsx)(react_core_1.KebabToggle, __assign({}, kebabToggleProps, { onToggle: function (isOpen) {
|
|
96
|
+
toggleOpen(isOpen);
|
|
97
|
+
} })), dropdownItems: dropdownItems })) })))] }));
|
|
101
98
|
};
|
|
102
99
|
exports.default = Actions;
|
|
103
100
|
//# sourceMappingURL=Actions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../src/PrimaryToolbar/Actions.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../src/PrimaryToolbar/Actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,qDAAsJ;AACtJ,oDAAwE;AACxE,0DAAoC;AAyBpC,SAAS,cAAc,CAAC,IAAoC;IAC1D,OAAQ,IAAqB,CAAC,KAAK,KAAK,SAAS,CAAC;AACpD,CAAC;AAEM,IAAM,qBAAqB,GAAG,UAAC,MAAmB,EAAE,GAAoB;IAC7E,IAAM,cAAc,GAAG,MAAsB,CAAC;IAC9C,OAAO,CACL,2BAAC,yBAAY,eACP,cAAc,CAAC,KAAK,IACxB,SAAS,EAAC,yCAAyC,EACnD,GAAG,EAAE,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,GAAG,IAAI,UAAG,GAAG,cAAW,EACpE,SAAS,EAAE,CAAC,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,eAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAC9I,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,EAAE,cAAc,EAAE,GAAG,CAAC,EAAxE,CAAwE,KAEvF,cAAc,CAAC,KAAK,IAAI,MAAM,CAClB,CAChB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,qBAAqB,yBAahC;AAEK,IAAM,oBAAoB,GAAG,UAAC,MAAmB,EAAE,GAAoB;;IAC5E,IAAM,OAAO,GACX,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,IAAI,IAAI,OAAO,CAAC,MAA4B,aAA5B,MAAM,uBAAN,MAAM,CAAwB,OAAO,CAAA,KAAK,UAAU;QAClH,CAAC,CAAC,UAAC,CAAgF,IAAK,OAAC,MAA4B,aAA5B,MAAM,uBAAN,MAAM,CAAwB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAtD,CAAsD;QAC9I,CAAC,CAAC,SAAS,CAAC;IAEhB,6BACM,MAAuB,aAAvB,MAAM,uBAAN,MAAM,CAAmB,KAAK,KAClC,OAAO,SAAA,EACP,SAAS,EAAE,CAAA,MAAC,MAAuB,aAAvB,MAAM,uBAAN,MAAM,CAAmB,KAAK,0CAAE,SAAS,KAAI,CAAC,eAAK,CAAC,cAAc,CAAE,MAAuB,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC5I,QAAQ,EAAE,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,IAAI,CAAC,CAAC,CAAE,MAAsC,aAAtC,MAAM,uBAAN,MAAM,CAAkC,KAAK,CAAC,CAAC,CAAC,MAAM,IACxH;AACJ,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B;AAEF,IAAM,OAAO,GAA0C,UAAC,EAOvD;;QANC,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,gBAA0B,EAA1B,QAAQ,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAC1B,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,gBAAgB,sBAAA,EAChB,YAAY,kBAAA;IAEN,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,UAAU,GAAG,UAAC,MAAe,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,EAAjB,CAAiB,CAAC;IAEnD,IAAA,WAAW,GAAoB,OAAO,GAA3B,EAAK,WAAW,GAAI,OAAO,SAAX,CAAY;IAE9C,IAAM,aAAa,+DACd,CAAC,WAAW;QACb,CAAC,CAAC;YACE,uBAAC,yBAAY,eAEP,IAAA,4BAAoB,EAAC,WAAW,EAAE,cAAc,CAAC,IACrD,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAqC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAFjI,cAAc,CAGlB;SACH;QACH,CAAC,CAAC,EAAE,CAAC,SACJ,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG;;QAAK,OAAA,CAClC,uBAAC,yBAAY,eAAwF,IAAA,4BAAoB,EAAC,MAAM,EAAE,GAAG,CAAC,GAAnH,CAAC,MAAuB,aAAvB,MAAM,uBAAN,MAAM,CAAmB,GAAG,MAAI,MAAC,MAAuB,aAAvB,MAAM,uBAAN,MAAM,CAAmB,KAAK,0CAAE,GAAG,CAAA,IAAI,GAAG,CAA2C,CAC3I,CAAA;KAAA,CAAC,SACC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;QAClD,CAAC,CAAC,CAAC,uBAAC,8BAAiB,IAAiB,SAAS,EAAC,mDAAmD,IAAzE,WAAW,CAAiE,CAAC;QACvG,CAAC,CAAC,EAAE,CAAC,SACJ,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG,IAAK,OAAA,IAAA,6BAAqB,EAAC,MAAsB,EAAE,GAAG,CAAC,EAAlD,CAAkD,CAAC,OAC5F,CAAC;IAEF,OAAO,CACL,wBAAC,gBAAQ,eACN,WAAW,IAAI,CACd,uBAAC,wBAAW,aAAC,SAAS,EAAC,oDAAoD,gBACxE,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC7B,uBAAC,mBAAM,aACL,MAAM,EAAE,UAAG,WAAW,CAAC,KAAK,CAAE,IAC1B,WAAW,CAAC,KAAK,IACrB,OAAO,EAAE,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,SAAS,gBAE5F,WAAW,CAAC,KAAK,IACX,CACV,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,IACW,CACf,EACA,YAAY,IAAI,CAAC,YAAY,CAAC,UAAU,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CACrE,uBAAC,wBAAW,aAAC,SAAS,EAAC,gBAAgB,gBACrC,uBAAC,+BAAc,eAAK,YAAY,EAAI,IACxB,CACf,EACA,CAAC,CAAC,OAAO,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CACnE,uBAAC,wBAAW,aAAC,SAAS,EAAE,UAAG,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,mDAAgD,gBAC1H,uBAAC,qBAAQ,eACH,aAAa,IACjB,MAAM,EAAE,MAAM,EACd,OAAO,QACP,QAAQ,EAAE;wBAAC,eAAQ;6BAAR,UAAQ,EAAR,qBAAQ,EAAR,IAAQ;4BAAR,0BAAQ;;wBACjB,QAAQ,IAAI,QAAQ,eAAI,KAAK,CAAC,CAAC;wBAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;oBACpB,CAAC,EACD,MAAM,EAAC,SAAS,EAChB,MAAM,EACJ,uBAAC,wBAAW,eACN,gBAAgB,IACpB,QAAQ,EAAE,UAAC,MAAM;4BACf,UAAU,CAAC,MAAM,CAAC,CAAC;wBACrB,CAAC,IACD,EAEJ,aAAa,EAAE,aAAa,IAC5B,IACU,CACf,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
|
@@ -10,12 +10,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var
|
|
18
|
-
var
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
|
+
var react_1 = require("@cypress/react");
|
|
19
16
|
var __1 = require("..");
|
|
20
17
|
describe('Actions component', function () {
|
|
21
18
|
var config = {
|
|
@@ -45,11 +42,11 @@ describe('Actions component', function () {
|
|
|
45
42
|
],
|
|
46
43
|
};
|
|
47
44
|
it('empty component is not rendered', function () {
|
|
48
|
-
(0,
|
|
45
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(__1.Actions, {}));
|
|
49
46
|
cy.get('.ins-c-primary-toolbar__actions').should('not.exist');
|
|
50
47
|
});
|
|
51
48
|
it('renders component with data', function () {
|
|
52
|
-
(0,
|
|
49
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(__1.Actions, __assign({}, config)));
|
|
53
50
|
cy.get('.ins-c-primary-toolbar__actions');
|
|
54
51
|
cy.get('.pf-c-dropdown__toggle').click();
|
|
55
52
|
cy.get('.pf-c-dropdown__menu').find('>li>button').should('have.length', 5);
|
|
@@ -58,7 +55,7 @@ describe('Actions component', function () {
|
|
|
58
55
|
config.actions[0].onClick = cy.spy().as('firstActionSpy');
|
|
59
56
|
config.actions[1].onClick = cy.spy().as('restActionsSpy');
|
|
60
57
|
config.overflowActions[1].onClick = cy.spy().as('ofActionSpy');
|
|
61
|
-
(0,
|
|
58
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(__1.Actions, __assign({}, config)));
|
|
62
59
|
cy.get('.pf-c-button').click();
|
|
63
60
|
cy.get('.pf-c-dropdown__toggle').click();
|
|
64
61
|
cy.get('.pf-c-dropdown__menu').find('>li>button').eq(1).click();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.spec.ct.js","sourceRoot":"","sources":["../src/PrimaryToolbar/Actions.spec.ct.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Actions.spec.ct.js","sourceRoot":"","sources":["../src/PrimaryToolbar/Actions.spec.ct.js"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,wCAAuC;AAEvC,wBAA6B;AAE7B,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAM,MAAM,GAAG;QACb,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE;oBACL,GAAG,EAAE,MAAM;iBACZ;aACF;YACD;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE;oBACL,GAAG,EAAE,MAAM;iBACZ;aACF;YACD,KAAK;SACN;QACD,eAAe,EAAE;YACf,KAAK;YACL;gBACE,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE;oBACL,GAAG,EAAE,MAAM;iBACZ;aACF;SACF;KACF,CAAC;IAEF,EAAE,CAAC,iCAAiC,EAAE;QACpC,IAAA,aAAK,EAAC,uBAAC,WAAO,KAAG,CAAC,CAAC;QACnB,EAAE,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE;QAChC,IAAA,aAAK,EAAC,uBAAC,WAAO,eAAK,MAAM,EAAI,CAAC,CAAC;QAC/B,EAAE,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;QAC1C,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,KAAK,EAAE,CAAC;QACzC,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE;QAC9B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;QAC1D,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;QAC/D,IAAA,aAAK,EAAC,uBAAC,WAAO,eAAK,MAAM,EAAI,CAAC,CAAC;QAC/B,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAC;QAC/B,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,KAAK,EAAE,CAAC;QACzC,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAChE,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,KAAK,EAAE,CAAC;QACzC,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAChE,EAAE,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QACrD,EAAE,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QACrD,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -34,6 +34,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
34
34
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
35
35
|
};
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
37
38
|
var react_1 = __importDefault(require("react"));
|
|
38
39
|
var react_core_1 = require("@patternfly/react-core");
|
|
39
40
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
@@ -63,25 +64,10 @@ var PrimaryToolbar = function (_a) {
|
|
|
63
64
|
},
|
|
64
65
|
]
|
|
65
66
|
: []), true);
|
|
66
|
-
return (
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
react_1.default.createElement(react_core_1.ToolbarExpandIconWrapper, null, expandAll.isAllExpanded ? react_1.default.createElement(react_icons_1.AngleDownIcon, null) : react_1.default.createElement(react_icons_1.AngleRightIcon, null)))) : (expandAll))),
|
|
71
|
-
bulkSelect && (react_1.default.createElement(react_core_1.ToolbarItem, null, react_1.default.isValidElement(bulkSelect) ? bulkSelect : react_1.default.createElement(BulkSelect_1.BulkSelect, __assign({ ouiaId: "BulkSelect" }, bulkSelect)))),
|
|
72
|
-
filterConfig && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "ins-c-primary-toolbar__filter" }, react_1.default.isValidElement(filterConfig) ? filterConfig : react_1.default.createElement(ConditionalFilter_1.ConditionalFilter, __assign({ useMobileLayout: useMobileLayout }, filterConfig)))),
|
|
73
|
-
dedicatedAction && react_1.default.createElement(react_core_1.ToolbarItem, null, dedicatedAction))),
|
|
74
|
-
react_1.default.isValidElement(actionsConfig)
|
|
75
|
-
? actionsConfig
|
|
76
|
-
: ((actionsConfig && actionsConfig.actions && actionsConfig.actions.length > 0) || sortByConfig || exportConfig) && (react_1.default.createElement(Actions_1.default, __assign({}, (actionsConfig || {}), { exportConfig: exportConfig, overflowActions: overflowActions }))),
|
|
77
|
-
sortByConfig && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "ins-c-primary-toolbar__sort-by" }, react_1.default.isValidElement(sortByConfig) ? sortByConfig : react_1.default.createElement(SortBy_1.default, __assign({}, sortByConfig)))),
|
|
78
|
-
children,
|
|
79
|
-
pagination && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "ins-c-primary-toolbar__pagination" }, react_1.default.isValidElement(pagination) ? pagination : react_1.default.createElement(react_core_1.Pagination, __assign({ isCompact: true, ouiaId: "CompactPagination" }, pagination))))),
|
|
80
|
-
activeFiltersConfig && react_1.default.isValidElement(activeFiltersConfig) ? (react_1.default.createElement(react_core_1.ToolbarContent, null,
|
|
81
|
-
react_1.default.createElement(react_core_1.ToolbarItem, null, activeFiltersConfig))) : (typeof (activeFiltersConfig === null || activeFiltersConfig === void 0 ? void 0 : activeFiltersConfig.filters) !== 'undefined' &&
|
|
82
|
-
(activeFiltersConfig.filters.length > 0 || activeFiltersConfig.showDeleteButton === true) && (react_1.default.createElement(react_core_1.ToolbarContent, null,
|
|
83
|
-
react_1.default.createElement(react_core_1.ToolbarItem, null,
|
|
84
|
-
react_1.default.createElement(FilterChips_1.FilterChips, __assign({}, activeFiltersConfig))))))));
|
|
67
|
+
return ((0, jsx_runtime_1.jsxs)(react_core_1.Toolbar, __assign({}, props, { className: "".concat(className || '', " ins-c-primary-toolbar"), toggleIsExpanded: toggleIsExpanded, id: id ? "".concat(id) : 'ins-primary-data-toolbar', ouiaId: "PrimaryToolbar" }, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.ToolbarContent, { children: [(expandAll || bulkSelect || filterConfig || dedicatedAction) && ((0, jsx_runtime_1.jsxs)(react_core_1.ToolbarGroup, __assign({ className: "ins-c-primary-toolbar__group-filter pf-m-spacer-md pf-m-space-items-lg", variant: "filter-group" }, { children: [expandAll && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: isPrimaryToolbarExpandAllObject(expandAll) ? ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({}, expandAll.buttonProps, { variant: "plain", "aria-label": "".concat(expandAll.isAllExpanded ? 'Collapse' : 'Expand', " all"), onClick: function (e) { return expandAll.onClick(e, !expandAll.isAllExpanded); }, ouiaId: "ExpandCollapseAll", isDisabled: expandAll.isDisabled }, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToolbarExpandIconWrapper, { children: expandAll.isAllExpanded ? (0, jsx_runtime_1.jsx)(react_icons_1.AngleDownIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.AngleRightIcon, {}) }) }))) : (expandAll) })), bulkSelect && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: react_1.default.isValidElement(bulkSelect) ? bulkSelect : (0, jsx_runtime_1.jsx)(BulkSelect_1.BulkSelect, __assign({ ouiaId: "BulkSelect" }, bulkSelect)) })), filterConfig && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ className: "ins-c-primary-toolbar__filter" }, { children: react_1.default.isValidElement(filterConfig) ? filterConfig : (0, jsx_runtime_1.jsx)(ConditionalFilter_1.ConditionalFilter, __assign({ useMobileLayout: useMobileLayout }, filterConfig)) }))), dedicatedAction && (0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: dedicatedAction })] }))), react_1.default.isValidElement(actionsConfig)
|
|
68
|
+
? actionsConfig
|
|
69
|
+
: ((actionsConfig && actionsConfig.actions && actionsConfig.actions.length > 0) || sortByConfig || exportConfig) && ((0, jsx_runtime_1.jsx)(Actions_1.default, __assign({}, (actionsConfig || {}), { exportConfig: exportConfig, overflowActions: overflowActions }))), sortByConfig && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ className: "ins-c-primary-toolbar__sort-by" }, { children: react_1.default.isValidElement(sortByConfig) ? sortByConfig : (0, jsx_runtime_1.jsx)(SortBy_1.default, __assign({}, sortByConfig)) }))), children, pagination && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ className: "ins-c-primary-toolbar__pagination" }, { children: react_1.default.isValidElement(pagination) ? pagination : (0, jsx_runtime_1.jsx)(react_core_1.Pagination, __assign({ isCompact: true, ouiaId: "CompactPagination" }, pagination)) })))] }), activeFiltersConfig && react_1.default.isValidElement(activeFiltersConfig) ? ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarContent, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: activeFiltersConfig }) })) : (typeof (activeFiltersConfig === null || activeFiltersConfig === void 0 ? void 0 : activeFiltersConfig.filters) !== 'undefined' &&
|
|
70
|
+
(activeFiltersConfig.filters.length > 0 || activeFiltersConfig.showDeleteButton === true) && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarContent, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(FilterChips_1.FilterChips, __assign({}, activeFiltersConfig)) }) })))] })));
|
|
85
71
|
};
|
|
86
72
|
exports.default = PrimaryToolbar;
|
|
87
73
|
//# sourceMappingURL=PrimaryToolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryToolbar.js","sourceRoot":"","sources":["../src/PrimaryToolbar/PrimaryToolbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PrimaryToolbar.js","sourceRoot":"","sources":["../src/PrimaryToolbar/PrimaryToolbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qDAUgC;AAChC,uDAAwE;AACxE,uDAA0D;AAE1D,sDAAkD;AAClD,4CAA4D;AAC5D,0DAAiF;AAEjF,8CAA+D;AAC/D,oDAA+C;AAE/C,kCAAgC;AAmChC,SAAS,+BAA+B,CAAC,IAAqD;IAC5F,OAAO,CAAC,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACrC,CAAC;AAED,IAAM,cAAc,GAAiD,UAAC,EAgBrE;IAfC,IAAA,EAAE,QAAA,EACF,SAAS,eAAA,EACT,wBAAkC,EAAlC,gBAAgB,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAClC,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,eAAe,qBAAA,EACZ,KAAK,cAf4D,0NAgBrE,CADS;IAER,IAAM,eAAe,qBAChB,CAAC,YAAY;QACd,CAAC,CAAC;YACE;gBACE,KAAK,EAAE,gBAAgB;gBACvB,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,CAAC,SAAS,KAAK,6BAAe,CAAC,GAAG,EAAE;gBACrE,OAAO,EAAE,UAAC,CAAmB,IAAK,OAAA,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC,EAAE,6BAAe,CAAC,GAAG,CAAC,EAA9E,CAA8E;aACjH;YACD;gBACE,KAAK,EAAE,iBAAiB;gBACxB,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,CAAC,SAAS,KAAK,6BAAe,CAAC,IAAI,EAAE;gBACtE,OAAO,EAAE,UAAC,CAAmB,IAAK,OAAA,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC,EAAE,6BAAe,CAAC,IAAI,CAAC,EAA/E,CAA+E;aAClH;SACF;QACH,CAAC,CAAC,EAAE,CAAC,OACR,CAAC;IACF,OAAO,CACL,wBAAC,oBAAO,eACF,KAAK,IACT,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,2BAAwB,EACrD,gBAAgB,EAAE,gBAAgB,EAClC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,UAAG,EAAE,CAAE,CAAC,CAAC,CAAC,0BAA0B,EAC7C,MAAM,EAAC,gBAAgB,iBAEvB,wBAAC,2BAAc,eACZ,CAAC,SAAS,IAAI,UAAU,IAAI,YAAY,IAAI,eAAe,CAAC,IAAI,CAC/D,wBAAC,yBAAY,aAAC,SAAS,EAAC,wEAAwE,EAAC,OAAO,EAAC,cAAc,iBACpH,SAAS,IAAI,CACZ,uBAAC,wBAAW,cACT,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAC5C,uBAAC,mBAAM,eACD,SAAS,CAAC,WAAW,IACzB,OAAO,EAAC,OAAO,gBACH,UAAG,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,SAAM,EACpE,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,EAA9C,CAA8C,EAC9D,MAAM,EAAC,mBAAmB,EAC1B,UAAU,EAAE,SAAS,CAAC,UAAU,gBAEhC,uBAAC,qCAAwB,cAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,uBAAC,2BAAa,KAAG,CAAC,CAAC,CAAC,uBAAC,4BAAc,KAAG,GAA4B,IAChH,CACV,CAAC,CAAC,CAAC,CACF,SAAS,CACV,GACW,CACf,EACA,UAAU,IAAI,CACb,uBAAC,wBAAW,cAAE,eAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAC,uBAAU,aAAC,MAAM,EAAC,YAAY,IAAK,UAAU,EAAI,GAAe,CAChI,EACA,YAAY,IAAI,CACf,uBAAC,wBAAW,aAAC,SAAS,EAAC,+BAA+B,gBACnD,eAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,uBAAC,qCAAiB,aAAC,eAAe,EAAE,eAAe,IAAM,YAAY,EAAI,IAClH,CACf,EACA,eAAe,IAAI,uBAAC,wBAAW,cAAE,eAAe,GAAe,KACnD,CAChB,EACA,eAAK,CAAC,cAAc,CAAC,aAAa,CAAC;wBAClC,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI,CAChH,uBAAC,iBAAO,eAAK,CAAC,aAAa,IAAI,EAAE,CAAC,IAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,IAAI,CACrG,EACJ,YAAY,IAAI,CACf,uBAAC,wBAAW,aAAC,SAAS,EAAC,gCAAgC,gBACpD,eAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,uBAAC,gBAAM,eAAK,YAAY,EAAI,IACrE,CACf,EACA,QAAQ,EACR,UAAU,IAAI,CACb,uBAAC,wBAAW,aAAC,SAAS,EAAC,mCAAmC,gBACvD,eAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAC,uBAAU,aAAC,SAAS,QAAC,MAAM,EAAC,mBAAmB,IAAK,UAAU,EAAI,IACxG,CACf,IACc,EAChB,mBAAmB,IAAI,eAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAClE,uBAAC,2BAAc,cACb,uBAAC,wBAAW,cAAE,mBAAmB,GAAe,GACjC,CAClB,CAAC,CAAC,CAAC,CACF,OAAO,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,CAAA,KAAK,WAAW;gBACnD,CAAC,mBAAmB,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,mBAAmB,CAAC,gBAAgB,KAAK,IAAI,CAAC,IAAI,CAC3F,uBAAC,2BAAc,cACb,uBAAC,wBAAW,cACV,uBAAC,yBAAW,eAAK,mBAAmB,EAAI,GAC5B,GACC,CAClB,CACF,KACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|