From c7fa3c8c3061e09dfba063193459c6e55f9c90bb Mon Sep 17 00:00:00 2001
From: Nik Tsekouras <ntsekouras@outlook.com>
Date: Fri, 5 Apr 2024 14:15:26 +0300
Subject: [PATCH] Data Views: Rename displayAsColumnFields to columnFields API
 (#60504)

Co-authored-by: ntsekouras <ntsekouras@git.wordpress.org>
Co-authored-by: oandregal <oandregal@git.wordpress.org>
---
 packages/dataviews/src/view-grid.js                    | 10 ++++------
 .../components/page-templates-template-parts/index.js  |  2 +-
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js
index 97d8b7c342eb35..fbb632f94632c6 100644
--- a/packages/dataviews/src/view-grid.js
+++ b/packages/dataviews/src/view-grid.js
@@ -35,7 +35,7 @@ function GridItem( {
 	primaryField,
 	visibleFields,
 	badgeFields,
-	displayAsColumnFields,
+	columnFields,
 } ) {
 	const hasBulkAction = useHasAPossibleBulkAction( actions, item );
 	const id = getItemId( item );
@@ -139,7 +139,7 @@ function GridItem( {
 							<Flex
 								className={ classnames(
 									'dataviews-view-grid__field',
-									displayAsColumnFields?.includes( field.id )
+									columnFields?.includes( field.id )
 										? 'is-column'
 										: 'is-row'
 								) }
@@ -149,7 +149,7 @@ function GridItem( {
 								expanded
 								style={ { height: 'auto' } }
 								direction={
-									displayAsColumnFields?.includes( field.id )
+									columnFields?.includes( field.id )
 										? 'column'
 										: 'row'
 								}
@@ -235,9 +235,7 @@ export default function ViewGrid( {
 								primaryField={ primaryField }
 								visibleFields={ visibleFields }
 								badgeFields={ badgeFields }
-								displayAsColumnFields={
-									view.layout.displayAsColumnFields
-								}
+								columnFields={ view.layout.columnFields }
 							/>
 						);
 					} ) }
diff --git a/packages/edit-site/src/components/page-templates-template-parts/index.js b/packages/edit-site/src/components/page-templates-template-parts/index.js
index 594caed6c2b675..aaf424123c3dee 100644
--- a/packages/edit-site/src/components/page-templates-template-parts/index.js
+++ b/packages/edit-site/src/components/page-templates-template-parts/index.js
@@ -67,7 +67,7 @@ const defaultConfigPerViewType = {
 	[ LAYOUT_GRID ]: {
 		mediaField: 'preview',
 		primaryField: 'title',
-		displayAsColumnFields: [ 'description' ],
+		columnFields: [ 'description' ],
 	},
 	[ LAYOUT_LIST ]: {
 		primaryField: 'title',