@wordpress/edit-site 5.12.0 → 5.12.2

package/build-module/components/sidebar-navigation-screen-template-part/index.js

@@ -1,86 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { __, sprintf, _x } from '@wordpress/i18n';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { pencil } from '@wordpress/icons';
-import { __experimentalUseNavigator as useNavigator, Icon } from '@wordpress/components';
-import { store as coreStore } from '@wordpress/core-data';
-/**
- * Internal dependencies
- */
-
-import SidebarNavigationScreen from '../sidebar-navigation-screen';
-import useEditedEntityRecord from '../use-edited-entity-record';
-import { unlock } from '../../private-apis';
-import { store as editSiteStore } from '../../store';
-import SidebarButton from '../sidebar-button';
-import { useAddedBy } from '../list/added-by';
-
-function useTemplateTitleAndDescription(postType, postId) {
-  const {
-    getDescription,
-    getTitle,
-    record
-  } = useEditedEntityRecord(postType, postId);
-  const currentTheme = useSelect(select => select(coreStore).getCurrentTheme(), []);
-  const addedBy = useAddedBy(postType, postId);
-  const isAddedByActiveTheme = addedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;
-  const title = getTitle();
-  let descriptionText = getDescription();
-
-  if (!descriptionText && addedBy.text) {
-    descriptionText = sprintf( // translators: %s: template part title e.g: "Header".
-    __('This is your %s template part.'), getTitle());
-  }
-
-  const description = createElement(Fragment, null, descriptionText, addedBy.text && !isAddedByActiveTheme && createElement("span", {
-    className: "edit-site-sidebar-navigation-screen-template__added-by-description"
-  }, createElement("span", {
-    className: "edit-site-sidebar-navigation-screen-template__added-by-description-author"
-  }, createElement("span", {
-    className: "edit-site-sidebar-navigation-screen-template__added-by-description-author-icon"
-  }, addedBy.imageUrl ? createElement("img", {
-    src: addedBy.imageUrl,
-    alt: "",
-    width: "24",
-    height: "24"
-  }) : createElement(Icon, {
-    icon: addedBy.icon
-  })), addedBy.text), addedBy.isCustomized && createElement("span", {
-    className: "edit-site-sidebar-navigation-screen-template__added-by-description-customized"
-  }, _x('(Customized)', 'template part'))));
-  return {
-    title,
-    description
-  };
-}
-
-export default function SidebarNavigationScreenTemplatePart() {
-  const {
-    params
-  } = useNavigator();
-  const {
-    postType,
-    postId
-  } = params;
-  const {
-    setCanvasMode
-  } = unlock(useDispatch(editSiteStore));
-  const {
-    title,
-    description
-  } = useTemplateTitleAndDescription(postType, postId);
-  return createElement(SidebarNavigationScreen, {
-    title: title,
-    actions: createElement(SidebarButton, {
-      onClick: () => setCanvasMode('edit'),
-      label: __('Edit'),
-      icon: pencil
-    }),
-    description: description
-  });
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/sidebar-navigation-screen-template-part/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-template-part/index.js"],"names":["__","sprintf","_x","useDispatch","useSelect","pencil","__experimentalUseNavigator","useNavigator","Icon","store","coreStore","SidebarNavigationScreen","useEditedEntityRecord","unlock","editSiteStore","SidebarButton","useAddedBy","useTemplateTitleAndDescription","postType","postId","getDescription","getTitle","record","currentTheme","select","getCurrentTheme","addedBy","isAddedByActiveTheme","type","theme","stylesheet","title","descriptionText","text","description","imageUrl","icon","isCustomized","SidebarNavigationScreenTemplatePart","params","setCanvasMode"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf, _x } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { pencil } from '@wordpress/icons';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\tIcon,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport { unlock } from '../../private-apis';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport { useAddedBy } from '../list/added-by';\n\nfunction useTemplateTitleAndDescription( postType, postId ) {\n\tconst { getDescription, getTitle, record } = useEditedEntityRecord(\n\t\tpostType,\n\t\tpostId\n\t);\n\tconst currentTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\tconst addedBy = useAddedBy( postType, postId );\n\tconst isAddedByActiveTheme =\n\t\taddedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;\n\tconst title = getTitle();\n\tlet descriptionText = getDescription();\n\n\tif ( ! descriptionText && addedBy.text ) {\n\t\tdescriptionText = sprintf(\n\t\t\t// translators: %s: template part title e.g: \"Header\".\n\t\t\t__( 'This is your %s template part.' ),\n\t\t\tgetTitle()\n\t\t);\n\t}\n\n\tconst description = (\n\t\t<>\n\t\t\t{ descriptionText }\n\n\t\t\t{ addedBy.text && ! isAddedByActiveTheme && (\n\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description\">\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-author\">\n\t\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-author-icon\">\n\t\t\t\t\t\t\t{ addedBy.imageUrl ? (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={ addedBy.imageUrl }\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Icon icon={ addedBy.icon } />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ addedBy.text }\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{ addedBy.isCustomized && (\n\t\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-template__added-by-description-customized\">\n\t\t\t\t\t\t\t{ _x( '(Customized)', 'template part' ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</span>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn { title, description };\n}\n\nexport default function SidebarNavigationScreenTemplatePart() {\n\tconst { params } = useNavigator();\n\tconst { postType, postId } = params;\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { title, description } = useTemplateTitleAndDescription(\n\t\tpostType,\n\t\tpostId\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ title }\n\t\t\tactions={\n\t\t\t\t<SidebarButton\n\t\t\t\t\tonClick={ () => setCanvasMode( 'edit' ) }\n\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\ticon={ pencil }\n\t\t\t\t/>\n\t\t\t}\n\t\t\tdescription={ description }\n\t\t/>\n\t);\n}\n"]}

