@wordpress/edit-site 6.12.0 → 6.13.0

package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js

@@ -1,212 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useMemo } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreDataStore } from '@wordpress/core-data';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-import { TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, NAVIGATION_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';
-const {
-  useLocation
-} = unlock(routerPrivateApis);
-const postTypesWithoutParentTemplate = [TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, NAVIGATION_POST_TYPE, PATTERN_TYPES.user];
-const authorizedPostTypes = ['page', 'post'];
-function useResolveEditedEntityAndContext({
-  postId,
-  postType
-}) {
-  const {
-    hasLoadedAllDependencies,
-    homepageId,
-    postsPageId
-  } = useSelect(select => {
-    const {
-      getEntityRecord
-    } = select(coreDataStore);
-    const siteData = getEntityRecord('root', 'site');
-    const _homepageId = siteData?.show_on_front === 'page' && ['number', 'string'].includes(typeof siteData.page_on_front) && !!+siteData.page_on_front // We also need to check if it's not zero(`0`).
-    ? siteData.page_on_front.toString() : null;
-    const _postsPageId = siteData?.show_on_front === 'page' && ['number', 'string'].includes(typeof siteData.page_for_posts) ? siteData.page_for_posts.toString() : null;
-    return {
-      hasLoadedAllDependencies: !!siteData,
-      homepageId: _homepageId,
-      postsPageId: _postsPageId
-    };
-  }, []);
-
-  /**
-   * This is a hook that recreates the logic to resolve a template for a given WordPress postID postTypeId
-   * in order to match the frontend as closely as possible in the site editor.
-   *
-   * It is not possible to rely on the server logic because there maybe unsaved changes that impact the template resolution.
-   */
-  const resolvedTemplateId = useSelect(select => {
-    // If we're rendering a post type that doesn't have a template
-    // no need to resolve its template.
-    if (postTypesWithoutParentTemplate.includes(postType) && postId) {
-      return undefined;
-    }
-
-    // Don't trigger resolution for multi-selected posts.
-    if (postId && postId.includes(',')) {
-      return undefined;
-    }
-    const {
-      getEditedEntityRecord,
-      getEntityRecords,
-      getDefaultTemplateId
-    } = select(coreDataStore);
-    function resolveTemplateForPostTypeAndId(postTypeToResolve, postIdToResolve) {
-      // For the front page, we always use the front page template if existing.
-      if (postTypeToResolve === 'page' && homepageId === postIdToResolve) {
-        // The /lookup endpoint cannot currently handle a lookup
-        // when a page is set as the front page, so specifically in
-        // that case, we want to check if there is a front page
-        // template, and instead of falling back to the home
-        // template, we want to fall back to the page template.
-        const templates = getEntityRecords('postType', TEMPLATE_POST_TYPE, {
-          per_page: -1
-        });
-        if (templates) {
-          const id = templates?.find(({
-            slug
-          }) => slug === 'front-page')?.id;
-          if (id) {
-            return id;
-          }
-
-          // If no front page template is found, continue with the
-          // logic below (fetching the page template).
-        } else {
-          // Still resolving `templates`.
-          return undefined;
-        }
-      }
-      const editedEntity = getEditedEntityRecord('postType', postTypeToResolve, postIdToResolve);
-      if (!editedEntity) {
-        return undefined;
-      }
-      // Check if the current page is the posts page.
-      if (postTypeToResolve === 'page' && postsPageId === postIdToResolve) {
-        return getDefaultTemplateId({
-          slug: 'home'
-        });
-      }
-      // First see if the post/page has an assigned template and fetch it.
-      const currentTemplateSlug = editedEntity.template;
-      if (currentTemplateSlug) {
-        const currentTemplate = getEntityRecords('postType', TEMPLATE_POST_TYPE, {
-          per_page: -1
-        })?.find(({
-          slug
-        }) => slug === currentTemplateSlug);
-        if (currentTemplate) {
-          return currentTemplate.id;
-        }
-      }
-      // If no template is assigned, use the default template.
-      let slugToCheck;
-      // In `draft` status we might not have a slug available, so we use the `single`
-      // post type templates slug(ex page, single-post, single-product etc..).
-      // Pages do not need the `single` prefix in the slug to be prioritized
-      // through template hierarchy.
-      if (editedEntity.slug) {
-        slugToCheck = postTypeToResolve === 'page' ? `${postTypeToResolve}-${editedEntity.slug}` : `single-${postTypeToResolve}-${editedEntity.slug}`;
-      } else {
-        slugToCheck = postTypeToResolve === 'page' ? 'page' : `single-${postTypeToResolve}`;
-      }
-      return getDefaultTemplateId({
-        slug: slugToCheck
-      });
-    }
-    if (!hasLoadedAllDependencies) {
-      return undefined;
-    }
-
-    // If we're rendering a specific page, we need to resolve its template.
-    // The site editor only supports pages for now, not other CPTs.
-    if (postType && postId && authorizedPostTypes.includes(postType)) {
-      return resolveTemplateForPostTypeAndId(postType, postId);
-    }
-
-    // If we're rendering the home page, and we have a static home page, resolve its template.
-    if (homepageId) {
-      return resolveTemplateForPostTypeAndId('page', homepageId);
-    }
-
-    // If we're not rendering a specific page, use the front page template.
-    return getDefaultTemplateId({
-      slug: 'front-page'
-    });
-  }, [homepageId, postsPageId, hasLoadedAllDependencies, postId, postType]);
-  const context = useMemo(() => {
-    if (postTypesWithoutParentTemplate.includes(postType) && postId) {
-      return {};
-    }
-    if (postType && postId && authorizedPostTypes.includes(postType)) {
-      return {
-        postType,
-        postId
-      };
-    }
-    // TODO: for post types lists we should probably not render the front page, but maybe a placeholder
-    // with a message like "Select a page" or something similar.
-    if (homepageId) {
-      return {
-        postType: 'page',
-        postId: homepageId
-      };
-    }
-    return {};
-  }, [homepageId, postType, postId]);
-  if (postTypesWithoutParentTemplate.includes(postType) && postId) {
-    return {
-      isReady: true,
-      postType,
-      postId,
-      context
-    };
-  }
-  if (hasLoadedAllDependencies) {
-    return {
-      isReady: resolvedTemplateId !== undefined,
-      postType: TEMPLATE_POST_TYPE,
-      postId: resolvedTemplateId,
-      context
-    };
-  }
-  return {
-    isReady: false
-  };
-}
-export default function useInitEditedEntityFromURL() {
-  const {
-    params = {}
-  } = useLocation();
-  const {
-    postType,
-    postId,
-    context,
-    isReady
-  } = useResolveEditedEntityAndContext(params);
-  const {
-    setEditedEntity
-  } = useDispatch(editSiteStore);
-  const {
-    resetZoomLevel
-  } = unlock(useDispatch(blockEditorStore));
-  useEffect(() => {
-    if (isReady) {
-      resetZoomLevel();
-      setEditedEntity(postType, postId, context);
-    }
-  }, [isReady, postType, postId, context, setEditedEntity, resetZoomLevel]);
-}
-//# sourceMappingURL=use-init-edited-entity-from-url.js.map

package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useMemo","useSelect","useDispatch","store","coreDataStore","privateApis","routerPrivateApis","blockEditorStore","editSiteStore","unlock","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","NAVIGATION_POST_TYPE","PATTERN_TYPES","useLocation","postTypesWithoutParentTemplate","user","authorizedPostTypes","useResolveEditedEntityAndContext","postId","postType","hasLoadedAllDependencies","homepageId","postsPageId","select","getEntityRecord","siteData","_homepageId","show_on_front","includes","page_on_front","toString","_postsPageId","page_for_posts","resolvedTemplateId","undefined","getEditedEntityRecord","getEntityRecords","getDefaultTemplateId","resolveTemplateForPostTypeAndId","postTypeToResolve","postIdToResolve","templates","per_page","id","find","slug","editedEntity","currentTemplateSlug","template","currentTemplate","slugToCheck","context","isReady","useInitEditedEntityFromURL","params","setEditedEntity","resetZoomLevel"],"sources":["@wordpress/edit-site/src/components/sync-state-with-url/use-init-edited-entity-from-url.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst postTypesWithoutParentTemplate = [\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES.user,\n];\n\nconst authorizedPostTypes = [ 'page', 'post' ];\n\nfunction useResolveEditedEntityAndContext( { postId, postType } ) {\n\tconst { hasLoadedAllDependencies, homepageId, postsPageId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\t\tconst siteData = getEntityRecord( 'root', 'site' );\n\t\t\tconst _homepageId =\n\t\t\t\tsiteData?.show_on_front === 'page' &&\n\t\t\t\t[ 'number', 'string' ].includes(\n\t\t\t\t\ttypeof siteData.page_on_front\n\t\t\t\t) &&\n\t\t\t\t!! +siteData.page_on_front // We also need to check if it's not zero(`0`).\n\t\t\t\t\t? siteData.page_on_front.toString()\n\t\t\t\t\t: null;\n\t\t\tconst _postsPageId =\n\t\t\t\tsiteData?.show_on_front === 'page' &&\n\t\t\t\t[ 'number', 'string' ].includes(\n\t\t\t\t\ttypeof siteData.page_for_posts\n\t\t\t\t)\n\t\t\t\t\t? siteData.page_for_posts.toString()\n\t\t\t\t\t: null;\n\t\t\treturn {\n\t\t\t\thasLoadedAllDependencies: !! siteData,\n\t\t\t\thomepageId: _homepageId,\n\t\t\t\tpostsPageId: _postsPageId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\t/**\n\t * This is a hook that recreates the logic to resolve a template for a given WordPress postID postTypeId\n\t * in order to match the frontend as closely as possible in the site editor.\n\t *\n\t * It is not possible to rely on the server logic because there maybe unsaved changes that impact the template resolution.\n\t */\n\tconst resolvedTemplateId = useSelect(\n\t\t( select ) => {\n\t\t\t// If we're rendering a post type that doesn't have a template\n\t\t\t// no need to resolve its template.\n\t\t\tif (\n\t\t\t\tpostTypesWithoutParentTemplate.includes( postType ) &&\n\t\t\t\tpostId\n\t\t\t) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\n\t\t\t// Don't trigger resolution for multi-selected posts.\n\t\t\tif ( postId && postId.includes( ',' ) ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tgetEditedEntityRecord,\n\t\t\t\tgetEntityRecords,\n\t\t\t\tgetDefaultTemplateId,\n\t\t\t} = select( coreDataStore );\n\n\t\t\tfunction resolveTemplateForPostTypeAndId(\n\t\t\t\tpostTypeToResolve,\n\t\t\t\tpostIdToResolve\n\t\t\t) {\n\t\t\t\t// For the front page, we always use the front page template if existing.\n\t\t\t\tif (\n\t\t\t\t\tpostTypeToResolve === 'page' &&\n\t\t\t\t\thomepageId === postIdToResolve\n\t\t\t\t) {\n\t\t\t\t\t// The /lookup endpoint cannot currently handle a lookup\n\t\t\t\t\t// when a page is set as the front page, so specifically in\n\t\t\t\t\t// that case, we want to check if there is a front page\n\t\t\t\t\t// template, and instead of falling back to the home\n\t\t\t\t\t// template, we want to fall back to the page template.\n\t\t\t\t\tconst templates = getEntityRecords(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tper_page: -1,\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t\tif ( templates ) {\n\t\t\t\t\t\tconst id = templates?.find(\n\t\t\t\t\t\t\t( { slug } ) => slug === 'front-page'\n\t\t\t\t\t\t)?.id;\n\t\t\t\t\t\tif ( id ) {\n\t\t\t\t\t\t\treturn id;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If no front page template is found, continue with the\n\t\t\t\t\t\t// logic below (fetching the page template).\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Still resolving `templates`.\n\t\t\t\t\t\treturn undefined;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst editedEntity = getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tpostTypeToResolve,\n\t\t\t\t\tpostIdToResolve\n\t\t\t\t);\n\t\t\t\tif ( ! editedEntity ) {\n\t\t\t\t\treturn undefined;\n\t\t\t\t}\n\t\t\t\t// Check if the current page is the posts page.\n\t\t\t\tif (\n\t\t\t\t\tpostTypeToResolve === 'page' &&\n\t\t\t\t\tpostsPageId === postIdToResolve\n\t\t\t\t) {\n\t\t\t\t\treturn getDefaultTemplateId( { slug: 'home' } );\n\t\t\t\t}\n\t\t\t\t// First see if the post/page has an assigned template and fetch it.\n\t\t\t\tconst currentTemplateSlug = editedEntity.template;\n\t\t\t\tif ( currentTemplateSlug ) {\n\t\t\t\t\tconst currentTemplate = getEntityRecords(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tper_page: -1,\n\t\t\t\t\t\t}\n\t\t\t\t\t)?.find( ( { slug } ) => slug === currentTemplateSlug );\n\t\t\t\t\tif ( currentTemplate ) {\n\t\t\t\t\t\treturn currentTemplate.id;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// If no template is assigned, use the default template.\n\t\t\t\tlet slugToCheck;\n\t\t\t\t// In `draft` status we might not have a slug available, so we use the `single`\n\t\t\t\t// post type templates slug(ex page, single-post, single-product etc..).\n\t\t\t\t// Pages do not need the `single` prefix in the slug to be prioritized\n\t\t\t\t// through template hierarchy.\n\t\t\t\tif ( editedEntity.slug ) {\n\t\t\t\t\tslugToCheck =\n\t\t\t\t\t\tpostTypeToResolve === 'page'\n\t\t\t\t\t\t\t? `${ postTypeToResolve }-${ editedEntity.slug }`\n\t\t\t\t\t\t\t: `single-${ postTypeToResolve }-${ editedEntity.slug }`;\n\t\t\t\t} else {\n\t\t\t\t\tslugToCheck =\n\t\t\t\t\t\tpostTypeToResolve === 'page'\n\t\t\t\t\t\t\t? 'page'\n\t\t\t\t\t\t\t: `single-${ postTypeToResolve }`;\n\t\t\t\t}\n\t\t\t\treturn getDefaultTemplateId( {\n\t\t\t\t\tslug: slugToCheck,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( ! hasLoadedAllDependencies ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\n\t\t\t// If we're rendering a specific page, we need to resolve its template.\n\t\t\t// The site editor only supports pages for now, not other CPTs.\n\t\t\tif (\n\t\t\t\tpostType &&\n\t\t\t\tpostId &&\n\t\t\t\tauthorizedPostTypes.includes( postType )\n\t\t\t) {\n\t\t\t\treturn resolveTemplateForPostTypeAndId( postType, postId );\n\t\t\t}\n\n\t\t\t// If we're rendering the home page, and we have a static home page, resolve its template.\n\t\t\tif ( homepageId ) {\n\t\t\t\treturn resolveTemplateForPostTypeAndId( 'page', homepageId );\n\t\t\t}\n\n\t\t\t// If we're not rendering a specific page, use the front page template.\n\t\t\treturn getDefaultTemplateId( { slug: 'front-page' } );\n\t\t},\n\t\t[ homepageId, postsPageId, hasLoadedAllDependencies, postId, postType ]\n\t);\n\n\tconst context = useMemo( () => {\n\t\tif ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tif ( postType && postId && authorizedPostTypes.includes( postType ) ) {\n\t\t\treturn { postType, postId };\n\t\t}\n\t\t// TODO: for post types lists we should probably not render the front page, but maybe a placeholder\n\t\t// with a message like \"Select a page\" or something similar.\n\t\tif ( homepageId ) {\n\t\t\treturn { postType: 'page', postId: homepageId };\n\t\t}\n\n\t\treturn {};\n\t}, [ homepageId, postType, postId ] );\n\n\tif ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {\n\t\treturn { isReady: true, postType, postId, context };\n\t}\n\n\tif ( hasLoadedAllDependencies ) {\n\t\treturn {\n\t\t\tisReady: resolvedTemplateId !== undefined,\n\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\tpostId: resolvedTemplateId,\n\t\t\tcontext,\n\t\t};\n\t}\n\n\treturn { isReady: false };\n}\n\nexport default function useInitEditedEntityFromURL() {\n\tconst { params = {} } = useLocation();\n\tconst { postType, postId, context, isReady } =\n\t\tuseResolveEditedEntityAndContext( params );\n\n\tconst { setEditedEntity } = useDispatch( editSiteStore );\n\tconst { resetZoomLevel } = unlock( useDispatch( blockEditorStore ) );\n\n\tuseEffect( () => {\n\t\tif ( isReady ) {\n\t\t\tresetZoomLevel();\n\t\t\tsetEditedEntity( postType, postId, context );\n\t\t}\n\t}, [\n\t\tisReady,\n\t\tpostType,\n\t\tpostId,\n\t\tcontext,\n\t\tsetEditedEntity,\n\t\tresetZoomLevel,\n\t] );\n}\n"],"mappings":"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","ignoreList":[]}

package/src/components/post-fields/index.js

@@ -1,107 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import {
-	featuredImageField,
-	slugField,
-	parentField,
-	passwordField,
-	statusField,
-	commentStatusField,
-	titleField,
-	dateField,
-} from '@wordpress/fields';
-import { useMemo, useState } from '@wordpress/element';
-import { commentAuthorAvatar as authorIcon } from '@wordpress/icons';
-import { __experimentalHStack as HStack, Icon } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
-
-function PostAuthorField( { item } ) {
-	const { text, imageUrl } = useSelect(
-		( select ) => {
-			const { getUser } = select( coreStore );
-			const user = getUser( item.author );
-			return {
-				imageUrl: user?.avatar_urls?.[ 48 ],
-				text: user?.name,
-			};
-		},
-		[ item ]
-	);
-	const [ isImageLoaded, setIsImageLoaded ] = useState( false );
-	return (
-		<HStack alignment="left" spacing={ 0 }>
-			{ !! imageUrl && (
-				<div
-					className={ clsx( 'page-templates-author-field__avatar', {
-						'is-loaded': isImageLoaded,
-					} ) }
-				>
-					<img
-						onLoad={ () => setIsImageLoaded( true ) }
-						alt={ __( 'Author avatar' ) }
-						src={ imageUrl }
-					/>
-				</div>
-			) }
-			{ ! imageUrl && (
-				<div className="page-templates-author-field__icon">
-					<Icon icon={ authorIcon } />
-				</div>
-			) }
-			<span className="page-templates-author-field__name">{ text }</span>
-		</HStack>
-	);
-}
-
-function usePostFields() {
-	const { records: authors, isResolving: isLoadingAuthors } =
-		useEntityRecords( 'root', 'user', { per_page: -1 } );
-
-	const fields = useMemo(
-		() => [
-			featuredImageField,
-			titleField,
-			{
-				label: __( 'Author' ),
-				id: 'author',
-				type: 'integer',
-				elements:
-					authors?.map( ( { id, name } ) => ( {
-						value: id,
-						label: name,
-					} ) ) || [],
-				render: PostAuthorField,
-				sort: ( a, b, direction ) => {
-					const nameA = a._embedded?.author?.[ 0 ]?.name || '';
-					const nameB = b._embedded?.author?.[ 0 ]?.name || '';
-
-					return direction === 'asc'
-						? nameA.localeCompare( nameB )
-						: nameB.localeCompare( nameA );
-				},
-			},
-			statusField,
-			dateField,
-			slugField,
-			parentField,
-			commentStatusField,
-			passwordField,
-		],
-		[ authors ]
-	);
-
-	return {
-		isLoading: isLoadingAuthors,
-		fields,
-	};
-}
-
-export default usePostFields;

package/src/components/post-fields/style.scss

@@ -1,3 +0,0 @@
-.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
-	z-index: z-index(".components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown");
-}

package/src/components/posts-app/router.js

@@ -1,69 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import Editor from '../editor';
-import SidebarNavigationScreen from '../sidebar-navigation-screen';
-import SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';
-import DataViewsSidebarContent from '../sidebar-dataviews';
-import PostList from '../post-list';
-
-const { useLocation } = unlock( routerPrivateApis );
-
-export default function useActiveRoute() {
-	const { params = {} } = useLocation();
-	const { postType, layout, canvas } = params;
-	const labels = useSelect(
-		( select ) => {
-			return select( coreStore ).getPostType( postType )?.labels;
-		},
-		[ postType ]
-	);
-
-	// Posts list.
-	if ( [ 'post' ].includes( postType ) ) {
-		const isListLayout = layout === 'list' || ! layout;
-		return {
-			name: 'posts-list',
-			areas: {
-				sidebar: (
-					<SidebarNavigationScreen
-						title={ labels?.name }
-						isRoot
-						content={ <DataViewsSidebarContent /> }
-					/>
-				),
-				content: <PostList postType={ postType } />,
-				preview: ( isListLayout || canvas === 'edit' ) && (
-					<Editor isPostsList />
-				),
-				mobile:
-					canvas === 'edit' ? (
-						<Editor isPostsList />
-					) : (
-						<PostList postType={ postType } />
-					),
-			},
-			widths: {
-				content: isListLayout ? 380 : undefined,
-			},
-		};
-	}
-
-	// Fallback shows the home page preview
-	return {
-		name: 'default',
-		areas: {
-			sidebar: <SidebarNavigationScreenMain />,
-			preview: <Editor isPostsList />,
-			mobile: canvas === 'edit' && <Editor isPostsList />,
-		},
-	};
-}

package/src/components/sidebar-navigation-screen-details-panel/index.js

@@ -1,40 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalVStack as VStack,
-	__experimentalHeading as Heading,
-} from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import SidebarNavigationScreenDetailsPanelLabel from './sidebar-navigation-screen-details-panel-label';
-import SidebarNavigationScreenDetailsPanelRow from './sidebar-navigation-screen-details-panel-row';
-import SidebarNavigationScreenDetailsPanelValue from './sidebar-navigation-screen-details-panel-value';
-
-function SidebarNavigationScreenDetailsPanel( { title, children, spacing } ) {
-	return (
-		<VStack
-			className="edit-site-sidebar-navigation-details-screen-panel"
-			spacing={ spacing }
-		>
-			{ title && (
-				<Heading
-					className="edit-site-sidebar-navigation-details-screen-panel__heading"
-					level={ 2 }
-				>
-					{ title }
-				</Heading>
-			) }
-			{ children }
-		</VStack>
-	);
-}
-
-export {
-	SidebarNavigationScreenDetailsPanel,
-	SidebarNavigationScreenDetailsPanelRow,
-	SidebarNavigationScreenDetailsPanelLabel,
-	SidebarNavigationScreenDetailsPanelValue,
-};

package/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-label.js

@@ -1,14 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalText as Text } from '@wordpress/components';
-
-export default function SidebarNavigationScreenDetailsPanelLabel( {
-	children,
-} ) {
-	return (
-		<Text className="edit-site-sidebar-navigation-details-screen-panel__label">
-			{ children }
-		</Text>
-	);
-}

