-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(DataTable): implement TanStack Table #2055
feat(DataTable): implement TanStack Table #2055
Conversation
- use tanstack as basis for table implementation - add in relevant stories for styles
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## aholloway/EDS-1209 #2055 +/- ##
======================================================
- Coverage 97.46% 97.34% -0.13%
======================================================
Files 111 111
Lines 2648 2670 +22
Branches 680 694 +14
======================================================
+ Hits 2581 2599 +18
- Misses 65 68 +3
- Partials 2 3 +1 ☔ View full report in Codecov by Sentry. |
}, | ||
render: (args) => { | ||
// eslint-disable-next-line react-hooks/rules-of-hooks | ||
const [data] = React.useState(() => [...defaultData]); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If it's not being changed, why does the data need to be in state?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is just some boilerplate to be used later. We want to support selectable rows and sorting, which state will help with. I'm also going to factor these render
calls so that they aren't so copy-paste
- use tanstack as basis for table implementation - add in relevant stories for styles
- use tanstack as basis for table implementation - add in relevant stories for styles - add in snapshots for tests
- use tanstack as basis for table implementation - add in relevant stories for styles - add in snapshots for tests
- use tanstack as basis for table implementation - add in relevant stories for styles - add in snapshots for tests
- use tanstack as basis for table implementation - add in relevant stories for styles - add in snapshots for tests
- use tanstack as basis for table implementation - add in relevant stories for styles - add in snapshots for tests
- use tanstack as basis for table implementation - add in relevant stories for styles - add in snapshots for tests
* feat(DataTable): introduce 1.0 component - new component for complex data-based table content - add in the documentation for props - add in types, layouts, and test - add in snapshots - make use of newly-added tokens * feat(DataTable): implement TanStack Table (#2055) - use tanstack as basis for table implementation - add in relevant stories for styles - add in snapshots for tests * feat(DataTable): support selection and additional column styling - add stories to show column separators - add stories for sticky column/row treatments * feat(DataTable): add groupBy support - add implementation detail stories - update snapshots and tests * feat(DataTable): handle conditional shadow on pinned header * docs(DataTable): update comment format
## [15.4.0](v15.3.1...v15.4.0) (2024-09-26) [Storybook](https://61313967cde49b003ae2a860-sdpxmjxjai.chromatic.com/) ### Features * **Button:** support for not-allowed cursor when disabled ([#2052](#2052)) ([46cb9f6](46cb9f6)) * **DataTable:** introduce 1.0 component ([#2050](#2050)) ([ffd0e82](ffd0e82)), closes [#2055](#2055) ### Bug Fixes * **Button:** apply external styles when disabled ([#2060](#2060)) ([e762d8b](e762d8b))
NOTE: this merges into the existing branch for EDS-1209. posting to generate the snapshots and such, but will just merge into that in-progress work
Test Plan: