Grouping of streamed audit event in the UI by type to allow for easy filtering

Release notes

Problem to solve

In Screen to allow management of streamed audit ev... (#344846 - closed) the frontend is being added to display a simple list of available filter options that it fetches from API to allow streamed audit events to be filter... (#344845 - closed). This list could be difficult to parse due to the length and similar names.

Proposal

It would be an excellent quality of life improvement if the options are grouped, making it easier to find the relevant filters.

The grouping name of the audit event types should be the featureCategory but then transformed from snack case to sentence case. e.g.: "compliance_management" to "Compliance management"

Designs

Full page example	Changes in this issue

Intended users

Implementation plan

• Use lodash groupBy to group audit event definitions by feature category
• Use lodash partition to partition available events by whether they are selected values or not
• Make sure that selected values are extracted into a special group that appears first called "Selected" and that these events are not displayed again in their categories
• Update specs accordingly

Feature Usage Metrics

This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.

Verification steps

• go to issue-reproduce audit event streams
• expand destination by selecting it
• Select "Filter by stream event" accordion
• Select "Select events" listbox
• Verify that the audit event types are listed pet category
• Verify that event types you select appear in an extra group called "Selected" which appears first
• Verify that selected event types don't appear anymore in their group (only in "Selected" group)
• Verify that you can fuzzy search for events
  • e.g. search for "GPGKEY" -> should show 2 audit event types
  • e.g. search for "projekt" -> should show various audit event types with "project" in text
  • e.g. search for "allow merge request" -> should show audit event type "allow overrides to approver list per merge request updated"