@wordpress/edit-site 6.42.0 → 6.43.1-next.v.202604091042.0

package/build-style/style.css

@@ -464,13 +464,11 @@
   border-radius: 2px;
 }
 
-/**
- * When DataViews are placed within cards, apply a consistent top padding.
- */
-.components-card__body:has(> .dataviews-wrapper),
-.components-card__body:has(> .dataviews-picker-wrapper) {
-  padding: 8px 0 0;
-  overflow: hidden;
+.dataviews__view-actions--infinite-scroll {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: #fff;
 }
 
 .dataviews-bulk-actions-footer__item-count {
@@ -1304,45 +1302,55 @@
   outline: 2px solid transparent;
 }
 
-.dataviews-view-grid .dataviews-view-grid__card {
+.dataviews-view-grid .dataviews-view-grid__card,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card {
   height: 100%;
   justify-content: flex-start;
   position: relative;
 }
 
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title {
   padding: 8px 0 4px;
 }
 
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
   min-height: 24px;
   overflow: hidden;
   align-content: center;
   text-align: start;
 }
 
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
   width: fit-content;
 }
 
-.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   color: #1e1e1e;
 }
 
 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 }
 
-.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
   box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
 }
 
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 }
 
-.dataviews-view-grid .dataviews-view-grid__media {
+.dataviews-view-grid .dataviews-view-grid__media,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
   width: 100%;
   aspect-ratio: 1/1;
   background-color: #fff;
@@ -1351,17 +1359,20 @@
   position: relative;
 }
 
-.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
+.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
   aspect-ratio: 3/1;
 }
 
-.dataviews-view-grid .dataviews-view-grid__media img {
+.dataviews-view-grid .dataviews-view-grid__media img,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media img {
   object-fit: cover;
   width: 100%;
   height: 100%;
 }
 
-.dataviews-view-grid .dataviews-view-grid__media::after {
+.dataviews-view-grid .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media::after {
   content: "";
   position: absolute;
   top: 0;
@@ -1373,7 +1384,8 @@
   pointer-events: none;
 }
 
-.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
+.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
   width: 100%;
   height: 100%;
   display: block;
@@ -1382,28 +1394,33 @@
   background: #f0f0f0;
 }
 
-.dataviews-view-grid .dataviews-view-grid__fields {
+.dataviews-view-grid .dataviews-view-grid__fields,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields {
   position: relative;
   font-size: 12px;
   line-height: 16px;
 }
 
-.dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__fields:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields:not(:empty) {
   padding: 0 0 12px;
 }
 
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
   min-height: 24px;
   line-height: 20px;
   padding-top: 2px;
 }
 
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
   min-height: 24px;
   align-items: center;
 }
 
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
   width: 35%;
   color: #757575;
   overflow: hidden;
@@ -1411,28 +1428,33 @@
   white-space: nowrap;
 }
 
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   width: 65%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
   display: none;
 }
 
-.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__badge-fields:not(:empty) {
   padding-bottom: 12px;
 }
 