package/build-module/components/sidebar-navigation-subtitle/index.js

@@ -1,9 +0,0 @@
-import { createElement } from "@wordpress/element";
-export default function SidebarNavigationSubtitle({
-  children
-}) {
-  return createElement("h3", {
-    className: "edit-site-sidebar-navigation-subtitle"
-  }, children);
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/sidebar-navigation-subtitle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-subtitle/index.js"],"names":["SidebarNavigationSubtitle","children"],"mappings":";AAAA,eAAe,SAASA,yBAAT,CAAoC;AAAEC,EAAAA;AAAF,CAApC,EAAmD;AACjE,SACC;AAAI,IAAA,SAAS,EAAC;AAAd,KAAwDA,QAAxD,CADD;AAGA","sourcesContent":["export default function SidebarNavigationSubtitle( { children } ) {\n\treturn (\n\t\t<h3 className=\"edit-site-sidebar-navigation-subtitle\">{ children }</h3>\n\t);\n}\n"]}

package/build-module/private-apis.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-site/src/private-apis.js"],"names":["__dangerousOptInToUnstableAPIsOnlyForCoreModules","lock","unlock"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gDAAT,QAAiE,yBAAjE;AAEA,OAAO,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IACZF,gDAAgD,CAC/C,8GAD+C,EAE/C,sBAF+C,CAD1C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.',\n\t\t'@wordpress/edit-site'\n\t);\n"]}

package/src/components/add-new-template/new-template-part.js

@@ -1,109 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-import { useDispatch } from '@wordpress/data';
-import { Button } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { store as noticesStore } from '@wordpress/notices';
-import { store as coreStore } from '@wordpress/core-data';
-import { plus } from '@wordpress/icons';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import CreateTemplatePartModal from '../create-template-part-modal';
-import {
-	useExistingTemplateParts,
-	getUniqueTemplatePartTitle,
-	getCleanTemplatePartSlug,
-} from '../../utils/template-part-create';
-import { unlock } from '../../private-apis';
-
-const { useHistory } = unlock( routerPrivateApis );
-
-export default function NewTemplatePart( {
-	postType,
-	showIcon = true,
-	toggleProps,
-} ) {
-	const history = useHistory();
-	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	const { createErrorNotice } = useDispatch( noticesStore );
-	const { saveEntityRecord } = useDispatch( coreStore );
-	const existingTemplateParts = useExistingTemplateParts();
-
-	async function createTemplatePart( { title, area } ) {
-		if ( ! title ) {
-			createErrorNotice( __( 'Title is not defined.' ), {
-				type: 'snackbar',
-			} );
-			return;
-		}
-
-		try {
-			const uniqueTitle = getUniqueTemplatePartTitle(
-				title,
-				existingTemplateParts
-			);
-			const cleanSlug = getCleanTemplatePartSlug( uniqueTitle );
-
-			const templatePart = await saveEntityRecord(
-				'postType',
-				'wp_template_part',
-				{
-					slug: cleanSlug,
-					title: uniqueTitle,
-					content: '',
-					area,
-				},
-				{ throwOnError: true }
-			);
-
-			setIsModalOpen( false );
-
-			// Navigate to the created template part editor.
-			history.push( {
-				postId: templatePart.id,
-				postType: 'wp_template_part',
-				canvas: 'edit',
-			} );
-
-			// TODO: Add a success notice?
-		} catch ( error ) {
-			const errorMessage =
-				error.message && error.code !== 'unknown_error'
-					? error.message
-					: __(
-							'An error occurred while creating the template part.'
-					  );
-
-			createErrorNotice( errorMessage, { type: 'snackbar' } );
-
-			setIsModalOpen( false );
-		}
-	}
-	const { as: Toggle = Button, ...restToggleProps } = toggleProps ?? {};
-
-	return (
-		<>
-			<Toggle
-				{ ...restToggleProps }
-				onClick={ () => {
-					setIsModalOpen( true );
-				} }
-				icon={ showIcon ? plus : null }
-				label={ postType.labels.add_new }
-			>
-				{ showIcon ? null : postType.labels.add_new }
-			</Toggle>
-			{ isModalOpen && (
-				<CreateTemplatePartModal
-					closeModal={ () => setIsModalOpen( false ) }
-					onCreate={ createTemplatePart }
-				/>
-			) }
-		</>
-	);
-}

