Skip to content

feat(TableMessage): Add support for PatternFly tables#425

Merged
nicolethoen merged 5 commits intopatternfly:mainfrom
rebeccaalpert:tables
Feb 11, 2025
Merged

feat(TableMessage): Add support for PatternFly tables#425
nicolethoen merged 5 commits intopatternfly:mainfrom
rebeccaalpert:tables

Conversation

@rebeccaalpert
Copy link
Member

@rebeccaalpert rebeccaalpert commented Feb 3, 2025

Wire Message to re-route tables to PF tables.

These are just basic tables, with no bells and whistles. I am defaulting to the mobile breakpoint, but we could also do a regular table at certain widths. Let me know what you want to do here - I am just copying Figma right now. I am also letting this be full width, but it will resize down if you change the device viewport or screen size - let me know if that's not what we want.

Screenshot 2025-02-03 at 6 50 38 PM

I am defining a default aria label, allowing passage of aria-labels, and also attempting to generate these based on headers. I have written tests for full tables, blank tables, headerless tables, cell-less tables, 1 column-tables, and 1-cell tables. Let me know if you can break this and we'll add another test.

Doc changes:

@patternfly-build
Copy link

patternfly-build commented Feb 3, 2025

Copy link
Contributor

@edonehoo edonehoo left a comment

Choose a reason for hiding this comment

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

some suggestions for the table content!

Copy link
Contributor

@edonehoo edonehoo left a comment

Choose a reason for hiding this comment

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

looks great!

rebeccaalpert and others added 2 commits February 4, 2025 10:27
…mples/Messages/BotMessage.tsx

Co-authored-by: Erin Donehoo <105813956+edonehoo@users.noreply.github.com>
Copy link

@kaylachumley kaylachumley left a comment

Choose a reason for hiding this comment

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

looks good! thanks!

Copy link
Collaborator

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

In addition to the file comments below, a non-blocker for this PR would be switching from radio buttons for these examples and using a Select instead -- would reduce the space taken up, but would also allow more unique labeling for the Selects (right now there's basically 2+ radio buttons with the same labels on the page: 2 for "Table" etc). Again non-blocking here if we wanted to open a followup for a docs update.

@rebeccaalpert
Copy link
Member Author

Opening #433 for Select switch.

@nicolethoen nicolethoen merged commit 9cea659 into patternfly:main Feb 11, 2025
5 checks passed
@github-actions
Copy link

🎉 This PR is included in version 2.2.0-prerelease.21 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Markdown table rendering issue Add message subcomponent for tables

6 participants