Skip to content

Add import history table and import source list table components

Chad Lavimoniererequested to merge
516248-create-a-shared-table-component-for-import-integrate into master

What does this MR do and why?

This MR adds components for building the import history and import source selection list experiences laid out in https://www.figma.com/design/8SyoJ7QPtz7CWhOtq5hAcz/%F0%9F%A4%94-Miocene's-ideas-exploration?node-id=1882-22472&t=iM6mp1IRZLgatgwc-1

DEPENDS ON THE FOLLOWING MRS:

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

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 and screen recordings

Screenshots

Functionality Image
History table image.png
History table row with expanded nested row image.png
History table row with expanded relations image.png
History table row with expanded nested row with expanded relations image.png
Relation error details drawer image.png
Import table (bare) localhost_9002__path__story_vue-shared-import-history-table--default__5_
Import table (functional example) image.png
Import table example with one row selected image.png
Import table with all selectable rows selected image.png

Videos

Import history table example:

Screen Recording 2025-02-20 at 15.50.10.mov

Import list example:

Screen Recording 2025-02-20 at 15.51.30.mov

How to set up and validate locally

  1. Check out this branch
  2. yarn storybook:run in the GDK
  3. Visit these pages:
Edited by Chad Lavimoniere

Merge request reports