package/src/components/page-content-lock/index.js

@@ -1,14 +0,0 @@
-/**
- * Internal dependencies
- */
-import { useDisableNonContentBlocks } from './use-disable-non-content-blocks';
-
-/**
- * Component that when rendered, locks the site editor so that only page content
- * can be edited.
- */
-export function PageContentLock() {
-	useDisableNonContentBlocks();
-}
-
-export { usePageContentLockNotifications } from './use-page-content-lock-notifications';

package/src/components/page-content-lock/use-page-content-lock-notifications.js

@@ -1,128 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useEffect, useRef } from '@wordpress/element';
-import { store as noticesStore } from '@wordpress/notices';
-import { __ } from '@wordpress/i18n';
-import { useRefEffect } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-
-/**
- * Hook that displays notifications that guide the user towards using the
- * content vs. template editing modes.
- *
- * @return {import('react').RefObject<HTMLElement>} Ref which should be passed
- *                                                  (using useMergeRefs()) to
- *                                                  the editor iframe canvas.
- */
-export function usePageContentLockNotifications() {
-	const ref = useEditTemplateNotification();
-	useBackToPageNotification();
-	return ref;
-}
-
-/**
- * Hook that displays a 'Edit your template to edit this block' notification
- * when the user is focusing on editing page content and clicks on a locked
- * template block.
- *
- * @return {import('react').RefObject<HTMLElement>} Ref which should be passed
- *                                                  (using useMergeRefs()) to
- *                                                  the editor iframe canvas.
- */
-function useEditTemplateNotification() {
-	const hasPageContentLock = useSelect(
-		( select ) => select( editSiteStore ).hasPageContentLock(),
-		[]
-	);
-
-	const alreadySeen = useRef( false );
-
-	const { createInfoNotice } = useDispatch( noticesStore );
-	const { setHasPageContentLock } = useDispatch( editSiteStore );
-
-	return useRefEffect(
-		( node ) => {
-			const handleClick = ( event ) => {
-				if (
-					! alreadySeen.current &&
-					hasPageContentLock &&
-					event.target.classList.contains( 'is-root-container' )
-				) {
-					createInfoNotice(
-						__( 'Edit your template to edit this block' ),
-						{
-							isDismissible: true,
-							type: 'snackbar',
-							actions: [
-								{
-									label: __( 'Edit template' ),
-									onClick: () =>
-										setHasPageContentLock( false ),
-								},
-							],
-						}
-					);
-					alreadySeen.current = true;
-				}
-			};
-			node.addEventListener( 'click', handleClick );
-			return () => node.removeEventListener( 'click', handleClick );
-		},
-		[
-			hasPageContentLock,
-			alreadySeen,
-			createInfoNotice,
-			setHasPageContentLock,
-		]
-	);
-}
-
-/**
- * Hook that displays a 'You are editing a template' notification when the user
- * switches from focusing on editing page content to editing a template.
- */
-function useBackToPageNotification() {
-	const hasPageContentLock = useSelect(
-		( select ) => select( editSiteStore ).hasPageContentLock(),
-		[]
-	);
-
-	const alreadySeen = useRef( false );
-	const prevHasPageContentLock = useRef( false );
-
-	const { createInfoNotice } = useDispatch( noticesStore );
-	const { setHasPageContentLock } = useDispatch( editSiteStore );
-
-	useEffect( () => {
-		if (
-			! alreadySeen.current &&
-			prevHasPageContentLock.current &&
-			! hasPageContentLock
-		) {
-			createInfoNotice( __( 'You are editing a template' ), {
-				isDismissible: true,
-				type: 'snackbar',
-				actions: [
-					{
-						label: __( 'Back to page' ),
-						onClick: () => setHasPageContentLock( true ),
-					},
-				],
-			} );
-			alreadySeen.current = true;
-		}
-		prevHasPageContentLock.current = hasPageContentLock;
-	}, [
-		alreadySeen,
-		prevHasPageContentLock,
-		hasPageContentLock,
-		createInfoNotice,
-		setHasPageContentLock,
-	] );
-}

