remove duplicated code

packages/edit-site/src/components/use-edited-entity-record/index.js

@@ -4,53 +4,15 @@
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
-import { layout } from '@wordpress/icons';
-import { getTemplatePartIcon } from '@wordpress/editor';
+import { privateApis as editorPrivateApis } from '@wordpress/editor';
 
 /**
  * Internal dependencies
  */
 import { store as editSiteStore } from '../../store';
+import { unlock } from '../../lock-unlock';
 
-const EMPTY_OBJECT = {};
-
-const getInfoTemplate = ( select, template ) => {
-	const { description, slug, title, area } = template;
-
-	const templateTypes =
-		select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
-			?.defaultTemplateTypes || EMPTY_OBJECT;
-
-	const { title: defaultTitle, description: defaultDescription } =
-		Object.values( templateTypes ).find( ( type ) => type.slug === slug ) ??
-		EMPTY_OBJECT;
-
-	const templateTitle = typeof title === 'string' ? title : title?.rendered;
-	const templateDescription =
-		typeof description === 'string' ? description : description?.raw;
-
-	const templateAreas =
-		select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
-			?.defaultTemplatePartAreas || [];
-
-	const templateAreasWithIcon = templateAreas.map( ( item ) => ( {
-		...item,
-		icon: getTemplatePartIcon( item.icon ),
-	} ) );
-
-	const templateIcon =
-		templateAreasWithIcon.find( ( item ) => area === item.area )?.icon ||
-		layout;
-
-	return {
-		title:
-			templateTitle && templateTitle !== slug
-				? templateTitle
-				: defaultTitle || slug,
-		description: templateDescription || defaultDescription,
-		icon: templateIcon,
-	};
-};
+const { getTemplateInfo } = unlock( editorPrivateApis );
 
 export default function useEditedEntityRecord( postType, postId ) {
 	const { record, title, description, isLoaded, icon } = useSelect(
@@ -68,7 +30,19 @@ export default function useEditedEntityRecord( postType, postId ) {
 				usedPostId
 			);
 
-			const templateInfo = getInfoTemplate( select, _record );
+			const templateAreas =
+				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
+					?.defaultTemplatePartAreas || [];
+
+			const templateTypes =
+				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
+					?.defaultTemplateTypes || [];
+
+			const templateInfo = getTemplateInfo( {
+				template: _record,
+				templateAreas,
+				templateTypes,
+			} );
 
 			const _isLoaded =
 				usedPostId &&

packages/editor/README.md

@@ -440,6 +440,10 @@ getDerivedStateFromError is used to render a fallback UI after an error has been
 
 > **Deprecated** since 5.3, use `wp.blockEditor.getFontSizeClass` instead.
 
+### getTemplateInfo
+
+Undocumented declaration.
+
 ### getTemplatePartIcon
 
 Helper function to retrieve the corresponding icon by name.

packages/editor/src/components/document-bar/index.js

@@ -29,6 +29,7 @@ import { decodeEntities } from '@wordpress/html-entities';
 import { TEMPLATE_POST_TYPES } from '../../store/constants';
 import { store as editorStore } from '../../store';
 import usePageTypeBadge from '../../utils/pageTypeBadge';
+import { getTemplateInfo } from '../../utils';
 
 /** @typedef {import("@wordpress/components").IconType} IconType */
 
@@ -60,12 +61,8 @@ export default function DocumentBar( props ) {
 		templateTitle,
 		onNavigateToPreviousEntityRecord,
 	} = useSelect( ( select ) => {
-		const {
-			getCurrentPostType,
-			getCurrentPostId,
-			getEditorSettings,
-			__experimentalGetTemplateInfo: getTemplateInfo,
-		} = select( editorStore );
+		const { getCurrentPostType, getCurrentPostId, getEditorSettings } =
+			select( editorStore );
 		const {
 			getEditedEntityRecord,
 			getPostType,
@@ -78,7 +75,19 @@ export default function DocumentBar( props ) {
 			_postType,
 			_postId
 		);
-		const _templateInfo = getTemplateInfo( _document );
+
+		const templateAreas =
+			select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
+				?.defaultTemplatePartAreas || [];
+
+		const templateTypes =
+			select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
+				?.defaultTemplateTypes || [];
+		const _templateInfo = getTemplateInfo( {
+			templateAreas,
+			templateTypes,
+			template: _document,
+		} );
 		const _postTypeLabel = getPostType( _postType )?.labels?.singular_name;
 
 		return {

packages/editor/src/components/entities-saved-states/entity-record-item.js

@@ -12,6 +12,7 @@ import { decodeEntities } from '@wordpress/html-entities';
  */
 import { store as editorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
+import { getTemplateInfo } from '../../utils';
 
 export default function EntityRecordItem( { record, checked, onChange } ) {
 	const { name, kind, title, key } = record;
@@ -33,11 +34,21 @@ export default function EntityRecordItem( { record, checked, onChange } ) {
 				name,
 				key
 			);
+
+			const templateAreas =
+				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
+					?.defaultTemplatePartAreas || [];
+
+			const templateTypes =
+				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
+					?.defaultTemplateTypes || [];
+
 			return {
-				entityRecordTitle:
-					select( editorStore ).__experimentalGetTemplateInfo(
-						template
-					).title,
+				entityRecordTitle: getTemplateInfo( {
+					template,
+					templateAreas,
+					templateTypes,
+				} ).title,
 				hasPostMetaChanges: unlock(
 					select( editorStore )
 				).hasPostMetaChanges( name, key ),

packages/editor/src/private-apis.js

@@ -24,6 +24,7 @@ import {
 	GlobalStylesProvider,
 } from './components/global-styles-provider';
 import { registerCoreBlockBindingsSources } from './bindings/api';
+import { getTemplateInfo } from './utils';
 
 const { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;
 
@@ -44,7 +45,7 @@ lock( privateApis, {
 	ViewMoreMenuGroup,
 	ResizableEditor,
 	registerCoreBlockBindingsSources,
-
+	getTemplateInfo,
 	// This is a temporary private API while we're updating the site editor to use EditorProvider.
 	interfaceStore,
 	...remainingInterfaceApis,

packages/editor/src/store/selectors.js

@@ -12,7 +12,6 @@ import { addQueryArgs, cleanForSlug } from '@wordpress/url';
 import { createSelector, createRegistrySelector } from '@wordpress/data';
 import deprecated from '@wordpress/deprecated';
 import { Platform } from '@wordpress/element';
-import { layout } from '@wordpress/icons';
 import { store as blockEditorStore } from '@wordpress/block-editor';
 import { store as coreStore } from '@wordpress/core-data';
 import { store as preferencesStore } from '@wordpress/preferences';
@@ -29,6 +28,7 @@ import {
 import { getPostRawValue } from './reducer';
 import { getTemplatePartIcon } from '../utils/get-template-part-icon';
 import { unlock } from '../lock-unlock';
+import { getTemplateInfo } from '../utils';
 
 /**
  * Shared reference to an empty object for cases where it is important to avoid
@@ -1799,45 +1799,19 @@ export const __experimentalGetTemplateInfo = createRegistrySelector(
 				return EMPTY_OBJECT;
 			}
 
-			const { description, slug, title, area } = template;
-
 			const templateTypes =
 				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
-					?.defaultTemplateTypes || EMPTY_OBJECT;
-
-			const { title: defaultTitle, description: defaultDescription } =
-				Object.values( templateTypes ).find(
-					( type ) => type.slug === slug
-				) ?? EMPTY_OBJECT;
-
-			const templateTitle =
-				typeof title === 'string' ? title : title?.rendered;
-			const templateDescription =
-				typeof description === 'string'
-					? description
-					: description?.raw;
+					?.defaultTemplateTypes || [];
 
 			const templateAreas =
 				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
 					?.defaultTemplatePartAreas || [];
 
-			const templateAreasWithIcon = templateAreas.map( ( item ) => ( {
-				...item,
-				icon: getTemplatePartIcon( item.icon ),
-			} ) );
-
-			const templateIcon =
-				templateAreasWithIcon.find( ( item ) => area === item.area )
-					?.icon || layout;
-
-			return {
-				title:
-					templateTitle && templateTitle !== slug
-						? templateTitle
-						: defaultTitle || slug,
-				description: templateDescription || defaultDescription,
-				icon: templateIcon,
-			};
+			return getTemplateInfo( {
+				template,
+				templateAreas,
+				templateTypes,
+			} );
 		} )
 );
 

packages/editor/src/utils/get-template-info.js

@@ -0,0 +1,44 @@
+/**
+ * WordPress dependencies
+ */
+import { layout } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+import { getTemplatePartIcon } from '.';
+
+const EMPTY_OBJECT = {};
+
+export const getTemplateInfo = ( {
+	templateTypes,
+	templateAreas,
+	template,
+} ) => {
+	const { description, slug, title, area } = template;
+
+	const { title: defaultTitle, description: defaultDescription } =
+		Object.values( templateTypes ).find( ( type ) => type.slug === slug ) ??
+		EMPTY_OBJECT;
+
+	const templateTitle = typeof title === 'string' ? title : title?.rendered;
+	const templateDescription =
+		typeof description === 'string' ? description : description?.raw;
+
+	const templateAreasWithIcon = templateAreas.map( ( item ) => ( {
+		...item,
+		icon: getTemplatePartIcon( item.icon ),
+	} ) );
+
+	const templateIcon =
+		templateAreasWithIcon.find( ( item ) => area === item.area )?.icon ||
+		layout;
+
+	return {
+		title:
+			templateTitle && templateTitle !== slug
+				? templateTitle
+				: defaultTitle || slug,
+		description: templateDescription || defaultDescription,
+		icon: templateIcon,
+	};
+};

packages/editor/src/utils/index.js

@@ -6,3 +6,4 @@ import mediaUpload from './media-upload';
 export { mediaUpload };
 export { cleanForSlug } from './url.js';
 export { getTemplatePartIcon } from './get-template-part-icon';
+export { getTemplateInfo } from './get-template-info';