@wordpress/editor 14.3.0 → 14.5.0

package/src/components/document-outline/test/index.js

@@ -1,185 +0,0 @@
-/**
- * External dependencies
- */
-import { render, screen, within } from '@testing-library/react';
-
-/**
- * WordPress dependencies
- */
-import {
-	createBlock,
-	registerBlockType,
-	unregisterBlockType,
-} from '@wordpress/blocks';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import DocumentOutline from '../';
-
-jest.mock( '@wordpress/block-editor', () => ( {
-	BlockTitle: () => 'Block Title',
-} ) );
-jest.mock( '@wordpress/data/src/components/use-select', () => jest.fn() );
-
-function setupMockSelect( blocks ) {
-	useSelect.mockImplementation( ( mapSelect ) => {
-		return mapSelect( () => ( {
-			getBlocks: () => blocks,
-			getEditedPostAttribute: () => null,
-			getPostType: () => null,
-		} ) );
-	} );
-}
-
-describe( 'DocumentOutline', () => {
-	let paragraph, headingH1, headingH2, headingH3, nestedHeading;
-	beforeAll( () => {
-		registerBlockType( 'core/heading', {
-			category: 'text',
-			title: 'Heading',
-			edit: () => {},
-			save: () => {},
-			attributes: {
-				level: {
-					type: 'number',
-					default: 2,
-				},
-				content: {
-					type: 'string',
-				},
-			},
-		} );
-
-		registerBlockType( 'core/paragraph', {
-			category: 'text',
-			title: 'Paragraph',
-			edit: () => {},
-			save: () => {},
-		} );
-
-		registerBlockType( 'core/columns', {
-			category: 'text',
-			title: 'Paragraph',
-			edit: () => {},
-			save: () => {},
-		} );
-
-		paragraph = createBlock( 'core/paragraph' );
-		headingH1 = createBlock( 'core/heading', {
-			content: 'Heading 1',
-			level: 1,
-		} );
-		headingH2 = createBlock( 'core/heading', {
-			content: 'Heading 2',
-			level: 2,
-		} );
-		headingH3 = createBlock( 'core/heading', {
-			content: 'Heading 3',
-			level: 3,
-		} );
-		nestedHeading = createBlock( 'core/columns', undefined, [ headingH3 ] );
-	} );
-
-	afterAll( () => {
-		unregisterBlockType( 'core/heading' );
-		unregisterBlockType( 'core/paragraph' );
-	} );
-
-	describe( 'no header blocks present', () => {
-		it( 'should not render when no blocks provided', () => {
-			setupMockSelect( [] );
-			render( <DocumentOutline /> );
-
-			expect( screen.queryByRole( 'list' ) ).not.toBeInTheDocument();
-		} );
-
-		it( 'should not render when no heading blocks provided', () => {
-			const blocks = [ paragraph ].map( ( block, index ) => {
-				// Set client IDs to a predictable value.
-				return { ...block, clientId: `clientId_${ index }` };
-			} );
-			setupMockSelect( blocks );
-			render( <DocumentOutline /> );
-
-			expect( screen.queryByRole( 'list' ) ).not.toBeInTheDocument();
-		} );
-	} );
-
-	describe( 'header blocks present', () => {
-		it( 'should match snapshot', () => {
-			const blocks = [ headingH2, headingH3 ].map( ( block, index ) => {
-				// Set client IDs to a predictable value.
-				return { ...block, clientId: `clientId_${ index }` };
-			} );
-			setupMockSelect( blocks );
-			render( <DocumentOutline /> );
-
-			expect( screen.getByRole( 'list' ) ).toMatchSnapshot();
-		} );
-
-		it( 'should render an item when only one heading provided', () => {
-			const blocks = [ headingH2 ];
-			setupMockSelect( blocks );
-			render( <DocumentOutline /> );
-
-			const tableOfContentItem = within(
-				screen.getByRole( 'list' )
-			).getByRole( 'listitem' );
-			expect( tableOfContentItem ).toBeInTheDocument();
-			expect( tableOfContentItem ).toHaveTextContent( 'Heading 2' );
-		} );
-
-		it( 'should render two items when two headings and some paragraphs provided', () => {
-			const blocks = [
-				paragraph,
-				headingH2,
-				paragraph,
-				headingH3,
-				paragraph,
-			];
-			setupMockSelect( blocks );
-			render( <DocumentOutline /> );
-
-			expect(
-				within( screen.getByRole( 'list' ) ).getAllByRole( 'listitem' )
-			).toHaveLength( 2 );
-		} );
-
-		it( 'should render warnings for multiple h1 headings', () => {
-			const blocks = [ headingH1, paragraph, headingH1, paragraph ].map(
-				( block, index ) => {
-					// Set client IDs to a predictable value.
-					return { ...block, clientId: `clientId_${ index }` };
-				}
-			);
-			setupMockSelect( blocks );
-			render( <DocumentOutline /> );
-
-			expect( screen.getByRole( 'list' ) ).toMatchSnapshot();
-		} );
-	} );
-
-	describe( 'nested headings', () => {
-		it( 'should render even if the heading is nested', () => {
-			const blocks = [ headingH2, nestedHeading ];
-			setupMockSelect( blocks );
-			render( <DocumentOutline /> );
-
-			// Unnested heading and nested heading should appear as items.
-			const tableOfContentItems = within(
-				screen.getByRole( 'list' )
-			).getAllByRole( 'listitem' );
-			expect( tableOfContentItems ).toHaveLength( 2 );
-
-			// Unnested heading test.
-			expect( tableOfContentItems[ 0 ] ).toHaveTextContent( 'H2' );
-			expect( tableOfContentItems[ 0 ] ).toHaveTextContent( 'Heading 2' );
-
-			// Nested heading test.
-			expect( tableOfContentItems[ 1 ] ).toHaveTextContent( 'H3' );
-			expect( tableOfContentItems[ 1 ] ).toHaveTextContent( 'Heading 3' );
-		} );
-	} );
-} );

