@redhat-cloud-services/frontend-components 4.0.1 → 4.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Ansible/Ansible.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 +6 -9
- 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 +19 -4
- package/BulkSelect/BulkSelect.js.map +1 -1
- package/BulkSelect/BulkSelect.spec.ct.js +16 -20
- 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 +2 -3
- package/ConditionalFilter/CheckboxFilter.js +45 -15
- 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 +12 -22
- package/ConditionalFilter/ConditionalFilter.js +25 -36
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.spec.ct.js +17 -18
- package/ConditionalFilter/ConditionalFilter.spec.ct.js.map +1 -1
- package/ConditionalFilter/GroupFilter.d.ts +33 -15
- package/ConditionalFilter/GroupFilter.js +26 -30
- 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 +2 -3
- package/ConditionalFilter/RadioFilter.js +37 -8
- 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 +17 -9
- package/ConditionalFilter/TextFilter.js +9 -18
- 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 +4 -9
- package/ConditionalFilter/conditionalFilterConstants.js +1 -5
- package/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/ConditionalFilter/group-filter.css +9 -12
- package/ConditionalFilter/group-filter.scss +9 -12
- package/ConditionalFilter/groupFilterConstants.d.ts +48 -57
- package/ConditionalFilter/groupFilterConstants.js +22 -38
- package/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/ConditionalFilter/groupType.d.ts +9 -8
- package/ConditionalFilter/groupType.js +8 -9
- package/ConditionalFilter/groupType.js.map +1 -1
- package/ConditionalFilter/index.d.ts +7 -12
- package/ConditionalFilter/index.js +2 -3
- 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 +15 -2
- package/DownloadButton/DownloadButton.js.map +1 -1
- package/DownloadButton/DownloadButton.spec.ct.js +9 -12
- 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 +12 -1
- package/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/ErrorBoundary/ErrorBoundary.scss +3 -3
- package/ErrorBoundary/ErrorStack.js +14 -3
- package/ErrorBoundary/ErrorStack.js.map +1 -1
- package/ErrorState/DefaultErrorMessage.d.ts +1 -1
- package/ErrorState/DefaultErrorMessage.js +12 -1
- 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 +2 -6
- package/FilterChips/filter-chips.scss +2 -6
- 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 +7 -8
- package/Filters/FilterDropdown.js +4 -5
- package/Filters/FilterDropdown.js.map +1 -1
- package/Filters/FilterInput.js +3 -6
- package/Filters/FilterInput.js.map +1 -1
- package/Filters/filter-dropdown.css +2 -2
- package/Filters/filter-dropdown.scss +1 -1
- package/Input/Input.spec.ct.js +7 -11
- package/Input/Input.spec.ct.js.map +1 -1
- package/Input/package.json +1 -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 +12 -1
- 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 +12 -1
- package/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
- package/NotAuthorized/NotAuthorized.css +1 -1
- package/NotAuthorized/NotAuthorized.d.ts +1 -0
- package/NotAuthorized/NotAuthorized.js +4 -3
- package/NotAuthorized/NotAuthorized.js.map +1 -1
- package/NotAuthorized/NotAuthorized.scss +1 -1
- package/NotConnected/NotConnected.js +12 -1
- package/NotConnected/NotConnected.js.map +1 -1
- package/OpenSourceBadge/OpenSourceBadge.js +12 -1
- 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 +3 -6
- 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 +12 -1
- package/PageHeader/PageHeaderTitle.js.map +1 -1
- package/PageHeader/page-header.css +2 -2
- package/PageHeader/page-header.scss +4 -4
- package/Pagination/Pagination.spec.ct.js +6 -10
- package/Pagination/Pagination.spec.ct.js.map +1 -1
- package/Pagination/PaginationMenu.d.ts +1 -1
- package/Pagination/package.json +1 -0
- package/Pagination/pagination.css +609 -0
- package/Pagination/pagination.scss +14 -0
- package/PrimaryToolbar/Actions.d.ts +5 -5
- package/PrimaryToolbar/Actions.js +8 -7
- package/PrimaryToolbar/Actions.js.map +1 -1
- package/PrimaryToolbar/Actions.spec.ct.js +11 -14
- package/PrimaryToolbar/Actions.spec.ct.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.d.ts +2 -2
- package/PrimaryToolbar/PrimaryToolbar.js +5 -9
- package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.spec.ct.js +16 -20
- package/PrimaryToolbar/PrimaryToolbar.spec.ct.js.map +1 -1
- package/PrimaryToolbar/SortBy.d.ts +2 -2
- package/PrimaryToolbar/SortBy.js +12 -1
- package/PrimaryToolbar/SortBy.js.map +1 -1
- package/PrimaryToolbar/SortBy.spec.ct.js +7 -10
- 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 +3 -3
- package/RBACProvider/RBACProvider.js +7 -4
- 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 +4 -3
- package/Shield/Shield.js.map +1 -1
- package/Shield/consts.js.map +1 -1
- package/SimpleTableFilter/SimpleTableFilter.d.ts +8 -7
- package/SimpleTableFilter/SimpleTableFilter.js +14 -15
- package/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/SimpleTableFilter/simple-table-filter.css +15 -0
- package/SimpleTableFilter/simple-table-filter.scss +12 -0
- package/Skeleton/Skeleton.d.ts +1 -1
- package/Skeleton/skeleton.css +7 -7
- package/Skeleton/skeleton.scss +7 -7
- package/SkeletonTable/SkeletonTable.d.ts +16 -10
- package/SkeletonTable/SkeletonTable.js +41 -11
- 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 +2 -3
- package/TagModal/TableWithFilter.js +4 -4
- package/TagModal/TableWithFilter.js.map +1 -1
- package/TagModal/TagModal.d.ts +5 -8
- 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 +12 -1
- package/Unavailable/Unavailable.js.map +1 -1
- package/Unavailable/Unavailable.scss +1 -1
- package/cypress/cypress.webpack.config.js +57 -0
- package/cypress/fixtures/example.json +5 -0
- package/cypress/plugins/index.js +30 -0
- package/cypress/support/commands.js +25 -0
- package/cypress/support/index.js +21 -0
- package/cypress.json +9 -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 +2 -3
- 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 +21 -9
- package/esm/BulkSelect/BulkSelect.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.spec.ct.js +16 -17
- 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 +25 -20
- 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 +28 -43
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.spec.ct.js +17 -18
- package/esm/ConditionalFilter/ConditionalFilter.spec.ct.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +31 -42
- 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 +16 -12
- 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 +13 -20
- 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 +0 -3
- package/esm/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/group-filter.css +9 -12
- package/esm/ConditionalFilter/group-filter.scss +9 -12
- package/esm/ConditionalFilter/groupFilterConstants.js +29 -44
- package/esm/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/groupType.js +8 -9
- package/esm/ConditionalFilter/groupType.js.map +1 -1
- package/esm/ConditionalFilter/index.js +1 -2
- package/esm/ConditionalFilter/index.js.map +1 -1
- package/esm/CullingInfo/CullingInformation.css +4 -4
- package/esm/CullingInfo/CullingInformation.js +6 -7
- 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 +0 -1
- 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 +18 -7
- 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 +13 -2
- package/esm/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/esm/ErrorBoundary/ErrorBoundary.scss +3 -3
- package/esm/ErrorBoundary/ErrorStack.js +15 -4
- package/esm/ErrorBoundary/ErrorStack.js.map +1 -1
- package/esm/ErrorState/DefaultErrorMessage.js +12 -1
- package/esm/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/esm/ErrorState/ErrorState.js +4 -6
- 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 +6 -8
- package/esm/FilterChips/FilterChips.js.map +1 -1
- package/esm/FilterChips/filter-chips.css +2 -6
- package/esm/FilterChips/filter-chips.scss +2 -6
- package/esm/FilterHooks/constants.js +2 -3
- 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 +6 -9
- package/esm/Filters/FilterDropdown.js.map +1 -1
- package/esm/Filters/FilterInput.js +4 -8
- 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/Input/Input.js +35 -0
- package/esm/Input/Input.js.map +1 -0
- package/esm/Input/Input.spec.ct.js +35 -0
- package/esm/Input/Input.spec.ct.js.map +1 -0
- package/esm/Input/LabeledInput.js +32 -0
- package/esm/Input/LabeledInput.js.map +1 -0
- package/esm/Input/index.js +6 -0
- package/esm/Input/index.js.map +1 -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 +2 -3
- package/esm/InvalidObject/InvalidObject.js.map +1 -1
- package/esm/InvalidObject/icon-404.js +12 -1
- package/esm/InvalidObject/icon-404.js.map +1 -1
- package/esm/Inventory/AppInfo.js +3 -4
- package/esm/Inventory/AppInfo.js.map +1 -1
- package/esm/Inventory/DetailWrapper.js +3 -4
- package/esm/Inventory/DetailWrapper.js.map +1 -1
- package/esm/Inventory/InventoryDetail.js +3 -4
- package/esm/Inventory/InventoryDetail.js.map +1 -1
- package/esm/Inventory/InventoryDetailHead.js +3 -4
- package/esm/Inventory/InventoryDetailHead.js.map +1 -1
- package/esm/Inventory/InventoryTable.js +3 -4
- package/esm/Inventory/InventoryTable.js.map +1 -1
- package/esm/Inventory/TagWithDialog.js +3 -4
- 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 +3 -4
- 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 +14 -4
- package/esm/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
- package/esm/NotAuthorized/NotAuthorized.css +1 -1
- package/esm/NotAuthorized/NotAuthorized.js +6 -6
- package/esm/NotAuthorized/NotAuthorized.js.map +1 -1
- package/esm/NotAuthorized/NotAuthorized.scss +1 -1
- package/esm/NotConnected/NotConnected.js +14 -4
- package/esm/NotConnected/NotConnected.js.map +1 -1
- package/esm/OpenSourceBadge/OpenSourceBadge.js +14 -6
- 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 +13 -2
- 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/Pagination/Pagination.js +50 -0
- package/esm/Pagination/Pagination.js.map +1 -0
- package/esm/Pagination/Pagination.spec.ct.js +47 -0
- package/esm/Pagination/Pagination.spec.ct.js.map +1 -0
- package/esm/Pagination/PaginationMenu.js +37 -0
- package/esm/Pagination/PaginationMenu.js.map +1 -0
- package/esm/Pagination/PaginationNav.js +45 -0
- package/esm/Pagination/PaginationNav.js.map +1 -0
- package/esm/Pagination/PaginationNext.js +31 -0
- package/esm/Pagination/PaginationNext.js.map +1 -0
- package/esm/Pagination/index.js +8 -0
- package/esm/Pagination/index.js.map +1 -0
- package/esm/Pagination/pagination.css +609 -0
- package/esm/Pagination/pagination.scss +14 -0
- package/esm/PrimaryToolbar/Actions.js +9 -12
- 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 +7 -14
- package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.spec.ct.js +17 -18
- package/esm/PrimaryToolbar/PrimaryToolbar.spec.ct.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.js +14 -5
- 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 +8 -6
- 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 +6 -7
- package/esm/Shield/Shield.js.map +1 -1
- package/esm/Shield/consts.js.map +1 -1
- package/esm/SimpleTableFilter/SimpleTableFilter.js +16 -20
- package/esm/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/esm/SimpleTableFilter/simple-table-filter.css +15 -0
- package/esm/SimpleTableFilter/simple-table-filter.scss +12 -0
- 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 +40 -13
- 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 +2 -3
- package/esm/TableToolbar/TableToolbar.js.map +1 -1
- package/esm/TableToolbar/TableToolbar.scss +5 -5
- package/esm/TagCount/TagCount.js +3 -4
- 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 +4 -7
- package/esm/TagModal/TableWithFilter.js.map +1 -1
- package/esm/TagModal/TagModal.js +7 -9
- 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 +6 -7
- package/esm/Truncate/Truncate.js.map +1 -1
- package/esm/Unavailable/Unavailable.css +1 -1
- package/esm/Unavailable/Unavailable.js +14 -3
- package/esm/Unavailable/Unavailable.js.map +1 -1
- package/esm/Unavailable/Unavailable.scss +1 -1
- package/esm/index.css +843 -211
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/esm/index.scss +2 -0
- package/esm/useChrome/useChrome.js.map +1 -1
- package/index.css +843 -211
- package/index.d.ts +2 -0
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/index.scss +2 -0
- package/package.json +19 -20
- package/tsconfig.cjs.json +8 -0
- package/useChrome/useChrome.d.ts +1 -1
- package/useChrome/useChrome.js.map +1 -1
- package/Filters/filter-input.css +0 -6
- package/Filters/filter-input.scss +0 -7
- package/InsightsLabel.d.ts +0 -13
- package/TableToolbar.d.ts +0 -13
- package/cypress.config.ts +0 -16
- package/esm/Filters/filter-input.css +0 -6
- package/esm/Filters/filter-input.scss +0 -7
- package/esm/InsightsLabel.js +0 -41
- package/esm/InsightsLabel.js.map +0 -1
|
@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
-
var react_1 =
|
|
18
|
+
var react_1 = require("@cypress/react");
|
|
19
19
|
var GroupFilter_1 = __importDefault(require("./GroupFilter"));
|
|
20
20
|
describe('GroupFilter component', function () {
|
|
21
21
|
var config = {
|
|
@@ -84,23 +84,23 @@ describe('GroupFilter component', function () {
|
|
|
84
84
|
],
|
|
85
85
|
};
|
|
86
86
|
it('renders empty', function () {
|
|
87
|
-
|
|
88
|
-
cy.get('.pf-
|
|
87
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(GroupFilter_1.default, {}));
|
|
88
|
+
cy.get('.pf-c-menu-toggle');
|
|
89
89
|
});
|
|
90
90
|
it('renders with placeholder', function () {
|
|
91
|
-
|
|
92
|
-
cy.get('.pf-
|
|
91
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(GroupFilter_1.default, { placeholder: "foo" }));
|
|
92
|
+
cy.get('.pf-c-menu-toggle__text').should('contain', 'foo');
|
|
93
93
|
});
|
|
94
94
|
it('renders with data', function () {
|
|
95
|
-
|
|
96
|
-
cy.get('.pf-
|
|
97
|
-
cy.get('.pf-
|
|
95
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(GroupFilter_1.default, __assign({}, config, { showMoreTitle: "hello", onShowMore: function () { return undefined; } })));
|
|
96
|
+
cy.get('.pf-c-menu-toggle__controls').click();
|
|
97
|
+
cy.get('.pf-c-menu__item').should('have.length', 11);
|
|
98
98
|
});
|
|
99
99
|
it('onChange called', function () {
|
|
100
100
|
var ocSpy = cy.spy().as('ocSpy');
|
|
101
|
-
|
|
102
|
-
cy.get('.pf-
|
|
103
|
-
cy.get('.pf-
|
|
101
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(GroupFilter_1.default, __assign({}, config, { onChange: ocSpy })));
|
|
102
|
+
cy.get('.pf-c-menu-toggle__controls').click();
|
|
103
|
+
cy.get('.pf-c-menu__item').eq(5).click();
|
|
104
104
|
cy.get('@ocSpy').should('have.been.called');
|
|
105
105
|
});
|
|
106
106
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.spec.ct.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"GroupFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.spec.ct.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,wCAAuC;AAEvC,8DAAkC;AAElC,QAAQ,CAAC,uBAAuB,EAAE;IAChC,IAAM,MAAM,GAAG;QACb,MAAM,EAAE;YACN;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,eAAe,EAAE,IAAI;gBACrB,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;SACF;QACD,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;SACF;KACF,CAAC;IAEF,EAAE,CAAC,eAAe,EAAE;QAClB,IAAA,aAAK,EAAC,uBAAC,qBAAK,KAAG,CAAC,CAAC;QACjB,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE;QAC7B,IAAA,aAAK,EAAC,uBAAC,qBAAK,IAAC,WAAW,EAAC,KAAK,GAAG,CAAC,CAAC;QACnC,EAAE,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE;QACtB,IAAA,aAAK,EAAC,uBAAC,qBAAK,eAAK,MAAM,IAAE,aAAa,EAAC,OAAO,EAAC,UAAU,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS,IAAI,CAAC,CAAC;QAChF,EAAE,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9C,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QACnC,IAAA,aAAK,EAAC,uBAAC,qBAAK,eAAK,MAAM,IAAE,QAAQ,EAAE,KAAK,IAAI,CAAC,CAAC;QAC9C,EAAE,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9C,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACzC,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -4,10 +4,9 @@ export interface RadioFilterProps {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
isDisabled?: boolean;
|
|
6
6
|
items?: FilterItem[];
|
|
7
|
-
onChange
|
|
7
|
+
onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
|
|
8
8
|
placeholder?: string;
|
|
9
|
-
value?: string | FilterValue | Record<string,
|
|
10
|
-
innerRef?: React.Ref<HTMLInputElement>;
|
|
9
|
+
value?: string | FilterValue | (string | FilterValue)[] | Record<string, unknown>;
|
|
11
10
|
}
|
|
12
11
|
declare const RadioFilter: React.FunctionComponent<RadioFilterProps>;
|
|
13
12
|
export default RadioFilter;
|
|
@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
13
36
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
37
|
var t = {};
|
|
15
38
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -22,32 +45,38 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
45
|
return t;
|
|
23
46
|
};
|
|
24
47
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
48
|
var react_1 = require("react");
|
|
49
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
50
|
var react_2 = require("react");
|
|
28
51
|
var react_core_1 = require("@patternfly/react-core");
|
|
29
|
-
var TextFilter_1 = require("./TextFilter");
|
|
52
|
+
var TextFilter_1 = __importStar(require("./TextFilter"));
|
|
30
53
|
var RadioFilter = function (_a) {
|
|
31
54
|
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return undefined; } : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, props = __rest(_a, ["items", "onChange", "isDisabled"]);
|
|
32
55
|
var placeholder = props.placeholder, className = props.className, value = props.value;
|
|
56
|
+
var selectedValue = value;
|
|
33
57
|
var _e = (0, react_2.useState)(false), isExpanded = _e[0], setExpanded = _e[1];
|
|
58
|
+
var _f = (0, react_2.useState)(), checked = _f[0], setChecked = _f[1];
|
|
34
59
|
var calculateSelected = function () {
|
|
35
|
-
if (
|
|
36
|
-
return (0, TextFilter_1.isFilterValue)(
|
|
60
|
+
if (selectedValue) {
|
|
61
|
+
return (0, TextFilter_1.isFilterValue)(selectedValue) ? selectedValue.value : selectedValue;
|
|
62
|
+
}
|
|
63
|
+
else if (checked) {
|
|
64
|
+
return (0, TextFilter_1.isFilterValue)(checked) ? checked.value : checked;
|
|
37
65
|
}
|
|
38
66
|
};
|
|
39
67
|
var onSelect = function (event, selection) {
|
|
40
|
-
onChange(event, selection);
|
|
68
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, selection);
|
|
69
|
+
setChecked(selection);
|
|
41
70
|
};
|
|
42
71
|
var checkedValue = calculateSelected();
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
72
|
+
return ((0, jsx_runtime_1.jsx)(react_2.Fragment, { children: !items || (items && items.length <= 0) ? ((0, jsx_runtime_1.jsx)(TextFilter_1.default, __assign({}, props, { onChange: onChange, isDisabled: isDisabled, value: "".concat(calculateSelected()) }))) : ((0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({ className: className, variant: react_core_1.SelectVariant.single, "aria-label": "Select Input", isDisabled: isDisabled, onToggle: function (value) { return setExpanded(value); }, onSelect: function (event, value) { return onSelect(event, value); }, isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, { children: items.map(function (_a, key) {
|
|
44
73
|
var value = _a.value, isChecked = _a.isChecked, onChange = _a.onChange, label = _a.label, id = _a.id, item = __rest(_a, ["value", "isChecked", "onChange", "label", "id"]);
|
|
45
74
|
return ((0, react_1.createElement)(react_core_1.SelectOption, __assign({}, item, { key: id || key, value: value || '' + key }),
|
|
46
75
|
(0, jsx_runtime_1.jsx)(react_core_1.Radio, { name: id || "".concat(key, "-radio"), label: label, value: value || key, isChecked: isChecked ||
|
|
47
76
|
(checkedValue !== undefined && checkedValue === value) ||
|
|
48
77
|
(checkedValue !== undefined && checkedValue === '' + key) ||
|
|
49
|
-
false, onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(e, __assign({ id: id, label: label, value: value, isChecked: isChecked }, item), key); }, id: id || "".concat(value, "-").concat(key) })));
|
|
50
|
-
}) }) }));
|
|
78
|
+
false, onChange: function (_value, e) { return onChange === null || onChange === void 0 ? void 0 : onChange(e, __assign({ id: id, label: label, value: value, isChecked: isChecked }, item), key); }, id: id || "".concat(value, "-").concat(key) })));
|
|
79
|
+
}) }))) }));
|
|
51
80
|
};
|
|
52
81
|
exports.default = RadioFilter;
|
|
53
82
|
//# sourceMappingURL=RadioFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAClD,qDAAoF;AACpF,yDAAkF;AA0BlF,IAAM,WAAW,GAA8C,UAAC,EAAwE;IAAtE,IAAA,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,gBAA0B,EAA1B,QAAQ,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAAE,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtE,mCAAwE,CAAF;IAC5H,IAAA,WAAW,GAAuB,KAAK,YAA5B,EAAE,SAAS,GAAY,KAAK,UAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAChD,IAAM,aAAa,GAAG,KAA6B,CAAC;IAC9C,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,UAAU,QAAA,EAAE,WAAW,QAAmB,CAAC;IAC5C,IAAA,KAAwB,IAAA,gBAAQ,GAAwB,EAAvD,OAAO,QAAA,EAAE,UAAU,QAAoC,CAAC;IAE/D,IAAM,iBAAiB,GAAG;QACxB,IAAI,aAAa,EAAE;YACjB,OAAO,IAAA,0BAAa,EAAC,aAAa,CAAC,CAAC,CAAC,CAAE,aAA6B,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;SAC5F;aAAM,IAAI,OAAO,EAAE;YAClB,OAAO,IAAA,0BAAa,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;SACzD;IACH,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,KAAyE,EAAE,SAA+B;QAC1H,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE,SAAS,CAAC,CAAC;QAC7B,UAAU,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,iBAAiB,EAAE,CAAC;IACzC,OAAO,CACL,uBAAC,gBAAQ,cACN,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACxC,uBAAC,oBAAU,eAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,UAAG,iBAAiB,EAAE,CAAE,IAAI,CACvG,CAAC,CAAC,CAAC,CACF,uBAAC,mBAAM,aACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,0BAAa,CAAC,MAAM,gBAClB,cAAc,EACzB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EACvC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,KAA6B,CAAC,EAA9C,CAA8C,EAC1E,MAAM,EAAE,UAAU,EAClB,eAAe,EAAE,WAAW,EAC5B,MAAM,EAAE,WAAW,gBAElB,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkD,EAAE,GAAG;gBAArD,IAAA,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,EAAE,QAAA,EAAK,IAAI,cAAhD,iDAAkD,CAAF;gBAAY,OAAA,CACtE,2BAAC,yBAAY,eAAK,IAAI,IAAE,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,GAAG,GAAG;oBAC9D,uBAAC,kBAAK,IACJ,IAAI,EAAE,EAAE,IAAI,UAAG,GAAG,WAAQ,EAC1B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,GAAG,EACnB,SAAS,EACP,SAAS;4BACT,CAAC,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,KAAK,CAAC;4BACtD,CAAC,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,EAAE,GAAG,GAAG,CAAC;4BACzD,KAAK,EAEP,QAAQ,EAAE,UAAC,MAAM,EAAE,CAAC,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,aAAI,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,IAAK,IAAI,GAAI,GAAG,CAAC,EAA5D,CAA4D,EACrF,EAAE,EAAE,EAAE,IAAI,UAAG,KAAK,cAAI,GAAG,CAAE,GAC3B,CACW,CAChB,CAAA;aAAA,CAAC,IACK,CACV,GACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
|
@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
-
var react_1 =
|
|
18
|
+
var react_1 = require("@cypress/react");
|
|
19
19
|
var RadioFilter_1 = __importDefault(require("./RadioFilter"));
|
|
20
20
|
describe('RadioFilter component', function () {
|
|
21
21
|
var config = {
|
|
@@ -31,34 +31,34 @@ describe('RadioFilter component', function () {
|
|
|
31
31
|
],
|
|
32
32
|
};
|
|
33
33
|
it('renders empty', function () {
|
|
34
|
-
|
|
35
|
-
cy.get('.
|
|
34
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(RadioFilter_1.default, {}));
|
|
35
|
+
cy.get('.ins-c-conditional-filter');
|
|
36
36
|
});
|
|
37
37
|
it('renders disabled', function () {
|
|
38
|
-
|
|
39
|
-
cy.get('.pf-
|
|
38
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(RadioFilter_1.default, __assign({}, config, { isDisabled: true })));
|
|
39
|
+
cy.get('.pf-c-select__toggle').should('be.disabled');
|
|
40
40
|
});
|
|
41
41
|
it('renders with data', function () {
|
|
42
|
-
|
|
43
|
-
cy.get('.pf-
|
|
44
|
-
cy.get('.pf-
|
|
42
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(RadioFilter_1.default, __assign({}, config)));
|
|
43
|
+
cy.get('.pf-c-select__toggle').click();
|
|
44
|
+
cy.get('.pf-c-select__menu').children().should('have.length', 2);
|
|
45
45
|
});
|
|
46
46
|
it('renders with default value and placeholder', function () {
|
|
47
|
-
|
|
48
|
-
cy.get('.pf-
|
|
49
|
-
cy.get('.pf-
|
|
47
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(RadioFilter_1.default, __assign({}, config, { value: "val2", placeholder: "baz" })));
|
|
48
|
+
cy.get('.pf-c-select__toggle').click();
|
|
49
|
+
cy.get('.pf-c-select__menu')
|
|
50
50
|
.children()
|
|
51
51
|
.eq(1)
|
|
52
52
|
.within(function () {
|
|
53
|
-
cy.get('.pf-
|
|
53
|
+
cy.get('.pf-c-radio__input').should('be.checked');
|
|
54
54
|
});
|
|
55
|
-
cy.get('.pf-
|
|
55
|
+
cy.get('.pf-c-select__toggle-text').should('contain', 'baz');
|
|
56
56
|
});
|
|
57
57
|
it('onChange called', function () {
|
|
58
58
|
var changeSpy = cy.spy().as('cSpy');
|
|
59
|
-
|
|
60
|
-
cy.get('.pf-
|
|
61
|
-
cy.get('.pf-
|
|
59
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(RadioFilter_1.default, __assign({}, config, { onChange: changeSpy })));
|
|
60
|
+
cy.get('.pf-c-select__toggle').click();
|
|
61
|
+
cy.get('.pf-c-select__menu').children().eq(1).click();
|
|
62
62
|
cy.get('@cSpy').should('have.been.called');
|
|
63
63
|
});
|
|
64
64
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.spec.ct.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"RadioFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.spec.ct.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,wCAAuC;AAEvC,8DAAkC;AAElC,QAAQ,CAAC,uBAAuB,EAAE;IAChC,IAAM,MAAM,GAAG;QACb,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,MAAM;aACd;YACD;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;KACF,CAAC;IAEF,EAAE,CAAC,eAAe,EAAE;QAClB,IAAA,aAAK,EAAC,uBAAC,qBAAK,KAAG,CAAC,CAAC;QACjB,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE;QACrB,IAAA,aAAK,EAAC,uBAAC,qBAAK,eAAK,MAAM,IAAE,UAAU,UAAG,CAAC,CAAC;QACxC,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE;QACtB,IAAA,aAAK,EAAC,uBAAC,qBAAK,eAAK,MAAM,EAAI,CAAC,CAAC;QAC7B,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;QACvC,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE;QAC/C,IAAA,aAAK,EAAC,uBAAC,qBAAK,eAAK,MAAM,IAAE,KAAK,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,IAAG,CAAC,CAAC;QAC5D,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;QACvC,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC;aACzB,QAAQ,EAAE;aACV,EAAE,CAAC,CAAC,CAAC;aACL,MAAM,CAAC;YACN,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QACL,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,SAAS,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QACtC,IAAA,aAAK,EAAC,uBAAC,qBAAK,eAAK,MAAM,IAAE,QAAQ,EAAE,SAAS,IAAI,CAAC,CAAC;QAClD,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;QACvC,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACtD,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,22 +1,30 @@
|
|
|
1
|
-
import React, { FormEvent, MouseEventHandler
|
|
2
|
-
import { TextInputProps } from '@patternfly/react-core';
|
|
1
|
+
import React, { FormEvent, MouseEventHandler } from 'react';
|
|
3
2
|
import './conditional-filter.scss';
|
|
4
|
-
export declare function isFilterValue(item:
|
|
3
|
+
export declare function isFilterValue(item: string | FilterValue): item is FilterValue;
|
|
5
4
|
export interface FilterItem {
|
|
6
|
-
label:
|
|
5
|
+
label: Node | string;
|
|
7
6
|
name?: string;
|
|
8
7
|
value: string;
|
|
9
|
-
id
|
|
8
|
+
id: string;
|
|
10
9
|
onChange?: (e: FormEvent, item: FilterItem, key: number) => void;
|
|
11
10
|
onClick?: (e?: FormEvent | MouseEventHandler<HTMLInputElement>, item?: FilterItem, key?: number, checked?: boolean) => void;
|
|
12
11
|
isChecked?: boolean;
|
|
13
12
|
}
|
|
14
13
|
export interface FilterValue {
|
|
15
|
-
label:
|
|
16
|
-
value: string
|
|
14
|
+
label: Node;
|
|
15
|
+
value: string;
|
|
17
16
|
}
|
|
18
|
-
export interface TextFilterProps
|
|
19
|
-
|
|
17
|
+
export interface TextFilterProps {
|
|
18
|
+
value?: string | FilterValue | (string | FilterValue)[] | Record<string, unknown>;
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
|
|
21
|
+
onSubmit?: (e: React.FormEvent<HTMLInputElement>, value: string) => void;
|
|
22
|
+
isDisabled?: boolean;
|
|
23
|
+
'aria-label'?: string;
|
|
24
|
+
id?: string;
|
|
25
|
+
icon?: React.FunctionComponent;
|
|
26
|
+
className?: string;
|
|
27
|
+
innerRef?: React.Ref<HTMLInputElement>;
|
|
20
28
|
}
|
|
21
29
|
declare const TextFilter: React.FunctionComponent<TextFilterProps>;
|
|
22
30
|
export default TextFilter;
|
|
@@ -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
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -21,9 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
10
|
}
|
|
22
11
|
return t;
|
|
23
12
|
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
14
|
exports.isFilterValue = void 0;
|
|
29
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -31,14 +17,19 @@ var react_1 = require("react");
|
|
|
31
17
|
var react_core_1 = require("@patternfly/react-core");
|
|
32
18
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
33
19
|
require("./conditional-filter.css");
|
|
34
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
35
20
|
function isFilterValue(item) {
|
|
36
|
-
return item
|
|
21
|
+
return (item === null || item === void 0 ? void 0 : item.value) !== undefined;
|
|
37
22
|
}
|
|
38
23
|
exports.isFilterValue = isFilterValue;
|
|
39
24
|
var TextFilter = function (_a) {
|
|
40
|
-
var _b = _a.
|
|
41
|
-
|
|
25
|
+
var icon = _a.icon, id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, className = _a.className, onChange = _a.onChange, _c = _a.onSubmit, onSubmit = _c === void 0 ? function () { return undefined; } : _c, _d = _a.value, value = _d === void 0 ? '' : _d, placeholder = _a.placeholder, innerRef = _a.innerRef, props = __rest(_a, ["icon", "id", "isDisabled", "className", "onChange", "onSubmit", "value", "placeholder", "innerRef"]);
|
|
26
|
+
var filterValue = value;
|
|
27
|
+
var _e = (0, react_1.useState)(''), stateValue = _e[0], setStateValue = _e[1];
|
|
28
|
+
var Icon = icon || react_icons_1.SearchIcon;
|
|
29
|
+
var changeCallback = function (e, value) { return (onChange ? onChange(e, value) : setStateValue(value)); };
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, { "aria-label": props['aria-label'] || 'text input', className: "ins-c-conditional-filter ".concat(className || ''), "data-ouia-component-type": "PF4/TextInput", id: id, isDisabled: isDisabled, value: (onChange ? (typeof value === 'string' ? filterValue : filterValue.value) : stateValue), onChange: function (_inputValue, e) { return changeCallback(e, e.target.value); }, onKeyDown: function (e) {
|
|
31
|
+
return e.key === 'Enter' && (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, (typeof value === 'string' ? filterValue : filterValue.value) || stateValue));
|
|
32
|
+
}, ouiaId: "ConditionalFilter", placeholder: placeholder, "widget-type": "InsightsInput", ref: innerRef }), (0, jsx_runtime_1.jsx)(Icon, { size: "sm", className: "ins-c-search-icon" })] }));
|
|
42
33
|
};
|
|
43
34
|
exports.default = TextFilter;
|
|
44
35
|
//# sourceMappingURL=TextFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAgF;AAChF,qDAAmD;AACnD,uDAAqD;AACrD,qCAAmC;AAEnC,SAAgB,aAAa,CAAC,IAA0B;IACtD,OAAO,CAAC,IAAoB,aAApB,IAAI,uBAAJ,IAAI,CAAkB,KAAK,MAAK,SAAS,CAAC;AACpD,CAAC;AAFD,sCAEC;AA4DD,IAAM,UAAU,GAA6C,UAAC,EAW7D;IAVC,IAAA,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAA0B,EAA1B,QAAQ,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAC1B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,cAVoD,qGAW7D,CADS;IAER,IAAM,WAAW,GAAG,KAA6B,CAAC;IAC5C,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;IACjD,IAAM,IAAI,GAAG,IAAI,IAAI,wBAAU,CAAC;IAChC,IAAM,cAAc,GAAG,UAAC,CAAoC,EAAE,KAAa,IAAK,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAtD,CAAsD,CAAC;IAEvI,OAAO,CACL,wBAAC,gBAAQ,eACP,uBAAC,sBAAS,kBACI,KAAK,CAAC,YAAY,CAAC,IAAI,YAAY,EAC/C,SAAS,EAAE,mCAA4B,SAAS,IAAI,EAAE,CAAE,8BAC/B,eAAe,EACxC,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,WAA2B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAW,EACzH,QAAQ,EAAE,UAAC,WAAW,EAAE,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAvD,CAAuD,EACrF,SAAS,EAAE,UAAC,CAAC;oBACX,OAAA,CAAC,CAAC,GAAG,KAAK,OAAO,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,EAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,WAA2B,CAAC,KAAK,CAAY,IAAI,UAAU,CAAC,CAAA;gBAA5I,CAA4I,EAE9I,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,WAAW,iBACZ,eAAe,EAC3B,GAAG,EAAE,QAAQ,GACb,EACF,uBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,GAAG,IACvC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -4,21 +4,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
var react_1 =
|
|
7
|
+
var react_1 = require("@cypress/react");
|
|
8
8
|
var TextFilter_1 = __importDefault(require("./TextFilter"));
|
|
9
9
|
describe('TextFilter component', function () {
|
|
10
10
|
it('renders empty', function () {
|
|
11
|
-
|
|
11
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(TextFilter_1.default, {}));
|
|
12
12
|
cy.get('.ins-c-conditional-filter');
|
|
13
13
|
});
|
|
14
14
|
it('renders disabled with placeholder', function () {
|
|
15
|
-
|
|
16
|
-
cy.get('.ins-c-conditional-filter
|
|
17
|
-
cy.get('.ins-c-conditional-filter
|
|
15
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(TextFilter_1.default, { placeholder: "foo", isDisabled: true }));
|
|
16
|
+
cy.get('.ins-c-conditional-filter').should('be.disabled');
|
|
17
|
+
cy.get('.ins-c-conditional-filter').invoke('attr', 'placeholder').should('contain', 'foo');
|
|
18
18
|
});
|
|
19
19
|
it('onChange called', function () {
|
|
20
20
|
var ocSpy = cy.spy().as('cSpy');
|
|
21
|
-
|
|
21
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(TextFilter_1.default, { onChange: ocSpy }));
|
|
22
22
|
cy.get('.ins-c-conditional-filter').type('foo');
|
|
23
23
|
cy.get('@cSpy').should('have.been.called');
|
|
24
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.spec.ct.js"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"TextFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.spec.ct.js"],"names":[],"mappings":";;;;;;AACA,wCAAuC;AAEvC,4DAAgC;AAEhC,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,eAAe,EAAE;QAClB,IAAA,aAAK,EAAC,uBAAC,oBAAI,KAAG,CAAC,CAAC;QAChB,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE;QACtC,IAAA,aAAK,EAAC,uBAAC,oBAAI,IAAC,WAAW,EAAC,KAAK,EAAC,UAAU,SAAG,CAAC,CAAC;QAC7C,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAC1D,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAClC,IAAA,aAAK,EAAC,uBAAC,oBAAI,IAAC,QAAQ,EAAE,KAAK,GAAI,CAAC,CAAC;QACjC,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -9,30 +9,30 @@
|
|
|
9
9
|
display: none !important;
|
|
10
10
|
visibility: hidden !important;
|
|
11
11
|
}
|
|
12
|
-
.ins-c-conditional-filter .pf-
|
|
12
|
+
.ins-c-conditional-filter .pf-c-select__toggle-wrapper .pf-c-select__toggle-text {
|
|
13
13
|
max-width: 150px;
|
|
14
14
|
max-width: 9.375rem;
|
|
15
15
|
}
|
|
16
|
-
.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-
|
|
16
|
+
.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text {
|
|
17
17
|
width: auto;
|
|
18
18
|
text-align: left;
|
|
19
19
|
}
|
|
20
|
-
.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-
|
|
21
|
-
margin-right: var(--pf-
|
|
20
|
+
.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text > svg {
|
|
21
|
+
margin-right: var(--pf-global--spacer--xs);
|
|
22
22
|
}
|
|
23
|
-
.ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__no-label .pf-
|
|
23
|
+
.ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__no-label .pf-c-dropdown__toggle-text {
|
|
24
24
|
width: auto;
|
|
25
25
|
}
|
|
26
|
-
.ins-c-conditional-filter .pf-
|
|
26
|
+
.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-group {
|
|
27
27
|
padding: 0;
|
|
28
28
|
}
|
|
29
|
-
.ins-c-conditional-filter .pf-
|
|
29
|
+
.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-group .pf-c-select__menu-group-title:empty {
|
|
30
30
|
display: none;
|
|
31
31
|
}
|
|
32
|
-
.ins-c-conditional-filter .pf-
|
|
32
|
+
.ins-c-conditional-filter .pf-l-split__item .pf-c-select__option-button {
|
|
33
33
|
padding: 0;
|
|
34
34
|
}
|
|
35
|
-
.ins-c-conditional-filter .pf-
|
|
35
|
+
.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-item-icon {
|
|
36
36
|
display: none;
|
|
37
37
|
}
|
|
38
38
|
.ins-c-conditional-filter input.ins-c-conditional-filter[type=text] {
|
|
@@ -48,29 +48,29 @@
|
|
|
48
48
|
top: 2px;
|
|
49
49
|
top: 0.125rem;
|
|
50
50
|
}
|
|
51
|
-
.ins-c-conditional-filter .pf-
|
|
51
|
+
.ins-c-conditional-filter .pf-c-select__toggle-text {
|
|
52
52
|
margin-right: 0;
|
|
53
53
|
}
|
|
54
|
-
.ins-c-conditional-filter .pf-
|
|
54
|
+
.ins-c-conditional-filter .pf-c-select__toggle-badge {
|
|
55
55
|
display: none;
|
|
56
56
|
}
|
|
57
|
-
.ins-c-conditional-filter .pf-
|
|
57
|
+
.ins-c-conditional-filter .pf-c-menu-toggle .pf-c-menu-toggle__text {
|
|
58
58
|
flex: 1;
|
|
59
59
|
}
|
|
60
|
-
.ins-c-conditional-filter .pf-
|
|
60
|
+
.ins-c-conditional-filter .pf-c-menu-toggle .pf-c-menu-toggle__text input {
|
|
61
61
|
border: none;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
.pf-
|
|
64
|
+
.pf-c-menu.ins-c-menu__scrollable {
|
|
65
65
|
max-height: 416px;
|
|
66
66
|
overflow-y: auto;
|
|
67
67
|
min-width: initial;
|
|
68
68
|
}
|
|
69
|
-
.pf-
|
|
69
|
+
.pf-c-menu .ins-c-menu__show--more {
|
|
70
70
|
background: none;
|
|
71
71
|
}
|
|
72
|
-
.pf-
|
|
73
|
-
color: var(--pf-
|
|
72
|
+
.pf-c-menu .ins-c-menu__show--more .pf-c-menu__item-text {
|
|
73
|
+
color: var(--pf-global--active-color--100);
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
@media only screen and (max-width: 768px) {
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
@media only screen and (max-width: 884px) {
|
|
87
|
-
.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-
|
|
87
|
+
.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text {
|
|
88
88
|
width: auto;
|
|
89
89
|
}
|
|
90
90
|
.ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__value-selector {
|
|
@@ -9,33 +9,33 @@
|
|
|
9
9
|
display: none !important;
|
|
10
10
|
visibility: hidden !important;
|
|
11
11
|
}
|
|
12
|
-
.pf-
|
|
12
|
+
.pf-c-select__toggle-wrapper .pf-c-select__toggle-text {
|
|
13
13
|
@include rem('max-width', 150px);
|
|
14
14
|
}
|
|
15
15
|
.ins-c-conditional-filter__group {
|
|
16
|
-
.pf-
|
|
16
|
+
.pf-c-dropdown__toggle-text {
|
|
17
17
|
width: auto;
|
|
18
18
|
text-align: left;
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
& > svg {
|
|
20
|
+
margin-right: var(--pf-global--spacer--xs);
|
|
21
|
+
}
|
|
21
22
|
}
|
|
22
|
-
|
|
23
|
-
.ins-c-conditional-filter__no-label .pf-v5-c-dropdown__toggle-text {
|
|
23
|
+
.ins-c-conditional-filter__no-label .pf-c-dropdown__toggle-text {
|
|
24
24
|
width: auto;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.pf-
|
|
29
|
-
.pf-
|
|
30
|
-
.pf-
|
|
28
|
+
.pf-l-split__item {
|
|
29
|
+
.pf-c-select__menu-group {
|
|
30
|
+
.pf-c-select__menu-group-title:empty {
|
|
31
31
|
display: none;
|
|
32
32
|
}
|
|
33
33
|
padding: 0;
|
|
34
34
|
}
|
|
35
|
-
.pf-
|
|
35
|
+
.pf-c-select__option-button {
|
|
36
36
|
padding: 0;
|
|
37
37
|
}
|
|
38
|
-
.pf-
|
|
38
|
+
.pf-c-select__menu-item-icon {
|
|
39
39
|
display: none;
|
|
40
40
|
}
|
|
41
41
|
}
|
|
@@ -49,21 +49,21 @@
|
|
|
49
49
|
@include rem('top', 2px);
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
.pf-
|
|
52
|
+
.pf-c-select__toggle-text {
|
|
53
53
|
margin-right: 0;
|
|
54
54
|
}
|
|
55
|
-
.pf-
|
|
55
|
+
.pf-c-select__toggle-badge {
|
|
56
56
|
display: none;
|
|
57
57
|
}
|
|
58
|
-
.pf-
|
|
59
|
-
.pf-
|
|
58
|
+
.pf-c-menu-toggle {
|
|
59
|
+
.pf-c-menu-toggle__text {
|
|
60
60
|
flex: 1;
|
|
61
61
|
input { border: none; }
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.pf-
|
|
66
|
+
.pf-c-menu {
|
|
67
67
|
&.ins-c-menu__scrollable {
|
|
68
68
|
max-height: 416px;
|
|
69
69
|
overflow-y: auto;
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
}
|
|
72
72
|
.ins-c-menu__show--more {
|
|
73
73
|
background: none;
|
|
74
|
-
.pf-
|
|
74
|
+
.pf-c-menu__item-text{ color: var(--pf-global--active-color--100); }
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
@media only screen and (max-width: 884px) {
|
|
92
92
|
.ins-c-conditional-filter {
|
|
93
93
|
.ins-c-conditional-filter__group {
|
|
94
|
-
.pf-
|
|
94
|
+
.pf-c-dropdown__toggle-text {
|
|
95
95
|
width: auto;
|
|
96
96
|
}
|
|
97
97
|
.ins-c-conditional-filter__value-selector {
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TextFilterProps } from './TextFilter';
|
|
3
|
-
import { CheckboxFilterProps } from './CheckboxFilter';
|
|
4
|
-
import { RadioFilterProps } from './RadioFilter';
|
|
5
|
-
import { GroupFilterProps } from './GroupFilter';
|
|
6
2
|
export declare const conditionalFilterType: {
|
|
7
3
|
text: string;
|
|
8
4
|
checkbox: string;
|
|
@@ -11,12 +7,11 @@ export declare const conditionalFilterType: {
|
|
|
11
7
|
group: string;
|
|
12
8
|
};
|
|
13
9
|
export declare const typeMapper: {
|
|
14
|
-
text: import("react").FunctionComponent<TextFilterProps>;
|
|
15
|
-
checkbox: import("react").FunctionComponent<CheckboxFilterProps>;
|
|
16
|
-
radio: import("react").FunctionComponent<RadioFilterProps>;
|
|
10
|
+
text: import("react").FunctionComponent<import("./TextFilter").TextFilterProps>;
|
|
11
|
+
checkbox: import("react").FunctionComponent<import("./CheckboxFilter").CheckboxFilterProps>;
|
|
12
|
+
radio: import("react").FunctionComponent<import("./RadioFilter").RadioFilterProps>;
|
|
17
13
|
custom: import("react").ExoticComponent<{
|
|
18
14
|
children?: import("react").ReactNode;
|
|
19
15
|
}>;
|
|
20
|
-
group: import("react").FunctionComponent<GroupFilterProps>;
|
|
16
|
+
group: import("react").FunctionComponent<import("./GroupFilter").GroupFilterProps>;
|
|
21
17
|
};
|
|
22
|
-
export declare function identifyComponent<T extends TextFilterProps | CheckboxFilterProps | RadioFilterProps | GroupFilterProps | Record<string, any>>(type: keyof typeof conditionalFilterType, props: T): props is T;
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
6
|
+
exports.typeMapper = exports.conditionalFilterType = void 0;
|
|
7
7
|
var react_1 = require("react");
|
|
8
8
|
var TextFilter_1 = __importDefault(require("./TextFilter"));
|
|
9
9
|
var CheckboxFilter_1 = __importDefault(require("./CheckboxFilter"));
|
|
@@ -23,8 +23,4 @@ exports.typeMapper = {
|
|
|
23
23
|
custom: react_1.Fragment,
|
|
24
24
|
group: GroupFilter_1.default,
|
|
25
25
|
};
|
|
26
|
-
function identifyComponent(type, props) {
|
|
27
|
-
return true;
|
|
28
|
-
}
|
|
29
|
-
exports.identifyComponent = identifyComponent;
|
|
30
26
|
//# sourceMappingURL=conditionalFilterConstants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conditionalFilterConstants.js","sourceRoot":"","sources":["../src/ConditionalFilter/conditionalFilterConstants.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AACjC,
|
|
1
|
+
{"version":3,"file":"conditionalFilterConstants.js","sourceRoot":"","sources":["../src/ConditionalFilter/conditionalFilterConstants.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AACjC,4DAAgC;AAChC,oEAAwC;AACxC,8DAAkC;AAClC,8DAAkC;AAErB,QAAA,qBAAqB,GAAG;IACnC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEW,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,oBAAI;IACV,QAAQ,EAAE,wBAAQ;IAClB,KAAK,EAAE,qBAAK;IACZ,MAAM,EAAE,gBAAQ;IAChB,KAAK,EAAE,qBAAK;CACb,CAAC"}
|