-.dataviews-view-grid.is-refreshing {
+.dataviews-view-grid.is-refreshing,
+.dataviews-view-grid-infinite-scroll.is-refreshing {
   opacity: 0.5;
   pointer-events: none;
 }
 
 @media not (prefers-reduced-motion) {
-  .dataviews-view-grid.is-refreshing {
+  .dataviews-view-grid.is-refreshing,
+  .dataviews-view-grid-infinite-scroll.is-refreshing {
     opacity: 1;
     animation: dataviews-pulse 1s ease-in-out infinite;
   }
@@ -2308,7 +2330,7 @@ div.dataviews-view-list {
 
 .dataviews-view-activity {
   margin: 0 0 auto;
-  padding: 8px 24px;
+  padding: 0 24px;
 }
 
 .dataviews-view-activity .dataviews-view-activity__group-header {
@@ -2405,7 +2427,7 @@ div.dataviews-view-list {
 }
 
 .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type {
-  width: 8px;
+  width: 12px;
 }
 
 .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
@@ -2755,17 +2777,18 @@ div.dataviews-view-list {
   align-items: center;
 }
 
-.dataforms-layouts-card__field-header-label {
-  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-weight: 499;
-  font-size: 15px;
-  line-height: 20px;
-}
-
 .dataforms-layouts-card__field {
   width: 100%;
 }
 
+.dataforms-layouts-card__field-header-content {
+  min-height: 24px;
+}
+
+.dataforms-layouts-card__field-header-content-description {
+  display: contents;
+}
+
 .dataforms-layouts-card__field-description {
   color: #757575;
   display: block;
@@ -3002,6 +3025,11 @@ fieldset.fields__media-edit .components-base-control__label {
   color: #1e1e1e;
 }
 
+fieldset.fields__media-edit .fields__media-edit-description {
+  font-size: 12px;
+  line-height: 1.5;
+}
+
 fieldset.fields__media-edit {
   /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container-type: inline-size;
@@ -3858,6 +3886,7 @@ button.font-library__upload-area {
   background: #fff;
   padding: 12px;
   border-top: 1px solid #ddd;
+  box-sizing: border-box;
 }
 
 .global-styles-ui-variations_item {
@@ -5219,18 +5248,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   margin-right: -16px;
 }
 
-.edit-site-sidebar-dataviews-dataview-item {
-  border-radius: 2px;
-}
-.edit-site-sidebar-dataviews-dataview-item:hover, .edit-site-sidebar-dataviews-dataview-item:focus, .edit-site-sidebar-dataviews-dataview-item[aria-current] {
-  color: #e0e0e0;
-}
-.edit-site-sidebar-dataviews-dataview-item.is-selected {
-  background: #2f2f2f;
-  font-weight: 499;
-  color: #fff;
-}
-
 .edit-site-site-hub {
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.42.0",
+	"version": "6.43.1-next.v.202604091042.0+668146787",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -48,50 +48,50 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.42.0",
-		"@wordpress/admin-ui": "^1.10.0",
-		"@wordpress/api-fetch": "^7.42.0",
-		"@wordpress/base-styles": "^6.18.0",
-		"@wordpress/blob": "^4.42.0",
-		"@wordpress/block-editor": "^15.15.0",
-		"@wordpress/block-library": "^9.42.0",
-		"@wordpress/blocks": "^15.15.0",
-		"@wordpress/commands": "^1.42.0",
-		"@wordpress/components": "^32.4.0",
-		"@wordpress/compose": "^7.42.0",
-		"@wordpress/core-data": "^7.42.0",
-		"@wordpress/data": "^10.42.0",
-		"@wordpress/dataviews": "^13.1.0",
-		"@wordpress/date": "^5.42.0",
-		"@wordpress/deprecated": "^4.42.0",
-		"@wordpress/dom": "^4.42.0",
-		"@wordpress/editor": "^14.42.0",
-		"@wordpress/element": "^6.42.0",
-		"@wordpress/escape-html": "^3.42.0",
-		"@wordpress/fields": "^0.34.0",
-		"@wordpress/global-styles-engine": "^1.9.0",
-		"@wordpress/global-styles-ui": "^1.9.0",
-		"@wordpress/hooks": "^4.42.0",
-		"@wordpress/html-entities": "^4.42.0",
-		"@wordpress/i18n": "^6.15.0",
-		"@wordpress/icons": "^12.0.0",
-		"@wordpress/keyboard-shortcuts": "^5.42.0",
-		"@wordpress/keycodes": "^4.42.0",
-		"@wordpress/media-utils": "^5.42.0",
-		"@wordpress/notices": "^5.42.0",
-		"@wordpress/patterns": "^2.42.0",
-		"@wordpress/plugins": "^7.42.0",
-		"@wordpress/preferences": "^4.42.0",
-		"@wordpress/primitives": "^4.42.0",
-		"@wordpress/private-apis": "^1.42.0",
-		"@wordpress/reusable-blocks": "^5.42.0",
-		"@wordpress/router": "^1.42.0",
-		"@wordpress/style-engine": "^2.42.0",
-		"@wordpress/url": "^4.42.0",
-		"@wordpress/viewport": "^6.42.0",
-		"@wordpress/views": "^1.9.0",
-		"@wordpress/widgets": "^4.42.0",
-		"@wordpress/wordcount": "^4.42.0",
+		"@wordpress/a11y": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/admin-ui": "^1.11.1-next.v.202604091042.0+668146787",
+		"@wordpress/api-fetch": "^7.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/base-styles": "^6.19.1-next.v.202604091042.0+668146787",
+		"@wordpress/blob": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/block-editor": "^15.16.1-next.v.202604091042.0+668146787",
+		"@wordpress/block-library": "^9.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/blocks": "^15.16.1-next.v.202604091042.0+668146787",
+		"@wordpress/commands": "^1.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/components": "^32.5.2-next.v.202604091042.0+668146787",
+		"@wordpress/compose": "^7.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/core-data": "^7.43.2-next.v.202604091042.0+668146787",
+		"@wordpress/data": "^10.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/dataviews": "^14.1.1-next.v.202604091042.0+668146787",
+		"@wordpress/date": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/deprecated": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/dom": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/editor": "^14.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/element": "^6.44.1-next.v.202604091042.0+668146787",
+		"@wordpress/escape-html": "^3.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/fields": "^0.35.1-next.v.202604091042.0+668146787",
+		"@wordpress/global-styles-engine": "^1.10.1-next.v.202604091042.0+668146787",
+		"@wordpress/global-styles-ui": "^1.10.1-next.v.202604091042.0+668146787",
+		"@wordpress/hooks": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/html-entities": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/i18n": "^6.17.1-next.v.202604091042.0+668146787",
+		"@wordpress/icons": "^12.1.1-next.v.202604091042.0+668146787",
+		"@wordpress/keyboard-shortcuts": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/keycodes": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/media-utils": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/notices": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/patterns": "^2.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/plugins": "^7.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/preferences": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/primitives": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/private-apis": "^1.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/reusable-blocks": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/router": "^1.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/style-engine": "^2.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/url": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/viewport": "^6.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/views": "^1.10.1-next.v.202604091042.0+668146787",
+		"@wordpress/widgets": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/wordcount": "^4.43.1-next.v.202604091042.0+668146787",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
@@ -106,5 +106,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c20787b1778ae64c2db65643b1c236309d68e6ba"
+	"gitHead": "73606df74f1c38a084bfa5db97205259ef817593"
 }

package/src/components/more-menu/site-export.js

@@ -49,7 +49,7 @@ export default function SiteExport() {
 			let error = {};
 			try {
 				error = await errorResponse.json();
-			} catch ( e ) {}
+			} catch {}
 			const errorMessage =
 				error.message && error.code !== 'unknown_error'
 					? error.message

package/src/components/page-patterns/index.js

@@ -9,7 +9,7 @@ import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { useView } from '@wordpress/views';
+import { useView, useViewConfig } from '@wordpress/views';
 import { useSelect } from '@wordpress/data';
 import { addQueryArgs } from '@wordpress/url';
 
@@ -17,8 +17,6 @@ import { addQueryArgs } from '@wordpress/url';
  * Internal dependencies
  */
 import {
-	LAYOUT_GRID,
-	LAYOUT_TABLE,
 	PATTERN_TYPES,
 	TEMPLATE_PART_POST_TYPE,
 	PATTERN_DEFAULT_CATEGORY,
@@ -40,31 +38,6 @@ const { usePostActions, patternTitleField } = unlock( editorPrivateApis );
 const { useLocation, useHistory } = unlock( routerPrivateApis );
 
 const EMPTY_ARRAY = [];
-const defaultLayouts = {
-	[ LAYOUT_TABLE ]: {
-		layout: {
-			styles: {
-				author: {
-					width: '1%',
-				},
-			},
-		},
-	},
-	[ LAYOUT_GRID ]: {
-		layout: {
-			badgeFields: [ 'sync-status' ],
-		},
-	},
-};
-const DEFAULT_VIEW = {
-	type: LAYOUT_GRID,
-	perPage: 20,
-	titleField: 'title',
-	mediaField: 'preview',
-	fields: [ 'sync-status' ],
-	filters: [],
-	...defaultLayouts[ LAYOUT_GRID ],
-};
 
 function usePagePatternsHeader( type, categoryId ) {
 	const { patternCategories } = usePatternCategories();
@@ -99,11 +72,17 @@ export default function DataviewsPatterns() {
 	const { postType = 'wp_block', categoryId: categoryIdFromURL } = query;
 	const history = useHistory();
 	const categoryId = categoryIdFromURL || PATTERN_DEFAULT_CATEGORY;
+	const { default_view: defaultView, default_layouts: defaultLayouts } =
+		useViewConfig( {
+			kind: 'postType',
+			name: postType,
+		} );
 	const { view, updateView, isModified, resetToDefault } = useView( {
 		kind: 'postType',
 		name: postType,
 		slug: 'default',
-		defaultView: DEFAULT_VIEW,
+		defaultView,
+		defaultLayouts,
 		queryParams: {
 			page: query.pageNumber,
 			search: query.search,
@@ -235,7 +214,7 @@ export default function DataviewsPatterns() {
 					} }
 					view={ view }
 					onChangeView={ updateView }
-					defaultLayouts={ defaultLayouts }
+					defaultLayouts={ defaultLayouts ?? {} }
 					onReset={ isModified ? resetToDefault : false }
 				/>
 			</Page>

package/src/components/page-templates/index-legacy.js

@@ -10,7 +10,7 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { addQueryArgs } from '@wordpress/url';
 import { useEvent } from '@wordpress/compose';
-import { useView } from '@wordpress/views';
+import { useView, useViewConfig } from '@wordpress/views';
 
 /**
  * Internal dependencies
@@ -20,11 +20,6 @@ import { TEMPLATE_POST_TYPE } from '../../utils/constants';
 import { unlock } from '../../lock-unlock';
 import { useEditPostAction } from '../dataviews-actions';
 import { authorField, descriptionField, previewField } from './fields';
-import {
-	defaultLayouts,
-	DEFAULT_VIEW,
-	getActiveViewOverridesForTab,
-} from './view-utils';
 
 const { usePostActions, templateTitleField } = unlock( editorPrivateApis );
 const { useHistory, useLocation } = unlock( routerPrivateApis );
@@ -32,13 +27,20 @@ const { useEntityRecordsWithPermissions } = unlock( corePrivateApis );
 
 export default function PageTemplates() {
 	const { path, query } = useLocation();
-	const { activeView = 'active', postId } = query;
+	const { activeView = 'all', postId } = query;
 	const [ selection, setSelection ] = useState( [ postId ] );
 
-	const defaultView = DEFAULT_VIEW;
+	const {
+		default_view: defaultView,
+		default_layouts: defaultLayouts,
+		view_list: viewList,
+	} = useViewConfig( {
+		kind: 'postType',
+		name: TEMPLATE_POST_TYPE,
+	} );
 	const activeViewOverrides = useMemo(
-		() => getActiveViewOverridesForTab( activeView ),
-		[ activeView ]
+		() => viewList?.find( ( v ) => v.slug === activeView )?.view ?? {},
+		[ viewList, activeView ]
 	);
 	const { view, updateView, isModified, resetToDefault } = useView( {
 		kind: 'postType',
@@ -46,6 +48,7 @@ export default function PageTemplates() {
 		slug: 'default',
 		defaultView,
 		activeViewOverrides,
+		defaultLayouts,
 		queryParams: {
 			page: query.pageNumber,
 			search: query.search,
@@ -150,7 +153,7 @@ export default function PageTemplates() {
 					history.navigate( `/wp_template/${ id }?canvas=edit` );
 				} }
 				selection={ selection }
-				defaultLayouts={ defaultLayouts }
+				defaultLayouts={ defaultLayouts ?? {} }
 				onReset={
 					isModified
 						? () => {

package/src/components/post-list/index.js

@@ -14,7 +14,7 @@ import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { useEvent, usePrevious } from '@wordpress/compose';
 import { addQueryArgs } from '@wordpress/url';
-import { useView } from '@wordpress/views';
+import { useView, useViewConfig } from '@wordpress/views';
 
 /**
  * Internal dependencies
@@ -33,11 +33,7 @@ import {
 	useEditPostAction,
 	useQuickEditPostAction,
 } from '../dataviews-actions';
-import {
-	defaultLayouts,
-	DEFAULT_VIEW,
-	getActiveViewOverridesForTab,
-} from './view-utils';
+
 import useNotesCount from './use-notes-count';
 import { QuickEditModal } from './quick-edit-modal';
 
@@ -60,16 +56,25 @@ export default function PostList( { postType } ) {
 	const { path, query } = useLocation();
 	const { activeView = 'all', postId, quickEdit = false } = query;
 	const history = useHistory();
-	const defaultView = DEFAULT_VIEW;
+	const {
+		default_view: defaultView,
+		default_layouts: defaultLayouts,
+		view_list: viewList,
+		form: quickEditForm,
+	} = useViewConfig( {
+		kind: 'postType',
+		name: postType,
+	} );
 	const activeViewOverrides = useMemo(
-		() => getActiveViewOverridesForTab( activeView ),
-		[ activeView ]
+		() => viewList?.find( ( v ) => v.slug === activeView )?.view ?? {},
+		[ viewList, activeView ]
 	);
 	const { view, updateView, isModified, resetToDefault } = useView( {
 		kind: 'postType',
 		name: postType,
 		slug: 'default',
 		defaultView,
+		defaultLayouts,
 		activeViewOverrides,
 		queryParams: {
 			page: query.pageNumber,
@@ -317,7 +322,7 @@ export default function PostList( { postType } ) {
 				} }
 				getItemId={ getItemId }
 				getItemLevel={ getItemLevel }
-				defaultLayouts={ defaultLayouts }
+				defaultLayouts={ defaultLayouts ?? {} }
 				onReset={
 					isModified
 						? () => {
@@ -335,6 +340,7 @@ export default function PostList( { postType } ) {
 						postType={ postType }
 						postId={ selection }
 						closeModal={ closeQuickEditModal }
+						quickEditForm={ quickEditForm }
 					/>
 				) }
 		</Page>