Convert VSA label dropdown to GlCollapsibleListbox
What does this MR do and why?
Replace LabelsSelector.vue
usage in the create new VSA form. The old component makes use of GlDropdown
and is re-used in another place in the app. I decided that trying to rework that component would be more difficult than creating separate solution for both instances, as their implementations are very different. I did re-use much of the existing code to simplify the conversion though.
Next steps
Replace the other usage of LabelsSelector.vue
so that we can remove the dependancy on GlDropdown
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Before | After |
---|---|
How to set up and validate locally
- Visit the VSA page for any project (ex. https://gdk.test:3000/gitlab-org/gitlab-shell/-/value_stream_analytics)
- Click
New value stream
- Select
Create from no template
option in the dialog - Change the Stage 1 Start event/end event to
Issue label was added
orIssue label was removed
- Select a label from the listbox
Related to #418058 (closed)
Edited by Alex Pennells