@wordpress/edit-site 6.10.0 → 6.12.0

package/src/components/style-book/examples.ts

@@ -1,63 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import {
-	getBlockType,
-	getBlockTypes,
-	getBlockFromExample,
-	createBlock,
-} from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import type { BlockExample } from './types';
-
-/**
- * Returns a list of examples for registered block types.
- *
- * @return {BlockExample[]} An array of block examples.
- */
-export function getExamples(): BlockExample[] {
-	const nonHeadingBlockExamples = getBlockTypes()
-		.filter( ( blockType ) => {
-			const { name, example, supports } = blockType;
-			return (
-				name !== 'core/heading' &&
-				!! example &&
-				supports.inserter !== false
-			);
-		} )
-		.map( ( blockType ) => ( {
-			name: blockType.name,
-			title: blockType.title,
-			category: blockType.category,
-			blocks: getBlockFromExample( blockType.name, blockType.example ),
-		} ) );
-	const isHeadingBlockRegistered = !! getBlockType( 'core/heading' );
-
-	if ( ! isHeadingBlockRegistered ) {
-		return nonHeadingBlockExamples;
-	}
-
-	// Use our own example for the Heading block so that we can show multiple
-	// heading levels.
-	const headingsExample = {
-		name: 'core/heading',
-		title: __( 'Headings' ),
-		category: 'text',
-		blocks: [ 1, 2, 3, 4, 5, 6 ].map( ( level ) => {
-			return createBlock( 'core/heading', {
-				content: sprintf(
-					// translators: %d: heading level e.g: "1", "2", "3"
-					__( 'Heading %d' ),
-					level
-				),
-				level,
-			} );
-		} ),
-	};
-
-	return [ headingsExample, ...nonHeadingBlockExamples ];
-}

package/src/components/sync-state-with-url/use-sync-canvas-mode-with-url.js

@@ -1,73 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useRef } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-
-const { useLocation, useHistory } = unlock( routerPrivateApis );
-
-export default function useSyncCanvasModeWithURL() {
-	const history = useHistory();
-	const { params } = useLocation();
-	const canvasMode = useSelect(
-		( select ) => unlock( select( editSiteStore ) ).getCanvasMode(),
-		[]
-	);
-	const { setCanvasMode } = unlock( useDispatch( editSiteStore ) );
-	const currentCanvasModeRef = useRef( canvasMode );
-	const { canvas: canvasInUrl } = params;
-	const currentCanvasInUrlRef = useRef( canvasInUrl );
-	const currentUrlParamsRef = useRef( params );
-	useEffect( () => {
-		currentUrlParamsRef.current = params;
-	}, [ params ] );
-
-	useEffect( () => {
-		currentCanvasModeRef.current = canvasMode;
-		if ( canvasMode === 'init' ) {
-			return;
-		}
-
-		if (
-			canvasMode === 'edit' &&
-			currentCanvasInUrlRef.current !== canvasMode
-		) {
-			history.push( {
-				...currentUrlParamsRef.current,
-				canvas: 'edit',
-			} );
-		}
-
-		if (
-			canvasMode === 'view' &&
-			currentCanvasInUrlRef.current !== undefined
-		) {
-			history.push( {
-				...currentUrlParamsRef.current,
-				canvas: undefined,
-			} );
-		}
-	}, [ canvasMode, history ] );
-
-	useEffect( () => {
-		currentCanvasInUrlRef.current = canvasInUrl;
-		if (
-			canvasInUrl !== 'edit' &&
-			currentCanvasModeRef.current !== 'view'
-		) {
-			setCanvasMode( 'view' );
-		} else if (
-			canvasInUrl === 'edit' &&
-			currentCanvasModeRef.current !== 'edit'
-		) {
-			setCanvasMode( 'edit' );
-		}
-	}, [ canvasInUrl, setCanvasMode ] );
-}

package/src/components/use-edited-entity-record/index.js

@@ -1,58 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { store as editorStore } from '@wordpress/editor';
-import { decodeEntities } from '@wordpress/html-entities';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-
-export default function useEditedEntityRecord( postType, postId ) {
-	const { record, title, description, isLoaded, icon } = useSelect(
-		( select ) => {
-			const { getEditedPostType, getEditedPostId } =
-				select( editSiteStore );
-			const { getEditedEntityRecord, hasFinishedResolution } =
-				select( coreStore );
-			const { __experimentalGetTemplateInfo: getTemplateInfo } =
-				select( editorStore );
-			const usedPostType = postType ?? getEditedPostType();
-			const usedPostId = postId ?? getEditedPostId();
-			const _record = getEditedEntityRecord(
-				'postType',
-				usedPostType,
-				usedPostId
-			);
-			const _isLoaded =
-				usedPostId &&
-				hasFinishedResolution( 'getEditedEntityRecord', [
-					'postType',
-					usedPostType,
-					usedPostId,
-				] );
-			const templateInfo = getTemplateInfo( _record );
-
-			return {
-				record: _record,
-				title: templateInfo.title,
-				description: templateInfo.description,
-				isLoaded: _isLoaded,
-				icon: templateInfo.icon,
-			};
-		},
-		[ postType, postId ]
-	);
-
-	return {
-		isLoaded,
-		icon,
-		record,
-		getTitle: () => ( title ? decodeEntities( title ) : null ),
-		getDescription: () =>
-			description ? decodeEntities( description ) : null,
-	};
-}

