@wordpress/block-editor 15.21.0 → 15.22.0

package/src/components/inserter/test/__snapshots__/index.native.js.snap

@@ -1,117 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Inserter can add blocks adds new block at the end of post 1`] = `
-"<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading"></h2>
-<!-- /wp:heading -->"
-`;
-
-exports[`Inserter can add blocks after another block 1`] = `
-"<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading"></h2>
-<!-- /wp:heading -->
-
-<!-- wp:more -->
-<!--more-->
-<!-- /wp:more -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Inserter can add blocks before another block 1`] = `
-"<!-- wp:heading -->
-<h2 class="wp-block-heading"></h2>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Inserter can add blocks creates a new Paragraph block tapping on the empty area below the last block 1`] = `
-"<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading"></h2>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Inserter can add blocks inserts between 2 existing blocks 1`] = `
-"<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:more -->
-<!--more-->
-<!-- /wp:more -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading"></h2>
-<!-- /wp:heading -->"
-`;
-
-exports[`Inserter can add blocks inserts block at the end of post when no block is selected 1`] = `
-"<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading"></h2>
-<!-- /wp:heading -->
-
-<!-- wp:more -->
-<!--more-->
-<!-- /wp:more -->"
-`;
-
-exports[`Inserter can add blocks to the beginning 1`] = `
-"<!-- wp:more -->
-<!--more-->
-<!-- /wp:more -->
-
-<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading"></h2>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Inserter can add blocks to the end 1`] = `
-"<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading"></h2>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:more -->
-<!--more-->
-<!-- /wp:more -->"
-`;

package/src/components/inserter/test/fixtures/index.native.js

@@ -1,12 +0,0 @@
-/**
- * Internal dependencies
- */
-import fixtures from './index.js';
-
-export * from './index';
-
-export default fixtures.map( ( filteredItems ) => ( {
-	...filteredItems,
-	// Set `isNew` property expected from block type impressions.
-	isNew: false,
-} ) );

package/src/components/inserter/test/index.native.js

@@ -1,273 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	addBlock,
-	fireEvent,
-	initializeEditor,
-	getBlock,
-	getEditorHtml,
-	render,
-} from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
-import { registerCoreBlocks } from '@wordpress/block-library';
-
-/**
- * Internal dependencies
- */
-import { Inserter } from '../index';
-
-const getStylesFromColorScheme = () => {
-	return { color: 'white' };
-};
-
-describe( 'Inserter', () => {
-	it( 'button contains the testID "add-block-button"', () => {
-		const screen = render(
-			<Inserter getStylesFromColorScheme={ getStylesFromColorScheme } />
-		);
-
-		expect( screen.getByTestId( 'add-block-button' ) ).toBeTruthy();
-	} );
-
-	describe( 'can add blocks', () => {
-		beforeAll( () => {
-			// Register all core blocks
-			registerCoreBlocks();
-		} );
-
-		afterAll( () => {
-			// Clean up registered blocks
-			getBlockTypes().forEach( ( block ) => {
-				unregisterBlockType( block.name );
-			} );
-		} );
-
-		it( 'to the beginning', async () => {
-			const screen = await initializeEditor();
-			const { getByLabelText, getByTestId } = screen;
-
-			// Add Spacer block
-			await addBlock( screen, 'Spacer' );
-
-			// Add Heading block
-			await addBlock( screen, 'Heading' );
-
-			// Add Paragraph block
-			await addBlock( screen, 'Paragraph' );
-
-			// Get Inserter button
-			const addBlockButton = await getByTestId( 'add-block-button' );
-
-			// Long press the inserter button
-			fireEvent( addBlockButton, 'onLongPress' );
-
-			// Get Add To Beginning option
-			const addBlockToBeginningButton =
-				await getByLabelText( 'Add To Beginning' );
-			expect( addBlockToBeginningButton ).toBeVisible();
-			fireEvent.press( addBlockToBeginningButton );
-
-			// Add another block at the beginning
-			await addBlock( screen, 'More', { isPickerOpened: true } );
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'before another block', async () => {
-			const screen = await initializeEditor();
-			const { getByLabelText, getByTestId } = screen;
-
-			// Add Paragraph block
-			await addBlock( screen, 'Paragraph' );
-
-			// Get Paragraph block
-			const paragraphBlock = await getBlock( screen, 'Paragraph' );
-			fireEvent.press( paragraphBlock );
-
-			// Get Inserter button
-			const addBlockButton = await getByTestId( 'add-block-button' );
-
-			// Long press the inserter button
-			fireEvent( addBlockButton, 'onLongPress' );
-
-			// Get Add Block Before option
-			const addBlockBeforeButton =
-				await getByLabelText( 'Add Block Before' );
-			expect( addBlockBeforeButton ).toBeVisible();
-			fireEvent.press( addBlockBeforeButton );
-
-			// Add another block before the first one
-			await addBlock( screen, 'Heading', { isPickerOpened: true } );
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'after another block', async () => {
-			const screen = await initializeEditor();
-			const { getByLabelText, getByTestId } = screen;
-
-			// Add Spacer block
-			await addBlock( screen, 'Spacer' );
-
-			// Add Heading block
-			await addBlock( screen, 'Heading' );
-
-			// Add Paragraph block
-			await addBlock( screen, 'Paragraph' );
-
-			// Get Heading block
-			const headingBlock = await getBlock( screen, 'Heading', {
-				rowIndex: 2,
-			} );
-			fireEvent.press( headingBlock );
-
-			// Get Inserter button
-			const addBlockButton = await getByTestId( 'add-block-button' );
-
-			// Long press the inserter button
-			fireEvent( addBlockButton, 'onLongPress' );
-
-			// Get Add Block After option
-			const addBlockAfterButton =
-				await getByLabelText( 'Add Block After' );
-			expect( addBlockAfterButton ).toBeVisible();
-			fireEvent.press( addBlockAfterButton );
-
-			// Add another block after the Heading block
-			await addBlock( screen, 'More', { isPickerOpened: true } );
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'to the end', async () => {
-			const screen = await initializeEditor();
-			const { getByLabelText, getByTestId } = screen;
-
-			// Add Spacer block
-			await addBlock( screen, 'Spacer' );
-
-			// Add Heading block
-			await addBlock( screen, 'Heading' );
-
-			// Add Paragraph block
-			await addBlock( screen, 'Paragraph' );
-
-			// Get Spacer block
-			const spacerBlock = await getBlock( screen, 'Spacer' );
-			fireEvent.press( spacerBlock );
-
-			// Get Inserter button
-			const addBlockButton = await getByTestId( 'add-block-button' );
-
-			// Long press the inserter button
-			fireEvent( addBlockButton, 'onLongPress' );
-
-			// Get Add To End option
-			const addBlockToEndButton = await getByLabelText( 'Add To End' );
-			expect( addBlockToEndButton ).toBeVisible();
-			fireEvent.press( addBlockToEndButton );
-
-			// Add another block to the end after the Paragraph Block
-			await addBlock( screen, 'More', { isPickerOpened: true } );
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'adds new block at the end of post', async () => {
-			const screen = await initializeEditor();
-
-			// Add Spacer block
-			await addBlock( screen, 'Spacer' );
-
-			// Add Heading block
-			await addBlock( screen, 'Heading' );
-
-			// Get Heading block
-			const headingBlock = await getBlock( screen, 'Heading', {
-				rowIndex: 2,
-			} );
-			expect( headingBlock ).toBeVisible();
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'inserts between 2 existing blocks', async () => {
-			const screen = await initializeEditor();
-
-			// Add Spacer block
-			await addBlock( screen, 'Spacer' );
-
-			// Add Heading block
-			await addBlock( screen, 'Heading' );
-
-			// Get Spacer block
-			const spacerBlock = await getBlock( screen, 'Spacer' );
-			fireEvent.press( spacerBlock );
-
-			// Add More block
-			await addBlock( screen, 'More' );
-
-			// Get More block
-			const moreBlock = await getBlock( screen, 'More', { rowIndex: 2 } );
-			expect( moreBlock ).toBeVisible();
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'inserts block at the end of post when no block is selected', async () => {
-			const screen = await initializeEditor();
-			const { getAllByLabelText } = screen;
-
-			// Add Spacer block
-			await addBlock( screen, 'Spacer' );
-
-			// Add Heading block
-			await addBlock( screen, 'Heading' );
-
-			// Select the title
-			const titleInputElement =
-				await getAllByLabelText( 'Post title. test' )[ 0 ];
-			expect( titleInputElement ).toBeVisible();
-			fireEvent.press( titleInputElement );
-
-			// Add More block
-			await addBlock( screen, 'More' );
-
-			// Get More block
-			const moreBlock = await getBlock( screen, 'More', { rowIndex: 3 } );
-			expect( moreBlock ).toBeVisible();
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-
-		it( 'creates a new Paragraph block tapping on the empty area below the last block', async () => {
-			const screen = await initializeEditor();
-			const { getByLabelText } = screen;
-
-			// Add Spacer block
-			await addBlock( screen, 'Spacer' );
-
-			// Add Heading block
-			await addBlock( screen, 'Heading' );
-
-			// Get the empty paragraph placeholder
-			const paragraphPlaceholder = await getByLabelText(
-				'Add paragraph block'
-			);
-			fireEvent.press( paragraphPlaceholder );
-
-			// Get Paragraph block
-			const paragraphBlock = await getBlock( screen, 'Paragraph', {
-				rowIndex: 3,
-			} );
-			expect( paragraphBlock ).toBeVisible();
-
-			expect( getEditorHtml() ).toMatchSnapshot();
-		} );
-	} );
-} );

package/src/components/inserter/test/reusable-blocks-tab.native.js

@@ -1,62 +0,0 @@
-/**
- * External dependencies
- */
-import { render } from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import items from './fixtures';
-import ReusableBlocksTab from '../reusable-blocks-tab';
-
-jest.mock( '@wordpress/data/src/components/use-select' );
-
-const fetchReusableBlocks = jest.fn();
-const selectMock = {
-	getInserterItems: jest.fn().mockReturnValue( [] ),
-	getSettings: jest.fn().mockReturnValue( {
-		__experimentalFetchReusableBlocks: fetchReusableBlocks,
-	} ),
-};
-
-describe( 'ReusableBlocksTab component', () => {
-	beforeEach( () => {
-		useSelect.mockImplementation( ( callback ) =>
-			callback( () => selectMock )
-		);
-	} );
-
-	it( 'renders without crashing', () => {
-		const component = render(
-			<ReusableBlocksTab
-				rootClientId={ 0 }
-				onSelect={ jest.fn() }
-				listProps={ { contentContainerStyle: {} } }
-			/>
-		);
-		expect( component ).toBeTruthy();
-	} );
-
-	it( 'shows reusable block items', () => {
-		selectMock.getInserterItems.mockReturnValue( items );
-
-		const reusableBlockItems = items.filter(
-			( { category } ) => category === 'reusable'
-		);
-		const component = render(
-			<ReusableBlocksTab
-				rootClientId={ 0 }
-				onSelect={ jest.fn() }
-				listProps={ { contentContainerStyle: {} } }
-			/>
-		);
-		reusableBlockItems.forEach( ( { title } ) => {
-			expect( component.getByText( title ) ).toBeTruthy();
-		} );
-	} );
-} );

package/src/components/inserter/test/utils.native.js

@@ -1,37 +0,0 @@
-/**
- * Internal dependencies
- */
-import { createInserterSection } from '../utils';
-
-describe( 'createInserterSection', () => {
-	it( 'returns the expected object shape', () => {
-		const key = 'mock-1';
-		const items = [ 1, 2, 3 ];
-		const metadata = { icon: 'icon-mock', title: 'Title Mock' };
-
-		expect( createInserterSection( { key, metadata, items } ) ).toEqual(
-			expect.objectContaining( {
-				metadata,
-				data: [ { key, list: items } ],
-			} )
-		);
-	} );
-
-	it( 'return always includes metadata', () => {
-		const key = 'mock-1';
-		const items = [ 1, 2, 3 ];
-
-		expect( createInserterSection( { key, items } ) ).toEqual(
-			expect.objectContaining( {
-				metadata: {},
-				data: [ { key, list: items } ],
-			} )
-		);
-	} );
-
-	it( 'requires a unique key', () => {
-		expect( () => {
-			createInserterSection( { items: [ 1, 2, 3 ] } );
-		} ).toThrow( 'A unique key for the section must be provided.' );
-	} );
-} );

package/src/components/inserter/utils.native.js

@@ -1,46 +0,0 @@
-const REUSABLE_BLOCKS_CATEGORY = 'reusable';
-const ALLOWED_EMBED_VARIATIONS = [
-	'core/embed',
-	'core/embed/youtube',
-	'core/embed/twitter',
-	'core/embed/wordpress',
-	'core/embed/instagram',
-	'core/embed/vimeo',
-];
-
-export function blockAllowed( block, { onlyReusable, allowReusable } ) {
-	const { id, category } = block;
-	const isReusable = category === REUSABLE_BLOCKS_CATEGORY;
-
-	if ( onlyReusable ) {
-		return isReusable;
-	}
-
-	if ( isReusable ) {
-		return allowReusable;
-	}
-	// We don't want to show all possible embed variations
-	// as different blocks in the inserter. We'll only show a
-	// few popular ones.
-	return category !== 'embed' || ALLOWED_EMBED_VARIATIONS.includes( id );
-}
-
-export function filterInserterItems(
-	items,
-	{ onlyReusable = false, allowReusable = false } = {}
-) {
-	return items.filter( ( block ) =>
-		blockAllowed( block, { onlyReusable, allowReusable } )
-	);
-}
-
-export function createInserterSection( { key, metadata = {}, items } ) {
-	if ( ! key ) {
-		throw new Error( 'A unique key for the section must be provided.' );
-	}
-
-	return {
-		metadata,
-		data: [ { key, list: items } ],
-	};
-}

package/src/components/inserter-button/index.native.js

@@ -1,108 +0,0 @@
-/**
- * External dependencies
- */
-import { View, TouchableHighlight, Text } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { useCallback } from '@wordpress/element';
-import { Icon as WCIcon } from '@wordpress/components';
-import { withPreferredColorScheme } from '@wordpress/compose';
-import { __, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { BlockIcon } from '../block-icon';
-import styles from './style.scss';
-import sparkles from './sparkles';
-
-function MenuItem( {
-	getStylesFromColorScheme,
-	item,
-	itemWidth,
-	maxWidth,
-	onSelect,
-} ) {
-	const onPress = useCallback( () => {
-		onSelect( item );
-	}, [ onSelect, item ] );
-
-	const modalIconWrapperStyle = getStylesFromColorScheme(
-		styles.modalIconWrapper,
-		styles.modalIconWrapperDark
-	);
-	const modalIconStyle = styles.modalIcon;
-	const modalItemLabelStyle = getStylesFromColorScheme(
-		styles.modalItemLabel,
-		styles.modalItemLabelDark
-	);
-
-	const clipboardBlockStyles = getStylesFromColorScheme(
-		styles.clipboardBlock,
-		styles.clipboardBlockDark
-	);
-
-	const isClipboardBlock = item.id === 'clipboard';
-	const blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;
-	const blockIsNew = item.isNew === true;
-	const accessibilityLabelFormat = blockIsNew
-		? // translators: Newly available block name. %s: The localized block name
-		  __( '%s block, newly available' )
-		: // translators: %s: Block name e.g. "Image block"
-		  __( '%s block' );
-	const accessibilityLabel = sprintf( accessibilityLabelFormat, item.title );
-
-	return (
-		<TouchableHighlight
-			style={ [
-				styles.touchableArea,
-				item.isDisabled ? styles.disabled : null,
-			] }
-			underlayColor="transparent"
-			activeOpacity={ 0.5 }
-			accessibilityRole="button"
-			accessibilityLabel={ accessibilityLabel }
-			onPress={ onPress }
-			disabled={ item.isDisabled }
-		>
-			<View style={ [ styles.modalItem, { width: maxWidth } ] }>
-				<View
-					style={ [
-						modalIconWrapperStyle,
-						itemWidth && {
-							width: itemWidth,
-						},
-						isClipboardBlock && clipboardBlockStyles,
-					] }
-				>
-					{ blockIsNew && (
-						<WCIcon
-							icon={ sparkles }
-							style={ styles.newIndicator }
-						/>
-					) }
-					<View style={ modalIconStyle }>
-						<BlockIcon
-							icon={ item.icon }
-							size={ modalIconStyle.width }
-						/>
-					</View>
-				</View>
-				<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>
-					{ blockTitle }
-				</Text>
-			</View>
-		</TouchableHighlight>
-	);
-}
-
-const InserterButton = withPreferredColorScheme( MenuItem );
-
-InserterButton.Styles = {
-	modalItem: styles.modalItem,
-	modalIconWrapper: styles.modalIconWrapper,
-};
-
-export default InserterButton;