@wordpress/edit-site 5.35.0 → 6.0.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["__","useSelect","__experimentalTruncate","Truncate","__experimentalItemGroup","ItemGroup","store","editorStore","useMemo","decodeEntities","SidebarNavigationScreenDetailsPanel","SidebarNavigationScreenDetailsPanelRow","unlock","editSiteStore","useLink","SidebarNavigationItem","TEMPLATE_PART_POST_TYPE","TemplateAreaButton","postId","area","title","templatePartArea","select","defaultAreas","__experimentalGetDefaultTemplatePartAreas","find","defaultArea","linkInfo","postType","createElement","className","icon","withChevron","limit","ellipsizeMode","numberOfLines","TemplateAreas","templatePartAreas","currentTemplateParts","getSettings","getCurrentTemplateTemplateParts","defaultTemplatePartAreas","templateAreas","templatePartIds","Set","filterOutDuplicateTemplateParts","currentTemplatePart","has","templatePart","id","add","length","filter","map","block","clientId","spacing","label","theme","slug","key","rendered"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-template/template-areas.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalTruncate as Truncate,\n\t__experimentalItemGroup as ItemGroup,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSidebarNavigationScreenDetailsPanel,\n\tSidebarNavigationScreenDetailsPanelRow,\n} from '../sidebar-navigation-screen-details-panel';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { TEMPLATE_PART_POST_TYPE } from '../../utils/constants';\n\nfunction TemplateAreaButton( { postId, area, title } ) {\n\tconst templatePartArea = useSelect(\n\t\t( select ) => {\n\t\t\tconst defaultAreas =\n\t\t\t\tselect(\n\t\t\t\t\teditorStore\n\t\t\t\t).__experimentalGetDefaultTemplatePartAreas();\n\n\t\t\treturn defaultAreas.find(\n\t\t\t\t( defaultArea ) => defaultArea.area === area\n\t\t\t);\n\t\t},\n\t\t[ area ]\n\t);\n\tconst linkInfo = useLink( {\n\t\tpostType: TEMPLATE_PART_POST_TYPE,\n\t\tpostId,\n\t} );\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\tclassName=\"edit-site-sidebar-navigation-screen-template__template-area-button\"\n\t\t\t{ ...linkInfo }\n\t\t\ticon={ templatePartArea?.icon }\n\t\t\twithChevron\n\t\t>\n\t\t\t<Truncate\n\t\t\t\tlimit={ 20 }\n\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-template__template-area-label-text\"\n\t\t\t>\n\t\t\t\t{ decodeEntities( title ) }\n\t\t\t</Truncate>\n\t\t</SidebarNavigationItem>\n\t);\n}\n\nexport default function TemplateAreas() {\n\tconst { templatePartAreas, currentTemplateParts } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getCurrentTemplateTemplateParts } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\ttemplatePartAreas: getSettings()?.defaultTemplatePartAreas,\n\t\t\t\tcurrentTemplateParts: getCurrentTemplateTemplateParts(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\t/*\n\t * Merge data in currentTemplateParts with templatePartAreas,\n\t * which contains the template icon and fallback labels\n\t */\n\tconst templateAreas = useMemo( () => {\n\t\t// Keep track of template part IDs that have already been added to the array.\n\t\tconst templatePartIds = new Set();\n\t\tconst filterOutDuplicateTemplateParts = ( currentTemplatePart ) => {\n\t\t\t// If the template part has already been added to the array, skip it.\n\t\t\tif ( templatePartIds.has( currentTemplatePart.templatePart.id ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Add to the array of template part IDs.\n\t\t\ttemplatePartIds.add( currentTemplatePart.templatePart.id );\n\t\t\treturn currentTemplatePart;\n\t\t};\n\n\t\treturn currentTemplateParts.length && templatePartAreas\n\t\t\t? currentTemplateParts\n\t\t\t\t\t.filter( filterOutDuplicateTemplateParts )\n\t\t\t\t\t.map( ( { templatePart, block } ) => ( {\n\t\t\t\t\t\t...templatePartAreas?.find(\n\t\t\t\t\t\t\t( { area } ) => area === templatePart?.area\n\t\t\t\t\t\t),\n\t\t\t\t\t\t...templatePart,\n\t\t\t\t\t\tclientId: block.clientId,\n\t\t\t\t\t} ) )\n\t\t\t: [];\n\t}, [ currentTemplateParts, templatePartAreas ] );\n\n\tif ( ! templateAreas.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreenDetailsPanel\n\t\t\ttitle={ __( 'Areas' ) }\n\t\t\tspacing={ 3 }\n\t\t>\n\t\t\t<ItemGroup>\n\t\t\t\t{ templateAreas.map(\n\t\t\t\t\t( { clientId, label, area, theme, slug, title } ) => (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsPanelRow\n\t\t\t\t\t\t\tkey={ clientId }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TemplateAreaButton\n\t\t\t\t\t\t\t\tpostId={ `${ theme }//${ slug }` }\n\t\t\t\t\t\t\t\ttitle={ title?.rendered || label }\n\t\t\t\t\t\t\t\tarea={ area }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t\t\t)\n\t\t\t\t) }\n\t\t\t</ItemGroup>\n\t\t</SidebarNavigationScreenDetailsPanel>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/template-actions/index.js

@@ -1,123 +0,0 @@
-import { createElement, Fragment } from "react";
-/**
- * WordPress dependencies
- */
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useState } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-import { DropdownMenu, MenuGroup, MenuItem, __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';
-import { moreVertical } from '@wordpress/icons';
-import { store as noticesStore } from '@wordpress/notices';
-import { decodeEntities } from '@wordpress/html-entities';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import isTemplateRemovable from '../../utils/is-template-removable';
-import isTemplateRevertable from '../../utils/is-template-revertable';
-import RenamePostMenuItem from '../rename-post-menu-item';
-import { TEMPLATE_POST_TYPE } from '../../utils/constants';
-export default function TemplateActions({
-  postType,
-  postId,
-  className,
-  toggleProps,
-  onRemove
-}) {
-  const template = useSelect(select => select(coreStore).getEntityRecord('postType', postType, postId), [postType, postId]);
-  const {
-    removeTemplate
-  } = useDispatch(editSiteStore);
-  const isRemovable = isTemplateRemovable(template);
-  const isRevertable = isTemplateRevertable(template);
-  if (!isRemovable && !isRevertable) {
-    return null;
-  }
-  return createElement(DropdownMenu, {
-    icon: moreVertical,
-    label: __('Actions'),
-    className: className,
-    toggleProps: toggleProps
-  }, ({
-    onClose
-  }) => createElement(MenuGroup, null, isRemovable && createElement(Fragment, null, createElement(RenamePostMenuItem, {
-    post: template,
-    onClose: onClose
-  }), createElement(DeleteMenuItem, {
-    onRemove: () => {
-      removeTemplate(template);
-      onRemove?.();
-      onClose();
-    },
-    title: template.title.rendered
-  })), isRevertable && createElement(ResetMenuItem, {
-    template: template,
-    onClose: onClose
-  })));
-}
-function ResetMenuItem({
-  template,
-  onClose
-}) {
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const {
-    revertTemplate
-  } = useDispatch(editSiteStore);
-  const {
-    saveEditedEntityRecord
-  } = useDispatch(coreStore);
-  const {
-    createSuccessNotice,
-    createErrorNotice
-  } = useDispatch(noticesStore);
-  async function revertAndSaveTemplate() {
-    try {
-      await revertTemplate(template, {
-        allowUndo: false
-      });
-      await saveEditedEntityRecord('postType', template.type, template.id);
-      createSuccessNotice(sprintf( /* translators: The template/part's name. */
-      __('"%s" reset.'), decodeEntities(template.title.rendered)), {
-        type: 'snackbar',
-        id: 'edit-site-template-reverted'
-      });
-    } catch (error) {
-      const fallbackErrorMessage = template.type === TEMPLATE_POST_TYPE ? __('An error occurred while reverting the template.') : __('An error occurred while reverting the template part.');
-      const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : fallbackErrorMessage;
-      createErrorNotice(errorMessage, {
-        type: 'snackbar'
-      });
-    }
-  }
-  return createElement(Fragment, null, createElement(MenuItem, {
-    onClick: () => setIsModalOpen(true)
-  }, __('Reset')), createElement(ConfirmDialog, {
-    isOpen: isModalOpen,
-    onConfirm: () => {
-      revertAndSaveTemplate();
-      onClose();
-    },
-    onCancel: () => setIsModalOpen(false),
-    confirmButtonText: __('Reset')
-  }, __('Reset to default and clear all customizations?')));
-}
-function DeleteMenuItem({
-  onRemove,
-  title
-}) {
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  return createElement(Fragment, null, createElement(MenuItem, {
-    isDestructive: true,
-    onClick: () => setIsModalOpen(true)
-  }, __('Delete')), createElement(ConfirmDialog, {
-    isOpen: isModalOpen,
-    onConfirm: onRemove,
-    onCancel: () => setIsModalOpen(false),
-    confirmButtonText: __('Delete')
-  }, sprintf(
-  // translators: %s: The template or template part's title.
-  __('Are you sure you want to delete "%s"?'), decodeEntities(title))));
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/template-actions/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useDispatch","useSelect","store","coreStore","useState","__","sprintf","DropdownMenu","MenuGroup","MenuItem","__experimentalConfirmDialog","ConfirmDialog","moreVertical","noticesStore","decodeEntities","editSiteStore","isTemplateRemovable","isTemplateRevertable","RenamePostMenuItem","TEMPLATE_POST_TYPE","TemplateActions","postType","postId","className","toggleProps","onRemove","template","select","getEntityRecord","removeTemplate","isRemovable","isRevertable","createElement","icon","label","onClose","Fragment","post","DeleteMenuItem","title","rendered","ResetMenuItem","isModalOpen","setIsModalOpen","revertTemplate","saveEditedEntityRecord","createSuccessNotice","createErrorNotice","revertAndSaveTemplate","allowUndo","type","id","error","fallbackErrorMessage","errorMessage","message","code","onClick","isOpen","onConfirm","onCancel","confirmButtonText","isDestructive"],"sources":["@wordpress/edit-site/src/components/template-actions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport RenamePostMenuItem from '../rename-post-menu-item';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nexport default function TemplateActions( {\n\tpostType,\n\tpostId,\n\tclassName,\n\ttoggleProps,\n\tonRemove,\n} ) {\n\tconst template = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', postType, postId ),\n\t\t[ postType, postId ]\n\t);\n\tconst { removeTemplate } = useDispatch( editSiteStore );\n\tconst isRemovable = isTemplateRemovable( template );\n\tconst isRevertable = isTemplateRevertable( template );\n\n\tif ( ! isRemovable && ! isRevertable ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName={ className }\n\t\t\ttoggleProps={ toggleProps }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t{ isRemovable && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RenamePostMenuItem\n\t\t\t\t\t\t\t\tpost={ template }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<DeleteMenuItem\n\t\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\t\tremoveTemplate( template );\n\t\t\t\t\t\t\t\t\tonRemove?.();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttitle={ template.title.rendered }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRevertable && (\n\t\t\t\t\t\t<ResetMenuItem\n\t\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction ResetMenuItem( { template, onClose } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { revertTemplate } = useDispatch( editSiteStore );\n\tconst { saveEditedEntityRecord } = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tasync function revertAndSaveTemplate() {\n\t\ttry {\n\t\t\tawait revertTemplate( template, { allowUndo: false } );\n\t\t\tawait saveEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\ttemplate.type,\n\t\t\t\ttemplate.id\n\t\t\t);\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: The template/part's name. */\n\t\t\t\t\t__( '\"%s\" reset.' ),\n\t\t\t\t\tdecodeEntities( template.title.rendered )\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-template-reverted',\n\t\t\t\t}\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst fallbackErrorMessage =\n\t\t\t\ttemplate.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'An error occurred while reverting the template.' )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while reverting the template part.'\n\t\t\t\t\t  );\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: fallbackErrorMessage;\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Reset' ) }\n\t\t\t</MenuItem>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\tonConfirm={ () => {\n\t\t\t\t\trevertAndSaveTemplate();\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => setIsModalOpen( false ) }\n\t\t\t\tconfirmButtonText={ __( 'Reset' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Reset to default and clear all customizations?' ) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n\nfunction DeleteMenuItem( { onRemove, title } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<MenuItem isDestructive onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Delete' ) }\n\t\t\t</MenuItem>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\tonConfirm={ onRemove }\n\t\t\t\tonCancel={ () => setIsModalOpen( false ) }\n\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: The template or template part's title.\n\t\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\t\tdecodeEntities( title )\n\t\t\t\t) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/hooks/components.js

@@ -1,7 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { addFilter } from '@wordpress/hooks';
-import { MediaUpload } from '@wordpress/media-utils';
-addFilter('editor.MediaUpload', 'core/edit-site/components/media-upload', () => MediaUpload);
-//# sourceMappingURL=components.js.map

package/build-module/hooks/components.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["addFilter","MediaUpload"],"sources":["@wordpress/edit-site/src/hooks/components.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { MediaUpload } from '@wordpress/media-utils';\n\naddFilter(\n\t'editor.MediaUpload',\n\t'core/edit-site/components/media-upload',\n\t() => MediaUpload\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,WAAW,QAAQ,wBAAwB;AAEpDD,SAAS,CACR,oBAAoB,EACpB,wCAAwC,EACxC,MAAMC,WACP,CAAC","ignoreList":[]}

package/build-module/utils/get-is-list-page.js

@@ -1,22 +0,0 @@
-/**
- * Returns if the params match the list page route.
- *
- * @param {Object}  params                The url params.
- * @param {string}  params.path           The current path.
- * @param {string}  [params.categoryType] The current category type.
- * @param {string}  [params.categoryId]   The current category id.
- * @param {boolean} isMobileViewport      Is mobile viewport.
- *
- * @return {boolean} Is list page or not.
- */
-export default function getIsListPage({
-  path,
-  categoryType,
-  categoryId
-}, isMobileViewport) {
-  return ['/wp_template', '/pages'].includes(path) || path === '/patterns' && (
-  // Don't treat "/patterns" without categoryType and categoryId as a
-  // list page in mobile because the sidebar covers the whole page.
-  !isMobileViewport || !!categoryType && !!categoryId);
-}
-//# sourceMappingURL=get-is-list-page.js.map

package/build-module/utils/get-is-list-page.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getIsListPage","path","categoryType","categoryId","isMobileViewport","includes"],"sources":["@wordpress/edit-site/src/utils/get-is-list-page.js"],"sourcesContent":["/**\n * Returns if the params match the list page route.\n *\n * @param {Object}  params                The url params.\n * @param {string}  params.path           The current path.\n * @param {string}  [params.categoryType] The current category type.\n * @param {string}  [params.categoryId]   The current category id.\n * @param {boolean} isMobileViewport      Is mobile viewport.\n *\n * @return {boolean} Is list page or not.\n */\nexport default function getIsListPage(\n\t{ path, categoryType, categoryId },\n\tisMobileViewport\n) {\n\treturn (\n\t\t[ '/wp_template', '/pages' ].includes( path ) ||\n\t\t( path === '/patterns' &&\n\t\t\t// Don't treat \"/patterns\" without categoryType and categoryId as a\n\t\t\t// list page in mobile because the sidebar covers the whole page.\n\t\t\t( ! isMobileViewport || ( !! categoryType && !! categoryId ) ) )\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASA,aAAaA,CACpC;EAAEC,IAAI;EAAEC,YAAY;EAAEC;AAAW,CAAC,EAClCC,gBAAgB,EACf;EACD,OACC,CAAE,cAAc,EAAE,QAAQ,CAAE,CAACC,QAAQ,CAAEJ,IAAK,CAAC,IAC3CA,IAAI,KAAK,WAAW;EACrB;EACA;EACE,CAAEG,gBAAgB,IAAM,CAAC,CAAEF,YAAY,IAAI,CAAC,CAAEC,UAAY,CAAI;AAEnE","ignoreList":[]}

package/src/components/block-editor/editor-canvas.js

@@ -1,158 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { ENTER, SPACE } from '@wordpress/keycodes';
-import { useState, useEffect, useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import {
-	store as editorStore,
-	privateApis as editorPrivateApis,
-} from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
-import {
-	FOCUSABLE_ENTITIES,
-	NAVIGATION_POST_TYPE,
-} from '../../utils/constants';
-
-const { EditorCanvas: EditorCanvasRoot } = unlock( editorPrivateApis );
-
-function EditorCanvas( {
-	enableResizing,
-	settings,
-	children,
-	onClick,
-	...props
-} ) {
-	const {
-		hasBlocks,
-		isFocusMode,
-		templateType,
-		canvasMode,
-		currentPostIsTrashed,
-	} = useSelect( ( select ) => {
-		const { getBlockCount } = select( blockEditorStore );
-		const { getEditedPostType, getCanvasMode } = unlock(
-			select( editSiteStore )
-		);
-		const _templateType = getEditedPostType();
-
-		return {
-			templateType: _templateType,
-			isFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),
-			canvasMode: getCanvasMode(),
-			hasBlocks: !! getBlockCount(),
-			currentPostIsTrashed:
-				select( editorStore ).getCurrentPostAttribute( 'status' ) ===
-				'trash',
-		};
-	}, [] );
-	const { setCanvasMode } = unlock( useDispatch( editSiteStore ) );
-	const [ isFocused, setIsFocused ] = useState( false );
-
-	useEffect( () => {
-		if ( canvasMode === 'edit' ) {
-			setIsFocused( false );
-		}
-	}, [ canvasMode ] );
-
-	// In view mode, make the canvas iframe be perceived and behave as a button
-	// to switch to edit mode, with a meaningful label and no title attribute.
-	const viewModeIframeProps = {
-		'aria-label': __( 'Edit' ),
-		'aria-disabled': currentPostIsTrashed,
-		title: null,
-		role: 'button',
-		tabIndex: 0,
-		onFocus: () => setIsFocused( true ),
-		onBlur: () => setIsFocused( false ),
-		onKeyDown: ( event ) => {
-			const { keyCode } = event;
-			if (
-				( keyCode === ENTER || keyCode === SPACE ) &&
-				! currentPostIsTrashed
-			) {
-				event.preventDefault();
-				setCanvasMode( 'edit' );
-			}
-		},
-		onClick: () => {
-			if ( !! onClick ) {
-				onClick();
-			} else {
-				setCanvasMode( 'edit' );
-			}
-		},
-		onClickCapture: ( event ) => {
-			if ( currentPostIsTrashed ) {
-				event.preventDefault();
-				event.stopPropagation();
-			}
-		},
-		readonly: true,
-	};
-	const isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;
-	const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;
-	// Hide the appender when:
-	// - In navigation focus mode (should only allow the root Nav block).
-	// - In view mode (i.e. not editing).
-	const showBlockAppender =
-		( isNavigationFocusMode && hasBlocks ) || canvasMode === 'view'
-			? false
-			: undefined;
-
-	const styles = useMemo(
-		() => [
-			...settings.styles,
-			{
-				// Forming a "block formatting context" to prevent margin collapsing.
-				// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
-
-				css: `.is-root-container{display:flow-root;${
-					// Some themes will have `min-height: 100vh` for the root container,
-					// which isn't a requirement in auto resize mode.
-					enableResizing ? 'min-height:0!important;' : ''
-				}}body{position:relative; ${
-					canvasMode === 'view'
-						? `min-height: 100vh; ${
-								currentPostIsTrashed ? '' : 'cursor: pointer;'
-						  }`
-						: ''
-				}}}`,
-			},
-		],
-		[ settings.styles, enableResizing, canvasMode, currentPostIsTrashed ]
-	);
-
-	return (
-		<EditorCanvasRoot
-			className={ clsx( 'edit-site-editor-canvas__block-list', {
-				'is-navigation-block': isTemplateTypeNavigation,
-			} ) }
-			renderAppender={ showBlockAppender }
-			styles={ styles }
-			iframeProps={ {
-				className: clsx( 'edit-site-visual-editor__editor-canvas', {
-					'is-focused': isFocused && canvasMode === 'view',
-				} ),
-				...props,
-				...( canvasMode === 'view' ? viewModeIframeProps : {} ),
-			} }
-		>
-			{ children }
-		</EditorCanvasRoot>
-	);
-}
-
-export default EditorCanvas;

package/src/components/block-editor/resizable-editor.js

@@ -1,82 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState, useRef, useCallback } from '@wordpress/element';
-import { ResizableBox } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ResizeHandle from './resize-handle';
-
-// Removes the inline styles in the drag handles.
-const HANDLE_STYLES_OVERRIDE = {
-	position: undefined,
-	userSelect: undefined,
-	cursor: undefined,
-	width: undefined,
-	height: undefined,
-	top: undefined,
-	right: undefined,
-	bottom: undefined,
-	left: undefined,
-};
-
-function ResizableEditor( { enableResizing, height, children } ) {
-	const [ width, setWidth ] = useState( '100%' );
-	const resizableRef = useRef();
-	const resizeWidthBy = useCallback( ( deltaPixels ) => {
-		if ( resizableRef.current ) {
-			setWidth( resizableRef.current.offsetWidth + deltaPixels );
-		}
-	}, [] );
-	return (
-		<ResizableBox
-			ref={ ( api ) => {
-				resizableRef.current = api?.resizable;
-			} }
-			size={ {
-				width: enableResizing ? width : '100%',
-				height: enableResizing && height ? height : '100%',
-			} }
-			onResizeStop={ ( event, direction, element ) => {
-				setWidth( element.style.width );
-			} }
-			minWidth={ 300 }
-			maxWidth="100%"
-			maxHeight="100%"
-			enable={ {
-				left: enableResizing,
-				right: enableResizing,
-			} }
-			showHandle={ enableResizing }
-			// The editor is centered horizontally, resizing it only
-			// moves half the distance. Hence double the ratio to correctly
-			// align the cursor to the resizer handle.
-			resizeRatio={ 2 }
-			handleComponent={ {
-				left: (
-					<ResizeHandle
-						direction="left"
-						resizeWidthBy={ resizeWidthBy }
-					/>
-				),
-				right: (
-					<ResizeHandle
-						direction="right"
-						resizeWidthBy={ resizeWidthBy }
-					/>
-				),
-			} }
-			handleClasses={ undefined }
-			handleStyles={ {
-				left: HANDLE_STYLES_OVERRIDE,
-				right: HANDLE_STYLES_OVERRIDE,
-			} }
-		>
-			{ children }
-		</ResizableBox>
-	);
-}
-
-export default ResizableEditor;

package/src/components/block-editor/resize-handle.js

@@ -1,66 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { LEFT, RIGHT } from '@wordpress/keycodes';
-import {
-	VisuallyHidden,
-	Tooltip,
-	__unstableMotion as motion,
-} from '@wordpress/components';
-
-const DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.
-
-export default function ResizeHandle( {
-	variation = 'default',
-	direction,
-	resizeWidthBy,
-} ) {
-	function handleKeyDown( event ) {
-		const { keyCode } = event;
-
-		if (
-			( direction === 'left' && keyCode === LEFT ) ||
-			( direction === 'right' && keyCode === RIGHT )
-		) {
-			resizeWidthBy( DELTA_DISTANCE );
-		} else if (
-			( direction === 'left' && keyCode === RIGHT ) ||
-			( direction === 'right' && keyCode === LEFT )
-		) {
-			resizeWidthBy( -DELTA_DISTANCE );
-		}
-	}
-
-	const resizeHandleVariants = {
-		active: {
-			opacity: 1,
-			scaleY: 1.3,
-		},
-	};
-
-	const resizableHandleHelpId = `resizable-editor__resize-help-${ direction }`;
-
-	return (
-		<>
-			<Tooltip text={ __( 'Drag to resize' ) }>
-				<motion.button
-					className={ `resizable-editor__drag-handle is-${ direction } is-variation-${ variation }` }
-					aria-label={ __( 'Drag to resize' ) }
-					aria-describedby={ resizableHandleHelpId }
-					onKeyDown={ handleKeyDown }
-					variants={ resizeHandleVariants }
-					whileFocus="active"
-					whileHover="active"
-					whileTap="active"
-					key="handle"
-					role="separator"
-					aria-orientation="vertical"
-				/>
-			</Tooltip>
-			<VisuallyHidden id={ resizableHandleHelpId }>
-				{ __( 'Use left and right arrow keys to resize the canvas.' ) }
-			</VisuallyHidden>
-		</>
-	);
-}

package/src/components/block-editor/site-editor-canvas.js

@@ -1,107 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { useViewportMatch, useResizeObserver } from '@wordpress/compose';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import ResizableEditor from './resizable-editor';
-import EditorCanvas from './editor-canvas';
-import EditorCanvasContainer from '../editor-canvas-container';
-import useSiteEditorSettings from './use-site-editor-settings';
-import { store as editSiteStore } from '../../store';
-import {
-	FOCUSABLE_ENTITIES,
-	NAVIGATION_POST_TYPE,
-	TEMPLATE_POST_TYPE,
-} from '../../utils/constants';
-import { unlock } from '../../lock-unlock';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-const { useLocation } = unlock( routerPrivateApis );
-
-export default function SiteEditorCanvas( { onClick } ) {
-	const location = useLocation();
-	const { templateType, isFocusableEntity, isViewMode, isZoomOutMode } =
-		useSelect( ( select ) => {
-			const { getEditedPostType, getCanvasMode } = unlock(
-				select( editSiteStore )
-			);
-			const { __unstableGetEditorMode } = select( blockEditorStore );
-			const _templateType = getEditedPostType();
-
-			return {
-				templateType: _templateType,
-				isFocusableEntity: FOCUSABLE_ENTITIES.includes( _templateType ),
-				isViewMode: getCanvasMode() === 'view',
-				isZoomOutMode: __unstableGetEditorMode() === 'zoom-out',
-			};
-		}, [] );
-	const isFocusMode = location.params.focusMode || isFocusableEntity;
-	const [ resizeObserver, sizes ] = useResizeObserver();
-
-	const settings = useSiteEditorSettings();
-
-	const isMobileViewport = useViewportMatch( 'small', '<' );
-	const enableResizing =
-		isFocusMode &&
-		! isViewMode &&
-		// Disable resizing in mobile viewport.
-		! isMobileViewport &&
-		// Dsiable resizing in zoomed-out mode.
-		! isZoomOutMode &&
-		// Disable resizing when editing a template in focus mode.
-		templateType !== TEMPLATE_POST_TYPE;
-
-	const isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;
-	const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;
-	const forceFullHeight = isNavigationFocusMode;
-
-	return (
-		<EditorCanvasContainer.Slot>
-			{ ( [ editorCanvasView ] ) =>
-				editorCanvasView ? (
-					<div className="edit-site-visual-editor is-focus-mode">
-						{ editorCanvasView }
-					</div>
-				) : (
-					<div
-						className={ clsx( 'edit-site-visual-editor', {
-							'is-focus-mode': isFocusMode || !! editorCanvasView,
-							'is-view-mode': isViewMode,
-						} ) }
-					>
-						<ResizableEditor
-							enableResizing={ enableResizing }
-							height={
-								sizes.height && ! forceFullHeight
-									? sizes.height
-									: '100%'
-							}
-						>
-							<EditorCanvas
-								enableResizing={ enableResizing }
-								settings={ settings }
-								onClick={ onClick }
-							>
-								{
-									// Avoid resize listeners when not needed,
-									// these will trigger unnecessary re-renders
-									// when animating the iframe width.
-									enableResizing && resizeObserver
-								}
-							</EditorCanvas>
-						</ResizableEditor>
-					</div>
-				)
-			}
-		</EditorCanvasContainer.Slot>
-	);
-}