@wordpress/edit-site 5.28.5 → 5.30.0

package/src/components/page-patterns/rename-menu-item.js

@@ -1,132 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	Button,
-	MenuItem,
-	Modal,
-	TextControl,
-	__experimentalHStack as HStack,
-	__experimentalVStack as VStack,
-} from '@wordpress/components';
-import { store as coreStore } from '@wordpress/core-data';
-import { useDispatch } from '@wordpress/data';
-import { useState } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { store as noticesStore } from '@wordpress/notices';
-
-/**
- * Internal dependencies
- */
-import { TEMPLATE_PART_POST_TYPE } from '../../utils/constants';
-
-export default function RenameMenuItem( { item, onClose } ) {
-	const [ title, setTitle ] = useState( () => item.title );
-	const [ isModalOpen, setIsModalOpen ] = useState( false );
-
-	const { editEntityRecord, saveEditedEntityRecord } =
-		useDispatch( coreStore );
-	const { createSuccessNotice, createErrorNotice } =
-		useDispatch( noticesStore );
-
-	if ( item.type === TEMPLATE_PART_POST_TYPE && ! item.isCustom ) {
-		return null;
-	}
-
-	async function onRename( event ) {
-		event.preventDefault();
-
-		try {
-			await editEntityRecord( 'postType', item.type, item.id, { title } );
-
-			// Update state before saving rerenders the list.
-			setTitle( '' );
-			setIsModalOpen( false );
-			onClose();
-
-			// Persist edited entity.
-			await saveEditedEntityRecord( 'postType', item.type, item.id, {
-				throwOnError: true,
-			} );
-
-			createSuccessNotice(
-				item.type === TEMPLATE_PART_POST_TYPE
-					? __( 'Template part renamed.' )
-					: __( 'Pattern renamed.' ),
-				{
-					type: 'snackbar',
-				}
-			);
-		} catch ( error ) {
-			const fallbackErrorMessage =
-				item.type === TEMPLATE_PART_POST_TYPE
-					? __(
-							'An error occurred while renaming the template part.'
-					  )
-					: __( 'An error occurred while renaming the pattern.' );
-			const errorMessage =
-				error.message && error.code !== 'unknown_error'
-					? error.message
-					: fallbackErrorMessage;
-
-			createErrorNotice( errorMessage, { type: 'snackbar' } );
-		}
-	}
-
-	return (
-		<>
-			<MenuItem
-				onClick={ () => {
-					setIsModalOpen( true );
-					setTitle( item.title );
-				} }
-			>
-				{ __( 'Rename' ) }
-			</MenuItem>
-			{ isModalOpen && (
-				<Modal
-					title={ __( 'Rename' ) }
-					onRequestClose={ () => {
-						setIsModalOpen( false );
-						onClose();
-					} }
-					overlayClassName="edit-site-list__rename-modal"
-				>
-					<form onSubmit={ onRename }>
-						<VStack spacing="5">
-							<TextControl
-								__nextHasNoMarginBottom
-								__next40pxDefaultSize
-								label={ __( 'Name' ) }
-								value={ title }
-								onChange={ setTitle }
-								required
-							/>
-
-							<HStack justify="right">
-								<Button
-									__next40pxDefaultSize
-									variant="tertiary"
-									onClick={ () => {
-										setIsModalOpen( false );
-										onClose();
-									} }
-								>
-									{ __( 'Cancel' ) }
-								</Button>
-
-								<Button
-									__next40pxDefaultSize
-									variant="primary"
-									type="submit"
-								>
-									{ __( 'Save' ) }
-								</Button>
-							</HStack>
-						</VStack>
-					</form>
-				</Modal>
-			) }
-		</>
-	);
-}

package/src/components/sidebar-edit-mode/template-panel/replace-template-button.js