package/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-row.js

@@ -1,31 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __experimentalHStack as HStack } from '@wordpress/components';
-
-export default function SidebarNavigationScreenDetailsPanelRow( {
-	label,
-	children,
-	className,
-	...extraProps
-} ) {
-	return (
-		<HStack
-			key={ label }
-			spacing={ 5 }
-			alignment="left"
-			className={ clsx(
-				'edit-site-sidebar-navigation-details-screen-panel__row',
-				className
-			) }
-			{ ...extraProps }
-		>
-			{ children }
-		</HStack>
-	);
-}

package/src/components/sidebar-navigation-screen-details-panel/sidebar-navigation-screen-details-panel-value.js

@@ -1,14 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalText as Text } from '@wordpress/components';
-
-export default function SidebarNavigationScreenDetailsPanelValue( {
-	children,
-} ) {
-	return (
-		<Text className="edit-site-sidebar-navigation-details-screen-panel__value">
-			{ children }
-		</Text>
-	);
-}

package/src/components/sidebar-navigation-screen-details-panel/style.scss

@@ -1,26 +0,0 @@
-.edit-site-sidebar-navigation-details-screen-panel {
-	margin: $grid-unit-30 0;
-
-	&:last-of-type {
-		margin-bottom: 0;
-	}
-
-	.edit-site-sidebar-navigation-details-screen-panel__heading {
-		color: $gray-400;
-		text-transform: uppercase;
-		font-weight: 500;
-		font-size: 11px;
-		padding: 0;
-		margin-bottom: 0;
-	}
-}
-
-.edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label {
-	color: $gray-600;
-	width: 100px;
-	flex-shrink: 0;
-}
-
-.edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value {
-	color: $gray-200;
-}

package/src/components/site-editor-routes/styles-edit.js

@@ -1,26 +0,0 @@
-/**
- * Internal dependencies
- */
-import Editor from '../editor';
-import SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';
-import GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';
-
-export const stylesEditRoute = {
-	name: 'styles-edit',
-	match: ( params ) => {
-		return (
-			params.path &&
-			params.path.startsWith( '/wp_global_styles' ) &&
-			params.canvas !== 'edit'
-		);
-	},
-	areas: {
-		content: <GlobalStylesUIWrapper />,
-		sidebar: <SidebarNavigationScreenGlobalStyles backPath={ {} } />,
-		preview: <Editor />,
-		mobile: <Editor />,
-	},
-	widths: {
-		content: 380,
-	},
-};