package/src/dataviews/actions/index.ts

@@ -1,25 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { type StoreDescriptor, dispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import deletePost from './delete-post';
-import exportPattern from './export-pattern';
-import resetPost from './reset-post';
-
-// @ts-ignore
-import { store as editorStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-
-export default function registerDefaultActions() {
-	const { registerEntityAction } = unlock(
-		dispatch( editorStore as StoreDescriptor )
-	);
-
-	registerEntityAction( 'postType', 'wp_block', exportPattern );
-	registerEntityAction( 'postType', '*', resetPost );
-	registerEntityAction( 'postType', '*', deletePost );
-}

package/src/store/utils/get-filtered-template-parts.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 };

package/src/store/utils/test/get-filtered-template-parts.js

@@ -1,189 +0,0 @@
-/**
- * Internal dependencies
- */
-import { getFilteredTemplatePartBlocks } from '../get-filtered-template-parts';
-
-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( '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/utils/set-nested-value.js

@@ -1,39 +0,0 @@
-/**
- * Sets the value at path of object.
- * If a portion of path doesn’t exist, it’s created.
- * Arrays are created for missing index properties while objects are created
- * for all other missing properties.
- *
- * This function intentionally mutates the input object.
- *
- * Inspired by _.set().
- *
- * @see https://lodash.com/docs/4.17.15#set
- *
- * @todo Needs to be deduplicated with its copy in `@wordpress/core-data`.
- *
- * @param {Object} object Object to modify
- * @param {Array}  path   Path of the property to set.
- * @param {*}      value  Value to set.
- */
-export default function setNestedValue( object, path, value ) {
-	if ( ! object || typeof object !== 'object' ) {
-		return object;
-	}
-
-	path.reduce( ( acc, key, idx ) => {
-		if ( acc[ key ] === undefined ) {
-			if ( Number.isInteger( path[ idx + 1 ] ) ) {
-				acc[ key ] = [];
-			} else {
-				acc[ key ] = {};
-			}
-		}
-		if ( idx === path.length - 1 ) {
-			acc[ key ] = value;
-		}
-		return acc[ key ];
-	}, object );
-
-	return object;
-}