@wordpress/fields 0.24.1-next.ff1cebbba.0 → 0.25.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/fields",
-	"version": "0.24.1-next.ff1cebbba.0",
+	"version": "0.25.1",
 	"description": "DataViews is a component that provides an API to render datasets using different types of layouts (table, grid, list, etc.).",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -39,30 +39,30 @@
 		"src/**/*.scss"
 	],
 	"dependencies": {
-		"@wordpress/api-fetch": "^7.32.1-next.ff1cebbba.0",
-		"@wordpress/base-styles": "^6.8.1-next.ff1cebbba.0",
-		"@wordpress/blob": "^4.32.1-next.ff1cebbba.0",
-		"@wordpress/block-editor": "^15.5.1-next.ff1cebbba.0",
-		"@wordpress/blocks": "^15.5.1-next.ff1cebbba.0",
-		"@wordpress/components": "^30.6.1-next.ff1cebbba.0",
-		"@wordpress/compose": "^7.32.1-next.ff1cebbba.0",
-		"@wordpress/core-data": "^7.32.1-next.ff1cebbba.0",
-		"@wordpress/data": "^10.32.1-next.ff1cebbba.0",
-		"@wordpress/dataviews": "^10.0.1-next.ff1cebbba.0",
-		"@wordpress/date": "^5.32.1-next.ff1cebbba.0",
-		"@wordpress/element": "^6.32.1-next.ff1cebbba.0",
-		"@wordpress/hooks": "^4.32.1-next.ff1cebbba.0",
-		"@wordpress/html-entities": "^4.32.1-next.ff1cebbba.0",
-		"@wordpress/i18n": "^6.5.1-next.ff1cebbba.0",
-		"@wordpress/icons": "^11.0.1-next.ff1cebbba.0",
-		"@wordpress/media-utils": "^5.32.1-next.ff1cebbba.0",
-		"@wordpress/notices": "^5.32.1-next.ff1cebbba.0",
-		"@wordpress/patterns": "^2.32.1-next.ff1cebbba.0",
-		"@wordpress/primitives": "^4.32.1-next.ff1cebbba.0",
-		"@wordpress/private-apis": "^1.32.1-next.ff1cebbba.0",
-		"@wordpress/router": "^1.32.1-next.ff1cebbba.0",
-		"@wordpress/url": "^4.32.1-next.ff1cebbba.0",
-		"@wordpress/warning": "^3.32.1-next.ff1cebbba.0",
+		"@wordpress/api-fetch": "^7.33.0",
+		"@wordpress/base-styles": "^6.9.0",
+		"@wordpress/blob": "^4.33.0",
+		"@wordpress/block-editor": "^15.6.0",
+		"@wordpress/blocks": "^15.6.0",
+		"@wordpress/components": "^30.6.0",
+		"@wordpress/compose": "^7.33.0",
+		"@wordpress/core-data": "^7.33.0",
+		"@wordpress/data": "^10.33.0",
+		"@wordpress/dataviews": "^10.0.0",
+		"@wordpress/date": "^5.33.0",
+		"@wordpress/element": "^6.33.0",
+		"@wordpress/hooks": "^4.33.0",
+		"@wordpress/html-entities": "^4.33.0",
+		"@wordpress/i18n": "^6.6.0",
+		"@wordpress/icons": "^11.0.0",
+		"@wordpress/media-utils": "^5.33.0",
+		"@wordpress/notices": "^5.33.0",
+		"@wordpress/patterns": "^2.33.0",
+		"@wordpress/primitives": "^4.33.0",
+		"@wordpress/private-apis": "^1.33.0",
+		"@wordpress/router": "^1.33.0",
+		"@wordpress/url": "^4.33.0",
+		"@wordpress/warning": "^3.33.0",
 		"change-case": "4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "2.1.1",
@@ -74,5 +74,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c5b659710aff01d40d2eb97b211eb2cec9c07d3b"
+	"gitHead": "0eca9b157f332afd4d1a53c62bd862ae9a159c57"
 }

package/src/actions/duplicate-post.tsx

@@ -6,25 +6,32 @@ import { store as coreStore } from '@wordpress/core-data';
 import { __, sprintf, _x } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 import { useState } from '@wordpress/element';
-import { DataForm } from '@wordpress/dataviews';
 import {
 	Button,
 	__experimentalHStack as HStack,
 	__experimentalVStack as VStack,
+	__experimentalInputControl as InputControl,
 } from '@wordpress/components';
-import type { Action } from '@wordpress/dataviews';
 
 /**
  * Internal dependencies
  */
-import { titleField } from '../fields';
 import type { BasePost, CoreDataError } from '../types';
 import { getItemTitle } from './utils';
 