package/src/hooks/commands/use-edit-mode-commands.js

@@ -1,172 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { __, sprintf, isRTL } from '@wordpress/i18n';
-import { trash, rotateLeft, rotateRight, layout, page } from '@wordpress/icons';
-import { useCommandLoader } from '@wordpress/commands';
-import { decodeEntities } from '@wordpress/html-entities';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { store as editorStore } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import useEditedEntityRecord from '../../components/use-edited-entity-record';
-import isTemplateRemovable from '../../utils/is-template-removable';
-import isTemplateRevertable from '../../utils/is-template-revertable';
-import { unlock } from '../../lock-unlock';
-import { TEMPLATE_POST_TYPE } from '../../utils/constants';
-import { useLink } from '../../components/routes/link';
-
-const { useHistory } = unlock( routerPrivateApis );
-
-function usePageContentFocusCommands() {
-	const { record: template } = useEditedEntityRecord();
-	const { isPage, canvasMode, templateId, currentPostType } = useSelect(
-		( select ) => {
-			const { isPage: _isPage, getCanvasMode } = unlock(
-				select( editSiteStore )
-			);
-			const { getCurrentPostType, getCurrentTemplateId } =
-				select( editorStore );
-			return {
-				isPage: _isPage(),
-				canvasMode: getCanvasMode(),
-				templateId: getCurrentTemplateId(),
-				currentPostType: getCurrentPostType(),
-			};
-		},
-		[]
-	);
-
-	const { onClick: editTemplate } = useLink( {
-		postType: 'wp_template',
-		postId: templateId,
-	} );
-
-	const { setRenderingMode } = useDispatch( editorStore );
-
-	if ( ! isPage || canvasMode !== 'edit' ) {
-		return { isLoading: false, commands: [] };
-	}
-
-	const commands = [];
-
-	if ( currentPostType !== 'wp_template' ) {
-		commands.push( {
-			name: 'core/switch-to-template-focus',
-			label: sprintf(
-				/* translators: %s: template title */
-				__( 'Edit template: %s' ),
-				decodeEntities( template.title )
-			),
-			icon: layout,
-			callback: ( { close } ) => {
-				editTemplate();
-				close();
-			},
-		} );
-	} else {
-		commands.push( {
-			name: 'core/switch-to-page-focus',
-			label: __( 'Back to page' ),
-			icon: page,
-			callback: ( { close } ) => {
-				setRenderingMode( 'template-locked' );
-				close();
-			},
-		} );
-	}
-
-	return { isLoading: false, commands };
-}
-
-function useManipulateDocumentCommands() {
-	const { isLoaded, record: template } = useEditedEntityRecord();
-	const { removeTemplate, revertTemplate } = useDispatch( editSiteStore );
-	const history = useHistory();
-	const isEditingPage = useSelect(
-		( select ) =>
-			select( editSiteStore ).isPage() &&
-			select( editorStore ).getCurrentPostType() !== 'wp_template',
-		[]
-	);
-
-	if ( ! isLoaded ) {
-		return { isLoading: true, commands: [] };
-	}
-
-	const commands = [];
-
-	if ( isTemplateRevertable( template ) && ! isEditingPage ) {
-		const label =
-			template.type === TEMPLATE_POST_TYPE
-				? sprintf(
-						/* translators: %s: template title */
-						__( 'Reset template: %s' ),
-						decodeEntities( template.title )
-				  )
-				: sprintf(
-						/* translators: %s: template part title */
-						__( 'Reset template part: %s' ),
-						decodeEntities( template.title )
-				  );
-		commands.push( {
-			name: 'core/reset-template',
-			label,
-			icon: isRTL() ? rotateRight : rotateLeft,
-			callback: ( { close } ) => {
-				revertTemplate( template );
-				close();
-			},
-		} );
-	}
-
-	if ( isTemplateRemovable( template ) && ! isEditingPage ) {
-		const label =
-			template.type === TEMPLATE_POST_TYPE
-				? sprintf(
-						/* translators: %s: template title */
-						__( 'Delete template: %s' ),
-						decodeEntities( template.title )
-				  )
-				: sprintf(
-						/* translators: %s: template part title */
-						__( 'Delete template part: %s' ),
-						decodeEntities( template.title )
-				  );
-		commands.push( {
-			name: 'core/remove-template',
-			label,
-			icon: trash,
-			callback: ( { close } ) => {
-				removeTemplate( template );
-				// Navigate to the template list
-				history.push( {
-					postType: template.type,
-				} );
-				close();
-			},
-		} );
-	}
-
-	return {
-		isLoading: ! isLoaded,
-		commands,
-	};
-}
-
-export function useEditModeCommands() {
-	useCommandLoader( {
-		name: 'core/edit-site/page-content-focus',
-		hook: usePageContentFocusCommands,
-		context: 'entity-edit',
-	} );
-
-	useCommandLoader( {
-		name: 'core/edit-site/manipulate-document',
-		hook: useManipulateDocumentCommands,
-	} );
-}