@wordpress/block-editor 15.21.0 → 15.22.0

package/src/components/block-list/test/index.native.js

@@ -1,205 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	addBlock,
-	getBlock,
-	fireEvent,
-	initializeEditor,
-	screen,
-	setupCoreBlocks,
-	triggerBlockListLayout,
-	within,
-} from 'test/helpers';
-
-setupCoreBlocks();
-
-describe( 'BlockList', () => {
-	describe( 'when empty', () => {
-		beforeEach( async () => {
-			// Arrange
-			await initializeEditor();
-		} );
-
-		it( 'renders a post title', async () => {
-			// Assert
-			expect( screen.getByPlaceholderText( 'Add title' ) ).toBeTruthy();
-		} );
-
-		it( 'renders a block appender as a content placeholder', async () => {
-			// Act
-			const appender = screen.getByPlaceholderText( /Start writing/ );
-			fireEvent.press( appender );
-
-			// Assert
-			expect( await getBlock( screen, 'Paragraph' ) ).toBeVisible();
-		} );
-
-		it( 'renders an end-of-list paragraph appender', async () => {
-			// Act
-			const appender = screen.getByLabelText( 'Add paragraph block' );
-			fireEvent.press( appender );
-
-			// Assert
-			expect( await getBlock( screen, 'Paragraph' ) ).toBeVisible();
-		} );
-	} );
-
-	describe( 'when not empty', () => {
-		it( 'renders a footer appender', async () => {
-			// Arrange
-			await initializeEditor();
-			await addBlock( screen, 'Social Icons' );
-			const socialLinksBlock = await getBlock( screen, 'Social Icons' );
-			fireEvent.press( socialLinksBlock );
-			await triggerBlockListLayout( socialLinksBlock );
-
-			// Act
-			fireEvent.press(
-				within( socialLinksBlock ).getByTestId( 'appender-button' )
-			);
-			const blockList = screen.getByTestId( 'InserterUI-Blocks' );
-			fireEvent.scroll( blockList, {
-				nativeEvent: {
-					contentOffset: { y: 0, x: 0 },
-					contentSize: { width: 100, height: 100 },
-					layoutMeasurement: { width: 100, height: 100 },
-				},
-			} );
-			fireEvent.press( await screen.findByText( 'Amazon' ) );
-
-			// Assert
-			const amazonSettings = await screen.findByTestId(
-				'navigation-screen-LinkSettingsScreen'
-			);
-			expect( amazonSettings ).toBeVisible();
-		} );
-	} );
-
-	describe( 'for inner blocks', () => {
-		it( 'renders an inner block appender', async () => {
-			// Arrange
-			await initializeEditor();
-			await addBlock( screen, 'Group' );
-			const groupBlock = await getBlock( screen, 'Group' );
-			await triggerBlockListLayout( groupBlock );
-
-			// Assert
-			expect(
-				within( groupBlock ).getByTestId( 'appender-button' )
-			).toBeTruthy();
-		} );
-
-		describe( 'when a non-last block is selected', () => {
-			beforeEach( async () => {
-				// Arrange
-				await initializeEditor();
-				await addBlock( screen, 'Group' );
-				const groupBlock = await getBlock( screen, 'Group' );
-				fireEvent.press(
-					within( groupBlock ).getByTestId( 'appender-button' )
-				);
-				await addBlock( screen, 'Paragraph', { isPickerOpened: true } );
-				fireEvent.press( screen.getByLabelText( 'Navigate Up' ) );
-				fireEvent.press(
-					within( groupBlock ).getByTestId( 'appender-button' )
-				);
-				await addBlock( screen, 'Paragraph', { isPickerOpened: true } );
-			} );
-
-			it( 'renders an insertion point before the block', async () => {
-				// Act
-				const paragraphBlock = await getBlock( screen, 'Paragraph', {
-					rowIndex: 1,
-				} );
-				fireEvent.press( paragraphBlock );
-				fireEvent( screen.getByLabelText( 'Add block' ), 'longPress' );
-				fireEvent.press( screen.getByText( 'Add Block Before' ) );
-
-				// Assert
-				expect( screen.getByText( 'ADD BLOCK HERE' ) ).toBeTruthy();
-				expect(
-					screen.getByTestId( 'block-insertion-point-before-row-1' )
-				).toBeTruthy();
-			} );
-
-			it( 'renders an insertion point after the block', async () => {
-				// Act
-				const paragraphBlock = await getBlock( screen, 'Paragraph', {
-					rowIndex: 1,
-				} );
-				fireEvent.press( paragraphBlock );
-				fireEvent( screen.getByLabelText( 'Add block' ), 'longPress' );
-				fireEvent.press( screen.getByText( 'Add Block After' ) );
-
-				// Assert
-				expect( screen.getByText( 'ADD BLOCK HERE' ) ).toBeTruthy();
-				expect(
-					screen.getByTestId( 'block-insertion-point-before-row-2' )
-				).toBeTruthy();
-			} );
-		} );
-
-		describe( 'when the last block is selected', () => {
-			it( 'renders an insertion point before the block', async () => {
-				// Arrange
-				await initializeEditor();
-				await addBlock( screen, 'Group' );
-				const groupBlock = await getBlock( screen, 'Group' );
-				fireEvent.press(
-					within( groupBlock ).getByTestId( 'appender-button' )
-				);
-				await addBlock( screen, 'Paragraph', { isPickerOpened: true } );
-				fireEvent.press( screen.getByLabelText( 'Navigate Up' ) );
-				fireEvent.press(
-					within( groupBlock ).getByTestId( 'appender-button' )
-				);
-				await addBlock( screen, 'Paragraph', { isPickerOpened: true } );
-
-				// Act
-				const paragraphBlock = await getBlock( screen, 'Paragraph', {
-					rowIndex: 2,
-				} );
-				fireEvent.press( paragraphBlock );
-				fireEvent( screen.getByLabelText( 'Add block' ), 'longPress' );
-				fireEvent.press( screen.getByText( 'Add Block Before' ) );
-
-				// Assert
-				expect( screen.getByText( 'ADD BLOCK HERE' ) ).toBeTruthy();
-				expect(
-					screen.getByTestId( 'block-insertion-point-before-row-2' )
-				).toBeTruthy();
-			} );
-
-			it( 'renders an insertion point after the block', async () => {
-				// Arrange
-				await initializeEditor();
-				await addBlock( screen, 'Group' );
-				const groupBlock = await getBlock( screen, 'Group' );
-				fireEvent.press(
-					within( groupBlock ).getByTestId( 'appender-button' )
-				);
-				await addBlock( screen, 'Paragraph', { isPickerOpened: true } );
-				fireEvent.press( screen.getByLabelText( 'Navigate Up' ) );
-				fireEvent.press(
-					within( groupBlock ).getByTestId( 'appender-button' )
-				);
-				await addBlock( screen, 'Paragraph', { isPickerOpened: true } );
-
-				// Act
-				const paragraphBlock = await getBlock( screen, 'Paragraph', {
-					rowIndex: 2,
-				} );
-				fireEvent.press( paragraphBlock );
-				fireEvent( screen.getByLabelText( 'Add block' ), 'longPress' );
-				fireEvent.press( screen.getByText( 'Add Block After' ) );
-
-				// Assert
-				expect( screen.getByText( 'ADD BLOCK HERE' ) ).toBeTruthy();
-				expect(
-					screen.getByTestId( 'block-insertion-point-after-row-2' )
-				).toBeTruthy();
-			} );
-		} );
-	} );
-} );

package/src/components/block-list/use-block-props/index.native.js

@@ -1,10 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __unstableGetBlockProps as getBlockProps } from '@wordpress/blocks';
-
-export function useBlockProps( props = {} ) {
-	return { ...props, style: { ...{ flex: 1 }, ...props.style } };
-}
-
-useBlockProps.save = getBlockProps;

package/src/components/block-list/use-scroll-upon-insertion.native.js

@@ -1,52 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEffect } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { useBlockListContext } from './block-list-context';
-import { store as blockEditorStore } from '../../store';
-
-const useScrollUponInsertion = ( {
-	clientId,
-	isSelected,
-	isLayoutCalculated,
-	elementRef,
-} ) => {
-	const { scrollRef } = useBlockListContext();
-	const wasBlockJustInserted = useSelect(
-		( select ) =>
-			!! select( blockEditorStore ).wasBlockJustInserted(
-				clientId,
-				'inserter_menu'
-			),
-		[ clientId ]
-	);
-	useEffect( () => {
-		const lastScrollTo = scrollRef?.lastScrollTo.current;
-		const alreadyScrolledTo = lastScrollTo?.clientId === clientId;
-		if (
-			alreadyScrolledTo ||
-			! isSelected ||
-			! scrollRef ||
-			! wasBlockJustInserted ||
-			! isLayoutCalculated
-		) {
-			return;
-		}
-		scrollRef.scrollToElement( elementRef );
-		lastScrollTo.clientId = clientId;
-	}, [
-		isSelected,
-		scrollRef,
-		wasBlockJustInserted,
-		elementRef,
-		isLayoutCalculated,
-		clientId,
-	] );
-};
-
-export default useScrollUponInsertion;

package/src/components/block-list-appender/index.native.js

