Skip to content
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

Merged
merged 1 commit into from
Sep 6, 2024

Conversation

booc0mtaco
Copy link
Contributor

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

  • use tanstack as basis for table implementation
  • add in relevant stories for styles

Test Plan:

  • Wrote/updated automated tests
  • CI tests / new tests are not applicable
  • Manually tested my changes, and here are the details:

- use tanstack as basis for table implementation
- add in relevant stories for styles
@booc0mtaco booc0mtaco requested a review from a team as a code owner September 5, 2024 22:07
Copy link

codecov bot commented Sep 5, 2024

Codecov Report

Attention: Patch coverage is 81.81818% with 4 lines in your changes missing coverage. Please review.

Project coverage is 97.34%. Comparing base (4f6ed48) to head (32df692).
Report is 1 commits behind head on aholloway/EDS-1209.

Files with missing lines Patch % Lines
src/components/DataTable/DataTable.tsx 81.81% 3 Missing and 1 partial ⚠️
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.
📢 Have feedback on the report? Share it here.

},
render: (args) => {
// eslint-disable-next-line react-hooks/rules-of-hooks
const [data] = React.useState(() => [...defaultData]);
Copy link
Contributor

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?

Copy link
Contributor Author

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

@booc0mtaco booc0mtaco merged commit 30390b9 into aholloway/EDS-1209 Sep 6, 2024
7 of 9 checks passed
@booc0mtaco booc0mtaco deleted the aholloway/EDS-1209_tanstack-table branch September 6, 2024 14:35
booc0mtaco added a commit that referenced this pull request Sep 6, 2024
- use tanstack as basis for table implementation
- add in relevant stories for styles
booc0mtaco added a commit that referenced this pull request Sep 9, 2024
- use tanstack as basis for table implementation
- add in relevant stories for styles
- add in snapshots for tests
booc0mtaco added a commit that referenced this pull request Sep 11, 2024
- use tanstack as basis for table implementation
- add in relevant stories for styles
- add in snapshots for tests
booc0mtaco added a commit that referenced this pull request Sep 12, 2024
- use tanstack as basis for table implementation
- add in relevant stories for styles
- add in snapshots for tests
booc0mtaco added a commit that referenced this pull request Sep 12, 2024
- use tanstack as basis for table implementation
- add in relevant stories for styles
- add in snapshots for tests
booc0mtaco added a commit that referenced this pull request Sep 16, 2024
- use tanstack as basis for table implementation
- add in relevant stories for styles
- add in snapshots for tests
booc0mtaco added a commit that referenced this pull request Sep 17, 2024
- use tanstack as basis for table implementation
- add in relevant stories for styles
- add in snapshots for tests
booc0mtaco added a commit that referenced this pull request Sep 26, 2024
* 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
@booc0mtaco booc0mtaco mentioned this pull request Sep 26, 2024
booc0mtaco added a commit that referenced this pull request Sep 27, 2024
## [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))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants