@wordpress/fields 0.42.1-next.v.202607070741.0 → 0.43.0

package/build-types/fields/template-author/view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/fields/template-author/view.tsx"],"names":[],"mappings":"AAmBA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAe1D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAC3C,IAAI,EACJ,EAAE;IACF,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;CAC9B,+BAqDA"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/fields/template-author/view.tsx"],"names":[],"mappings":"AAmBA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAe1D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAC3C,IAAI,GACJ,EAAE;IACF,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;CAC9B,+BAqDA"}

package/build-types/fields/title/view.d.ts

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
  * Internal dependencies
  */
 import type { CommonPost } from '../../types';
-export declare function BaseTitleView({ item, className, children }: {
+export declare function BaseTitleView({ item, className, children, }: {
     item: CommonPost;
     className?: string;
     children?: ReactNode;

package/build-types/fields/title/view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/fields/title/view.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,wBAAgB,aAAa,CAAE,EAC9B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,EAAE;IACF,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,+BAYA;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,+BAEhE"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/fields/title/view.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,wBAAgB,aAAa,CAAE,EAC9B,IAAI,EACJ,SAAS,EACT,QAAQ,GACR,EAAE;IACF,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,+BAYA;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,+BAEhE"}

package/build-types/stories/index.story.d.ts

@@ -4,10 +4,11 @@ declare const _default: {
     component: typeof DataForm;
 };
 export default _default;
+declare const DataFormsComponent: ({ type }: {
+    type: 'regular' | 'panel';
+}) => import("react").JSX.Element;
 export declare const DataFormsPreview: {
-    render: ({ type }: {
-        type: 'regular' | 'panel';
-    }) => import("react").JSX.Element;
+    render: typeof DataFormsComponent;
     argTypes: {
         type: {
             control: {

package/build-types/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../src/stories/index.story.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAa,MAAM,sBAAsB,CAAC;;IA4D1D,KAAK;IACL,SAAS;;;AA0FV,eAAO,MAAM,gBAAgB;IAC5B,MAAM,aA3CgC;QAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAA;KAAE;IA4CnE,QAAQ;QACP,IAAI;YACH,OAAO;gBAAI,IAAI;;YACf,WAAW;YACX,OAAO;;;IAGT,IAAI;QACH,IAAI;;CAEL,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAgC5B,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../src/stories/index.story.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAa,MAAM,sBAAsB,CAAC;;IA4D1D,KAAK;IACL,SAAS;;;AAgDV,QAAA,MAAM,kBAAkB,aAAe;IAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAA;CAAE,gCAwCnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;IAC5B,MAAM;IACN,QAAQ;QACP,IAAI;YACH,OAAO;gBAAI,IAAI;;YACf,WAAW;YACX,OAAO;;;IAGT,IAAI;QACH,IAAI;;CAEL,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAgC5B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/fields",
-	"version": "0.42.1-next.v.202607070741.0+a51d59513",
+	"version": "0.43.0",
 	"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",
@@ -47,39 +47,40 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/api-fetch": "^7.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/base-styles": "^10.3.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/blob": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/blocks": "^15.23.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/components": "^37.0.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/compose": "^8.3.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/core-data": "^7.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/data": "^10.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/dataviews": "^17.1.2-next.v.202607070741.0+a51d59513",
-		"@wordpress/date": "^5.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/element": "^8.2.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/hooks": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/html-entities": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/i18n": "^6.23.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/icons": "^15.1.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/media-utils": "^5.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/notices": "^5.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/patterns": "^2.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/primitives": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/private-apis": "^1.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/router": "^1.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/ui": "^0.18.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/url": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/warning": "^3.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/wordcount": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/a11y": "^4.51.0",
+		"@wordpress/api-fetch": "^7.51.0",
+		"@wordpress/base-styles": "^11.0.0",
+		"@wordpress/blob": "^4.51.0",
+		"@wordpress/blocks": "^15.24.0",
+		"@wordpress/components": "^37.0.0",
+		"@wordpress/compose": "^8.4.0",
+		"@wordpress/core-data": "^7.51.0",
+		"@wordpress/data": "^10.51.0",
+		"@wordpress/dataviews": "^17.2.0",
+		"@wordpress/date": "^5.51.0",
+		"@wordpress/element": "^8.3.0",
+		"@wordpress/hooks": "^4.51.0",
+		"@wordpress/html-entities": "^4.51.0",
+		"@wordpress/i18n": "^6.24.0",
+		"@wordpress/icons": "^15.2.0",
+		"@wordpress/media-utils": "^5.51.0",
+		"@wordpress/notices": "^5.51.0",
+		"@wordpress/patterns": "^2.51.0",
+		"@wordpress/primitives": "^4.51.0",
+		"@wordpress/private-apis": "^1.51.0",
+		"@wordpress/router": "^1.51.0",
+		"@wordpress/ui": "^0.18.0",
+		"@wordpress/url": "^4.51.0",
+		"@wordpress/warning": "^3.51.0",
+		"@wordpress/wordcount": "^4.51.0",
 		"change-case": "^4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
 		"remove-accents": "^0.5.0"
 	},
 	"peerDependencies": {
-		"@types/react": "^18.3.27",
-		"react": "^18.0.0"
+		"@types/react": "^18 || ^19",
+		"react": "^18 || ^19"
 	},
 	"peerDependenciesMeta": {
 		"@types/react": {
@@ -89,5 +90,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
+	"gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
 }

package/src/actions/duplicate-post.tsx

@@ -153,7 +153,6 @@ const duplicatePost: Action< BasePost > = {
 						</div>
 					) }
 					<InputControl
-						__next40pxDefaultSize
 						label={ __( 'Title' ) }
 						placeholder={ __( 'No title' ) }
 						value={ getItemTitle( item ) }

package/src/actions/reorder-page.tsx

@@ -93,7 +93,6 @@ function ReorderModal( {
 					) }
 				</div>
 				<InputControl
-					__next40pxDefaultSize
 					label={ __( 'Order' ) }
 					type="number"
 					value={

package/src/components/media-edit/index.tsx

@@ -41,6 +41,7 @@ import {
 	chevronRight,
 } from '@wordpress/icons';
 import { VisuallyHidden, Tooltip } from '@wordpress/ui';
+import { speak } from '@wordpress/a11y';
 import {
 	MediaUpload,
 	uploadMedia,
@@ -838,6 +839,13 @@ export default function MediaEdit< Item >( {
 			setCustomValidity( undefined );
 		}
 	}, [ isTouched, field.isValid, validity ] );
+
+	useEffect( () => {
+		if ( isTouched && customValidity?.message ) {
+			speak( customValidity.message );
+		}
+	}, [ isTouched, customValidity?.message ] );
+
 	const onBlur = useCallback(
 		( event: React.FocusEvent< HTMLElement > ) => {
 			if ( isTouched ) {
@@ -961,25 +969,23 @@ export default function MediaEdit< Item >( {
 				/>
 			</VisuallyHidden>
 			{ customValidity && (
-				<div aria-live="polite">
-					<p
-						className={ clsx(
-							'components-validated-control__indicator',
-							{
-								'is-invalid': customValidity.type === 'invalid',
-								'is-valid': customValidity.type === 'valid',
-							}
-						) }
-					>
-						<WCIcon
-							className="components-validated-control__indicator-icon"
-							icon={ errorIcon }
-							size={ 16 }
-							fill="currentColor"
-						/>
-						{ customValidity.message }
-					</p>
-				</div>
+				<p
+					className={ clsx(
+						'components-validated-control__indicator',
+						{
+							'is-invalid': customValidity.type === 'invalid',
+							'is-valid': customValidity.type === 'valid',
+						}
+					) }
+				>
+					<WCIcon
+						className="components-validated-control__indicator-icon"
+						icon={ errorIcon }
+						size={ 16 }
+						fill="currentColor"
+					/>
+					{ customValidity.message }
+				</p>
 			) }
 		</div>
 	);

package/src/fields/slug/slug-edit.tsx

@@ -87,7 +87,6 @@ const SlugEdit = ( {
 						</ExternalLink>
 					</VStack>
 					<InputControl
-						__next40pxDefaultSize
 						prefix={
 							<InputControlPrefixWrapper>
 								/

package/src/fields/slug/style.scss

@@ -21,7 +21,7 @@
 		flex-direction: column;
 
 		.fields-controls__slug-help-slug {
-			font-weight: 600;
+			font-weight: var(--wpds-typography-font-weight-emphasis);
 		}
 	}
 }

package/src/fields/status/index.tsx

@@ -18,6 +18,10 @@ const statusField: Field< BasePost > = {
 	id: 'status',
 	type: 'text',
 	elements: STATUSES,
+	// An auto-draft is a draft that hasn't been saved yet, so treat it as
+	// one for display, selection, and filtering.
+	getValue: ( { item } ) =>
+		item.status === 'auto-draft' ? 'draft' : item.status,
 	render: StatusView,
 	Edit: 'radio',
 	enableSorting: false,

package/src/fields/status/status-view.tsx

@@ -5,6 +5,7 @@ import {
 	__experimentalHStack as HStack,
 	Icon as WCIcon,
 } from '@wordpress/components';
+import type { DataViewRenderFieldProps } from '@wordpress/dataviews';
 
 /**
  * Internal dependencies
@@ -12,9 +13,10 @@ import {
 import type { BasePost } from '../../types';
 import STATUSES from './status-elements';
 
-function StatusView( { item }: { item: BasePost } ) {
-	const status = STATUSES.find( ( { value } ) => value === item.status );
-	const label = status?.label || item.status;
+function StatusView( { item, field }: DataViewRenderFieldProps< BasePost > ) {
+	const currentStatus = field.getValue( { item } );
+	const status = STATUSES.find( ( { value } ) => value === currentStatus );
+	const label = status?.label || currentStatus;
 	const icon = status?.icon;
 	return (
 		<HStack alignment="left" spacing={ 0 }>