-const fields = [ titleField ];
-const formDuplicateAction = {
-	fields: [ 'title' ],
-};
+interface RenderModalProps< Item > {
+	items: Item[];
+	closeModal?: () => void;
+	onActionPerformed?: ( items: Item[] ) => void;
+}
+
+interface Action< Item > {
+	id: string;
+	label: string;
+	isEligible?: ( item: Item ) => boolean;
+	modalFocusOnMount?: string;
+	RenderModal: ( props: RenderModalProps< Item > ) => JSX.Element;
+}
 
 const duplicatePost: Action< BasePost > = {
 	id: 'duplicate-post',
@@ -142,14 +149,22 @@ const duplicatePost: Action< BasePost > = {
 		return (
 			<form onSubmit={ createPage }>
 				<VStack spacing={ 3 }>
-					<DataForm
-						data={ item }
-						fields={ fields }
-						form={ formDuplicateAction }
-						onChange={ ( changes ) =>
+					{ item.type === 'wp_registered_template' && (
+						<div>
+							{ __(
+								'You are about to duplicate a bundled template. Changes will not be live until you activate the new template.'
+							) }
+						</div>
+					) }
+					<InputControl
+						__next40pxDefaultSize
+						label={ __( 'Title' ) }
+						placeholder={ __( 'No title' ) }
+						value={ getItemTitle( item ) }
+						onChange={ ( value ) =>
 							setItem( ( prev ) => ( {
 								...prev,
-								...changes,
+								title: value || __( 'No title' ),
 							} ) )
 						}
 					/>

package/src/actions/reorder-page.tsx

@@ -6,24 +6,39 @@ import { store as coreStore } from '@wordpress/core-data';
 import { __ } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 import { useState } from '@wordpress/element';
-import { DataForm, isItemValid } from '@wordpress/dataviews';
 import {
 	Button,
 	__experimentalHStack as HStack,
 	__experimentalVStack as VStack,
+	__experimentalInputControl as InputControl,
 } from '@wordpress/components';
-import type { Action, RenderModalProps } from '@wordpress/dataviews';
 
 /**
  * Internal dependencies
  */
 import type { CoreDataError, BasePost } from '../types';
-import { orderField } from '../fields';
 
-const fields = [ orderField ];
-const formOrderAction = {
-	fields: [ 'menu_order' ],
-};
+interface RenderModalProps< Item > {
+	items: Item[];
+	closeModal?: () => void;
+	onActionPerformed?: ( items: Item[] ) => void;
+}
+
+interface Action< Item > {
+	id: string;
+	label: string;
+	isEligible?: ( item: Item ) => boolean;
+	modalFocusOnMount?: string;
+	RenderModal: ( props: RenderModalProps< Item > ) => JSX.Element;
+}
+
+function isItemValid( item: BasePost ): boolean {
+	return (
+		typeof item.menu_order === 'number' &&
+		Number.isInteger( item.menu_order ) &&
+		item.menu_order > 0
+	);
+}
 
 function ReorderModal( {
 	items,
@@ -31,22 +46,23 @@ function ReorderModal( {
 	onActionPerformed,
 }: RenderModalProps< BasePost > ) {
 	const [ item, setItem ] = useState( items[ 0 ] );
-	const orderInput = item.menu_order;
 	const { editEntityRecord, saveEditedEntityRecord } =
 		useDispatch( coreStore );
 	const { createSuccessNotice, createErrorNotice } =
 		useDispatch( noticesStore );
 
+	const isValid = isItemValid( item );
+
 	async function onOrder( event: React.FormEvent ) {
 		event.preventDefault();
 
-		if ( ! isItemValid( item, fields, formOrderAction ) ) {
+		if ( ! isValid ) {
 			return;
 		}
 
 		try {
 			await editEntityRecord( 'postType', item.type, item.id, {
-				menu_order: orderInput,
+				menu_order: item.menu_order,
 			} );
 			closeModal?.();
 			// Persist edited entity.
@@ -68,7 +84,7 @@ function ReorderModal( {
 			} );
 		}
 	}
-	const isSaveDisabled = ! isItemValid( item, fields, formOrderAction );
+
 	return (
 		<form onSubmit={ onOrder }>
 			<VStack spacing="5">
@@ -77,16 +93,23 @@ function ReorderModal( {
 						'Determines the order of pages. Pages with the same order value are sorted alphabetically. Negative order values are supported.'
 					) }
 				</div>
-				<DataForm
-					data={ item }
-					fields={ fields }
-					form={ formOrderAction }
-					onChange={ ( changes ) =>
+				<InputControl
+					__next40pxDefaultSize
+					label={ __( 'Order' ) }
+					type="number"
+					value={
+						typeof item.menu_order === 'number' &&
+						Number.isInteger( item.menu_order )
+							? String( item.menu_order )
+							: ''
+					}
+					onChange={ ( value ) => {
+						const parsed = parseInt( value as string, 10 ); // absorbs '' and undefined
 						setItem( {
 							...item,
-							...changes,
-						} )
-					}
+							menu_order: isNaN( parsed ) ? undefined : parsed,
+						} );
+					} }
 				/>
 				<HStack justify="right">
 					<Button
@@ -103,7 +126,7 @@ function ReorderModal( {
 						variant="primary"
 						type="submit"
 						accessibleWhenDisabled
-						disabled={ isSaveDisabled }
+						disabled={ ! isValid }
 					>
 						{ __( 'Save' ) }
 					</Button>

package/src/fields/author/index.tsx

@@ -3,6 +3,8 @@
  */
 import type { Field } from '@wordpress/dataviews';
 import { __ } from '@wordpress/i18n';
+import { resolveSelect } from '@wordpress/data';
+import { store as coreDataStore } from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -10,11 +12,29 @@ import { __ } from '@wordpress/i18n';
 import type { BasePostWithEmbeddedAuthor } from '../../types';
 import AuthorView from './author-view';
 
+interface Author {
+	id: number;
+	name: string;
+}
+
 const authorField: Field< BasePostWithEmbeddedAuthor > = {
 	label: __( 'Author' ),
 	id: 'author',
 	type: 'integer',
-	elements: [],
+	getElements: async () => {
+		const authors: Author[] =
+			( await resolveSelect( coreDataStore ).getEntityRecords(
+				'root',
+				'user',
+				{
+					per_page: -1,
+				}
+			) ) ?? [];
+		return authors.map( ( { id, name } ) => ( {
+			value: id,
+			label: name,
+		} ) );
+	},
 	render: AuthorView,
 	sort: ( a, b, direction ) => {
 		const nameA = a._embedded?.author?.[ 0 ]?.name || '';