DataViews: Update template parts view (#57952)

* DataViews: Update template parts view

* fix initialization of edited entity for template parts

* make the view stable

* add clarification message

packages/edit-site/src/components/layout/router.js

@@ -12,16 +12,19 @@ import Editor from '../editor';
 import DataviewsPatterns from '../page-patterns/dataviews-patterns';
 import PagePages from '../page-pages';
 import PagePatterns from '../page-patterns';
-import PageTemplateParts from '../page-template-parts';
-import PageTemplates from '../page-templates';
+import PageTemplatesTemplateParts from '../page-templates-template-parts';
+
+import {
+	TEMPLATE_POST_TYPE,
+	TEMPLATE_PART_POST_TYPE,
+} from '../../utils/constants';
 
 const { useLocation } = unlock( routerPrivateApis );
 
 export default function useLayoutAreas() {
 	const isSiteEditorLoading = useIsSiteEditorLoading();
 	const { params } = useLocation();
 	const { postType, postId, path, layout, isCustom } = params ?? {};
-
 	// Regular page
 	if ( path === '/page' ) {
 		const isListLayout =
@@ -62,7 +65,11 @@ export default function useLayoutAreas() {
 			window?.__experimentalAdminViews;
 		return {
 			areas: {
-				content: <PageTemplates />,
+				content: (
+					<PageTemplatesTemplateParts
+						postType={ TEMPLATE_POST_TYPE }
+					/>
+				),
 				preview: isListLayout && (
 					<Editor isLoading={ isSiteEditorLoading } />
 				),
@@ -75,9 +82,23 @@ export default function useLayoutAreas() {
 
 	// Template parts
 	if ( path === '/wp_template_part/all' ) {
+		const isListLayout =
+			isCustom !== 'true' &&
+			layout === 'list' &&
+			window?.__experimentalAdminViews;
 		return {
 			areas: {
-				content: <PageTemplateParts />,
+				content: (
+					<PageTemplatesTemplateParts
+						postType={ TEMPLATE_PART_POST_TYPE }
+					/>
+				),
+				preview: isListLayout && (
+					<Editor isLoading={ isSiteEditorLoading } />
+				),
+			},
+			widths: {
+				content: isListLayout ? 380 : undefined,
 			},
 		};
 	}

packages/edit-site/src/components/page-templates/template-actions.js → packages/edit-site/src/components/page-templates-template-parts/actions.js

@@ -167,8 +167,17 @@ export const deleteTemplateAction = {
 export const renameTemplateAction = {
 	id: 'rename-template',
 	label: __( 'Rename' ),
-	isEligible: ( template ) =>
-		isTemplateRemovable( template ) && template.is_custom,
+	isEligible: ( template ) => {
+		// We can only remove templates or template parts that can be removed.
+		// Additionally in the case of templates, we can only remove custom templates.
+		if (
+			! isTemplateRemovable( template ) ||
+			( template.type === TEMPLATE_POST_TYPE && ! template.is_custom )
+		) {
+			return false;
+		}
+		return true;
+	},
 	RenderModal: ( { items: templates, closeModal } ) => {
 		const template = templates[ 0 ];
 		const title = decodeEntities( template.title.rendered );