Skip to content

fix(Tables): updated animations to beta - #11927

Merged
kmcfaul merged 6 commits into
patternfly:mainfrom
thatblindgeye:bumpCoreAnimTables
Jul 17, 2025
Merged

fix(Tables): updated animations to beta#11927
kmcfaul merged 6 commits into
patternfly:mainfrom
thatblindgeye:bumpCoreAnimTables

Conversation

@thatblindgeye

Copy link
Copy Markdown
Contributor

What: Closes #

Additional issues:

@patternfly-build

patternfly-build commented Jul 16, 2025

Copy link
Copy Markdown
Collaborator

@thatblindgeye
thatblindgeye requested a review from edonehoo July 17, 2025 12:30

@edonehoo edonehoo left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

minor tweaks!

2. Wrap the content of each child row cell in `ExpandableRowContent`.
3. Enclose each parent/child row pair in a `Tbody` component with an `isExpanded` prop.
1. Wrap the content of each child row cell in `ExpandableRowContent`.
1. Pass `isExpanded` to `Tbody` and the `Tr` that contains expandable content, and `isContentExpanded` to the `Tr` that acts as the "control row".

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Suggested change
1. Pass `isExpanded` to `Tbody` and the `Tr` that contains expandable content, and `isContentExpanded` to the `Tr` that acts as the "control row".
1. Pass `isExpanded` to `Tbody` and the `Tr` containing expandable content, and pass `isContentExpanded` to the `Tr` that acts as the "control row".

2. Wrap the content of each child row cell in `ExpandableRowContent`.
3. Each child `Tr` has an `isExpanded` prop.
1. Wrap the content of each child row cell in `ExpandableRowContent`.
1. Pass `isExpanded` to `Tbody` and the `Tr` that contains expandable content, and `isContentExpanded` to the `Tr` that acts as the "control row".

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Suggested change
1. Pass `isExpanded` to `Tbody` and the `Tr` that contains expandable content, and `isContentExpanded` to the `Tr` that acts as the "control row".
1. Pass `isExpanded` to `Tbody` and the `Tr` containing expandable content, and pass `isContentExpanded` to the `Tr` that acts as the "control row".

Comment on lines 203 to 204
1. Pass `isExpandable` to `Table`
1. Make the first cell in every row an expandable cell by passing `TdExpandType` object to the `expand` prop on the `Td`

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Suggested change
1. Pass `isExpandable` to `Table`
1. Make the first cell in every row an expandable cell by passing `TdExpandType` object to the `expand` prop on the `Td`
1. Pass `isExpandable` to `Table`.
1. Make the first cell in every row an expandable cell by passing `TdExpandType` object to the `expand` prop on the `Td`.

Comment on lines 230 to 231
1. Pass `isExpandable` to `Table`
1. Pass a `TdCompoundExpandType` object to the `compoundExpand` prop on any `Td` that has an expandable child row

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Suggested change
1. Pass `isExpandable` to `Table`
1. Pass a `TdCompoundExpandType` object to the `compoundExpand` prop on any `Td` that has an expandable child row
1. Pass `isExpandable` to `Table`.
1. Pass a `TdCompoundExpandType` object to the `compoundExpand` prop on any `Td` that has an expandable child row.

@thatblindgeye
thatblindgeye marked this pull request as ready for review July 17, 2025 15:33
@kmcfaul
kmcfaul merged commit cca6678 into patternfly:main Jul 17, 2025
10 checks passed
@patternfly-build

Copy link
Copy Markdown
Collaborator

Your changes have been released in:

  • @patternfly/react-charts@8.3.0-prerelease.20
  • @patternfly/react-code-editor@6.3.0-prerelease.32
  • @patternfly/react-core@6.3.0-prerelease.32
  • @patternfly/react-docs@7.3.0-prerelease.39
  • @patternfly/react-drag-drop@6.3.0-prerelease.32
  • @patternfly/react-icons@6.3.0-prerelease.13
  • demo-app-ts@6.0.0-prerelease.135
  • @patternfly/react-styles@6.3.0-prerelease.12
  • @patternfly/react-table@6.3.0-prerelease.32
  • @patternfly/react-templates@6.3.0-prerelease.32
  • @patternfly/react-tokens@6.3.0-prerelease.12

Thanks for your contribution! 🎉

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.

5 participants