Filter coverage by components

[katia-sentry]

Show coverage by component filter in areas of inline viewing, so user may see component specific reports.

Problem to solve:
There is currently no way to view component coverage within the codecov UI beyond the component coverage of a PR or Commit. If you'd like to drill down into what files make up those components you don't have any ability to do so.

Ideal Outcome:
We build a multiselect dropdown for a user to choose a component or components to filter their coverage to. This will give users deeper visibility into their components.
It should include a dropdown:

• on the coverage tab above the file tree
• on the PR Detail view (same places where we put a flag filter)
• on the commit details view (same places where we put a flag filter)
• On an individual file level
  • The nuance here is that this selector is simply is/is not included in a component, there is no way to more granularly breakdown coverage of a file by component smaller than a whole file.

Other Context:

• Components are only specified in a codecov.yml file, they are specified via file path(s)
• Docs: https://docs.codecov.com/docs/components
• We've used a cog so far to symbolize components, but that looks like a settings icon - we may need something else, or maybe not, just a thought

Tasks

Beta Give feedback

1. Technical Planning for "Filter Coverage by Components" Feature #779
   investigation +1
   
2. [API] Support components filter in commit components #824
   +0
   
3. [API] Support components filter in pathContents #825
   +0
   
4. [API] Support components filter in coverageFile #826
   +0
   
5. [Gazebo] Create new hook to fetch components for current branch head commit #827
   1 of 1
   +0
   
6. [Gazebo] Place the new multi selector for components in file explorer #829
   1 of 1
   +0
   
7. [Gazebo] Adjust useRepoBranchContentsTable to accept components filters #831
   1 of 1
   +0
   
8. [Gazebo] Create a new multi selector for components for file viewer #832
   1 of 1
   +0
   
9. [Gazebo] Adjust useCommitBasedCoverageForFileViewer hook to pass components filter #835
   1 of 1
   +0
   
10. [API] Support components filter in componentComparisons #838
    +0
    
11. [API] Support components filter in impactedFiles #839
    +0
    
12. [Gazebo] Create a new hook to fetch components per pull request #840
    1 of 1
    +0
    
13. [Gazebo] Create a new multi selector to fetch pull request components #841
    1 of 1
    +0
    
14. [Gazebo] Place the new multi selector in PR impacted files tab #842
    1 of 1
    +0
    
15. [Gazebo] Place the new multi selector in PR indirect changed files tab #843
    1 of 1
    +0
    
16. [Gazebo] Place the new multi selector in PR files explorer tab #844
    1 of 1
    +0
    
17. [Gazebo] Place the new multi selector in PR file viewer page #845
    1 of 1
    +0
    
18. [Gazebo] Place the new multi selector in PR components tab #852
    1 of 1
    +0
    
19. [Gazebo] Create a new hook to fetch commit components in commit details page #856
    1 of 1
    +0
    
20. [Gazebo] Create a new components multi selector for the commit details page #857
    1 of 1
    +0
    
21. [Gazebo] Place the new multi selector *in commit details* impacted files tab #858
    1 of 1
    +0
    
22. [Gazebo] Place the new multi selector *in commit details* indirect changed files tab #859
    1 of 1
    +0
    
23. [Gazebo] Place the new multi selector *in commit details* files explorer tab #860
    1 of 1
    +0
    
24. [Gazebo] Place the new multi selector *in commit details* file viewer tab #861
    1 of 1
    +0
    

Design link: https://www.figma.com/file/eEUnkfHa5DGGuYVwZkCV7R/GH-760?type=design&node-id=1-340&mode=design&t=ZxSv4xtd87XlERvw-0