Datamap report side panel

[gilluminate]

Closes PROD-2133

Description Of Changes

Added ability to open system preview side panel from new datamap table, similar to how it works in the old datamap table and re-using that existing slide-out component. Only "System" column cells highlight with a hover state and are clickable.

Code Changes

• Add new support for clickable cells (in addition to clickable rows) to FidesTable V2 via react-table's meta property
• Add clickable cell configuration to the new datamap table and have it open the existing drawer component.

Steps to Confirm

• Add system(s) to Fides using Admin UI at /add-systems
• Visit the newer datamap report page /reporting/datamap
• Table will be grouped by system by default
  • Click the system name in the System column
• Change the table to Group By "Data use"
  • Click the system name in the System column
• Drawer component should slide out and behave the same as it does on the old datamap table

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Issue Requirements are Met
• Update CHANGELOG.md

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fides-plus-nightly	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 4, 2024 8:31pm

[cypress]

Passing run #8119 ↗︎

0

4

0

0

0

Details:

Merge 63e79ff into 792a041...
Project: fides	Commit: 483bce973c ℹ️
Status: Passed	Duration: 00:33 💡
Started: Jun 4, 2024 8:40 PM	Ended: Jun 4, 2024 8:40 PM

Review all test suite changes for PR #4944 ↗︎

[eastandwestwind]

Manually tested and looks great to me!