@wordpress/fields 0.9.0 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/fields",
-	"version": "0.9.0",
+	"version": "0.11.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",
@@ -33,29 +33,29 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/api-fetch": "^7.17.0",
-		"@wordpress/blob": "^4.17.0",
-		"@wordpress/block-editor": "^14.12.0",
-		"@wordpress/blocks": "^14.6.0",
-		"@wordpress/components": "^29.3.0",
-		"@wordpress/compose": "^7.17.0",
-		"@wordpress/core-data": "^7.17.0",
-		"@wordpress/data": "^10.17.0",
-		"@wordpress/dataviews": "^4.13.0",
-		"@wordpress/date": "^5.17.0",
-		"@wordpress/element": "^6.17.0",
-		"@wordpress/hooks": "^4.17.0",
-		"@wordpress/html-entities": "^4.17.0",
-		"@wordpress/i18n": "^5.17.0",
-		"@wordpress/icons": "^10.17.0",
-		"@wordpress/media-utils": "^5.17.0",
-		"@wordpress/notices": "^5.17.0",
-		"@wordpress/patterns": "^2.17.0",
-		"@wordpress/primitives": "^4.17.0",
-		"@wordpress/private-apis": "^1.17.0",
-		"@wordpress/router": "^1.17.0",
-		"@wordpress/url": "^4.17.0",
-		"@wordpress/warning": "^3.17.0",
+		"@wordpress/api-fetch": "^7.19.0",
+		"@wordpress/blob": "^4.19.0",
+		"@wordpress/block-editor": "^14.14.0",
+		"@wordpress/blocks": "^14.8.0",
+		"@wordpress/components": "^29.5.0",
+		"@wordpress/compose": "^7.19.0",
+		"@wordpress/core-data": "^7.19.0",
+		"@wordpress/data": "^10.19.0",
+		"@wordpress/dataviews": "^4.15.0",
+		"@wordpress/date": "^5.19.0",
+		"@wordpress/element": "^6.19.0",
+		"@wordpress/hooks": "^4.19.0",
+		"@wordpress/html-entities": "^4.19.0",
+		"@wordpress/i18n": "^5.19.0",
+		"@wordpress/icons": "^10.19.0",
+		"@wordpress/media-utils": "^5.19.0",
+		"@wordpress/notices": "^5.19.0",
+		"@wordpress/patterns": "^2.19.0",
+		"@wordpress/primitives": "^4.19.0",
+		"@wordpress/private-apis": "^1.19.0",
+		"@wordpress/router": "^1.19.0",
+		"@wordpress/url": "^4.19.0",
+		"@wordpress/warning": "^3.19.0",
 		"change-case": "4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "2.1.1",
@@ -67,5 +67,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "68a831c3178197fe87db284d4b94e5743bfb6b6c"
+	"gitHead": "d6b0b20fa927b110140dc7fdd906a7e0bf662004"
 }

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

@@ -28,6 +28,8 @@ import { getItemTitle } from '../../actions/utils';
 import type { BasePost } from '../../types';
 import { unlock } from '../../lock-unlock';
 
+const EMPTY_ARRAY: [] = [];
+
 export const TemplateEdit = ( {
 	data,
 	field,
@@ -39,7 +41,7 @@ export const TemplateEdit = ( {
 		typeof data.id === 'number' ? data.id : parseInt( data.id, 10 );
 	const slug = data.slug;
 
-	const { availableTemplates, templates } = useSelect(
+	const { canSwitchTemplate, templates } = useSelect(
 		( select ) => {
 			const allTemplates =
 				select( coreStore ).getEntityRecords< WpTemplate >(
@@ -49,7 +51,7 @@ export const TemplateEdit = ( {
 						per_page: -1,
 						post_type: postType,
 					}
-				) ?? [];
+				) ?? EMPTY_ARRAY;
 
 			const { getHomePage, getPostsPageId } = unlock(
 				select( coreStore )
@@ -63,40 +65,41 @@ export const TemplateEdit = ( {
 
 			return {
 				templates: allTemplates,
-				availableTemplates: allowSwitchingTemplate
-					? allTemplates.filter(
-							( template ) =>
-								template.is_custom &&
-								template.slug !== data.template &&
-								!! template.content.raw // Skip empty templates.
-					  )
-					: [],
+				canSwitchTemplate: allowSwitchingTemplate,
 			};
 		},
-		[ data.template, postId, postType ]
+		[ postId, postType ]
 	);
 
-	const templatesAsPatterns = useMemo(
-		() =>
-			availableTemplates.map( ( template ) => ( {
+	const templatesAsPatterns = useMemo( () => {
+		if ( ! canSwitchTemplate ) {
+			return [];
+		}
+		return templates
+			.filter(
+				( template ) =>
+					template.is_custom &&
+					template.slug !== data.template &&
+					// Skip empty templates.
+					!! template.content.raw
+			)
+			.map( ( template ) => ( {
 				name: template.slug,
 				blocks: parse( template.content.raw ),
 				title: decodeEntities( template.title.rendered ),
 				id: template.id,
-			} ) ),
-		[ availableTemplates ]
-	);
+			} ) );
+	}, [ canSwitchTemplate, data.template, templates ] );
 
 	const shownTemplates = useAsyncList( templatesAsPatterns );
 
 	const value = field.getValue( { item: data } );
+	const foundTemplate = templates.find(
+		( template ) => template.slug === value
+	);
 
 	const currentTemplate = useSelect(
 		( select ) => {
-			const foundTemplate = templates?.find(
-				( template ) => template.slug === value
-			);
-
 			if ( foundTemplate ) {
 				return foundTemplate;
 			}
@@ -128,7 +131,7 @@ export const TemplateEdit = ( {
 				);
 			}
 		},
-		[ postType, slug, templates, value ]
+		[ foundTemplate, postType, slug ]
 	);
 
 	const [ showModal, setShowModal ] = useState( false );