Introduce custom reports to Data map

[gilluminate]

Closes PROD-2680

Description Of Changes

Allow customers to save custom reporting templates. Saved reports are accessible in reporting views with specific filter/grouping/column setting applied. Reports are accessible to everyone in an org/workspace.

The Data map report can be broken down to these various states:

• Group By
• Filters
• Column Ordering
• Column Visibility
• Column Sizing
• Column Expand/Collapse (view more applied)
• Column Wrap Results

All 7 should persist across sessions (local storage) for when the user reloads their page or returns to the app later.

The saved report should exclude Column Sizing, Column Expand/Collapse, and Column Wrap Results.

Code Changes

• Refactor DatamapReportTable component, breaking it up into multiple files for better maintainability
• New CustomReportsTemplate custom popover component with ability to create, load, apply, and delete custom reports
• New datamap react context/provider to more easily maintain and access data stored in local storage
• Pass report_id to endpoint for downloading reports for backend support
• Cypress tests

Steps to Confirm

• Log in to Admin UI > Data map report (eg. http://localhost:3000/reporting/datamap)
• Adjust some of the options:
  • Group by Data Use
  • Reorder columns
  • Hide a column or two
  • Apply a filter
• Reload the page (all settings should remain applied)
• Open the Reports popover
• Create a new report by giving it a name
• Log in to Admin UI > Data map report in an Incognito window where none of the customization has been applied.
• Open the Reports popover
• Select the newly created report and click Apply
• All of the customization should now be applied to the table
• The popover trigger button should be renamed to the selected report (with ellipsis if it's long)
• Verify that each selection is reflected in the various menus
• Make a different change (eg. hide another column)
• The applied report is no longer active, the popover trigger button should be named Reports again, when opened there should be no filter applied
• Select the report again and click reset (selection should be cleared)
• Select the report again and click outside of the popover
• Report should be applied even without clicking the Apply button
• Open the popover again and attempt to create a new report
• Give the report the "exact" same name as before
• You should see an error disallowing duplicate names
• Change the name and save a new report
• Now click the trash icon next to one of the saved reports
• You should see a dialog confirming
• Canceling the dialog should close the modal without deleting
• Continue button should close the modal and delete the report from the list
• Apply a report again
• Resizing columns, expanding/collapsing columns, and wrapping columns should not reset the applied report and should not have any bearing on the report itself (doesn't get saved with the report) but reloading the page should retain these settings for the current user only.

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	Oct 8, 2024 10:42pm

[cypress]

fides    Run #10354

Run Properties:   Passed #10354  •  8b9580b363 ℹ️: Merge b28b8c43512c44b137bb04ebcd5475adb10956eb into 754940326780bc9e6c259f57ec44...

Project	fides
Run status	Passed #10354
Run duration	00m 38s
Commit	8b9580b363 ℹ️: Merge b28b8c43512c44b137bb04ebcd5475adb10956eb into 754940326780bc9e6c259f57ec44...
Committer	Jason Gill
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	0
Skipped	0
Passing	4

[jpople]

💯

[cypress]

fides    Run #10355

Run Properties:   Passed #10355  •  c87ca783d3: Introduce custom reports to Data map (#5352)

Project	fides
Run status	Passed #10355
Run duration	00m 38s
Commit	c87ca783d3: Introduce custom reports to Data map (#5352)
Committer	Jason Gill
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	0
Skipped	0
Passing	4