Skip to content

feat(apollo-vertex): add expand/collapse-all toggle to data table header#788

Merged
frankkluijtmans merged 1 commit into
mainfrom
frankkluijtmans/data-table-expand-collapse-all
Jun 8, 2026
Merged

feat(apollo-vertex): add expand/collapse-all toggle to data table header#788
frankkluijtmans merged 1 commit into
mainfrom
frankkluijtmans/data-table-expand-collapse-all

Conversation

@frankkluijtmans

@frankkluijtmans frankkluijtmans commented Jun 8, 2026

Copy link
Copy Markdown
Contributor

Summary

Adds an expand/collapse-all toggle to the shared DataTable header, split out of #782 to keep that PR focused on the Solution Tests template.

  • When a table has expandable rows (renderExpandedRow set) and a dedicated leftmost expand column (id: "expand"), the header renders an expand/collapse-all toggle aligned above the per-row chevrons.
  • Distinctive double-chevron icons (ChevronsUpDown / ChevronsDownUp) to set it apart from the per-row single chevron.
  • Works with the existing uncontrolled expansion via table.toggleAllRowsExpanded(); no consumer changes required.
Screenshot 2026-06-08 at 16 34 54 Screenshot 2026-06-08 at 16 34 47

Copilot AI review requested due to automatic review settings June 8, 2026 09:57
@github-actions

github-actions Bot commented Jun 8, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs Jun 08, 2026, 03:37:51 AM
apollo-docs 🟢 Ready Preview, Logs Jun 08, 2026, 03:37:51 AM
apollo-landing 🟢 Ready Preview, Logs Jun 08, 2026, 03:37:51 AM
apollo-ui-react 🟢 Ready Preview, Logs Jun 08, 2026, 03:37:51 AM
apollo-vertex 🟢 Ready Preview, Logs Jun 08, 2026, 03:37:51 AM

@github-actions

github-actions Bot commented Jun 8, 2026

Copy link
Copy Markdown
Contributor

Dependency License Review

  • 1902 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 2 package(s) excluded (see details below)
License distribution
License Packages
MIT 1672
ISC 89
Apache-2.0 55
BSD-3-Clause 27
BSD-2-Clause 23
BlueOak-1.0.0 8
MPL-2.0 4
MIT-0 3
CC0-1.0 3
MIT OR Apache-2.0 2
(MIT OR Apache-2.0) 2
Unlicense 2
LGPL-3.0-or-later 1
Python-2.0 1
CC-BY-4.0 1
(MPL-2.0 OR Apache-2.0) 1
Unknown 1
Artistic-2.0 1
(WTFPL OR MIT) 1
(BSD-2-Clause OR MIT OR Apache-2.0) 1
CC-BY-3.0 1
0BSD 1
(MIT OR CC0-1.0) 1
MIT AND ISC 1
Excluded packages
Package Version License Reason
@img/sharp-libvips-linux-x64 1.2.4 LGPL-3.0-or-later LGPL pre-built binary, not linked
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

Adds an expand/collapse-all control to the shared Apollo Vertex DataTable header when row expansion is enabled and an "expand" column is present, along with new i18n strings for the toggle labels.

Changes:

  • Render an icon-only expand/collapse-all toggle in the "expand" column header that calls table.toggleAllRowsExpanded().
  • Add distinct double-chevron icons for the header toggle to differentiate it from per-row expand controls.
  • Add expand_all / collapse_all translation keys to apps/apollo-vertex/locales/en.json.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.

File Description
apps/apollo-vertex/registry/data-table/data-table.tsx Adds header-level expand/collapse-all UI and supporting imports/logic for expandable tables.
apps/apollo-vertex/locales/en.json Adds English strings for the expand/collapse-all toggle labels.

Comment thread apps/apollo-vertex/registry/data-table/data-table.tsx Outdated
Comment thread apps/apollo-vertex/registry/data-table/data-table.tsx Outdated
Comment thread apps/apollo-vertex/registry/data-table/data-table.tsx Outdated
@frankkluijtmans frankkluijtmans force-pushed the frankkluijtmans/data-table-expand-collapse-all branch from 7dd0178 to 0998700 Compare June 8, 2026 10:22
When a table has expandable rows (renderExpandedRow set) and a dedicated
leftmost expand column (id "expand"), render an expand/collapse-all toggle
in that column's header, aligned above the per-row chevrons.

- uses table.toggleAllRowsExpanded() / getIsAllRowsExpanded() on the table
  instance, so it works with the existing uncontrolled expansion
- distinctive double-chevron icons (ChevronsUpDown / ChevronsDownUp) to set
  it apart from the per-row single chevron
- labels via t(expand_all / collapse_all) with defaultValue fallbacks
- locales/en.json: add expand_all and collapse_all keys

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings June 8, 2026 10:32
@frankkluijtmans frankkluijtmans force-pushed the frankkluijtmans/data-table-expand-collapse-all branch from 0998700 to 6847099 Compare June 8, 2026 10:32

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

Comment thread apps/apollo-vertex/locales/en.json
@frankkluijtmans frankkluijtmans marked this pull request as ready for review June 8, 2026 14:36
@frankkluijtmans frankkluijtmans requested a review from a team as a code owner June 8, 2026 14:36
@frankkluijtmans frankkluijtmans merged commit 64d5b09 into main Jun 8, 2026
56 of 59 checks passed
@frankkluijtmans frankkluijtmans deleted the frankkluijtmans/data-table-expand-collapse-all branch June 8, 2026 14:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

app:apollo-vertex size:M 30-99 changed lines.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants