Skip to content

@wordpress/dataviews: migrate card layout to @wordpress/ui #76282

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.

Sign up for GitHub

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

Merged
ciampo merged 22 commits into from
Mar 25, 2026
Merged

@wordpress/dataviews: migrate card layout to @wordpress/ui #76282

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
754771a
Refactor dataform card layout to use @wordpress/ui Card and Collapsib…
ciampo Mar 7, 2026
2c25f93
Migrate DataViews stories to use @wordpress/ui Card
ciampo Mar 7, 2026
ecbc20f
Update dataviews CHANGELOG
ciampo Mar 7, 2026
f1c5149
Fix header layout and isOpened sync in card layout
ciampo Mar 7, 2026
f679d2f
Add PR link to CHANGELOG entry
ciampo Mar 8, 2026
d6e42d3
Tweak badge in Storybook example
ciampo Mar 8, 2026
ede3fe6
Avoid UI jumps when collapsing/expanding a header with badge
ciampo Mar 9, 2026
1814684
Undo badge swap (out of scope)
ciampo Mar 9, 2026
77f22ae
Smaller min height
ciampo Mar 9, 2026
3bf451f
Use fullbleed, add todo comment to css
ciampo Mar 9, 2026
e079c05
remove custom render function
ciampo Mar 10, 2026
5930cba
Allow Card in the `use-recommended-components` ESLint rule
ciampo Mar 19, 2026
b2adcce
Remove css overrides targeting legacy Card component
ciampo Mar 19, 2026
f292bad
Allow Card in the `use-recommended-components` ESLint rule
ciampo Mar 19, 2026
1247c58
CHANGELOG: consolidate enhancements sections within the same release,…
ciampo Mar 19, 2026
009dd93
Alphabetical order
ciampo Mar 19, 2026
baad6eb
Restore comments removed out of scope
ciampo Mar 19, 2026
5fc3296
Disable Card and CollapsibleCard usage lint errors individually
ciampo Mar 19, 2026
94382b5
Use stack
ciampo Mar 25, 2026
9fea289
Use header badge and summary to describe the header (removing them fr…
ciampo Mar 25, 2026
25560ed
Avoid context for fields
ciampo Mar 25, 2026
1f53d34
Mark as breaking change, review entry
ciampo Mar 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 2 additions & 5 deletions packages/dataviews/CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,26 +5,23 @@
### Breaking Changes

- DataViews: Use intersectionObserver to improve performance by unloading invisible items. Change how infinite scroll is enabled to require only 2 view properties: `infiniteScrollEnabled` and `startPosition`. [#74378](https://github.com/WordPress/gutenberg/pull/74378)
- DataForm: The card layout now uses `Card` and `CollapsibleCard` from `@wordpress/ui` instead of `Card`, `CardHeader`, and `CardBody` from `@wordpress/components`. This changes the card's visual appearance (spacing, typography, and removal of the header/content separator). Custom CSS targeting `.components-card__body` within DataViews has been removed. Consumers wrapping DataViews or DataForm in a card should migrate to the `Card` and `CollapsibleCard` components from `@wordpress/ui`. [#76282](https://github.com/WordPress/gutenberg/pull/76282)

## 13.1.0 (2026-03-18)

### Enhancements

- DataForm: Reduce panel's dialog min-width. [#76345](https://github.com/WordPress/gutenberg/pull/76345)
- DataViews: Add border to sticky table headers. [#76396](https://github.com/WordPress/gutenberg/pull/76396)

- DataViews: Update scrolling so the scrollbar appears on the active layout when DataViews is rendered in a constrained-height container. This may slightly change the UI depending on the container height. [#76453](https://github.com/WordPress/gutenberg/pull/76453)
- DataViews: Add density option to Grid and PickerGrid layouts. [#75887](https://github.com/WordPress/gutenberg/pull/75887)

### Bug Fixes

- DataViews: Fix last column classname in table layout. [#76133](https://github.com/WordPress/gutenberg/pull/76133)
- DataViews: Add spinner in DataViewsLayout in initial load of data. [#76486](https://github.com/WordPress/gutenberg/pull/76486)
- DataForm: Properly handle dates in datetime control. [#76193](https://github.com/WordPress/gutenberg/pull/76193)

### Enhancements

- DataViews: Add density option to Grid and PickerGrid layouts. [#75887](https://github.com/WordPress/gutenberg/pull/75887)

Comment thread
ciampo marked this conversation as resolved.
### Code Quality

- DataForm: Consolidate `date` and `datetime` input placement. [#76136](https://github.com/WordPress/gutenberg/pull/76136)
Expand Down
Loading
Loading