@@ -1,70 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { getDefaultBlockName } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import DefaultBlockAppender from '../default-block-appender';
-import styles from './style.scss';
-import { store as blockEditorStore } from '../../store';
-
-function DefaultAppender( { rootClientId, showSeparator } ) {
-	const { blockClientIds, canInsertDefaultBlock } = useSelect(
-		( select ) => {
-			const { getBlockOrder, canInsertBlockType } =
-				select( blockEditorStore );
-			return {
-				blockClientIds: getBlockOrder( rootClientId ),
-				canInsertDefaultBlock: canInsertBlockType(
-					getDefaultBlockName(),
-					rootClientId
-				),
-			};
-		},
-		[ rootClientId ]
-	);
-
-	if ( ! canInsertDefaultBlock ) {
-		return null;
-	}
-
-	return (
-		<DefaultBlockAppender
-			rootClientId={ rootClientId }
-			lastBlockClientId={ blockClientIds[ blockClientIds.length - 1 ] }
-			containerStyle={ styles.blockListAppender }
-			placeholder={ blockClientIds.length > 0 ? '' : null }
-			showSeparator={ showSeparator }
-		/>
-	);
-}
-
-export default function BlockListAppender( {
-	rootClientId,
-	renderAppender: CustomAppender,
-	showSeparator,
-} ) {
-	const isLocked = useSelect(
-		( select ) =>
-			!! select( blockEditorStore ).getTemplateLock( rootClientId ),
-		[ rootClientId ]
-	);
-
-	if ( isLocked ) {
-		return null;
-	}
-
-	if ( CustomAppender ) {
-		return <CustomAppender showSeparator={ showSeparator } />;
-	}
-
-	return (
-		<DefaultAppender
-			rootClientId={ rootClientId }
-			showSeparator={ showSeparator }
-		/>
-	);
-}

package/src/components/block-list-appender/style.native.scss

@@ -1,8 +0,0 @@
-
-.blockListAppender {
-	padding-left: 16;
-	padding-right: 16;
-	padding-top: 12;
-	padding-bottom: 0; // will be flushed into inline toolbar height
-	border-color: transparent;
-}

package/src/components/block-media-update-progress/README.md

@@ -1,100 +0,0 @@
-# BlockMediaUpdateProgress
-
-`BlockMediaUpdateProgress` shows a progress bar while the media files associated with a media-containing block are being saved first and uploaded later
-
-## Usage
-
-Usage example
-
-```jsx
-import { ImageBackground, Text, View } from 'react-native';
-import { BlockMediaUpdateProgress } from '@wordpress/block-editor';
-
-function BlockUpdatingProgress( { url, id } ) {
-	return (
-		<BlockMediaUpdateProgress
-			mediaId={ id }
-			renderContent={ ( { isSaveFailed, retryMessage } ) => {
-				return (
-					<ImageBackground
-						resizeMethod="scale"
-						source={ { uri: url } }
-					>
-						{ isSaveFailed && (
-							<View>
-								<Text>{ retryMessage }</Text>
-							</View>
-						) }
-					</ImageBackground>
-				);
-			} }
-		/>
-	);
-}
-```
-
-## Props
-
-### mediaFiles
-
-A collection of media ID that identifies the current collection of files represented in this media container block.
-
--   Type: `Array`
--   Required: Yes
--   Platform: Mobile
-
-### renderContent
-
-Content to be rendered along with the progress bar, usually the thumbnail of the media being uploaded.
-
--   Type: `React components`
--   Required: Yes
--   Platform: Mobile
-
-It passes an object containing the following properties:
-
-`{ isUploadInProgress, isUploadFailed, isSaveInProgress, isSaveFailed, retryMessage }`
-
-### onUpdateMediaProgress
-
-Callback called when the progress of the upload is updated.
-
--   Type: `Function`
--   Required: No
--   Platform: Mobile
-
-The argument of the callback is an object containing the following properties:
-
-`{ mediaId, mediaUrl, progress, state }`
-
-### onFinishMediaUploadWithSuccess
-
-Callback called when the media file has been uploaded successfully.
-
--   Type: `Function`
--   Required: No
--   Platform: Mobile
-
-The argument of the callback is an object containing the following properties:
-
-`{ mediaId, mediaServerId, mediaUrl, progress, state }`
-
-### onFinishMediaUploadWithFailure
-
-Callback called when the media file couldn't be uploaded.
-
--   Type: `Function`
--   Required: No
--   Platform: Mobile
-
-The argument of the callback is an object containing the following properties:
-
-`{ mediaId, progress, state }`
-
-### onMediaUploadStateReset
-
-Callback called when the media upload is reset
-
--   Type: `Function`
--   Required: No
--   Platform: Mobile