@wordpress/dataviews 4.9.1-next.cd6172eb0.0 → 4.10.0

package/src/dataviews-layouts/utils/get-clickable-item-props.ts

@@ -7,14 +7,16 @@ export default function getClickableItemProps< Item >( {
 	item: Item;
 	isItemClickable: ( item: Item ) => boolean;
 	onClickItem?: ( item: Item ) => void;
-	className: string;
+	className?: string;
 } ) {
 	if ( ! isItemClickable( item ) || ! onClickItem ) {
 		return { className };
 	}
 
 	return {
-		className: `${ className } ${ className }--clickable`,
+		className: className
+			? `${ className } ${ className }--clickable`
+			: undefined,
 		role: 'button',
 		tabIndex: 0,
 		onClick: ( event: React.MouseEvent ) => {
@@ -23,7 +25,11 @@ export default function getClickableItemProps< Item >( {
 			onClickItem( item );
 		},
 		onKeyDown: ( event: React.KeyboardEvent ) => {
-			if ( event.key === 'Enter' || event.key === '' ) {
+			if (
+				event.key === 'Enter' ||
+				event.key === '' ||
+				event.key === ' '
+			) {
 				// Prevents onChangeSelection from triggering.
 				event.stopPropagation();
 				onClickItem( item );

package/src/types.ts

@@ -292,24 +292,36 @@ interface ViewBase {
 	 * The fields to render
 	 */
 	fields?: string[];
-}
 
-export interface CombinedField {
-	id: string;
+	/**
+	 * Title field
+	 */
+	titleField?: string;
 
-	label: string;
+	/**
+	 * Media field
+	 */
+	mediaField?: string;
 
-	header?: string | ReactElement;
+	/**
+	 * Description field
+	 */
+	descriptionField?: string;
 
 	/**
-	 * The fields to use as columns.
+	 * Whether to show the title
 	 */
-	children: string[];
+	showTitle?: boolean;
 
 	/**
-	 * The direction of the stack.
+	 * Whether to show the media
 	 */
-	direction: 'horizontal' | 'vertical';
+	showMedia?: boolean;
+
+	/**
+	 * Whether to show the description
+	 */
+	showDescription?: boolean;
 }
 
 export interface ColumnStyle {
@@ -335,16 +347,6 @@ export interface ViewTable extends ViewBase {
 	type: 'table';
 
 	layout?: {
-		/**
-		 * The field to use as the primary field.
-		 */
-		primaryField?: string;
-
-		/**
-		 * The fields to use as columns.
-		 */
-		combinedFields?: CombinedField[];
-
 		/**
 		 * The styles for the columns.
 		 */
@@ -359,39 +361,12 @@ export interface ViewTable extends ViewBase {
 
 export interface ViewList extends ViewBase {
 	type: 'list';
-
-	layout?: {
-		/**
-		 * The field to use as the primary field.
-		 */
-		primaryField?: string;
-
-		/**
-		 * The field to use as the media field.
-		 */
-		mediaField?: string;
-	};
 }
 
 export interface ViewGrid extends ViewBase {
 	type: 'grid';
 
 	layout?: {
-		/**
-		 * The field to use as the primary field.
-		 */
-		primaryField?: string;
-
-		/**
-		 * The field to use as the media field.
-		 */
-		mediaField?: string;
-
-		/**
-		 * The fields to use as columns.
-		 */
-		columnFields?: string[];
-
 		/**
 		 * The fields to use as badge fields.
 		 */