@redhat-cloud-services/frontend-components 4.0.2 → 4.0.4
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 +5 -2
- package/ErrorBoundary/ErrorBoundary.js +15 -18
- 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 +16 -19
- 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
|
@@ -20,36 +20,24 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
|
|
24
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
25
|
-
if (ar || !(i in from)) {
|
|
26
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
27
|
-
ar[i] = from[i];
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
31
|
-
};
|
|
32
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
33
24
|
import { Fragment, useRef, useState } from 'react';
|
|
34
25
|
import classnames from 'classnames';
|
|
35
|
-
import { Checkbox
|
|
26
|
+
import { Checkbox } from "@patternfly/react-core/dist/dynamic/components/Checkbox";
|
|
27
|
+
import { Dropdown, DropdownItem, DropdownItemProps, DropdownList } from "@patternfly/react-core/dist/dynamic/components/Dropdown";
|
|
28
|
+
import { MenuToggle, MenuToggleCheckbox, MenuToggleCheckboxProps, MenuToggleProps } from "@patternfly/react-core/dist/dynamic/components/MenuToggle";
|
|
29
|
+
import { getDefaultOUIAId } from "@patternfly/react-core/dist/dynamic/helpers/OUIA/ouia";
|
|
36
30
|
import '../BulkSelect/bulk-select.css';
|
|
37
31
|
var BulkSelect = function (_a) {
|
|
38
|
-
var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.items, items = _c === void 0 ? [] : _c,
|
|
39
|
-
var
|
|
32
|
+
var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.items, items = _c === void 0 ? [] : _c, onSelect = _a.onSelect, _d = _a.checked, checked = _d === void 0 ? false : _d, toggleProps = _a.toggleProps, count = _a.count, className = _a.className, ouiaId = _a.ouiaId, _e = _a.ouiaSafe, ouiaSafe = _e === void 0 ? true : _e, props = __rest(_a, ["id", "isDisabled", "items", "onSelect", "checked", "toggleProps", "count", "className", "ouiaId", "ouiaSafe"]);
|
|
33
|
+
var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
40
34
|
var hasError = useRef(false).current;
|
|
41
35
|
var ouiaStateId = useRef(getDefaultOUIAId('RHI/BulkSelect')).current;
|
|
42
36
|
var onToggle = function (isOpen) { return setIsOpen(isOpen); };
|
|
43
37
|
var ouiaFinalId = ouiaId !== undefined ? ouiaId : ouiaStateId;
|
|
44
|
-
return (_jsx(Fragment, { children: items && items.length > 0 ? (_jsx(Dropdown, __assign({ onSelect: function () { return onToggle(false); } }, props, { className: classnames(className, 'ins-c-bulk-select'), ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe, toggle: _jsx(
|
|
45
|
-
_jsx(Fragment, { children: hasError ? (_jsx(DropdownToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, checked: checked, ouiaId: ouiaFinalId })) : (_jsx(DropdownToggleCheckbox, __assign({ id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, isChecked: checked, ouiaId: ouiaFinalId }, { children: count ? "".concat(count, " selected") : '' }))) }, "split-checkbox"),
|
|
46
|
-
], onToggle: onToggle })), isOpen: isOpen, dropdownItems: __spreadArray(__spreadArray([], (count !== undefined && count > 0
|
|
47
|
-
? [
|
|
48
|
-
_jsxs(DropdownItem, __assign({ isDisabled: true, className: classnames({
|
|
38
|
+
return (_jsx(Fragment, { children: items && items.length > 0 ? (_jsx(Dropdown, __assign({ onSelect: function () { return onToggle(false); }, onOpenChange: function (isOpen) { return setIsOpen(isOpen); } }, props, { className: classnames(className, 'ins-c-bulk-select'), ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe, toggle: function (toggleRef) { return (_jsx(MenuToggle, __assign({ "aria-label": ouiaFinalId }, toggleProps, { isDisabled: isDisabled, isExpanded: isOpen, ref: toggleRef, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, children: _jsx(Fragment, { children: hasError ? (_jsx(MenuToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, isChecked: checked, ouiaId: ouiaFinalId })) : (_jsx(MenuToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, isChecked: checked, ouiaId: ouiaFinalId, children: count ? "".concat(count, " selected") : '' })) }, "split-checkbox") }))); }, isOpen: isOpen, children: _jsxs(DropdownList, { children: [count !== undefined && count > 0 && (_jsxs(DropdownItem, { isDisabled: true, className: classnames({
|
|
49
39
|
'ins-c-bulk-select__selected': !hasError,
|
|
50
|
-
})
|
|
51
|
-
]
|
|
52
|
-
: []), true), items.map(function (oneItem, key) { return (_jsx(DropdownItem, __assign({ component: "button", ouiaId: "".concat(ouiaFinalId, "-").concat(oneItem.key || key), onClick: function (event) { return oneItem.onClick && oneItem.onClick(event, oneItem, key); } }, oneItem === null || oneItem === void 0 ? void 0 : oneItem.props, { children: oneItem.title }), oneItem.key || key)); }), true) }))) : (_jsx(Checkbox, __assign({}, props, { "aria-label": "Select all", className: classnames(className, 'ins-c-bulk-select'), id: "".concat(id, "-checkbox"), isChecked: checked, onChange: onSelect }))) }));
|
|
40
|
+
}), children: [count, " Selected"] }, "count")), items.map(function (oneItem, key) { return (_jsx(DropdownItem, __assign({ component: "button", ouiaId: "".concat(ouiaFinalId, "-").concat(oneItem.key || key), onClick: function (event) { return oneItem.onClick && oneItem.onClick(event, oneItem, key); } }, oneItem === null || oneItem === void 0 ? void 0 : oneItem.props, { children: oneItem.title }), oneItem.key || key)); })] }) }))) : (_jsx(Checkbox, __assign({}, props, { "aria-label": "Select all", className: classnames(className, 'ins-c-bulk-select'), id: "".concat(id, "-checkbox"), isChecked: checked, onChange: function (e, checked) { return onSelect === null || onSelect === void 0 ? void 0 : onSelect(checked, e); } }))) }));
|
|
53
41
|
};
|
|
54
42
|
export default BulkSelect;
|
|
55
43
|
//# sourceMappingURL=BulkSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulkSelect.js","sourceRoot":"","sources":["../../src/BulkSelect/BulkSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BulkSelect.js","sourceRoot":"","sources":["../../src/BulkSelect/BulkSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import
|
|
13
|
+
import React from 'react';
|
|
14
14
|
import { BulkSelect } from '..';
|
|
15
15
|
describe('BulkSelect component', function () {
|
|
16
16
|
var config = {
|
|
@@ -28,31 +28,32 @@ describe('BulkSelect component', function () {
|
|
|
28
28
|
count: 100,
|
|
29
29
|
};
|
|
30
30
|
it('renders checked component without data', function () {
|
|
31
|
-
mount(_jsx(BulkSelect, { checked: true }));
|
|
31
|
+
cy.mount(_jsx(BulkSelect, { checked: true }));
|
|
32
32
|
cy.get('.ins-c-bulk-select').find('>input').should('be.checked');
|
|
33
33
|
});
|
|
34
34
|
it('renders component with data', function () {
|
|
35
|
-
mount(_jsx(BulkSelect, __assign({}, config)));
|
|
36
|
-
cy.get('#toggle-checkbox
|
|
37
|
-
cy.get('.pf-c-
|
|
38
|
-
cy.get('.pf-c-
|
|
35
|
+
cy.mount(_jsx(BulkSelect, __assign({}, config)));
|
|
36
|
+
cy.get('#toggle-checkbox').should('contain.text', '100');
|
|
37
|
+
cy.get('.pf-v5-c-menu-toggle').click();
|
|
38
|
+
cy.get('.pf-v5-c-menu__list').find('>li>button').should('have.length', 3);
|
|
39
39
|
});
|
|
40
40
|
it('cannot be expanded or checked when disabled', function () {
|
|
41
|
-
mount(_jsx(BulkSelect, __assign({}, config, { isDisabled: true })));
|
|
42
|
-
cy.get('.pf-c-
|
|
43
|
-
cy.get('.pf-c-
|
|
44
|
-
cy.get('
|
|
41
|
+
cy.mount(_jsx(BulkSelect, __assign({}, config, { isDisabled: true })));
|
|
42
|
+
cy.get('.pf-v5-c-menu-toggle').click({ force: true });
|
|
43
|
+
cy.get('.pf-v5-c-menu__list').should('not.exist');
|
|
44
|
+
cy.get('input[name="toggle-checkbox"]').check({ force: true });
|
|
45
|
+
cy.get('input[name="toggle-checkbox"]').should('not.be.checked');
|
|
45
46
|
});
|
|
46
47
|
it('buttons (do not) respond to being clicked', function () {
|
|
47
48
|
config.items[0].onClick = cy.spy().as('enabledSpy');
|
|
48
49
|
config.items[1].onClick = cy.spy().as('disabledSpy');
|
|
49
50
|
config.onClick = cy.spy().as('checkboxSpy');
|
|
50
|
-
mount(_jsx(BulkSelect, __assign({}, config)));
|
|
51
|
-
cy.get('.pf-c-
|
|
52
|
-
cy.get('.pf-c-
|
|
53
|
-
cy.get('.pf-c-
|
|
54
|
-
cy.get('.pf-c-
|
|
55
|
-
cy.get('
|
|
51
|
+
cy.mount(_jsx(BulkSelect, __assign({}, config)));
|
|
52
|
+
cy.get('.pf-v5-c-menu-toggle').click();
|
|
53
|
+
cy.get('.pf-v5-c-menu__list').find('>li>button').eq(1).click();
|
|
54
|
+
cy.get('.pf-v5-c-menu-toggle').click();
|
|
55
|
+
cy.get('.pf-v5-c-menu__list').find('>li>button').eq(2).click({ force: true });
|
|
56
|
+
cy.get('input[name="toggle-checkbox"]').check();
|
|
56
57
|
cy.get('@enabledSpy').should('have.been.called');
|
|
57
58
|
cy.get('@disabledSpy').should('not.have.been.called');
|
|
58
59
|
cy.get('@checkboxSpy').should('have.been.called');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulkSelect.spec.ct.js","sourceRoot":"","sources":["../../src/BulkSelect/BulkSelect.spec.ct.js"],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"BulkSelect.spec.ct.js","sourceRoot":"","sources":["../../src/BulkSelect/BulkSelect.spec.ct.js"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.ins-c-bulk-select .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
|
|
1
|
+
.ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
|
|
2
2
|
display: initial;
|
|
3
3
|
}
|
|
4
4
|
.ins-c-bulk-select .ins-c-bulk-select__selected {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
@media only screen and (max-width: 768px) {
|
|
9
|
-
.ins-c-bulk-select .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
|
|
9
|
+
.ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
|
|
10
10
|
display: none;
|
|
11
11
|
}
|
|
12
12
|
.ins-c-bulk-select .ins-c-bulk-select__selected {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ins-c-bulk-select {
|
|
2
|
-
.pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
|
|
2
|
+
.pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
|
|
3
3
|
display: initial;
|
|
4
4
|
}
|
|
5
5
|
.ins-c-bulk-select__selected {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
@media only screen and (max-width: 768px) {
|
|
11
11
|
.ins-c-bulk-select {
|
|
12
|
-
.pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
|
|
12
|
+
.pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
|
|
13
13
|
display: none;
|
|
14
14
|
}
|
|
15
15
|
.ins-c-bulk-select__selected {
|
|
@@ -30,41 +30,36 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
30
30
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
31
31
|
};
|
|
32
32
|
import { createElement as _createElement } from "react";
|
|
33
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
33
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
34
|
+
import { useState } from 'react';
|
|
35
|
+
import { Badge } from "@patternfly/react-core/dist/dynamic/components/Badge";
|
|
36
|
+
import { MenuToggle } from "@patternfly/react-core/dist/dynamic/components/MenuToggle";
|
|
37
|
+
import { Select, SelectList, SelectOption, SelectProps } from "@patternfly/react-core/dist/dynamic/components/Select";
|
|
36
38
|
import omit from 'lodash/omit';
|
|
37
|
-
import
|
|
39
|
+
import { isFilterValue } from './TextFilter';
|
|
40
|
+
function calculateSelected(value, selected) {
|
|
41
|
+
return Array.from(new Set(__spreadArray(__spreadArray([], (value && value.length > 0 && value.constructor === Array
|
|
42
|
+
? value.map(function (item) {
|
|
43
|
+
return isFilterValue(item) ? item.value : item;
|
|
44
|
+
})
|
|
45
|
+
: []), true), selected, true)));
|
|
46
|
+
}
|
|
38
47
|
var CheckboxFilter = function (_a) {
|
|
39
|
-
var _b = _a.items, items = _b === void 0 ? [] : _b,
|
|
48
|
+
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? [] : _c, onChange = _a.onChange, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, props = __rest(_a, ["items", "value", "onChange", "isDisabled"]);
|
|
40
49
|
var placeholder = props.placeholder, className = props.className;
|
|
41
50
|
var _e = useState(false), isExpanded = _e[0], setExpanded = _e[1];
|
|
42
|
-
var _f = useState([]), selected = _f[0], setSelected = _f[1];
|
|
43
|
-
useEffect(function () {
|
|
44
|
-
if (value === undefined) {
|
|
45
|
-
setSelected([]);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
setSelected(Array.isArray(value) ? value : [value]);
|
|
49
|
-
}
|
|
50
|
-
}, [value]);
|
|
51
|
-
var calculateSelected = function () {
|
|
52
|
-
return Array.from(new Set(__spreadArray(__spreadArray([], (value && value.length > 0 && Array.isArray(value)
|
|
53
|
-
? value.map(function (item) {
|
|
54
|
-
return isFilterValue(item) ? item.value : item;
|
|
55
|
-
})
|
|
56
|
-
: []), true), selected, true)));
|
|
57
|
-
};
|
|
51
|
+
var _f = useState(calculateSelected(value, [])), selected = _f[0], setSelected = _f[1];
|
|
58
52
|
var onSelect = function (event, selection) {
|
|
59
|
-
var newSelection = calculateSelected();
|
|
53
|
+
var newSelection = calculateSelected(value, selected);
|
|
60
54
|
newSelection = newSelection.includes(selection) ? newSelection.filter(function (item) { return item !== selection; }) : __spreadArray(__spreadArray([], newSelection, true), [selection], false);
|
|
61
55
|
onChange === null || onChange === void 0 ? void 0 : onChange(event, newSelection, selection);
|
|
62
56
|
setSelected(newSelection);
|
|
63
57
|
};
|
|
64
|
-
|
|
58
|
+
var toggle = function (toggleRef) { return (_jsxs(MenuToggle, { "aria-label": "Options menu", isDisabled: isDisabled, onClick: function () { return setExpanded(function (prev) { return !prev; }); }, ref: toggleRef, isExpanded: isExpanded, isFullWidth: true, children: [placeholder, selected.length > 0 && (_jsx(Badge, { className: "pf-v5-u-ml-sm", isRead: true, children: selected.length }))] })); };
|
|
59
|
+
return (_jsx(Select, { role: "menu", toggle: toggle, className: className, onOpenChange: function (isExpanded) { return setExpanded(isExpanded); }, onSelect: function (event, value) { return onSelect(event, value); }, isOpen: isExpanded, placeholder: placeholder, ouiaId: placeholder, children: _jsx(SelectList, { "aria-label": "Options menu", children: items.map(function (_a, key) {
|
|
65
60
|
var value = _a.value, onClick = _a.onClick, label = _a.label, id = _a.id, item = __rest(_a, ["value", "onClick", "label", "id"]);
|
|
66
|
-
return (_createElement(SelectOption, __assign({}, omit(item, 'onChange'), { key: id || key, value: String(value || id || key), onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e, __assign({ value: value, label: label, id: id }, item), key); } }), label));
|
|
67
|
-
}) })
|
|
61
|
+
return (_createElement(SelectOption, __assign({ hasCheckbox: true, isSelected: selected.includes(value) }, omit(item, 'onChange'), { key: id || key, value: String(value || id || key), onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e, __assign({ value: value, label: label, id: id }, item), key); } }), label));
|
|
62
|
+
}) }) }));
|
|
68
63
|
};
|
|
69
64
|
export default CheckboxFilter;
|
|
70
65
|
//# sourceMappingURL=CheckboxFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/CheckboxFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/CheckboxFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import Checkbox from './CheckboxFilter';
|
|
4
4
|
describe('CheckboxFilter component', function () {
|
|
5
5
|
it('renders empty', function () {
|
|
6
|
-
mount(_jsx(Checkbox, {}));
|
|
7
|
-
cy.get('.
|
|
6
|
+
cy.mount(_jsx(Checkbox, {}));
|
|
7
|
+
cy.get('.pf-v5-c-menu-toggle');
|
|
8
8
|
});
|
|
9
9
|
it('renders with correct attributes', function () {
|
|
10
|
-
mount(_jsx(Checkbox, { placeholder: "foo", isDisabled: true }));
|
|
11
|
-
cy.get('.
|
|
12
|
-
cy.get('.
|
|
10
|
+
cy.mount(_jsx(Checkbox, { placeholder: "foo", isDisabled: true }));
|
|
11
|
+
cy.get('.pf-v5-c-menu-toggle__text').should('contain', 'foo');
|
|
12
|
+
cy.get('.pf-v5-c-menu-toggle').should('be.disabled');
|
|
13
13
|
});
|
|
14
14
|
it('default value is set', function () {
|
|
15
|
-
mount(_jsx(Checkbox, { value: ['foo'], items: [{ label: 'one' }, { label: 'two' }] }));
|
|
16
|
-
cy.get('.pf-c-
|
|
17
|
-
cy.get('.pf-c-
|
|
18
|
-
cy.get('.pf-c-
|
|
15
|
+
cy.mount(_jsx(Checkbox, { value: ['foo'], items: [{ label: 'one' }, { label: 'two' }] }));
|
|
16
|
+
cy.get('.pf-v5-c-menu-toggle').click();
|
|
17
|
+
cy.get('.pf-v5-c-menu__list').children().should('have.length', 2);
|
|
18
|
+
cy.get('.pf-v5-c-badge').should('contain', '1');
|
|
19
19
|
});
|
|
20
20
|
it('onChange called', function () {
|
|
21
21
|
var onChangeSpy = cy.spy().as('ocSpy');
|
|
22
|
-
mount(_jsx(Checkbox, { items: [{ label: 'one' }, { label: 'two' }], onChange: onChangeSpy }));
|
|
23
|
-
cy.get('.pf-c-
|
|
24
|
-
cy.get('.pf-c-
|
|
22
|
+
cy.mount(_jsx(Checkbox, { items: [{ label: 'one' }, { label: 'two' }], onChange: onChangeSpy }));
|
|
23
|
+
cy.get('.pf-v5-c-menu-toggle').click();
|
|
24
|
+
cy.get('.pf-v5-c-menu__list > :nth-child(1)').click();
|
|
25
25
|
cy.get('@ocSpy').should('have.been.called');
|
|
26
26
|
});
|
|
27
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.spec.ct.js","sourceRoot":"","sources":["../../src/ConditionalFilter/CheckboxFilter.spec.ct.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.spec.ct.js","sourceRoot":"","sources":["../../src/ConditionalFilter/CheckboxFilter.spec.ct.js"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AAExC,QAAQ,CAAC,0BAA0B,EAAE;IACnC,EAAE,CAAC,eAAe,EAAE;QAClB,EAAE,CAAC,KAAK,CAAC,KAAC,QAAQ,KAAG,CAAC,CAAC;QACvB,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE;QACpC,EAAE,CAAC,KAAK,CAAC,KAAC,QAAQ,IAAC,WAAW,EAAC,KAAK,EAAC,UAAU,SAAG,CAAC,CAAC;QACpD,EAAE,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC9D,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE;QACzB,EAAE,CAAC,KAAK,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QACpF,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;QACvC,EAAE,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAClE,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QACzC,EAAE,CAAC,KAAK,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAI,CAAC,CAAC;QAC3F,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;QACvC,EAAE,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC,KAAK,EAAE,CAAC;QACtD,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -13,24 +13,29 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { Fragment, useEffect, useRef, useState } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import globalBreakpointMd from '@patternfly/react-tokens/dist/js/global_breakpoint_md';
|
|
16
|
-
import { Dropdown, DropdownItem,
|
|
17
|
-
import {
|
|
16
|
+
import { Dropdown, DropdownItem, DropdownList } from "@patternfly/react-core/dist/dynamic/components/Dropdown";
|
|
17
|
+
import { Icon } from "@patternfly/react-core/dist/dynamic/components/Icon";
|
|
18
|
+
import { MenuToggle } from "@patternfly/react-core/dist/dynamic/components/MenuToggle";
|
|
19
|
+
import { Split, SplitItem } from "@patternfly/react-core/dist/dynamic/layouts/Split";
|
|
20
|
+
import { ToolbarGroup, ToolbarItem, ToolbarToggleGroup } from "@patternfly/react-core/dist/dynamic/components/Toolbar";
|
|
21
|
+
import FilterIcon from "@patternfly/react-icons/dist/dynamic/icons/filter-icon";
|
|
18
22
|
import TextFilter from './TextFilter';
|
|
19
|
-
import { conditionalFilterType, typeMapper } from './conditionalFilterConstants';
|
|
23
|
+
import { conditionalFilterType, identifyComponent, typeMapper } from './conditionalFilterConstants';
|
|
24
|
+
import RadioFilter from './RadioFilter';
|
|
25
|
+
import CheckboxFilter from './CheckboxFilter';
|
|
26
|
+
import GroupFilter from './GroupFilter';
|
|
20
27
|
import '../ConditionalFilter/conditional-filter.css';
|
|
21
28
|
var ConditionalFilter = function (_a) {
|
|
22
|
-
var _b = _a.hideLabel, hideLabel = _b === void 0 ? false : _b, _c = _a.id, id = _c === void 0 ? 'default-input' : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _f = _a.items, items = _f === void 0 ? [] : _f, onChange = _a.onChange, placeholder = _a.placeholder, _g = _a.
|
|
29
|
+
var _b = _a.hideLabel, hideLabel = _b === void 0 ? false : _b, _c = _a.id, id = _c === void 0 ? 'default-input' : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _f = _a.items, items = _f === void 0 ? [] : _f, onChange = _a.onChange, placeholder = _a.placeholder, _g = _a.value, value = _g === void 0 ? '' : _g, innerRef = _a.innerRef;
|
|
23
30
|
var breakpointConstant = parseInt(globalBreakpointMd.value.replace('px', ''));
|
|
24
31
|
var updateFilterViewport = function (width) { return width <= breakpointConstant; };
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
32
|
+
var _h = useState(false), isOpen = _h[0], setIsOpen = _h[1];
|
|
33
|
+
var _j = useState(), stateValue = _j[0], setStateValue = _j[1];
|
|
34
|
+
var _k = useState(updateFilterViewport(window.innerWidth)), isMobile = _k[0], setIsMobile = _k[1];
|
|
28
35
|
var resizeListener = useRef(function (event) {
|
|
29
36
|
setIsMobile(updateFilterViewport((event === null || event === void 0 ? void 0 : event.target).innerWidth));
|
|
30
37
|
});
|
|
31
38
|
useEffect(function () {
|
|
32
|
-
useMobileLayout ||
|
|
33
|
-
console.warn("The prop \"useMobileLayout\" is set to false. You are using an outdated mobile layout of conditional filter.\n Please switch to new layout by adding \"useMobileLayout={true}\" prop to the PrimaryToolbar or ConditionalFilter directly.\n The new mobile layout will become the default in next minor release.");
|
|
34
39
|
window.addEventListener('resize', resizeListener.current);
|
|
35
40
|
return function () {
|
|
36
41
|
resizeListener.current && window.removeEventListener('resize', resizeListener.current);
|
|
@@ -40,27 +45,37 @@ var ConditionalFilter = function (_a) {
|
|
|
40
45
|
var activeItem = items && items.length && (items.find(function (item, key) { return item.value === currentValue || key === Number(currentValue); }) || items[0]);
|
|
41
46
|
var onChangeDefault = function (_e, value) { return setStateValue(value); };
|
|
42
47
|
var onChangeCallback = onChange || onChangeDefault;
|
|
43
|
-
var shouldRenderNewLayout = useMobileLayout && isMobile;
|
|
44
48
|
var capitalize = function (string) { return string[0].toUpperCase() + string.substring(1); };
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
? function (props) { return _jsx(ToolbarToggleGroup, __assign({}, props, { breakpoint: "md", toggleIcon: _jsx(FilterIcon, {}) })); }
|
|
49
|
+
var Wrapper = isMobile
|
|
50
|
+
? function (props) { return (_jsx(ToolbarToggleGroup, __assign({}, props, { breakpoint: "md", toggleIcon: _jsx(Icon, { size: "md", children: _jsx(FilterIcon, {}) }) }))); }
|
|
48
51
|
: Fragment;
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
52
|
+
var getActiveComponent = function (activeItem) {
|
|
53
|
+
if (activeItem.type === 'checkbox' && identifyComponent(activeItem.type, activeItem.filterValues)) {
|
|
54
|
+
return _jsx(CheckboxFilter, __assign({ placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label) }, activeItem.filterValues));
|
|
55
|
+
}
|
|
56
|
+
else if (activeItem.type === 'text' && identifyComponent(activeItem.type, activeItem.filterValues)) {
|
|
57
|
+
return _jsx(TextFilter, __assign({ placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label) }, activeItem.filterValues));
|
|
58
|
+
}
|
|
59
|
+
else if (activeItem.type === 'group' && identifyComponent(activeItem.type, activeItem.filterValues)) {
|
|
60
|
+
return _jsx(GroupFilter, __assign({ placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label) }, activeItem.filterValues));
|
|
61
|
+
}
|
|
62
|
+
else if (activeItem.type === 'radio' && identifyComponent(activeItem.type, activeItem.filterValues)) {
|
|
63
|
+
return (_jsx(RadioFilter, __assign({ innerRef: innerRef, placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label) }, activeItem.filterValues)));
|
|
64
|
+
}
|
|
65
|
+
else if (activeItem.type === 'custom' && identifyComponent(activeItem.type, activeItem.filterValues)) {
|
|
66
|
+
var C = typeMapper.custom;
|
|
67
|
+
return _jsx(C, __assign({}, activeItem.filterValues));
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
throw new Error("Invalid conditional filter component type! Expected one of ".concat(Object.keys(conditionalFilterType), ", got ").concat(activeItem.type, "."));
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
var ActiveComponent = activeItem && (typeMapper[activeItem.type] || typeMapper.text);
|
|
74
|
+
return (_jsxs(Wrapper, { children: [isMobile && (_jsx(ToolbarGroup, { className: "ins-c-conditional-filter mobile", children: items.map(function (activeItem, key) { return (_jsx(ToolbarItem, { children: getActiveComponent(activeItem) }, key)); }) })), !isMobile && (_jsx(Fragment, { children: !items || (items && items.length <= 0) ? (_jsx("div", { className: classNames('ins-c-conditional-filter', {
|
|
75
|
+
desktop: isMobile,
|
|
76
|
+
}), children: _jsx(TextFilter, { innerRef: innerRef, id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }) })) : (_jsxs(Split, { className: classNames('ins-c-conditional-filter', {
|
|
77
|
+
desktop: isMobile,
|
|
78
|
+
}), children: [items.length > 1 && (_jsx(SplitItem, { children: _jsx(Dropdown, { ref: innerRef, onSelect: function () { return setIsOpen(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", onOpenChange: function (isOpen) { return setIsOpen(isOpen); }, toggle: function (toggleRef) { return (_jsxs(MenuToggle, { isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__group ins-c-conditional-filter__no-label' : 'ins-c-conditional-filter__group', "aria-label": "Conditional filter", ref: toggleRef, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, isExpanded: isOpen, children: [_jsx(Icon, { size: "md", children: _jsx(FilterIcon, {}) }), !hideLabel && (_jsx("span", { className: "ins-c-conditional-filter__value-selector", children: activeItem && capitalize(String(activeItem.label)) }))] })); }, children: _jsx(DropdownList, { "aria-label": "Conditional filter", children: items.map(function (item, key) { return (_jsx(DropdownItem, { component: "button", ouiaId: String(item.label), onClick: function (e) { return onChangeCallback(e, item.value || key); }, children: capitalize(String(item.label)) }, item.id ? "".concat(item.id, "-dropdown") : key)); }) }) }) })), ActiveComponent && _jsx(SplitItem, { isFilled: true, children: getActiveComponent(activeItem) })] })) }))] }));
|
|
64
79
|
};
|
|
65
80
|
export default ConditionalFilter;
|
|
66
81
|
//# sourceMappingURL=ConditionalFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,QAAQ,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,kBAAkB,MAAM,uDAAuD,CAAC
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import ConditionalFilter from './ConditionalFilter';
|
|
4
4
|
describe('ConditionalFilter component', function () {
|
|
5
5
|
var config = [
|
|
6
6
|
{
|
|
7
|
+
type: 'text',
|
|
7
8
|
label: 'text',
|
|
8
9
|
},
|
|
9
10
|
{
|
|
@@ -59,33 +60,33 @@ describe('ConditionalFilter component', function () {
|
|
|
59
60
|
},
|
|
60
61
|
];
|
|
61
62
|
it('renders empty', function () {
|
|
62
|
-
mount(_jsx(ConditionalFilter, {}));
|
|
63
|
+
cy.mount(_jsx(ConditionalFilter, {}));
|
|
63
64
|
cy.get('.ins-c-conditional-filter');
|
|
64
65
|
});
|
|
65
66
|
it('renders disabled', function () {
|
|
66
|
-
mount(_jsx(ConditionalFilter, { isDisabled: true, items: config }));
|
|
67
|
-
cy.get('.pf-c-
|
|
68
|
-
cy.get('.pf-c-
|
|
67
|
+
cy.mount(_jsx(ConditionalFilter, { isDisabled: true, items: config }));
|
|
68
|
+
cy.get('.pf-v5-c-menu-toggle').click({ force: true });
|
|
69
|
+
cy.get('.pf-v5-c-menu__item').should('not.exist');
|
|
69
70
|
});
|
|
70
71
|
it('renders with data', function () {
|
|
71
|
-
mount(_jsx(ConditionalFilter, { items: config }));
|
|
72
|
+
cy.mount(_jsx(ConditionalFilter, { items: config }));
|
|
72
73
|
cy.get('.ins-c-conditional-filter');
|
|
73
|
-
cy.get('.pf-c-
|
|
74
|
-
cy.get('.pf-c-
|
|
74
|
+
cy.get('.pf-v5-c-menu-toggle').click();
|
|
75
|
+
cy.get('.pf-v5-c-menu__item').children().should('have.length', 4);
|
|
75
76
|
});
|
|
76
77
|
it('filter changes on click', function () {
|
|
77
|
-
mount(_jsx(ConditionalFilter, { items: config }));
|
|
78
|
-
cy.get('.pf-c-
|
|
79
|
-
cy.get('.pf-c-
|
|
80
|
-
cy.get('.pf-c-
|
|
81
|
-
cy.get('.pf-c-
|
|
82
|
-
cy.get('.pf-c-
|
|
78
|
+
cy.mount(_jsx(ConditionalFilter, { items: config }));
|
|
79
|
+
cy.get('.pf-v5-c-menu-toggle').click();
|
|
80
|
+
cy.get('.pf-v5-c-menu__item').children().eq(1).click();
|
|
81
|
+
cy.get('.pf-v5-c-menu-toggle').should('not.contain.text', 'Text');
|
|
82
|
+
cy.get('.pf-m-fill > .pf-v5-c-menu-toggle').click();
|
|
83
|
+
cy.get('.pf-v5-c-menu');
|
|
83
84
|
});
|
|
84
85
|
it('onChange called', function () {
|
|
85
86
|
var ocSpy = cy.spy().as('ocSpy');
|
|
86
|
-
mount(_jsx(ConditionalFilter, { items: config, onChange: ocSpy }));
|
|
87
|
-
cy.get('.pf-c-
|
|
88
|
-
cy.get('.pf-c-
|
|
87
|
+
cy.mount(_jsx(ConditionalFilter, { items: config, onChange: ocSpy }));
|
|
88
|
+
cy.get('.pf-v5-c-menu-toggle').click();
|
|
89
|
+
cy.get('.pf-v5-c-menu__item').children().eq(2).click();
|
|
89
90
|
cy.get('@ocSpy').should('have.been.called');
|
|
90
91
|
});
|
|
91
92
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalFilter.spec.ct.js","sourceRoot":"","sources":["../../src/ConditionalFilter/ConditionalFilter.spec.ct.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.spec.ct.js","sourceRoot":"","sources":["../../src/ConditionalFilter/ConditionalFilter.spec.ct.js"],"names":[],"mappings":"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"}
|