Overview

GitHub Ticket: https://github.com/Arda-cards/management/issues/565

Summary

Extract a reusable, generic List View (data grid) component from the existing stories in the UX Prototype (ux-prototype) Storybook site. Preliminary work can be found under the Components/extra section of the site.

Requirements

1. Follow Native AG Grid mechanisms as closely as possible.
2. Follow the Arda Component Design Guidelines.
3. The result should be a collection of components in the Components/Canary section of the UX Prototype (ux-prototype) Storybook site.
4. Components currently under the extras library should not be referenced. If the functionality they offer is a good match to the needs of the project, a new component should be created in the Components/Canary section copying the relevant parts of the extras components.
5. The components will be used to display items and other list-oriented pages in the Arda Front End Application.

Components Library

The current UX Storybook documentation (ux-prototype/src/docs) does not define what the internal structure of a component library should be beyond specifying the Nominal vs Canary and Extras classification and the Storybook standard of Atoms, Molecules, Organisms. The Extras are not exported to the published package.

If additional structure is needed, it will be determined later.

The naming of components does not need to be prefixed with Arda as the components will be exported from the @arda-cards/design-system package.

References

• UX Prototype (ux-prototype)
• Arda Front End Application (arda-frontend-app)