@@ -1,89 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useState } from '@wordpress/element';
-import { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';
-import { MenuItem, Modal } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { store as coreStore } from '@wordpress/core-data';
-import { useAsyncList } from '@wordpress/compose';
-import { serialize } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../../store';
-
-export default function ReplaceTemplateButton( {
-	onClick,
-	availableTemplates,
-} ) {
-	const { editEntityRecord } = useDispatch( coreStore );
-	const [ showModal, setShowModal ] = useState( false );
-	const onClose = () => {
-		setShowModal( false );
-	};
-
-	const { postId, postType } = useSelect( ( select ) => {
-		return {
-			postId: select( editSiteStore ).getEditedPostId(),
-			postType: select( editSiteStore ).getEditedPostType(),
-		};
-	}, [] );
-
-	const onTemplateSelect = async ( selectedTemplate ) => {
-		onClose(); // Close the template suggestions modal first.
-		onClick();
-		await editEntityRecord( 'postType', postType, postId, {
-			blocks: selectedTemplate.blocks,
-			content: serialize( selectedTemplate.blocks ),
-		} );
-	};
-
-	if ( ! availableTemplates.length || availableTemplates.length < 1 ) {
-		return null;
-	}
-
-	return (
-		<>
-			<MenuItem
-				info={ __(
-					'Replace the contents of this template with another.'
-				) }
-				onClick={ () => setShowModal( true ) }
-			>
-				{ __( 'Replace template' ) }
-			</MenuItem>
-
-			{ showModal && (
-				<Modal
-					title={ __( 'Choose a template' ) }
-					onRequestClose={ onClose }
-					overlayClassName="edit-site-template-panel__replace-template-modal"
-					isFullScreen
-				>
-					<div className="edit-site-template-panel__replace-template-modal__content">
-						<TemplatesList
-							availableTemplates={ availableTemplates }
-							onSelect={ onTemplateSelect }
-						/>
-					</div>
-				</Modal>
-			) }
-		</>
-	);
-}
-
-function TemplatesList( { availableTemplates, onSelect } ) {
-	const shownTemplates = useAsyncList( availableTemplates );
-
-	return (
-		<BlockPatternsList
-			label={ __( 'Templates' ) }
-			blockPatterns={ availableTemplates }
-			shownPatterns={ shownTemplates }
-			onClickPattern={ onSelect }
-		/>
-	);
-}

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

@@ -1,34 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Notice } from '@wordpress/components';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
-import { store as preferencesStore } from '@wordpress/preferences';
-
-const PREFERENCE_NAME = 'isTemplatePartMoveHintVisible';
-
-export default function TemplatePartHint() {
-	const showTemplatePartHint = useSelect(
-		( select ) =>
-			select( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,
-		[]
-	);
-
-	const { set: setPreference } = useDispatch( preferencesStore );
-	if ( ! showTemplatePartHint ) {
-		return null;
-	}
-
-	return (
-		<Notice
-			politeness="polite"
-			className="edit-site-sidebar__notice"
-			onRemove={ () => {
-				setPreference( 'core', PREFERENCE_NAME, false );
-			} }
-		>
-			{ __( 'Looking for template parts? Find them in "Patterns".' ) }
-		</Notice>
-	);
-}

package/src/components/sidebar-navigation-screen-navigation-menu/edit-button.js

@@ -1,22 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { pencil } from '@wordpress/icons';
-/**
- * Internal dependencies
- */
-import SidebarButton from '../sidebar-button';
-import { useLink } from '../routes/link';
-import { NAVIGATION_POST_TYPE } from '../../utils/constants';
-
-export default function EditButton( { postId } ) {
-	const linkInfo = useLink( {
-		postId,
-		postType: NAVIGATION_POST_TYPE,
-		canvas: 'edit',
-	} );
-	return (
-		<SidebarButton { ...linkInfo } label={ __( 'Edit' ) } icon={ pencil } />
-	);
-}

package/src/hooks/navigation-menu-edit.js

@@ -1,92 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { BlockControls, useBlockEditingMode } from '@wordpress/block-editor';
-import { store as coreStore } from '@wordpress/core-data';
-import { ToolbarButton } from '@wordpress/components';
-import { addFilter } from '@wordpress/hooks';
-import { createHigherOrderComponent } from '@wordpress/compose';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import { useLink } from '../components/routes/link';
-import { unlock } from '../lock-unlock';
-import { NAVIGATION_POST_TYPE } from '../utils/constants';
-
-const { useLocation } = unlock( routerPrivateApis );
-
-function NavigationMenuEdit( { attributes } ) {
-	const { ref } = attributes;
-	const { params } = useLocation();
-	const blockEditingMode = useBlockEditingMode();
-	const navigationMenu = useSelect(
-		( select ) => {
-			return select( coreStore ).getEntityRecord(
-				'postType',
-				NAVIGATION_POST_TYPE,
-				// Ideally this should be an official public API.
-				ref
-			);
-		},
-		[ ref ]
-	);
-
-	const linkProps = useLink(
-		{
-			postId: navigationMenu?.id,
-			postType: navigationMenu?.type,
-			canvas: 'edit',
-		},
-		{
-			// this applies to Navigation Menus as well.
-			fromTemplateId: params.postId || navigationMenu?.id,
-		}
-	);
-
-	// A non-default setting for block editing mode indicates that the
-	// editor should restrict "editing" actions. Therefore the `Edit` button
-	// should not be displayed.
-	if ( ! navigationMenu || blockEditingMode !== 'default' ) {
-		return null;
-	}
-
-	return (
-		<BlockControls group="other">
-			<ToolbarButton
-				{ ...linkProps }
-				onClick={ ( event ) => {
-					linkProps.onClick( event );
-				} }
-			>
-				{ __( 'Edit' ) }
-			</ToolbarButton>
-		</BlockControls>
-	);
-}
-
-export const withEditBlockControls = createHigherOrderComponent(
-	( BlockEdit ) => ( props ) => {
-		const { attributes, name } = props;
-		const isDisplayed = name === 'core/navigation' && attributes.ref;
-
-		return (
-			<>
-				<BlockEdit { ...props } />
-				{ isDisplayed && (
-					<NavigationMenuEdit attributes={ attributes } />
-				) }
-			</>
-		);
-	},
-	'withEditBlockControls'
-);
-
-addFilter(
-	'editor.BlockEdit',
-	'core/edit-site/navigation-edit-button',
-	withEditBlockControls
-);