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(table)!: expandable rows #759

Merged
merged 13 commits into from
Apr 24, 2024
Merged

feat(table)!: expandable rows #759

merged 13 commits into from
Apr 24, 2024

Conversation

savutsang
Copy link
Contributor

@savutsang savutsang commented Mar 4, 2024

DS-914

Description:

  • Support single or multiple rows expansion.
  • Support subrows (child rows with the same columns)
  • Support content row to display custom content.
  • Can have a mix of expandable and not expandable rows within the same table.

Fixes:

  • Table headers were always sortable because of a bad check.

BREAKING CHANGE:

  • TableColumn<T> is now an interface of one column instead of the whole array.

@savutsang savutsang requested a review from a team as a code owner March 4, 2024 15:29
Copy link

github-actions bot commented Mar 4, 2024

Storybook for this build: https://ds.equisoft.io/pr-759/

Copy link
Contributor

@LarryMatte LarryMatte left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

1ere passe de fait.
Quelques petites modifications à apporter au button qui trigger l'expand et questions ici et là.
Sinon, il y a un petit glitch quand une row expand, le texte de toute la table bouge de gauche à droite.

Screen.Recording.2024-03-06.at.10.47.36.AM.mov

packages/react/src/components/table/table.tsx Outdated Show resolved Hide resolved
packages/react/src/components/table/table.tsx Outdated Show resolved Hide resolved
packages/react/src/components/table/table.tsx Outdated Show resolved Hide resolved
packages/storybook/stories/table.stories.tsx Outdated Show resolved Hide resolved
@savutsang savutsang changed the title feat(table): expandable rows feat(table)!: expandable rows Apr 12, 2024
@savutsang
Copy link
Contributor Author

savutsang commented Apr 12, 2024

Sinon, il y a un petit glitch quand une row expand, le texte de toute la table bouge de gauche à droite.

Tel que discute avec les designers, on enleve l'indentation.

@savutsang
Copy link
Contributor Author

savutsang commented Apr 15, 2024

Pret pour review, tout a ete corrige

@savutsang savutsang requested a review from LarryMatte April 15, 2024 17:45
Copy link
Contributor

@LarryMatte LarryMatte left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

un petit details mais sinon GJ !

packages/react/src/components/table/table.tsx Show resolved Hide resolved
packages/react/src/components/table/table.tsx Outdated Show resolved Hide resolved
packages/react/src/components/table/table.tsx Outdated Show resolved Hide resolved
packages/react/src/components/table/table.tsx Outdated Show resolved Hide resolved
packages/react/src/components/table/table.tsx Outdated Show resolved Hide resolved
packages/react/src/components/table/types.ts Show resolved Hide resolved
Copy link

@maboilard maboilard left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dans la story Expandable Sub Content, lorsque la rangée est expanded, il manque le séparateur entre la rangée et le sub content. Aussi, celui-ci devrait être aligné avec la colonne de texte et non pas le caret. À part ça, ça semble bien good pour moi! :)
image

@savutsang
Copy link
Contributor Author

Dans la story Expandable Sub Content, lorsque la rangée est expanded, il manque le séparateur entre la rangée et le sub content. Aussi, celui-ci devrait être aligné avec la colonne de texte et non pas le caret. À part ça, ça semble bien good pour moi!

C'est fixe

@maboilard
Copy link

Dans la story Expandable Sub Content, lorsque la rangée est expanded, il manque le séparateur entre la rangée et le sub content. Aussi, celui-ci devrait être aligné avec la colonne de texte et non pas le caret. À part ça, ça semble bien good pour moi!

C'est fixe

Mmm, pourtant, ça me donne toujours ceci:
image

Est-ce normal?

@savutsang
Copy link
Contributor Author

Mmm, pourtant, ça me donne toujours ceci

Ca n'avait pas deploye comme il faut, c'est bon maintenant.

maboilard
maboilard previously approved these changes Apr 19, 2024
Copy link

@maboilard maboilard left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All good pour moi. Beau boulot!

@savutsang
Copy link
Contributor Author

Tous les commentaires ont ete resolved, pret pour review.

@savutsang savutsang merged commit 80006c1 into master Apr 24, 2024
20 checks passed
@savutsang savutsang deleted the dev/DS-914 branch April 24, 2024 19:33
pylafleur pushed a commit that referenced this pull request Jun 3, 2024
* feat(table): expandable rows

* fix: accessibility and subrows

* fix: tests

* fix: story

* fix: force deploy storybook

* fix: post comments

* fix: comments

* fix: remove condition from cell render
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.

4 participants