@wordpress/edit-site 5.35.0 → 6.0.0

package/src/components/sidebar-navigation-screen-template/template-areas.js

@@ -1,135 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import {
-	__experimentalTruncate as Truncate,
-	__experimentalItemGroup as ItemGroup,
-} from '@wordpress/components';
-import { store as editorStore } from '@wordpress/editor';
-import { useMemo } from '@wordpress/element';
-import { decodeEntities } from '@wordpress/html-entities';
-
-/**
- * Internal dependencies
- */
-import {
-	SidebarNavigationScreenDetailsPanel,
-	SidebarNavigationScreenDetailsPanelRow,
-} from '../sidebar-navigation-screen-details-panel';
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
-import { useLink } from '../routes/link';
-import SidebarNavigationItem from '../sidebar-navigation-item';
-import { TEMPLATE_PART_POST_TYPE } from '../../utils/constants';
-
-function TemplateAreaButton( { postId, area, title } ) {
-	const templatePartArea = useSelect(
-		( select ) => {
-			const defaultAreas =
-				select(
-					editorStore
-				).__experimentalGetDefaultTemplatePartAreas();
-
-			return defaultAreas.find(
-				( defaultArea ) => defaultArea.area === area
-			);
-		},
-		[ area ]
-	);
-	const linkInfo = useLink( {
-		postType: TEMPLATE_PART_POST_TYPE,
-		postId,
-	} );
-
-	return (
-		<SidebarNavigationItem
-			className="edit-site-sidebar-navigation-screen-template__template-area-button"
-			{ ...linkInfo }
-			icon={ templatePartArea?.icon }
-			withChevron
-		>
-			<Truncate
-				limit={ 20 }
-				ellipsizeMode="tail"
-				numberOfLines={ 1 }
-				className="edit-site-sidebar-navigation-screen-template__template-area-label-text"
-			>
-				{ decodeEntities( title ) }
-			</Truncate>
-		</SidebarNavigationItem>
-	);
-}
-
-export default function TemplateAreas() {
-	const { templatePartAreas, currentTemplateParts } = useSelect(
-		( select ) => {
-			const { getSettings, getCurrentTemplateTemplateParts } = unlock(
-				select( editSiteStore )
-			);
-			return {
-				templatePartAreas: getSettings()?.defaultTemplatePartAreas,
-				currentTemplateParts: getCurrentTemplateTemplateParts(),
-			};
-		},
-		[]
-	);
-
-	/*
-	 * Merge data in currentTemplateParts with templatePartAreas,
-	 * which contains the template icon and fallback labels
-	 */
-	const templateAreas = useMemo( () => {
-		// Keep track of template part IDs that have already been added to the array.
-		const templatePartIds = new Set();
-		const filterOutDuplicateTemplateParts = ( currentTemplatePart ) => {
-			// If the template part has already been added to the array, skip it.
-			if ( templatePartIds.has( currentTemplatePart.templatePart.id ) ) {
-				return;
-			}
-			// Add to the array of template part IDs.
-			templatePartIds.add( currentTemplatePart.templatePart.id );
-			return currentTemplatePart;
-		};
-
-		return currentTemplateParts.length && templatePartAreas
-			? currentTemplateParts
-					.filter( filterOutDuplicateTemplateParts )
-					.map( ( { templatePart, block } ) => ( {
-						...templatePartAreas?.find(
-							( { area } ) => area === templatePart?.area
-						),
-						...templatePart,
-						clientId: block.clientId,
-					} ) )
-			: [];
-	}, [ currentTemplateParts, templatePartAreas ] );
-
-	if ( ! templateAreas.length ) {
-		return null;
-	}
-
-	return (
-		<SidebarNavigationScreenDetailsPanel
-			title={ __( 'Areas' ) }
-			spacing={ 3 }
-		>
-			<ItemGroup>
-				{ templateAreas.map(
-					( { clientId, label, area, theme, slug, title } ) => (
-						<SidebarNavigationScreenDetailsPanelRow
-							key={ clientId }
-						>
-							<TemplateAreaButton
-								postId={ `${ theme }//${ slug }` }
-								title={ title?.rendered || label }
-								area={ area }
-							/>
-						</SidebarNavigationScreenDetailsPanelRow>
-					)
-				) }
-			</ItemGroup>
-		</SidebarNavigationScreenDetailsPanel>
-	);
-}

