@wordpress/edit-site 5.31.0 → 5.33.0

package/src/hooks/template-part-edit.js

@@ -1,89 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { BlockControls } 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 { TEMPLATE_PART_POST_TYPE } from '../utils/constants';
-
-const { useLocation } = unlock( routerPrivateApis );
-
-function EditTemplatePartMenuItem( { attributes } ) {
-	const { theme, slug } = attributes;
-	const { params } = useLocation();
-	const templatePart = useSelect(
-		( select ) => {
-			const { getCurrentTheme, getEntityRecord } = select( coreStore );
-
-			return getEntityRecord(
-				'postType',
-				TEMPLATE_PART_POST_TYPE,
-				// Ideally this should be an official public API.
-				`${ theme || getCurrentTheme()?.stylesheet }//${ slug }`
-			);
-		},
-		[ theme, slug ]
-	);
-
-	const linkProps = useLink(
-		{
-			postId: templatePart?.id,
-			postType: templatePart?.type,
-			canvas: 'edit',
-		},
-		{
-			fromTemplateId: params.postId || templatePart?.id,
-		}
-	);
-
-	if ( ! templatePart ) {
-		return null;
-	}
-
-	return (
-		<ToolbarButton
-			{ ...linkProps }
-			onClick={ ( event ) => {
-				linkProps.onClick( event );
-			} }
-		>
-			{ __( 'Edit' ) }
-		</ToolbarButton>
-	);
-}
-
-export const withEditBlockControls = createHigherOrderComponent(
-	( BlockEdit ) => ( props ) => {
-		const { attributes, name } = props;
-		const isDisplayed = name === 'core/template-part' && attributes.slug;
-
-		return (
-			<>
-				<BlockEdit key="edit" { ...props } />
-				{ isDisplayed && (
-					<BlockControls group="other">
-						<EditTemplatePartMenuItem attributes={ attributes } />
-					</BlockControls>
-				) }
-			</>
-		);
-	},
-	'withEditBlockControls'
-);
-
-addFilter(
-	'editor.BlockEdit',
-	'core/edit-site/template-part-edit-button',
-	withEditBlockControls
-);

package/src/store/test/utils.js

