@redhat-cloud-services/frontend-components 4.0.2 → 4.0.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.js +1 -1
- package/Ansible/Ansible.js.map +1 -1
- package/Ansible/ansible.css +3 -3
- package/Ansible/ansible.scss +1 -1
- package/AsyncComponent/index.d.ts +2 -2
- package/AsyncComponent/index.js +1 -1
- package/AsyncComponent/index.js.map +1 -1
- package/Battery/Battery.d.ts +1 -1
- package/Battery/Battery.js +2 -2
- package/Battery/Battery.js.map +1 -1
- package/Battery/battery.css +5 -5
- package/Battery/battery.scss +1 -1
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/Breadcrumbs/Breadcrumbs.spec.ct.js +9 -6
- package/Breadcrumbs/Breadcrumbs.spec.ct.js.map +1 -1
- package/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/BulkSelect/BulkSelect.d.ts +4 -4
- package/BulkSelect/BulkSelect.js +4 -19
- package/BulkSelect/BulkSelect.js.map +1 -1
- package/BulkSelect/BulkSelect.spec.ct.js +20 -16
- package/BulkSelect/BulkSelect.spec.ct.js.map +1 -1
- package/BulkSelect/bulk-select.css +2 -2
- package/BulkSelect/bulk-select.scss +2 -2
- package/ConditionalFilter/CheckboxFilter.d.ts +3 -2
- package/ConditionalFilter/CheckboxFilter.js +15 -45
- package/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/ConditionalFilter/CheckboxFilter.spec.ct.js +13 -13
- package/ConditionalFilter/CheckboxFilter.spec.ct.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.d.ts +22 -12
- package/ConditionalFilter/ConditionalFilter.js +36 -25
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.spec.ct.js +18 -17
- package/ConditionalFilter/ConditionalFilter.spec.ct.js.map +1 -1
- package/ConditionalFilter/GroupFilter.d.ts +15 -33
- package/ConditionalFilter/GroupFilter.js +30 -26
- package/ConditionalFilter/GroupFilter.js.map +1 -1
- package/ConditionalFilter/GroupFilter.spec.ct.js +11 -11
- package/ConditionalFilter/GroupFilter.spec.ct.js.map +1 -1
- package/ConditionalFilter/RadioFilter.d.ts +3 -2
- package/ConditionalFilter/RadioFilter.js +8 -37
- package/ConditionalFilter/RadioFilter.js.map +1 -1
- package/ConditionalFilter/RadioFilter.spec.ct.js +16 -16
- package/ConditionalFilter/RadioFilter.spec.ct.js.map +1 -1
- package/ConditionalFilter/TextFilter.d.ts +9 -17
- package/ConditionalFilter/TextFilter.js +18 -9
- package/ConditionalFilter/TextFilter.js.map +1 -1
- package/ConditionalFilter/TextFilter.spec.ct.js +6 -6
- package/ConditionalFilter/TextFilter.spec.ct.js.map +1 -1
- package/ConditionalFilter/conditional-filter.css +18 -18
- package/ConditionalFilter/conditional-filter.scss +18 -18
- package/ConditionalFilter/conditionalFilterConstants.d.ts +9 -4
- package/ConditionalFilter/conditionalFilterConstants.js +5 -1
- package/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/ConditionalFilter/group-filter.css +12 -9
- package/ConditionalFilter/group-filter.scss +12 -9
- package/ConditionalFilter/groupFilterConstants.d.ts +57 -48
- package/ConditionalFilter/groupFilterConstants.js +38 -22
- package/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/ConditionalFilter/groupType.d.ts +8 -9
- package/ConditionalFilter/groupType.js +9 -8
- package/ConditionalFilter/groupType.js.map +1 -1
- package/ConditionalFilter/index.d.ts +12 -7
- package/ConditionalFilter/index.js +3 -2
- package/ConditionalFilter/index.js.map +1 -1
- package/CullingInfo/CullingInformation.css +4 -4
- package/CullingInfo/CullingInformation.d.ts +1 -1
- package/CullingInfo/CullingInformation.js +4 -4
- package/CullingInfo/CullingInformation.js.map +1 -1
- package/CullingInfo/CullingInformation.scss +4 -4
- package/CullingInfo/utils.d.ts +3 -3
- package/Dark/Dark.d.ts +1 -1
- package/Dark/Dark.js +1 -1
- package/Dark/Dark.js.map +1 -1
- package/Dark/DarkContext.d.ts +1 -1
- package/DateFormat/helper.d.ts +3 -3
- package/DateFormat/helper.js +1 -1
- package/DateFormat/helper.js.map +1 -1
- package/DownloadButton/DownloadButton.d.ts +1 -1
- package/DownloadButton/DownloadButton.js +2 -15
- package/DownloadButton/DownloadButton.js.map +1 -1
- package/DownloadButton/DownloadButton.spec.ct.js +12 -9
- package/DownloadButton/DownloadButton.spec.ct.js.map +1 -1
- package/EmptyTable/EmptyTable.css +2 -2
- package/EmptyTable/EmptyTable.scss +2 -2
- package/ErrorBoundary/ErrorBoundary.css +3 -3
- package/ErrorBoundary/ErrorBoundary.d.ts +2 -2
- package/ErrorBoundary/ErrorBoundary.js +1 -12
- package/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/ErrorBoundary/ErrorBoundary.scss +3 -3
- package/ErrorBoundary/ErrorStack.js +3 -14
- package/ErrorBoundary/ErrorStack.js.map +1 -1
- package/ErrorState/DefaultErrorMessage.d.ts +1 -1
- package/ErrorState/DefaultErrorMessage.js +1 -12
- package/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/ErrorState/ErrorState.js +1 -1
- package/ErrorState/ErrorState.js.map +1 -1
- package/ErrorState/error-state.css +2 -2
- package/ErrorState/error-state.scss +3 -3
- package/FilterChips/FilterChips.d.ts +3 -3
- package/FilterChips/FilterChips.js +5 -5
- package/FilterChips/FilterChips.js.map +1 -1
- package/FilterChips/filter-chips.css +6 -2
- package/FilterChips/filter-chips.scss +6 -2
- package/FilterHooks/constants.d.ts +8 -8
- package/FilterHooks/constants.js +1 -1
- package/FilterHooks/constants.js.map +1 -1
- package/FilterHooks/tagFilterHook.css +3 -3
- package/FilterHooks/tagFilterHook.d.ts +1 -1
- package/FilterHooks/tagFilterHook.js +1 -1
- package/FilterHooks/tagFilterHook.js.map +1 -1
- package/FilterHooks/tagFilterHook.scss +3 -3
- package/Filters/FilterDropdown.d.ts +8 -7
- package/Filters/FilterDropdown.js +5 -4
- package/Filters/FilterDropdown.js.map +1 -1
- package/Filters/FilterInput.js +6 -3
- package/Filters/FilterInput.js.map +1 -1
- package/Filters/filter-dropdown.css +2 -2
- package/Filters/filter-dropdown.scss +1 -1
- package/Filters/filter-input.css +6 -0
- package/Filters/filter-input.scss +7 -0
- package/InsightsLabel/InsightsLabel.js +1 -1
- package/InsightsLabel/InsightsLabel.js.map +1 -1
- package/InsightsLink/InsightsLink.d.ts +1 -1
- package/InsightsLink/InsightsLink.js.map +1 -1
- package/InvalidObject/InvalidObject.js +1 -1
- package/InvalidObject/InvalidObject.js.map +1 -1
- package/InvalidObject/icon-404.js +1 -12
- package/InvalidObject/icon-404.js.map +1 -1
- package/Inventory/AppInfo.d.ts +2 -2
- package/Inventory/AppInfo.js +2 -2
- package/Inventory/AppInfo.js.map +1 -1
- package/Inventory/DetailWrapper.d.ts +2 -2
- package/Inventory/DetailWrapper.js +2 -2
- package/Inventory/DetailWrapper.js.map +1 -1
- package/Inventory/InventoryDetail.d.ts +2 -2
- package/Inventory/InventoryDetail.js +2 -2
- package/Inventory/InventoryDetail.js.map +1 -1
- package/Inventory/InventoryDetailHead.d.ts +2 -2
- package/Inventory/InventoryDetailHead.js +2 -2
- package/Inventory/InventoryDetailHead.js.map +1 -1
- package/Inventory/InventoryTable.d.ts +2 -2
- package/Inventory/InventoryTable.js +2 -2
- package/Inventory/InventoryTable.js.map +1 -1
- package/Inventory/TagWithDialog.d.ts +2 -2
- package/Inventory/TagWithDialog.js +2 -2
- package/Inventory/TagWithDialog.js.map +1 -1
- package/Inventory/WithHistory.d.ts +2 -2
- package/Main/Main.d.ts +2 -2
- package/Main/Main.js +1 -1
- package/Main/Main.js.map +1 -1
- package/Main/main.css +2 -2
- package/Main/main.scss +2 -2
- package/Maintenance/Maintenance.js +1 -1
- package/Maintenance/Maintenance.js.map +1 -1
- package/Maintenance/maintenance.css +4 -4
- package/Maintenance/maintenance.scss +4 -4
- package/NoRegisteredSystems/NoRegisteredSystems.js +1 -12
- package/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
- package/NotAuthorized/NotAuthorized.d.ts +0 -1
- package/NotAuthorized/NotAuthorized.js +3 -4
- package/NotAuthorized/NotAuthorized.js.map +1 -1
- package/NotConnected/NotConnected.js +1 -12
- package/NotConnected/NotConnected.js.map +1 -1
- package/OpenSourceBadge/OpenSourceBadge.js +1 -12
- package/OpenSourceBadge/OpenSourceBadge.js.map +1 -1
- package/Ouia/WithOuia.d.ts +2 -2
- package/Ouia/WithOuia.js.map +1 -1
- package/Ouia/index.d.ts +6 -3
- package/Ouia/index.js.map +1 -1
- package/PageHeader/PageHeader.d.ts +1 -1
- package/PageHeader/PageHeader.js +2 -2
- package/PageHeader/PageHeader.js.map +1 -1
- package/PageHeader/PageHeaderTitle.js +1 -12
- package/PageHeader/PageHeaderTitle.js.map +1 -1
- package/PageHeader/page-header.css +2 -2
- package/PageHeader/page-header.scss +4 -4
- package/PrimaryToolbar/Actions.d.ts +5 -5
- package/PrimaryToolbar/Actions.js +7 -8
- package/PrimaryToolbar/Actions.js.map +1 -1
- package/PrimaryToolbar/Actions.spec.ct.js +14 -11
- package/PrimaryToolbar/Actions.spec.ct.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.d.ts +2 -2
- package/PrimaryToolbar/PrimaryToolbar.js +9 -5
- package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.spec.ct.js +20 -16
- package/PrimaryToolbar/PrimaryToolbar.spec.ct.js.map +1 -1
- package/PrimaryToolbar/SortBy.d.ts +2 -2
- package/PrimaryToolbar/SortBy.js +1 -12
- package/PrimaryToolbar/SortBy.js.map +1 -1
- package/PrimaryToolbar/SortBy.spec.ct.js +10 -7
- package/PrimaryToolbar/SortBy.spec.ct.js.map +1 -1
- package/PrimaryToolbar/primary-toolbar.css +2 -2
- package/PrimaryToolbar/primary-toolbar.scss +2 -2
- package/RBACProvider/RBACProvider.d.ts +1 -1
- package/RBACProvider/RBACProvider.js +2 -2
- package/RBACProvider/RBACProvider.js.map +1 -1
- package/Reboot/reboot.css +1 -1
- package/Reboot/reboot.scss +1 -1
- package/Section/Section.js +1 -1
- package/Section/Section.js.map +1 -1
- package/Section/section.css +1 -1
- package/Shield/Shield.d.ts +2 -2
- package/Shield/Shield.js +3 -4
- package/Shield/Shield.js.map +1 -1
- package/Shield/consts.js.map +1 -1
- package/SimpleTableFilter/SimpleTableFilter.d.ts +7 -8
- package/SimpleTableFilter/SimpleTableFilter.js +15 -14
- package/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/SimpleTableFilter/simple-table-filter.css +0 -15
- package/SimpleTableFilter/simple-table-filter.scss +0 -12
- package/Skeleton/Skeleton.d.ts +1 -1
- package/Skeleton/skeleton.css +7 -7
- package/Skeleton/skeleton.scss +7 -7
- package/SkeletonTable/SkeletonTable.d.ts +10 -16
- package/SkeletonTable/SkeletonTable.js +11 -41
- package/SkeletonTable/SkeletonTable.js.map +1 -1
- package/Spinner/Spinner.js +1 -1
- package/Spinner/Spinner.js.map +1 -1
- package/Spinner/spinner.css +2 -2
- package/Spinner/spinner.scss +2 -2
- package/TabLayout/TabLayout.d.ts +2 -2
- package/TabLayout/TabLayout.js +1 -1
- package/TabLayout/TabLayout.js.map +1 -1
- package/TabLayout/tab-layout.css +4 -4
- package/TabLayout/tab-layout.scss +4 -4
- package/TableToolbar/TableToolbar.css +5 -5
- package/TableToolbar/TableToolbar.js +1 -1
- package/TableToolbar/TableToolbar.js.map +1 -1
- package/TableToolbar/TableToolbar.scss +5 -5
- package/TagCount/TagCount.js +1 -1
- package/TagCount/TagCount.js.map +1 -1
- package/TagCount/tagCount.css +1 -1
- package/TagCount/tagCount.scss +1 -1
- package/TagModal/TableWithFilter.d.ts +3 -2
- package/TagModal/TableWithFilter.js +4 -4
- package/TagModal/TableWithFilter.js.map +1 -1
- package/TagModal/TagModal.d.ts +8 -5
- package/TagModal/TagModal.js +6 -6
- package/TagModal/TagModal.js.map +1 -1
- package/TagModal/tagModal.css +1 -1
- package/TagModal/tagModal.scss +1 -1
- package/TreeTable/decorator.d.ts +2 -2
- package/TreeTable/decorator.js +2 -2
- package/TreeTable/decorator.js.map +1 -1
- package/TreeTable/helpers.d.ts +1 -1
- package/TreeTable/styles.css +116 -116
- package/TreeTable/styles.scss +49 -49
- package/Truncate/Truncate.js +5 -5
- package/Truncate/Truncate.js.map +1 -1
- package/Unavailable/Unavailable.css +1 -1
- package/Unavailable/Unavailable.js +1 -12
- package/Unavailable/Unavailable.js.map +1 -1
- package/Unavailable/Unavailable.scss +1 -1
- package/cypress.config.ts +16 -0
- package/esm/Ansible/Ansible.js +1 -1
- package/esm/Ansible/Ansible.js.map +1 -1
- package/esm/Ansible/ansible.css +3 -3
- package/esm/Ansible/ansible.scss +1 -1
- package/esm/AsyncComponent/index.js +3 -2
- package/esm/AsyncComponent/index.js.map +1 -1
- package/esm/Battery/Battery.js +2 -2
- package/esm/Battery/Battery.js.map +1 -1
- package/esm/Battery/battery.css +5 -5
- package/esm/Battery/battery.scss +1 -1
- package/esm/Breadcrumbs/Breadcrumbs.js +2 -2
- package/esm/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/Breadcrumbs/Breadcrumbs.spec.ct.js +6 -6
- package/esm/Breadcrumbs/Breadcrumbs.spec.ct.js.map +1 -1
- package/esm/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.js +9 -21
- package/esm/BulkSelect/BulkSelect.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.spec.ct.js +17 -16
- package/esm/BulkSelect/BulkSelect.spec.ct.js.map +1 -1
- package/esm/BulkSelect/bulk-select.css +2 -2
- package/esm/BulkSelect/bulk-select.scss +2 -2
- package/esm/ConditionalFilter/CheckboxFilter.js +20 -25
- package/esm/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/esm/ConditionalFilter/CheckboxFilter.spec.ct.js +13 -13
- package/esm/ConditionalFilter/CheckboxFilter.spec.ct.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +43 -28
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.spec.ct.js +18 -17
- package/esm/ConditionalFilter/ConditionalFilter.spec.ct.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +42 -31
- package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.spec.ct.js +11 -11
- package/esm/ConditionalFilter/GroupFilter.spec.ct.js.map +1 -1
- package/esm/ConditionalFilter/RadioFilter.js +12 -16
- package/esm/ConditionalFilter/RadioFilter.js.map +1 -1
- package/esm/ConditionalFilter/RadioFilter.spec.ct.js +16 -16
- package/esm/ConditionalFilter/RadioFilter.spec.ct.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.js +20 -13
- package/esm/ConditionalFilter/TextFilter.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.spec.ct.js +6 -6
- package/esm/ConditionalFilter/TextFilter.spec.ct.js.map +1 -1
- package/esm/ConditionalFilter/conditional-filter.css +18 -18
- package/esm/ConditionalFilter/conditional-filter.scss +18 -18
- package/esm/ConditionalFilter/conditionalFilterConstants.js +3 -0
- package/esm/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/group-filter.css +12 -9
- package/esm/ConditionalFilter/group-filter.scss +12 -9
- package/esm/ConditionalFilter/groupFilterConstants.js +44 -29
- package/esm/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/groupType.js +9 -8
- package/esm/ConditionalFilter/groupType.js.map +1 -1
- package/esm/ConditionalFilter/index.js +2 -1
- package/esm/ConditionalFilter/index.js.map +1 -1
- package/esm/CullingInfo/CullingInformation.css +4 -4
- package/esm/CullingInfo/CullingInformation.js +7 -6
- package/esm/CullingInfo/CullingInformation.js.map +1 -1
- package/esm/CullingInfo/CullingInformation.scss +4 -4
- package/esm/Dark/Dark.js +1 -1
- package/esm/Dark/Dark.js.map +1 -1
- package/esm/DateFormat/DateFormat.js +1 -0
- package/esm/DateFormat/DateFormat.js.map +1 -1
- package/esm/DateFormat/helper.js +2 -2
- package/esm/DateFormat/helper.js.map +1 -1
- package/esm/DownloadButton/DownloadButton.js +7 -18
- package/esm/DownloadButton/DownloadButton.js.map +1 -1
- package/esm/DownloadButton/DownloadButton.spec.ct.js +9 -9
- package/esm/DownloadButton/DownloadButton.spec.ct.js.map +1 -1
- package/esm/EmptyTable/EmptyTable.css +2 -2
- package/esm/EmptyTable/EmptyTable.scss +2 -2
- package/esm/ErrorBoundary/ErrorBoundary.css +3 -3
- package/esm/ErrorBoundary/ErrorBoundary.js +2 -13
- package/esm/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/esm/ErrorBoundary/ErrorBoundary.scss +3 -3
- package/esm/ErrorBoundary/ErrorStack.js +4 -15
- package/esm/ErrorBoundary/ErrorStack.js.map +1 -1
- package/esm/ErrorState/DefaultErrorMessage.js +1 -12
- package/esm/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/esm/ErrorState/ErrorState.js +6 -4
- package/esm/ErrorState/ErrorState.js.map +1 -1
- package/esm/ErrorState/error-state.css +2 -2
- package/esm/ErrorState/error-state.scss +3 -3
- package/esm/FilterChips/FilterChips.js +8 -6
- package/esm/FilterChips/FilterChips.js.map +1 -1
- package/esm/FilterChips/filter-chips.css +6 -2
- package/esm/FilterChips/filter-chips.scss +6 -2
- package/esm/FilterHooks/constants.js +3 -2
- package/esm/FilterHooks/constants.js.map +1 -1
- package/esm/FilterHooks/tagFilterHook.css +3 -3
- package/esm/FilterHooks/tagFilterHook.js +2 -2
- package/esm/FilterHooks/tagFilterHook.js.map +1 -1
- package/esm/FilterHooks/tagFilterHook.scss +3 -3
- package/esm/Filters/FilterDropdown.js +9 -6
- package/esm/Filters/FilterDropdown.js.map +1 -1
- package/esm/Filters/FilterInput.js +8 -4
- package/esm/Filters/FilterInput.js.map +1 -1
- package/esm/Filters/filter-dropdown.css +2 -2
- package/esm/Filters/filter-dropdown.scss +1 -1
- package/esm/Filters/filter-input.css +6 -0
- package/esm/Filters/filter-input.scss +7 -0
- package/esm/InsightsLabel/InsightsLabel.js +6 -6
- package/esm/InsightsLabel/InsightsLabel.js.map +1 -1
- package/esm/InsightsLink/InsightsLink.js.map +1 -1
- package/esm/InvalidObject/InvalidObject.js +3 -2
- package/esm/InvalidObject/InvalidObject.js.map +1 -1
- package/esm/InvalidObject/icon-404.js +1 -12
- package/esm/InvalidObject/icon-404.js.map +1 -1
- package/esm/Inventory/AppInfo.js +4 -3
- package/esm/Inventory/AppInfo.js.map +1 -1
- package/esm/Inventory/DetailWrapper.js +4 -3
- package/esm/Inventory/DetailWrapper.js.map +1 -1
- package/esm/Inventory/InventoryDetail.js +4 -3
- package/esm/Inventory/InventoryDetail.js.map +1 -1
- package/esm/Inventory/InventoryDetailHead.js +4 -3
- package/esm/Inventory/InventoryDetailHead.js.map +1 -1
- package/esm/Inventory/InventoryTable.js +4 -3
- package/esm/Inventory/InventoryTable.js.map +1 -1
- package/esm/Inventory/TagWithDialog.js +4 -3
- package/esm/Inventory/TagWithDialog.js.map +1 -1
- package/esm/LongTextTooltip/LongTextTooltip.js +1 -1
- package/esm/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/esm/Main/Main.js +1 -1
- package/esm/Main/Main.js.map +1 -1
- package/esm/Main/main.css +2 -2
- package/esm/Main/main.scss +2 -2
- package/esm/Maintenance/Maintenance.js +4 -3
- package/esm/Maintenance/Maintenance.js.map +1 -1
- package/esm/Maintenance/maintenance.css +4 -4
- package/esm/Maintenance/maintenance.scss +4 -4
- package/esm/NoRegisteredSystems/NoRegisteredSystems.js +4 -14
- package/esm/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
- package/esm/NotAuthorized/NotAuthorized.js +6 -6
- package/esm/NotAuthorized/NotAuthorized.js.map +1 -1
- package/esm/NotConnected/NotConnected.js +4 -14
- package/esm/NotConnected/NotConnected.js.map +1 -1
- package/esm/OpenSourceBadge/OpenSourceBadge.js +6 -14
- package/esm/OpenSourceBadge/OpenSourceBadge.js.map +1 -1
- package/esm/Ouia/WithOuia.js.map +1 -1
- package/esm/Ouia/index.js.map +1 -1
- package/esm/PageHeader/PageHeader.js +2 -2
- package/esm/PageHeader/PageHeader.js.map +1 -1
- package/esm/PageHeader/PageHeaderTitle.js +2 -13
- package/esm/PageHeader/PageHeaderTitle.js.map +1 -1
- package/esm/PageHeader/page-header.css +2 -2
- package/esm/PageHeader/page-header.scss +4 -4
- package/esm/PrimaryToolbar/Actions.js +12 -9
- package/esm/PrimaryToolbar/Actions.js.map +1 -1
- package/esm/PrimaryToolbar/Actions.spec.ct.js +11 -11
- package/esm/PrimaryToolbar/Actions.spec.ct.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.js +14 -7
- package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.spec.ct.js +18 -17
- package/esm/PrimaryToolbar/PrimaryToolbar.spec.ct.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.js +5 -14
- package/esm/PrimaryToolbar/SortBy.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.spec.ct.js +7 -7
- package/esm/PrimaryToolbar/SortBy.spec.ct.js.map +1 -1
- package/esm/PrimaryToolbar/primary-toolbar.css +2 -2
- package/esm/PrimaryToolbar/primary-toolbar.scss +2 -2
- package/esm/RBACProvider/RBACProvider.js +4 -3
- package/esm/RBACProvider/RBACProvider.js.map +1 -1
- package/esm/Reboot/Reboot.js +1 -1
- package/esm/Reboot/Reboot.js.map +1 -1
- package/esm/Reboot/reboot.css +1 -1
- package/esm/Reboot/reboot.scss +1 -1
- package/esm/Section/Section.js +1 -1
- package/esm/Section/Section.js.map +1 -1
- package/esm/Section/section.css +1 -1
- package/esm/Shield/Shield.js +7 -6
- package/esm/Shield/Shield.js.map +1 -1
- package/esm/Shield/consts.js.map +1 -1
- package/esm/SimpleTableFilter/SimpleTableFilter.js +20 -16
- package/esm/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/esm/SimpleTableFilter/simple-table-filter.css +0 -15
- package/esm/SimpleTableFilter/simple-table-filter.scss +0 -12
- package/esm/Skeleton/Skeleton.js +1 -1
- package/esm/Skeleton/Skeleton.js.map +1 -1
- package/esm/Skeleton/skeleton.css +7 -7
- package/esm/Skeleton/skeleton.scss +7 -7
- package/esm/SkeletonTable/SkeletonTable.js +13 -40
- package/esm/SkeletonTable/SkeletonTable.js.map +1 -1
- package/esm/Spinner/Spinner.js +1 -1
- package/esm/Spinner/Spinner.js.map +1 -1
- package/esm/Spinner/spinner.css +2 -2
- package/esm/Spinner/spinner.scss +2 -2
- package/esm/TabLayout/TabLayout.js +1 -1
- package/esm/TabLayout/TabLayout.js.map +1 -1
- package/esm/TabLayout/tab-layout.css +4 -4
- package/esm/TabLayout/tab-layout.scss +4 -4
- package/esm/TableToolbar/TableToolbar.css +5 -5
- package/esm/TableToolbar/TableToolbar.js +3 -2
- package/esm/TableToolbar/TableToolbar.js.map +1 -1
- package/esm/TableToolbar/TableToolbar.scss +5 -5
- package/esm/TagCount/TagCount.js +4 -3
- package/esm/TagCount/TagCount.js.map +1 -1
- package/esm/TagCount/tagCount.css +1 -1
- package/esm/TagCount/tagCount.scss +1 -1
- package/esm/TagModal/TableWithFilter.js +7 -4
- package/esm/TagModal/TableWithFilter.js.map +1 -1
- package/esm/TagModal/TagModal.js +9 -7
- package/esm/TagModal/TagModal.js.map +1 -1
- package/esm/TagModal/tagModal.css +1 -1
- package/esm/TagModal/tagModal.scss +1 -1
- package/esm/TreeTable/decorator.js +4 -4
- package/esm/TreeTable/decorator.js.map +1 -1
- package/esm/TreeTable/styles.css +116 -116
- package/esm/TreeTable/styles.scss +49 -49
- package/esm/Truncate/Truncate.js +7 -6
- package/esm/Truncate/Truncate.js.map +1 -1
- package/esm/Unavailable/Unavailable.css +1 -1
- package/esm/Unavailable/Unavailable.js +3 -14
- package/esm/Unavailable/Unavailable.js.map +1 -1
- package/esm/Unavailable/Unavailable.scss +1 -1
- package/esm/index.css +211 -843
- package/esm/index.js +0 -2
- package/esm/index.js.map +1 -1
- package/esm/index.scss +0 -2
- package/esm/useChrome/useChrome.js.map +1 -1
- package/index.css +211 -843
- package/index.d.ts +0 -2
- package/index.js +0 -2
- package/index.js.map +1 -1
- package/index.scss +0 -2
- package/package.json +20 -19
- package/useChrome/useChrome.d.ts +1 -1
- package/useChrome/useChrome.js.map +1 -1
- package/Input/Input.d.ts +0 -14
- package/Input/Input.js +0 -40
- package/Input/Input.js.map +0 -1
- package/Input/Input.spec.ct.d.ts +0 -1
- package/Input/Input.spec.ct.js +0 -37
- package/Input/Input.spec.ct.js.map +0 -1
- package/Input/LabeledInput.d.ts +0 -4
- package/Input/LabeledInput.js +0 -37
- package/Input/LabeledInput.js.map +0 -1
- package/Input/index.d.ts +0 -5
- package/Input/index.js +0 -29
- package/Input/index.js.map +0 -1
- package/Input/package.json +0 -1
- package/NotAuthorized/NotAuthorized.css +0 -5
- package/NotAuthorized/NotAuthorized.scss +0 -7
- package/Pagination/Pagination.d.ts +0 -23
- package/Pagination/Pagination.js +0 -56
- package/Pagination/Pagination.js.map +0 -1
- package/Pagination/Pagination.spec.ct.d.ts +0 -1
- package/Pagination/Pagination.spec.ct.js +0 -49
- package/Pagination/Pagination.spec.ct.js.map +0 -1
- package/Pagination/PaginationMenu.d.ts +0 -20
- package/Pagination/PaginationMenu.js +0 -39
- package/Pagination/PaginationMenu.js.map +0 -1
- package/Pagination/PaginationNav.d.ts +0 -14
- package/Pagination/PaginationNav.js +0 -47
- package/Pagination/PaginationNav.js.map +0 -1
- package/Pagination/PaginationNext.d.ts +0 -25
- package/Pagination/PaginationNext.js +0 -36
- package/Pagination/PaginationNext.js.map +0 -1
- package/Pagination/index.d.ts +0 -7
- package/Pagination/index.js +0 -33
- package/Pagination/index.js.map +0 -1
- package/Pagination/package.json +0 -1
- package/Pagination/pagination.css +0 -609
- package/Pagination/pagination.scss +0 -14
- package/cypress/cypress.webpack.config.js +0 -57
- package/cypress/fixtures/example.json +0 -5
- package/cypress/plugins/index.js +0 -30
- package/cypress/support/commands.js +0 -25
- package/cypress/support/index.js +0 -21
- package/cypress.json +0 -9
- package/esm/Input/Input.js +0 -35
- package/esm/Input/Input.js.map +0 -1
- package/esm/Input/Input.spec.ct.js +0 -35
- package/esm/Input/Input.spec.ct.js.map +0 -1
- package/esm/Input/LabeledInput.js +0 -32
- package/esm/Input/LabeledInput.js.map +0 -1
- package/esm/Input/index.js +0 -6
- package/esm/Input/index.js.map +0 -1
- package/esm/NotAuthorized/NotAuthorized.css +0 -5
- package/esm/NotAuthorized/NotAuthorized.scss +0 -7
- package/esm/Pagination/Pagination.js +0 -50
- package/esm/Pagination/Pagination.js.map +0 -1
- package/esm/Pagination/Pagination.spec.ct.js +0 -47
- package/esm/Pagination/Pagination.spec.ct.js.map +0 -1
- package/esm/Pagination/PaginationMenu.js +0 -37
- package/esm/Pagination/PaginationMenu.js.map +0 -1
- package/esm/Pagination/PaginationNav.js +0 -45
- package/esm/Pagination/PaginationNav.js.map +0 -1
- package/esm/Pagination/PaginationNext.js +0 -31
- package/esm/Pagination/PaginationNext.js.map +0 -1
- package/esm/Pagination/index.js +0 -8
- package/esm/Pagination/index.js.map +0 -1
- package/esm/Pagination/pagination.css +0 -609
- package/esm/Pagination/pagination.scss +0 -14
- package/tsconfig.cjs.json +0 -8
|
@@ -49,24 +49,28 @@ function isPrimaryToolbarExpandAllObject(node) {
|
|
|
49
49
|
return !react_1.default.isValidElement(node);
|
|
50
50
|
}
|
|
51
51
|
var PrimaryToolbar = function (_a) {
|
|
52
|
-
var id = _a.id, className = _a.className, _b = _a.toggleIsExpanded, toggleIsExpanded = _b === void 0 ? function () { return undefined; } : _b, bulkSelect = _a.bulkSelect, filterConfig = _a.filterConfig, dedicatedAction = _a.dedicatedAction, actionsConfig = _a.actionsConfig, sortByConfig = _a.sortByConfig, pagination = _a.pagination, activeFiltersConfig = _a.activeFiltersConfig, children = _a.children, exportConfig = _a.exportConfig, expandAll = _a.expandAll,
|
|
52
|
+
var id = _a.id, className = _a.className, _b = _a.toggleIsExpanded, toggleIsExpanded = _b === void 0 ? function () { return undefined; } : _b, bulkSelect = _a.bulkSelect, filterConfig = _a.filterConfig, dedicatedAction = _a.dedicatedAction, actionsConfig = _a.actionsConfig, sortByConfig = _a.sortByConfig, pagination = _a.pagination, activeFiltersConfig = _a.activeFiltersConfig, children = _a.children, exportConfig = _a.exportConfig, expandAll = _a.expandAll, props = __rest(_a, ["id", "className", "toggleIsExpanded", "bulkSelect", "filterConfig", "dedicatedAction", "actionsConfig", "sortByConfig", "pagination", "activeFiltersConfig", "children", "exportConfig", "expandAll"]);
|
|
53
53
|
var overflowActions = __spreadArray([], (sortByConfig
|
|
54
54
|
? [
|
|
55
55
|
{
|
|
56
56
|
label: 'Sort order ASC',
|
|
57
57
|
props: { isDisabled: sortByConfig.direction === react_table_1.SortByDirection.asc },
|
|
58
|
-
onClick: function (e) {
|
|
58
|
+
onClick: function (e) {
|
|
59
|
+
return sortByConfig.onSortChange && sortByConfig.onSortChange(e, react_table_1.SortByDirection.asc);
|
|
60
|
+
},
|
|
59
61
|
},
|
|
60
62
|
{
|
|
61
63
|
label: 'Sort order DESC',
|
|
62
64
|
props: { isDisabled: sortByConfig.direction === react_table_1.SortByDirection.desc },
|
|
63
|
-
onClick: function (e) {
|
|
65
|
+
onClick: function (e) {
|
|
66
|
+
return sortByConfig.onSortChange && sortByConfig.onSortChange(e, react_table_1.SortByDirection.desc);
|
|
67
|
+
},
|
|
64
68
|
},
|
|
65
69
|
]
|
|
66
70
|
: []), true);
|
|
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"
|
|
71
|
+
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, { 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, { className: "ins-c-primary-toolbar__filter", children: react_1.default.isValidElement(filterConfig) ? filterConfig : (0, jsx_runtime_1.jsx)(ConditionalFilter_1.ConditionalFilter, __assign({}, filterConfig)) })), dedicatedAction && (0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: dedicatedAction })] })), react_1.default.isValidElement(actionsConfig)
|
|
68
72
|
? 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,
|
|
73
|
+
: ((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, { 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, { 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
74
|
(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)) }) })))] })));
|
|
71
75
|
};
|
|
72
76
|
exports.default = PrimaryToolbar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryToolbar.js","sourceRoot":"","sources":["../src/PrimaryToolbar/PrimaryToolbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"PrimaryToolbar.js","sourceRoot":"","sources":["../src/PrimaryToolbar/PrimaryToolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,9 +10,12 @@ 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
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
|
-
var react_1 = require("
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
16
19
|
var __1 = require("..");
|
|
17
20
|
var react_core_1 = require("@patternfly/react-core");
|
|
18
21
|
describe('PrimaryToolbar component', function () {
|
|
@@ -53,7 +56,7 @@ describe('PrimaryToolbar component', function () {
|
|
|
53
56
|
},
|
|
54
57
|
],
|
|
55
58
|
},
|
|
56
|
-
dedicatedAction: (0, jsx_runtime_1.jsx)("button",
|
|
59
|
+
dedicatedAction: (0, jsx_runtime_1.jsx)("button", { type: "button", children: "Qux" }),
|
|
57
60
|
};
|
|
58
61
|
var otherConfig = {
|
|
59
62
|
actionsConfig: {
|
|
@@ -77,38 +80,39 @@ describe('PrimaryToolbar component', function () {
|
|
|
77
80
|
},
|
|
78
81
|
};
|
|
79
82
|
it('renders empty toolbar with class and id', function () {
|
|
80
|
-
|
|
83
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.PrimaryToolbar, { id: "myToolbar", className: "tbPrimary" }));
|
|
81
84
|
cy.get('.ins-c-primary-toolbar').should('have.id', 'myToolbar').should('have.class', 'tbPrimary');
|
|
82
85
|
});
|
|
83
86
|
it('renders items correctly - only one item', function () {
|
|
84
|
-
|
|
85
|
-
cy.get('.pf-c-toolbar__group').get('.ins-c-primary-toolbar__filter');
|
|
87
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.PrimaryToolbar, { filterConfig: groupConfig.filterConfig }));
|
|
88
|
+
cy.get('.pf-v5-c-toolbar__group').get('.ins-c-primary-toolbar__filter');
|
|
86
89
|
});
|
|
87
90
|
it('renders items correctly - only group', function () {
|
|
88
|
-
|
|
89
|
-
cy.get('.pf-c-toolbar__group').children().should('have.length', 4);
|
|
91
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.PrimaryToolbar, __assign({}, groupConfig)));
|
|
92
|
+
cy.get('.pf-v5-c-toolbar__group').children().should('have.length', 4);
|
|
90
93
|
});
|
|
91
94
|
it('renders items correctly - only items outside of the group', function () {
|
|
92
|
-
|
|
93
|
-
cy.get('.pf-c-toolbar__content-section').children().should('have.length', 5);
|
|
95
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.PrimaryToolbar, __assign({}, otherConfig)));
|
|
96
|
+
cy.get('.pf-v5-c-toolbar__content-section').children().should('have.length', 5);
|
|
94
97
|
});
|
|
95
98
|
it('renders items correctly - everything', function () {
|
|
96
|
-
|
|
97
|
-
cy.get('.pf-c-toolbar__content-section')
|
|
99
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.PrimaryToolbar, __assign({}, groupConfig, otherConfig)));
|
|
100
|
+
cy.get('.pf-v5-c-toolbar__content-section')
|
|
101
|
+
.first()
|
|
98
102
|
.within(function () {
|
|
99
|
-
cy.get('.pf-c-toolbar__group').children().should('have.length', 4);
|
|
103
|
+
cy.get('.pf-v5-c-toolbar__group').children().should('have.length', 4);
|
|
100
104
|
})
|
|
101
105
|
.children()
|
|
102
|
-
.should('have.length',
|
|
106
|
+
.should('have.length', 5);
|
|
103
107
|
});
|
|
104
108
|
it('responds to interaction with individual items', function () {
|
|
105
109
|
groupConfig.expandAll.onClick = cy.spy().as('eaSpy');
|
|
106
110
|
groupConfig.bulkSelect.items[1].onClick = cy.spy().as('bsSpy');
|
|
107
111
|
otherConfig.activeFiltersConfig.onDelete = cy.spy().as('afSpy');
|
|
108
|
-
|
|
112
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.PrimaryToolbar, __assign({}, groupConfig, otherConfig)));
|
|
109
113
|
cy.get('[data-ouia-component-id="ExpandCollapseAll"]').click();
|
|
110
|
-
cy.get('button[
|
|
111
|
-
cy.get(':nth-child(2) > .pf-c-
|
|
114
|
+
cy.get('button[aria-label="BulkSelect"]').click();
|
|
115
|
+
cy.get(':nth-child(2) > .pf-v5-c-menu__item').click();
|
|
112
116
|
cy.get('[data-ouia-component-id="ClearFilters"]').click();
|
|
113
117
|
cy.get('@eaSpy').should('have.been.called');
|
|
114
118
|
cy.get('@bsSpy').should('have.been.called');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryToolbar.spec.ct.js","sourceRoot":"","sources":["../src/PrimaryToolbar/PrimaryToolbar.spec.ct.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PrimaryToolbar.spec.ct.js","sourceRoot":"","sources":["../src/PrimaryToolbar/PrimaryToolbar.spec.ct.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wBAAoC;AACpC,qDAAgD;AAEhD,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,WAAW,GAAG;QAClB,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,KAAK;SAClB;QACD,UAAU,EAAE;YACV,KAAK,EAAE;gBACL;oBACE,KAAK,EAAE,KAAK;iBACb;gBACD;oBACE,KAAK,EAAE,KAAK;iBACb;aACF;YACD,OAAO,EAAE,KAAK;SACf;QACD,YAAY,EAAE;YACZ,KAAK,EAAE;gBACL;oBACE,KAAK,EAAE,KAAK;oBACZ,IAAI,EAAE,OAAO;oBACb,YAAY,EAAE;wBACZ,KAAK,EAAE;4BACL;gCACE,KAAK,EAAE,KAAK;6BACb;4BACD;gCACE,KAAK,EAAE,KAAK;6BACb;yBACF;qBACF;iBACF;gBACD;oBACE,KAAK,EAAE,OAAO;iBACf;aACF;SACF;QACD,eAAe,EAAE,mCAAQ,IAAI,EAAC,QAAQ,oBAAa;KACpD,CAAC;IACF,IAAM,WAAW,GAAG;QAClB,aAAa,EAAE;YACb,OAAO,EAAE,CAAC,uBAAC,mBAAM,uBAAK,KAAK,CAAa,CAAC;YACzC,aAAa,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE;SACxC;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,KAAK;SACjB;QACD,UAAU,EAAE;YACV,SAAS,EAAE,GAAG;YACd,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,SAAS;iBAChB;aACF;SACF;KACF,CAAC;IAEF,EAAE,CAAC,yCAAyC,EAAE;QAC5C,EAAE,CAAC,KAAK,CAAC,uBAAC,kBAAc,IAAC,EAAE,EAAC,WAAW,EAAC,SAAS,EAAC,WAAW,GAAG,CAAC,CAAC;QAClE,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IACpG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAC5C,EAAE,CAAC,KAAK,CAAC,uBAAC,kBAAc,IAAC,YAAY,EAAE,WAAW,CAAC,YAAY,GAAI,CAAC,CAAC;QACrE,EAAE,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE;QACzC,EAAE,CAAC,KAAK,CAAC,uBAAC,kBAAc,eAAK,WAAW,EAAI,CAAC,CAAC;QAC9C,EAAE,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE;QAC9D,EAAE,CAAC,KAAK,CAAC,uBAAC,kBAAc,eAAK,WAAW,EAAI,CAAC,CAAC;QAC9C,EAAE,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE;QACzC,EAAE,CAAC,KAAK,CAAC,uBAAC,kBAAc,eAAK,WAAW,EAAM,WAAW,EAAI,CAAC,CAAC;QAE/D,EAAE,CAAC,GAAG,CAAC,mCAAmC,CAAC;aACxC,KAAK,EAAE;aACP,MAAM,CAAC;YACN,EAAE,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACxE,CAAC,CAAC;aACD,QAAQ,EAAE;aACV,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE;QAClD,WAAW,CAAC,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QACrD,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAC/D,WAAW,CAAC,mBAAmB,CAAC,QAAQ,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAChE,EAAE,CAAC,KAAK,CAAC,uBAAC,kBAAc,eAAK,WAAW,EAAM,WAAW,EAAI,CAAC,CAAC;QAC/D,EAAE,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAC,KAAK,EAAE,CAAC;QAC/D,EAAE,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC,KAAK,EAAE,CAAC;QAClD,EAAE,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC,KAAK,EAAE,CAAC;QACtD,EAAE,CAAC,GAAG,CAAC,yCAAyC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1D,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC5C,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC5C,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { KeyboardEvent } from 'react';
|
|
2
2
|
import { SortByDirection } from '@patternfly/react-table';
|
|
3
3
|
export declare function flipDirection(direction: SortByDirection): SortByDirection;
|
|
4
4
|
export interface SortByProps {
|
|
5
5
|
direction?: SortByDirection;
|
|
6
|
-
onSortChange?: (event: React.MouseEvent<
|
|
6
|
+
onSortChange?: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | KeyboardEvent<Element>, direction: SortByDirection) => void;
|
|
7
7
|
}
|
|
8
8
|
declare const SortBy: React.FunctionComponent<SortByProps>;
|
|
9
9
|
export default SortBy;
|
package/PrimaryToolbar/SortBy.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
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
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.flipDirection = void 0;
|
|
15
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -22,7 +11,7 @@ function flipDirection(direction) {
|
|
|
22
11
|
exports.flipDirection = flipDirection;
|
|
23
12
|
var SortBy = function (_a) {
|
|
24
13
|
var _b = _a.direction, direction = _b === void 0 ? react_table_1.SortByDirection.asc : _b, _c = _a.onSortChange, onSortChange = _c === void 0 ? function () { return undefined; } : _c;
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Button,
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: "plain", onClick: function (e) { return onSortChange(e, flipDirection(direction)); }, children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: "md", children: direction === react_table_1.SortByDirection.asc ? (0, jsx_runtime_1.jsx)(react_icons_1.SortAmountUpIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.SortAmountDownIcon, {}) }) }));
|
|
26
15
|
};
|
|
27
16
|
exports.default = SortBy;
|
|
28
17
|
//# sourceMappingURL=SortBy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortBy.js","sourceRoot":"","sources":["../src/PrimaryToolbar/SortBy.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SortBy.js","sourceRoot":"","sources":["../src/PrimaryToolbar/SortBy.tsx"],"names":[],"mappings":";;;;AACA,uDAA0D;AAC1D,qDAAsD;AACtD,uDAA+E;AAE/E,SAAgB,aAAa,CAAC,SAA0B;IACtD,OAAO,SAAS,KAAK,6BAAe,CAAC,GAAG,CAAC,CAAC,CAAC,6BAAe,CAAC,IAAI,CAAC,CAAC,CAAC,6BAAe,CAAC,GAAG,CAAC;AACxF,CAAC;AAFD,sCAEC;AAOD,IAAM,MAAM,GAAyC,UAAC,EAAmE;QAAjE,iBAA+B,EAA/B,SAAS,mBAAG,6BAAe,CAAC,GAAG,KAAA,EAAE,oBAA8B,EAA9B,YAAY,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA;IAAO,OAAA,CAC5H,uBAAC,mBAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,EAAzC,CAAyC,YAC/E,uBAAC,iBAAI,IAAC,IAAI,EAAC,IAAI,YAAE,SAAS,KAAK,6BAAe,CAAC,GAAG,CAAC,CAAC,CAAC,uBAAC,8BAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,gCAAkB,KAAG,GAAQ,GACnG,CACV;AAJ6H,CAI7H,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -1,21 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
var react_1 = require("
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
5
8
|
var __1 = require("..");
|
|
6
9
|
describe('SortBy component', function () {
|
|
7
10
|
it('renders empty component', function () {
|
|
8
|
-
|
|
9
|
-
cy.get('.pf-c-button');
|
|
11
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.SortBy, {}));
|
|
12
|
+
cy.get('.pf-v5-c-button');
|
|
10
13
|
});
|
|
11
14
|
it('renders with direction set', function () {
|
|
12
|
-
|
|
13
|
-
cy.get('.pf-c-button');
|
|
15
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.SortBy, { direction: "desc" }));
|
|
16
|
+
cy.get('.pf-v5-c-button');
|
|
14
17
|
});
|
|
15
18
|
it('onSortChange is called', function () {
|
|
16
19
|
var sortSpy = cy.spy().as('sortSpy');
|
|
17
|
-
|
|
18
|
-
cy.get('.pf-c-button').click();
|
|
20
|
+
cy.mount((0, jsx_runtime_1.jsx)(__1.SortBy, { direction: "desc", onSortChange: sortSpy }));
|
|
21
|
+
cy.get('.pf-v5-c-button').click();
|
|
19
22
|
cy.get('@sortSpy').should('have.been.called');
|
|
20
23
|
});
|
|
21
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortBy.spec.ct.js","sourceRoot":"","sources":["../src/PrimaryToolbar/SortBy.spec.ct.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SortBy.spec.ct.js","sourceRoot":"","sources":["../src/PrimaryToolbar/SortBy.spec.ct.js"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,wBAA4B;AAE5B,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,yBAAyB,EAAE;QAC5B,EAAE,CAAC,KAAK,CAAC,uBAAC,UAAM,KAAG,CAAC,CAAC;QACrB,EAAE,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE;QAC/B,EAAE,CAAC,KAAK,CAAC,uBAAC,UAAM,IAAC,SAAS,EAAC,MAAM,GAAG,CAAC,CAAC;QACtC,EAAE,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE;QAC3B,IAAM,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACvC,EAAE,CAAC,KAAK,CAAC,uBAAC,UAAM,IAAC,SAAS,EAAC,MAAM,EAAC,YAAY,EAAE,OAAO,GAAI,CAAC,CAAC;QAC7D,EAAE,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,KAAK,EAAE,CAAC;QAClC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.ins-c-primary-toolbar .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
|
|
1
|
+
.ins-c-primary-toolbar .pf-v5-c-toolbar__item.ins-c-primary-toolbar__first-action {
|
|
2
2
|
display: initial;
|
|
3
3
|
}
|
|
4
4
|
.ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
@media only screen and (max-width: 768px) {
|
|
27
|
-
.ins-c-primary-toolbar .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
|
|
27
|
+
.ins-c-primary-toolbar .pf-v5-c-toolbar__item.ins-c-primary-toolbar__first-action {
|
|
28
28
|
display: none;
|
|
29
29
|
}
|
|
30
30
|
.ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ins-c-primary-toolbar {
|
|
2
|
-
.pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
|
|
2
|
+
.pf-v5-c-toolbar__item.ins-c-primary-toolbar__first-action {
|
|
3
3
|
display: initial;
|
|
4
4
|
}
|
|
5
5
|
.ins-c-primary-toolbar__first-action {
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
@media only screen and (max-width: 768px) {
|
|
29
29
|
.ins-c-primary-toolbar {
|
|
30
|
-
.pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
|
|
30
|
+
.pf-v5-c-toolbar__item.ins-c-primary-toolbar__first-action {
|
|
31
31
|
display: none;
|
|
32
32
|
}
|
|
33
33
|
.ins-c-primary-toolbar__first-action {
|
|
@@ -3,4 +3,4 @@ export interface RBACProviderProps {
|
|
|
3
3
|
appName?: string | null;
|
|
4
4
|
checkResourceDefinitions?: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare const RBACProvider: React.FunctionComponent<RBACProviderProps
|
|
6
|
+
export declare const RBACProvider: React.FunctionComponent<React.PropsWithChildren<RBACProviderProps>>;
|
|
@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
25
25
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
26
|
function step(op) {
|
|
27
27
|
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
-
while (_) try {
|
|
28
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
29
29
|
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
30
30
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
31
|
switch (op[0]) {
|
|
@@ -82,7 +82,7 @@ var RBACProvider = function (_a) {
|
|
|
82
82
|
setPermissionState(function (currentPerms) { return (__assign(__assign({}, currentPerms), { isLoading: false })); });
|
|
83
83
|
}
|
|
84
84
|
}, [appName]);
|
|
85
|
-
return ((0, jsx_runtime_1.jsx)(RBAC_1.RBACContext.Provider,
|
|
85
|
+
return ((0, jsx_runtime_1.jsx)(RBAC_1.RBACContext.Provider, { value: __assign(__assign({}, permissionState), { hasAccess: hasAccessWithUserPermissions((permissionState === null || permissionState === void 0 ? void 0 : permissionState.permissions) || [], checkResourceDefinitions) }), children: !permissionState.isLoading ? (children) : ((0, jsx_runtime_1.jsx)(react_core_1.Bullseye, { children: (0, jsx_runtime_1.jsx)(react_core_1.Spinner, { size: "xl" }) })) }));
|
|
86
86
|
};
|
|
87
87
|
exports.RBACProvider = RBACProvider;
|
|
88
88
|
//# sourceMappingURL=RBACProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RBACProvider.js","sourceRoot":"","sources":["../src/RBACProvider/RBACProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmD;AACnD,qDAA2D;AAG3D,kFAMmE;AAEnE,IAAM,4BAA4B,GAAG,UAAC,eAAoC,EAAE,wBAAiC;IAC3G,OAAO,UAAC,mBAAwC,EAAE,QAAkB,EAAE,gCAA0C;QAC9G,OAAO,QAAQ;YACb,CAAC,CAAC,IAAA,wBAAiB,EAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC;YACvH,CAAC,CAAC,IAAA,0BAAmB,EAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC,CAAC;IAC9H,CAAC,CAAC;AACJ,CAAC,CAAC;AAOK,IAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"RBACProvider.js","sourceRoot":"","sources":["../src/RBACProvider/RBACProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmD;AACnD,qDAA2D;AAG3D,kFAMmE;AAEnE,IAAM,4BAA4B,GAAG,UAAC,eAAoC,EAAE,wBAAiC;IAC3G,OAAO,UAAC,mBAAwC,EAAE,QAAkB,EAAE,gCAA0C;QAC9G,OAAO,QAAQ;YACb,CAAC,CAAC,IAAA,wBAAiB,EAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC;YACvH,CAAC,CAAC,IAAA,0BAAmB,EAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC,CAAC;IAC9H,CAAC,CAAC;AACJ,CAAC,CAAC;AAOK,IAAM,YAAY,GAAwE,UAAC,EAIjG;QAHC,OAAO,aAAA,EACP,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAA,EAChC,QAAQ,cAAA;IAEF,IAAA,KAAwC,IAAA,gBAAQ,EAAC,yBAAkB,CAAC,EAAnE,eAAe,QAAA,EAAE,kBAAkB,QAAgC,CAAC;IAE3E,IAAM,gBAAgB,GAAG;;;;wBAC8B,WAAM,IAAA,cAAO,EAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAA;;oBAAnG,KAA+C,SAAoD,EAAjG,UAAU,gBAAA,EAAe,eAAe,iBAAA;oBAEhD,kBAAkB,CAAC,UAAC,YAAY,IAAK,OAAA,uBAChC,YAAY,KACf,SAAS,EAAE,KAAK,EAChB,UAAU,YAAA,EACV,WAAW,EAAE,eAAe,IAC5B,EALmC,CAKnC,CAAC,CAAC;;;;SACL,CAAC;IAEF,IAAA,iBAAS,EAAC;QAER,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,gBAAgB,EAAE,CAAC;SACpB;aAAM;YACL,kBAAkB,CAAC,UAAC,YAAY,IAAK,OAAA,uBAChC,YAAY,KACf,SAAS,EAAE,KAAK,IAChB,EAHmC,CAGnC,CAAC,CAAC;SACL;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,uBAAC,kBAAW,CAAC,QAAQ,IACnB,KAAK,wBACA,eAAe,KAClB,SAAS,EAAE,4BAA4B,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,KAAI,EAAE,EAAE,wBAAwB,CAAC,eAGtG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAQ,cACP,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GACZ,CACZ,GACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,YAAY,gBA8CvB"}
|
package/Reboot/reboot.css
CHANGED
package/Reboot/reboot.scss
CHANGED
package/Section/Section.js
CHANGED
|
@@ -32,7 +32,7 @@ var Section = function (_a) {
|
|
|
32
32
|
var _b;
|
|
33
33
|
var type = _a.type, children = _a.children, className = _a.className, props = __rest(_a, ["type", "children", "className"]);
|
|
34
34
|
var sectionClasses = (0, classnames_1.default)(className, (_b = {}, _b["ins-l-".concat(type)] = type !== undefined, _b));
|
|
35
|
-
return ((0, jsx_runtime_1.jsxs)("section", __assign({}, props, { className: sectionClasses
|
|
35
|
+
return ((0, jsx_runtime_1.jsxs)("section", __assign({}, props, { className: sectionClasses, children: [' ', children, ' '] })));
|
|
36
36
|
};
|
|
37
37
|
exports.default = Section;
|
|
38
38
|
//# sourceMappingURL=Section.js.map
|
package/Section/Section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../src/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AAEpC,0BAAwB;AAMxB,IAAM,OAAO,GAA0C,UAAC,EAAuC;;IAArC,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAArC,iCAAuC,CAAF;IAC3F,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,SAAS,YAAI,GAAC,gBAAS,IAAI,CAAE,IAAG,IAAI,KAAK,SAAS,MAAG,CAAC;IAExF,OAAO,CACL,gDAAa,KAAK,IAAE,SAAS,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../src/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AAEpC,0BAAwB;AAMxB,IAAM,OAAO,GAA0C,UAAC,EAAuC;;IAArC,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAArC,iCAAuC,CAAF;IAC3F,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,SAAS,YAAI,GAAC,gBAAS,IAAI,CAAE,IAAG,IAAI,KAAK,SAAS,MAAG,CAAC;IAExF,OAAO,CACL,gDAAa,KAAK,IAAE,SAAS,EAAE,cAAc,aAC1C,GAAG,EACH,QAAQ,EAAE,GAAG,KACN,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
package/Section/section.css
CHANGED
package/Shield/Shield.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IconComponentProps } from '@patternfly/react-core';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { impactList } from './consts';
|
|
4
4
|
export interface ShieldProps {
|
|
5
5
|
impact: keyof typeof impactList | 'N/A';
|
|
6
6
|
hasLabel?: boolean;
|
|
7
7
|
hasTooltip?: boolean;
|
|
8
|
-
size?:
|
|
8
|
+
size?: IconComponentProps['size'];
|
|
9
9
|
}
|
|
10
10
|
declare const Shield: React.FunctionComponent<ShieldProps>;
|
|
11
11
|
export default Shield;
|
package/Shield/Shield.js
CHANGED
|
@@ -17,17 +17,16 @@ var react_icons_1 = require("@patternfly/react-icons");
|
|
|
17
17
|
var consts_1 = require("./consts");
|
|
18
18
|
var Shield = function (_a) {
|
|
19
19
|
var _b;
|
|
20
|
-
var _c = _a.impact, impact = _c === void 0 ? 'N/A' : _c, _d = _a.hasLabel, hasLabel = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? '
|
|
20
|
+
var _c = _a.impact, impact = _c === void 0 ? 'N/A' : _c, _d = _a.hasLabel, hasLabel = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.hasTooltip, hasTooltip = _f === void 0 ? true : _f;
|
|
21
21
|
var attributes = (_b = consts_1.impactList === null || consts_1.impactList === void 0 ? void 0 : consts_1.impactList[impact]) !== null && _b !== void 0 ? _b : consts_1.impactList.Unknown;
|
|
22
22
|
var badgeProps = {
|
|
23
23
|
'aria-hidden': 'false',
|
|
24
24
|
'aria-label': attributes.title,
|
|
25
25
|
color: attributes.color,
|
|
26
|
-
size: size,
|
|
27
26
|
};
|
|
28
|
-
var badge = attributes.title === 'Unknown' ? (0, jsx_runtime_1.jsx)(react_icons_1.QuestionIcon, __assign({}, badgeProps)) : (0, jsx_runtime_1.jsx)(react_icons_1.SecurityIcon, __assign({}, badgeProps));
|
|
27
|
+
var badge = (0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: size, children: attributes.title === 'Unknown' ? (0, jsx_runtime_1.jsx)(react_icons_1.QuestionIcon, __assign({}, badgeProps)) : (0, jsx_runtime_1.jsx)(react_icons_1.SecurityIcon, __assign({}, badgeProps)) });
|
|
29
28
|
var body = ((0, jsx_runtime_1.jsxs)("span", { children: [badge, " ", hasLabel && attributes.title] }));
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)("span", { children: hasTooltip ? ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip,
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)("span", { children: hasTooltip ? ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, { content: (0, jsx_runtime_1.jsx)("div", { children: attributes.message }), position: 'bottom', children: body })) : (body) }));
|
|
31
30
|
};
|
|
32
31
|
exports.default = Shield;
|
|
33
32
|
//# sourceMappingURL=Shield.js.map
|
package/Shield/Shield.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../src/Shield/Shield.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../src/Shield/Shield.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,qDAA2E;AAC3E,uDAAqE;AAGrE,mCAAsC;AAStC,IAAM,MAAM,GAAyC,UAAC,EAAoE;;QAAlE,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA;IACtH,IAAM,UAAU,GAAG,MAAA,mBAAU,aAAV,mBAAU,uBAAV,mBAAU,CAAG,MAAiC,CAAC,mCAAI,mBAAU,CAAC,OAAO,CAAC;IACzF,IAAM,UAAU,GAAiB;QAC/B,aAAa,EAAE,OAAO;QACtB,YAAY,EAAE,UAAU,CAAC,KAAK;QAC9B,KAAK,EAAE,UAAU,CAAC,KAAK;KACxB,CAAC;IAEF,IAAM,KAAK,GAAG,uBAAC,iBAAI,IAAC,IAAI,EAAE,IAAI,YAAG,UAAU,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAC,0BAAY,eAAK,UAAU,EAAI,CAAC,CAAC,CAAC,uBAAC,0BAAY,eAAK,UAAU,EAAI,GAAQ,CAAC;IAE9I,IAAM,IAAI,GAAG,CACX,6CACG,KAAK,OAAG,QAAQ,IAAI,UAAU,CAAC,KAAK,IAChC,CACR,CAAC;IAEF,OAAO,CACL,2CACG,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,oBAAO,IAAC,OAAO,EAAE,0CAAM,UAAU,CAAC,OAAO,GAAO,EAAE,QAAQ,EAAE,QAAQ,YAClE,IAAI,GACG,CACX,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
package/Shield/consts.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../src/Shield/consts.ts"],"names":[],"mappings":";;;AACa,QAAA,SAAS,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,WAAW,GAAG;IACzB,QAAQ,EACN;;;;;yEAKqE;IACvE,SAAS,EACP;;;;;wEAKoE;IACtE,QAAQ,EACN;;;;;6EAKyE;IAC3E,GAAG,EAAE;;;8DAGuD;IAC5D,OAAO,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../src/Shield/consts.ts"],"names":[],"mappings":";;;AACa,QAAA,SAAS,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,WAAW,GAAG;IACzB,QAAQ,EACN;;;;;yEAKqE;IACvE,SAAS,EACP;;;;;wEAKoE;IACtE,QAAQ,EACN;;;;;6EAKyE;IAC3E,GAAG,EAAE;;;8DAGuD;IAC5D,OAAO,EACL;qCACiC;CACpC,CAAC;AAGW,QAAA,UAAU,GAAG;IACxB,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,GAAG,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,GAAG;KACzB;IACD,CAAC,EAAE;QACD,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,GAAG;KACzB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;CACF,CAAC"}
|
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './simple-table-filter.scss';
|
|
3
|
-
export
|
|
4
|
-
value
|
|
5
|
-
title
|
|
3
|
+
export type SimpleFilterOptionItem = {
|
|
4
|
+
value: string;
|
|
5
|
+
title: string;
|
|
6
6
|
};
|
|
7
|
-
export
|
|
8
|
-
title
|
|
9
|
-
items
|
|
7
|
+
export type SimpleFilterOption = {
|
|
8
|
+
title: string;
|
|
9
|
+
items: SimpleFilterOptionItem[];
|
|
10
10
|
};
|
|
11
11
|
export interface SimpleFilterProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
12
|
-
widgetId?: string;
|
|
13
12
|
buttonTitle?: string;
|
|
14
13
|
placeholder?: string;
|
|
15
14
|
className?: string;
|
|
16
15
|
options?: SimpleFilterOption;
|
|
17
16
|
onButtonClick?: (activeFilter: string, selected?: SimpleFilterOptionItem) => void;
|
|
18
|
-
onFilterChange
|
|
17
|
+
onFilterChange: (value: string, selected?: SimpleFilterOptionItem) => void;
|
|
19
18
|
onOptionSelect?: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, oneItem: SimpleFilterOptionItem) => void;
|
|
20
19
|
searchIcon?: boolean;
|
|
21
20
|
}
|
|
@@ -25,32 +25,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
25
25
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
26
|
var react_1 = require("react");
|
|
27
27
|
var react_core_1 = require("@patternfly/react-core");
|
|
28
|
-
var Input_1 = require("../Input");
|
|
29
28
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
30
29
|
require("./simple-table-filter.css");
|
|
31
30
|
var SimpleFilter = function (_a) {
|
|
32
|
-
var options = _a.options,
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
setActiveFilter((_a = event.target) === null || _a === void 0 ? void 0 : _a.value);
|
|
40
|
-
onFilterChange(event.target.value, selected);
|
|
31
|
+
var options = _a.options, className = _a.className, _b = _a.placeholder, placeholder = _b === void 0 ? 'Search items' : _b, _c = _a.buttonTitle, buttonTitle = _c === void 0 ? 'Filter' : _c, onButtonClick = _a.onButtonClick, onFilterChange = _a.onFilterChange, onOptionSelect = _a.onOptionSelect, _d = _a.searchIcon, searchIcon = _d === void 0 ? true : _d, props = __rest(_a, ["options", "className", "placeholder", "buttonTitle", "onButtonClick", "onFilterChange", "onOptionSelect", "searchIcon"]);
|
|
32
|
+
var _f = (0, react_1.useState)(''), activeFilter = _f[0], setActiveFilter = _f[1];
|
|
33
|
+
var _g = (0, react_1.useState)(false), isOpen = _g[0], setIsOpen = _g[1];
|
|
34
|
+
var _h = (0, react_1.useState)(), selected = _h[0], setSelected = _h[1];
|
|
35
|
+
var onInputChange = function (_e, value) {
|
|
36
|
+
setActiveFilter(value);
|
|
37
|
+
onFilterChange(value, selected);
|
|
41
38
|
};
|
|
42
39
|
var onFilterSubmit = function () {
|
|
43
|
-
onButtonClick(activeFilter, selected);
|
|
40
|
+
onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(activeFilter, selected);
|
|
44
41
|
};
|
|
45
42
|
var onFilterSelect = function (event, oneItem) {
|
|
46
43
|
setSelected(oneItem);
|
|
47
|
-
onOptionSelect(event, oneItem);
|
|
44
|
+
onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, oneItem);
|
|
48
45
|
};
|
|
49
46
|
var onSelect = function () { return setIsOpen(false); };
|
|
50
47
|
var dropdownItems = options &&
|
|
51
48
|
options.items &&
|
|
52
|
-
options.items.map(function (oneItem) { return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem,
|
|
53
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-c-input-group ins-c-filter ".concat(!buttonTitle ? 'ins-u-no-title' : '', " ").concat(className) }, props, { children: [options && ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { onSelect: onSelect, isOpen: isOpen, toggle: (0, jsx_runtime_1.jsx)(react_core_1.
|
|
49
|
+
options.items.map(function (oneItem) { return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, { component: "button", onClick: function (event) { return onFilterSelect(event, oneItem); }, "data-key": oneItem.value, children: oneItem.title }, oneItem.value)); });
|
|
50
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-v5-c-input-group ins-c-filter ".concat(!buttonTitle ? 'ins-u-no-title' : '', " ").concat(className) }, props, { children: [options && ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { onSelect: onSelect, isOpen: isOpen, onOpenChange: setIsOpen, toggle: function (toggleRef) { return ((0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, { ref: toggleRef, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, isExpanded: isOpen, children: (selected === null || selected === void 0 ? void 0 : selected.title) || options.title || 'Dropdown' })); }, children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownList, { children: dropdownItems }) })), (0, jsx_runtime_1.jsx)(react_core_1.TextInput, __assign({ onKeyUp: function (e) {
|
|
51
|
+
if (e.code === 'Enter') {
|
|
52
|
+
onInputChange(e, e.target.value);
|
|
53
|
+
}
|
|
54
|
+
}, "aria-label": "simple-table-filter", placeholder: placeholder, onChange: onInputChange }, (!buttonTitle && searchIcon && { customIcon: (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, { className: "ins-c-search-icon" }) }))), buttonTitle && ((0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: react_core_1.ButtonVariant.secondary, action: "filter", onClick: onFilterSubmit, children: buttonTitle }))] })));
|
|
54
55
|
};
|
|
55
56
|
exports.default = SimpleFilter;
|
|
56
57
|
//# sourceMappingURL=SimpleTableFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleTableFilter.js","sourceRoot":"","sources":["../src/SimpleTableFilter/SimpleTableFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"SimpleTableFilter.js","sourceRoot":"","sources":["../src/SimpleTableFilter/SimpleTableFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,3 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--ins-color--orange: #ec7a08;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.pf-c-input-group.ins-c-filter.ins-u-no-title input {
|
|
6
|
-
padding-right: 35px;
|
|
7
|
-
padding-right: 2.1875rem;
|
|
8
|
-
margin-right: -23px;
|
|
9
|
-
margin-right: -1.4375rem;
|
|
10
|
-
}
|
|
11
|
-
.pf-c-input-group.ins-c-filter .ins-c-search-icon {
|
|
12
|
-
color: var(--pf-global--secondary-color--100);
|
|
13
|
-
position: relative;
|
|
14
|
-
left: -5px;
|
|
15
|
-
left: -0.3125rem;
|
|
16
|
-
top: 8px;
|
|
17
|
-
top: 0.5rem;
|
|
18
3
|
}
|
|
@@ -2,15 +2,3 @@
|
|
|
2
2
|
@import '~@patternfly/patternfly/sass-utilities/all';
|
|
3
3
|
@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
|
|
4
4
|
|
|
5
|
-
.pf-c-input-group.ins-c-filter {
|
|
6
|
-
&.ins-u-no-title input {
|
|
7
|
-
@include rem('padding-right', 35px);
|
|
8
|
-
@include rem('margin-right', -23px);
|
|
9
|
-
}
|
|
10
|
-
.ins-c-search-icon {
|
|
11
|
-
color: var(--pf-global--secondary-color--100);
|
|
12
|
-
position: relative;
|
|
13
|
-
@include rem('left', -5px);
|
|
14
|
-
@include rem('top', 8px);
|
|
15
|
-
}
|
|
16
|
-
}
|
package/Skeleton/Skeleton.d.ts
CHANGED