package/src/components/sidebar-edit-mode/page-panels/content-blocks-list.js

@@ -1,77 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import {
-	Button,
-	__experimentalVStack as VStack,
-	__experimentalHStack as HStack,
-	FlexItem,
-} from '@wordpress/components';
-import { getBlockType, __experimentalGetBlockLabel } from '@wordpress/blocks';
-import { store as blockEditorStore, BlockIcon } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { CONTENT_BLOCK_TYPES } from '../../page-content-lock/constants';
-
-// TODO: This overlaps a lot with BlockInspectorLockedBlocks in
-// @wordpress/block-editor. DRY them into a single component.
-export default function ContentBlocksList() {
-	const contentBlocks = useSelect( ( select ) => {
-		const {
-			getClientIdsWithDescendants,
-			getBlockName,
-			getBlock,
-			isBlockSelected,
-			hasSelectedInnerBlock,
-		} = select( blockEditorStore );
-		return getClientIdsWithDescendants().flatMap( ( clientId ) => {
-			const blockName = getBlockName( clientId );
-			if ( ! CONTENT_BLOCK_TYPES.includes( blockName ) ) {
-				return [];
-			}
-			return [
-				{
-					block: getBlock( clientId ),
-					isSelected:
-						isBlockSelected( clientId ) ||
-						hasSelectedInnerBlock( clientId, /* deep: */ true ),
-				},
-			];
-		} );
-	}, [] );
-
-	const { selectBlock } = useDispatch( blockEditorStore );
-
-	if ( ! contentBlocks.length ) {
-		return null;
-	}
-
-	return (
-		<VStack spacing={ 1 }>
-			{ contentBlocks.map( ( { block, isSelected } ) => {
-				const blockType = getBlockType( block.name );
-				return (
-					<Button
-						key={ block.clientId }
-						isPressed={ isSelected }
-						onClick={ () => selectBlock( block.clientId ) }
-					>
-						<HStack justify="flex-start">
-							<BlockIcon icon={ blockType.icon } />
-							<FlexItem>
-								{ __experimentalGetBlockLabel(
-									blockType,
-									block.attributes,
-									'list-view'
-								) }
-							</FlexItem>
-						</HStack>
-					</Button>
-				);
-			} ) }
-		</VStack>
-	);
-}

package/src/components/sidebar-navigation-screen-navigation-menus/navigator-button.js

@@ -1,47 +0,0 @@
-/**
- * WordPress dependencies
- */
-
-import { __experimentalNavigatorButton as NavigatorButton } from '@wordpress/components';
-import { useEntityRecords } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { PRELOADED_NAVIGATION_MENUS_QUERY } from './constants';
-
-export default function SidebarNavigationScreenNavigationMenuButton( {
-	children,
-	...props
-} ) {
-	const { records: navigationMenus, isResolving: isLoading } =
-		useEntityRecords(
-			'postType',
-			`wp_navigation`,
-			PRELOADED_NAVIGATION_MENUS_QUERY
-		);
-
-	const hasNavigationMenus = !! navigationMenus?.length;
-	const hasSingleNavigationMenu = navigationMenus?.length === 1;
-	const firstNavigationMenu = navigationMenus?.[ 0 ];
-
-	const showNavigationScreen = process.env.IS_GUTENBERG_PLUGIN
-		? hasNavigationMenus
-		: false;
-
-	// If there is a single menu then we can go directly to that menu.
-	// Otherwise we go to the navigation listing screen.
-	const path = hasSingleNavigationMenu
-		? `/navigation/wp_navigation/${ firstNavigationMenu?.id }`
-		: '/navigation';
-
-	if ( ! showNavigationScreen ) {
-		return null;
-	}
-
-	return (
-		<NavigatorButton { ...props } disabled={ isLoading } path={ path }>
-			{ children }
-		</NavigatorButton>
-	);
-}