package/src/components/template-actions/index.js

@@ -1,165 +0,0 @@
-/**
- * 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 (
-		<DropdownMenu
-			icon={ moreVertical }
-			label={ __( 'Actions' ) }
-			className={ className }
-			toggleProps={ toggleProps }
-		>
-			{ ( { onClose } ) => (
-				<MenuGroup>
-					{ isRemovable && (
-						<>
-							<RenamePostMenuItem
-								post={ template }
-								onClose={ onClose }
-							/>
-							<DeleteMenuItem
-								onRemove={ () => {
-									removeTemplate( template );
-									onRemove?.();
-									onClose();
-								} }
-								title={ template.title.rendered }
-							/>
-						</>
-					) }
-					{ isRevertable && (
-						<ResetMenuItem
-							template={ template }
-							onClose={ onClose }
-						/>
-					) }
-				</MenuGroup>
-			) }
-		</DropdownMenu>
-	);
-}
-
-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 (
-		<>
-			<MenuItem onClick={ () => setIsModalOpen( true ) }>
-				{ __( 'Reset' ) }
-			</MenuItem>
-			<ConfirmDialog
-				isOpen={ isModalOpen }
-				onConfirm={ () => {
-					revertAndSaveTemplate();
-					onClose();
-				} }
-				onCancel={ () => setIsModalOpen( false ) }
-				confirmButtonText={ __( 'Reset' ) }
-			>
-				{ __( 'Reset to default and clear all customizations?' ) }
-			</ConfirmDialog>
-		</>
-	);
-}
-
-function DeleteMenuItem( { onRemove, title } ) {
-	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	return (
-		<>
-			<MenuItem isDestructive onClick={ () => setIsModalOpen( true ) }>
-				{ __( 'Delete' ) }
-			</MenuItem>
-			<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 )
-				) }
-			</ConfirmDialog>
-		</>
-	);
-}

package/src/hooks/components.js

@@ -1,11 +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
-);

package/src/utils/get-is-list-page.js

@@ -1,23 +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 ) ) )
-	);
-}

package/src/utils/test/template-part-create.js

@@ -1,63 +0,0 @@
-/**
- * Internal dependencies
- */
-import {
-	getUniqueTemplatePartTitle,
-	getCleanTemplatePartSlug,
-} from '../template-part-create';
-
-describe( 'getUniqueTemplatePartTitle', () => {
-	it( 'should return the title if it is unique', () => {
-		const title = 'My Template Part';
-		const templateParts = [
-			{
-				title: {
-					rendered: 'Template Part With Another Title',
-				},
-			},
-		];
-
-		expect( getUniqueTemplatePartTitle( title, templateParts ) ).toBe(
-			title
-		);
-	} );
-
-	it( 'should return the title with a suffix if it is not unique', () => {
-		const title = 'My Template Part';
-		const templateParts = [
-			{
-				title: {
-					rendered: 'My Template Part',
-				},
-			},
-			{
-				title: {
-					rendered: 'My Template Part 2',
-				},
-			},
-		];
-
-		expect( getUniqueTemplatePartTitle( title, templateParts ) ).toBe(
-			'My Template Part 3'
-		);
-	} );
-} );
-
-describe( 'getCleanTemplatePartSlug', () => {
-	it( 'should return a slug with only latin chars', () => {
-		const title = 'Myɶ Template Partɮ';
-		expect( getCleanTemplatePartSlug( title ) ).toBe( 'my-template-part' );
-	} );
-
-	it( 'should return a slug with only latin chars and numbers', () => {
-		const title = 'My Template Part 2';
-		expect( getCleanTemplatePartSlug( title ) ).toBe(
-			'my-template-part-2'
-		);
-	} );
-
-	it( 'should default the slug to wp-custom-part', () => {
-		const title = '';
-		expect( getCleanTemplatePartSlug( title ) ).toBe( 'wp-custom-part' );
-	} );
-} );