Implement search bar to project dependency page
What does this MR do and why?
This MR:
- Updates the existing filtered search component being used for Group to be more dynamic and support Project
- Introduce this search component to the Project dependency page
- The search populates the project component
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 |
|---|---|
![]() |
![]() |
| Scenario | Screenshot |
|---|---|
| Selected Component | ![]() |
| Error Message | ![]() |
| FF off | ![]() |
| Group (still works) | ![]() |
How to set up and validate locally
- Enable feature flag:
project_component_filter - Create a group and within it create a project
- Clone this project: https://gitlab.com/gitlab-examples/security/security-reports
- Run a successful pipeline
- Go to Project > Secure > Dependency list
- You will see the search bar and it loads the component names
Related to #513318 (closed)
Edited by Samantha Ming





