@wordpress/edit-site 5.10.0 → 5.11.0

package/src/components/template-details/template-areas.js

@@ -1,167 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { sprintf, __ } from '@wordpress/i18n';
-import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as editorStore } from '@wordpress/editor';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { moreVertical } from '@wordpress/icons';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import isTemplateRevertable from '../../utils/is-template-revertable';
-import { useLink } from '../routes/link';
-import { unlock } from '../../private-apis';
-
-const { useLocation } = unlock( routerPrivateApis );
-
-function TemplatePartItemMore( {
-	onClose,
-	templatePart,
-	closeTemplateDetailsDropdown,
-} ) {
-	const { revertTemplate } = useDispatch( editSiteStore );
-	const { params } = useLocation();
-	const editLinkProps = useLink(
-		{
-			postId: templatePart.id,
-			postType: templatePart.type,
-		},
-		{
-			fromTemplateId: params.postId,
-		}
-	);
-
-	function editTemplatePart( event ) {
-		editLinkProps.onClick( event );
-		onClose();
-		closeTemplateDetailsDropdown();
-	}
-
-	function clearCustomizations() {
-		revertTemplate( templatePart );
-		onClose();
-		closeTemplateDetailsDropdown();
-	}
-
-	return (
-		<>
-			<MenuGroup>
-				<MenuItem { ...editLinkProps } onClick={ editTemplatePart }>
-					{ sprintf(
-						/* translators: %s: template part title */
-						__( 'Edit %s' ),
-						templatePart.title?.rendered
-					) }
-				</MenuItem>
-			</MenuGroup>
-			{ isTemplateRevertable( templatePart ) && (
-				<MenuGroup>
-					<MenuItem
-						info={ __(
-							'Use the template part as supplied by the theme.'
-						) }
-						onClick={ clearCustomizations }
-					>
-						{ __( 'Clear customizations' ) }
-					</MenuItem>
-				</MenuGroup>
-			) }
-		</>
-	);
-}
-
-function TemplatePartItem( {
-	templatePart,
-	clientId,
-	closeTemplateDetailsDropdown,
-} ) {
-	const { selectBlock, toggleBlockHighlight } =
-		useDispatch( blockEditorStore );
-	const templatePartArea = useSelect(
-		( select ) => {
-			const defaultAreas =
-				select(
-					editorStore
-				).__experimentalGetDefaultTemplatePartAreas();
-
-			return defaultAreas.find(
-				( defaultArea ) => defaultArea.area === templatePart.area
-			);
-		},
-		[ templatePart.area ]
-	);
-	const highlightBlock = () => toggleBlockHighlight( clientId, true );
-	const cancelHighlightBlock = () => toggleBlockHighlight( clientId, false );
-
-	return (
-		<div
-			role="menuitem"
-			className="edit-site-template-details__template-areas-item"
-		>
-			<MenuItem
-				role="button"
-				icon={ templatePartArea?.icon }
-				iconPosition="left"
-				onClick={ () => {
-					selectBlock( clientId );
-				} }
-				onMouseOver={ highlightBlock }
-				onMouseLeave={ cancelHighlightBlock }
-				onFocus={ highlightBlock }
-				onBlur={ cancelHighlightBlock }
-			>
-				{ templatePartArea?.label }
-			</MenuItem>
-
-			<DropdownMenu
-				icon={ moreVertical }
-				label={ __( 'More options' ) }
-				className="edit-site-template-details__template-areas-item-more"
-			>
-				{ ( { onClose } ) => (
-					<TemplatePartItemMore
-						onClose={ onClose }
-						templatePart={ templatePart }
-						closeTemplateDetailsDropdown={
-							closeTemplateDetailsDropdown
-						}
-					/>
-				) }
-			</DropdownMenu>
-		</div>
-	);
-}
-
-export default function TemplateAreas( { closeTemplateDetailsDropdown } ) {
-	const templateParts = useSelect(
-		( select ) => select( editSiteStore ).getCurrentTemplateTemplateParts(),
-		[]
-	);
-
-	if ( ! templateParts.length ) {
-		return null;
-	}
-
-	return (
-		<MenuGroup
-			label={ __( 'Areas' ) }
-			className="edit-site-template-details__group edit-site-template-details__template-areas"
-		>
-			{ templateParts.map( ( { templatePart, block } ) => (
-				<TemplatePartItem
-					key={ templatePart.slug }
-					clientId={ block.clientId }
-					templatePart={ templatePart }
-					closeTemplateDetailsDropdown={
-						closeTemplateDetailsDropdown
-					}
-				/>
-			) ) }
-		</MenuGroup>
-	);
-}

package/src/components/template-details/template-part-area-selector.js

@@ -1,39 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { SelectControl } from '@wordpress/components';
-import { useEntityProp } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import { store as editorStore } from '@wordpress/editor';
-
-export default function TemplatePartAreaSelector( { id } ) {
-	const [ area, setArea ] = useEntityProp(
-		'postType',
-		'wp_template_part',
-		'area',
-		id
-	);
-
-	const definedAreas = useSelect(
-		( select ) =>
-			select( editorStore ).__experimentalGetDefaultTemplatePartAreas(),
-		[]
-	);
-
-	const areaOptions = definedAreas.map( ( { label, area: _area } ) => ( {
-		label,
-		value: _area,
-	} ) );
-
-	return (
-		<SelectControl
-			__nextHasNoMarginBottom
-			label={ __( 'Area' ) }
-			labelPosition="top"
-			options={ areaOptions }
-			value={ area }
-			onChange={ setArea }
-		/>
-	);
-}