ROX-32559: Render CompoundSearchFilterLabels in miscellaneous routes #18428
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Objective: Use search filter config plus separate attributes as single source of truth.
Bonus: Render
LabelandLabelGroupinstead of deprecatedChipandChipGroupelements.User-facing documentation
Testing and quality
Automated testing
How I validated my change
npm run tscin ui/apps/platform folder.npm run lint:fast-devin ui/apps/platform folder.npm run startin ui/apps/platform folder with staging demo as central.Manual testing
Visit /main/clusters
https://github.com/stackrox/stackrox/blob/master/ui/apps/platform/src/Containers/Clusters/ClustersTablePanel.tsx
Select Cluster Name category with staging-secured-cluster value, and then Cluster Status category with Healthy and Degraded values.
Search query in page address:
s[Cluster][0]=staging-secured-cluster&s[Cluster%20status][0]=HEALTHY&s[Cluster%20status][1]=DEGRADEDSearch query in data request:
Cluster:staging-secured-cluster+Cluster status:HEALTHY,DEGRADEDFilter labels: Cluster name staging-secured-cluster and Cluster status Healthy Degraded
Before change, with

ChipandChipGroupelements:After change, with

LabelandLabelGroupelements:Visit /main/policy-management/policies
https://github.com/stackrox/stackrox/blob/master/ui/apps/platform/src/Containers/Policies/Table/PoliciesTable.tsx
Select Policy Status category with Enabled value.
Search query in page address:
s[Disabled][0]=falseSearch query in data request:
Disabled:falseFilter labels: Status Enabled
Before change, with

ChipandChipGroupelements:After change, with

LabelandLabelGroupelements:Visit /main/violations
https://github.com/stackrox/stackrox/blob/master/ui/apps/platform/src/Containers/Violations/ViolationsTableSearchFilter.tsx
Select Policy Severity category with Critical and High values.
Search query in page address:
s[Severity][0]=CRITICAL_SEVERITY&s[Severity][1]=HIGH_SEVERITYSearch query in data request:
Severity:CRITICAL_SEVERITY,HIGH_SEVERITYFilter labels: Policy severity Critical High
Before change, with

ChipandChipGroupelements:After change, with

LabelandLabelGroupelements: