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

⚠️ Note: It does NOT filter the dependency list, that will be done in a different MR > Render search results for Project Dependency (#513319 - closed)

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
image image
Scenario Screenshot
Selected Component image
Error Message image
FF off image
Group (still works) image

How to set up and validate locally

  1. Enable feature flag: project_component_filter
  2. Create a group and within it create a project
  3. Clone this project: https://gitlab.com/gitlab-examples/security/security-reports
  4. Run a successful pipeline
  5. Go to Project > Secure > Dependency list
  6. You will see the search bar and it loads the component names

Related to #513318 (closed)

Edited by Samantha Ming

Merge request reports

Loading