package/src/components/sidebar-navigation-screen-template-part/index.js

@@ -1,103 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf, _x } from '@wordpress/i18n';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { pencil } from '@wordpress/icons';
-import {
-	__experimentalUseNavigator as useNavigator,
-	Icon,
-} from '@wordpress/components';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import SidebarNavigationScreen from '../sidebar-navigation-screen';
-import useEditedEntityRecord from '../use-edited-entity-record';
-import { unlock } from '../../private-apis';
-import { store as editSiteStore } from '../../store';
-import SidebarButton from '../sidebar-button';
-import { useAddedBy } from '../list/added-by';
-
-function useTemplateTitleAndDescription( postType, postId ) {
-	const { getDescription, getTitle, record } = useEditedEntityRecord(
-		postType,
-		postId
-	);
-	const currentTheme = useSelect(
-		( select ) => select( coreStore ).getCurrentTheme(),
-		[]
-	);
-	const addedBy = useAddedBy( postType, postId );
-	const isAddedByActiveTheme =
-		addedBy.type === 'theme' && record.theme === currentTheme?.stylesheet;
-	const title = getTitle();
-	let descriptionText = getDescription();
-
-	if ( ! descriptionText && addedBy.text ) {
-		descriptionText = sprintf(
-			// translators: %s: template part title e.g: "Header".
-			__( 'This is your %s template part.' ),
-			getTitle()
-		);
-	}
-
-	const description = (
-		<>
-			{ descriptionText }
-
-			{ addedBy.text && ! isAddedByActiveTheme && (
-				<span className="edit-site-sidebar-navigation-screen-template__added-by-description">
-					<span className="edit-site-sidebar-navigation-screen-template__added-by-description-author">
-						<span className="edit-site-sidebar-navigation-screen-template__added-by-description-author-icon">
-							{ addedBy.imageUrl ? (
-								<img
-									src={ addedBy.imageUrl }
-									alt=""
-									width="24"
-									height="24"
-								/>
-							) : (
-								<Icon icon={ addedBy.icon } />
-							) }
-						</span>
-						{ addedBy.text }
-					</span>
-
-					{ addedBy.isCustomized && (
-						<span className="edit-site-sidebar-navigation-screen-template__added-by-description-customized">
-							{ _x( '(Customized)', 'template part' ) }
-						</span>
-					) }
-				</span>
-			) }
-		</>
-	);
-
-	return { title, description };
-}
-
-export default function SidebarNavigationScreenTemplatePart() {
-	const { params } = useNavigator();
-	const { postType, postId } = params;
-	const { setCanvasMode } = unlock( useDispatch( editSiteStore ) );
-	const { title, description } = useTemplateTitleAndDescription(
-		postType,
-		postId
-	);
-
-	return (
-		<SidebarNavigationScreen
-			title={ title }
-			actions={
-				<SidebarButton
-					onClick={ () => setCanvasMode( 'edit' ) }
-					label={ __( 'Edit' ) }
-					icon={ pencil }
-				/>
-			}
-			description={ description }
-		/>
-	);
-}

package/src/components/sidebar-navigation-screen-templates/style.scss

@@ -1,4 +0,0 @@
-.edit-site-sidebar-navigation-screen-templates__see-all {
-	/* Overrides the margin that comes from the Item component */
-	margin-top: $grid-unit-20 !important;
-}

package/src/components/sidebar-navigation-subtitle/index.js

@@ -1,5 +0,0 @@
-export default function SidebarNavigationSubtitle( { children } ) {
-	return (
-		<h3 className="edit-site-sidebar-navigation-subtitle">{ children }</h3>
-	);
-}

package/src/components/sidebar-navigation-subtitle/style.scss

@@ -1,7 +0,0 @@
-.edit-site-sidebar-navigation-subtitle {
-	color: $gray-400;
-	text-transform: uppercase;
-	font-weight: 500;
-	font-size: 11px;
-	padding: $grid-unit-10 0;
-}