@@ -1,191 +0,0 @@
-/**
- * Internal dependencies
- */
-import { getFilteredTemplatePartBlocks } from '../utils';
-
-const NESTED_BLOCKS = [
-	{
-		clientId: '1',
-		name: 'core/group',
-		innerBlocks: [
-			{
-				clientId: '2',
-				name: 'core/template-part',
-				attributes: {
-					slug: 'header',
-					theme: 'my-theme',
-				},
-				innerBlocks: [
-					{
-						clientId: '3',
-						name: 'core/group',
-						innerBlocks: [],
-					},
-				],
-			},
-			{
-				clientId: '4',
-				name: 'core/template-part',
-				attributes: {
-					slug: 'aside',
-					theme: 'my-theme',
-				},
-				innerBlocks: [],
-			},
-		],
-	},
-	{
-		clientId: '5',
-		name: 'core/paragraph',
-		innerBlocks: [],
-	},
-	{
-		clientId: '6',
-		name: 'core/template-part',
-		attributes: {
-			slug: 'footer',
-			theme: 'my-theme',
-		},
-		innerBlocks: [],
-	},
-];
-
-const FLATTENED_BLOCKS = [
-	{
-		block: {
-			clientId: '2',
-			name: 'core/template-part',
-			attributes: {
-				slug: 'header',
-				theme: 'my-theme',
-			},
-		},
-		templatePart: {
-			id: 'my-theme//header',
-			slug: 'header',
-			theme: 'my-theme',
-		},
-	},
-	{
-		block: {
-			clientId: '4',
-			name: 'core/template-part',
-			attributes: {
-				slug: 'aside',
-				theme: 'my-theme',
-			},
-		},
-		templatePart: {
-			id: 'my-theme//aside',
-			slug: 'aside',
-			theme: 'my-theme',
-		},
-	},
-	{
-		block: {
-			clientId: '6',
-			name: 'core/template-part',
-			attributes: {
-				slug: 'footer',
-				theme: 'my-theme',
-			},
-		},
-		templatePart: {
-			id: 'my-theme//footer',
-			slug: 'footer',
-			theme: 'my-theme',
-		},
-	},
-];
-
-const SINGLE_TEMPLATE_PART_BLOCK = {
-	clientId: '1',
-	name: 'core/template-part',
-	innerBlocks: [],
-	attributes: {
-		slug: 'aside',
-		theme: 'my-theme',
-	},
-};
-
-const TEMPLATE_PARTS = [
-	{
-		id: 'my-theme//header',
-		slug: 'header',
-		theme: 'my-theme',
-	},
-	{
-		id: 'my-theme//aside',
-		slug: 'aside',
-		theme: 'my-theme',
-	},
-	{
-		id: 'my-theme//footer',
-		slug: 'footer',
-		theme: 'my-theme',
-	},
-];
-
-describe( 'utils', () => {
-	describe( 'getFilteredTemplatePartBlocks', () => {
-		it( 'returns a flattened list of filtered template parts preserving a depth-first order', () => {
-			const flattenedFilteredTemplateParts =
-				getFilteredTemplatePartBlocks( NESTED_BLOCKS, TEMPLATE_PARTS );
-			expect( flattenedFilteredTemplateParts ).toEqual(
-				FLATTENED_BLOCKS
-			);
-		} );
-
-		it( 'returns a cached result when passed the same params', () => {
-			// Clear the cache and call the function twice.
-			getFilteredTemplatePartBlocks.clear();
-			getFilteredTemplatePartBlocks( NESTED_BLOCKS, TEMPLATE_PARTS );
-			expect(
-				getFilteredTemplatePartBlocks( NESTED_BLOCKS, TEMPLATE_PARTS )
-			).toEqual( FLATTENED_BLOCKS );
-
-			// The function has been called twice with the same params, so the cache size should be 1.
-			/**
-			 * TODO what should be done about this?
-			 * Can it be tested another way?
-			 * Is it necessary?
-			 */
-			// const [ , , originalSize ] =
-			// 	getFilteredTemplatePartBlocks.getCache();
-			// expect( originalSize ).toBe( 1 );
-
-			// Call the function again, with different params.
-			expect(
-				getFilteredTemplatePartBlocks(
-					[ SINGLE_TEMPLATE_PART_BLOCK ],
-					TEMPLATE_PARTS
-				)
-			).toEqual( [
-				{
-					block: {
-						clientId: '1',
-						name: 'core/template-part',
-						attributes: {
-							slug: 'aside',
-							theme: 'my-theme',
-						},
-					},
-					templatePart: {
-						id: 'my-theme//aside',
-						slug: 'aside',
-						theme: 'my-theme',
-					},
-				},
-			] );
-
-			// The function has been called with different params, so the cache size should now be 2.
-			/**
-			 * TODO what should be done about this?
-			 * Can it be tested another way?
-			 * Is it necessary?
-			 */
-			// const [ , , finalSize ] = getFilteredTemplatePartBlocks.getCache();
-			// expect( finalSize ).toBe( 2 );
-		} );
-	} );
-} );

package/src/store/utils.js

@@ -1,69 +0,0 @@
-/**
- * External dependencies
- */
-import memoize from 'memize';
-
-/**
- * WordPress dependencies
- */
-import { isTemplatePart } from '@wordpress/blocks';
-
-const EMPTY_ARRAY = [];
-
-/**
- * Get a flattened and filtered list of template parts and the matching block for that template part.
- *
- * Takes a list of blocks defined within a template, and a list of template parts, and returns a
- * flattened list of template parts and the matching block for that template part.
- *
- * @param {Array}  blocks        Blocks to flatten.
- * @param {?Array} templateParts Available template parts.
- * @return {Array} An array of template parts and their blocks.
- */
-function getFilteredTemplatePartBlocks( blocks = EMPTY_ARRAY, templateParts ) {
-	const templatePartsById = templateParts
-		? // Key template parts by their ID.
-		  templateParts.reduce(
-				( newTemplateParts, part ) => ( {
-					...newTemplateParts,
-					[ part.id ]: part,
-				} ),
-				{}
-		  )
-		: {};
-
-	const result = [];
-
-	// Iterate over all blocks, recursing into inner blocks.
-	// Output will be based on a depth-first traversal.
-	const stack = [ ...blocks ];
-	while ( stack.length ) {
-		const { innerBlocks, ...block } = stack.shift();
-		// Place inner blocks at the beginning of the stack to preserve order.
-		stack.unshift( ...innerBlocks );
-
-		if ( isTemplatePart( block ) ) {
-			const {
-				attributes: { theme, slug },
-			} = block;
-			const templatePartId = `${ theme }//${ slug }`;
-			const templatePart = templatePartsById[ templatePartId ];
-
-			// Only add to output if the found template part block is in the list of available template parts.
-			if ( templatePart ) {
-				result.push( {
-					templatePart,
-					block,
-				} );
-			}
-		}
-	}
-
-	return result;
-}
-
-const memoizedGetFilteredTemplatePartBlocks = memoize(
-	getFilteredTemplatePartBlocks
-);
-
-export { memoizedGetFilteredTemplatePartBlocks as getFilteredTemplatePartBlocks };