@wordpress/edit-post 8.47.0 → 8.48.1

package/src/components/visual-editor/test/index.native.js

@@ -1,221 +0,0 @@
-/**
- * External dependencies
- */
-import { initializeEditor, getEditorHtml, fireEvent } from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { Platform } from '@wordpress/element';
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
-import { registerCoreBlocks } from '@wordpress/block-library';
-
-beforeAll( () => {
-	// Register all core blocks
-	registerCoreBlocks();
-} );
-
-afterAll( () => {
-	// Clean up registered blocks
-	getBlockTypes().forEach( ( block ) => {
-		unregisterBlockType( block.name );
-	} );
-} );
-
-const MEDIA_OPTIONS = [
-	'Choose from device',
-	'Take a Photo',
-	'WordPress Media Library',
-];
-
-const initialHtml = `
-<!-- wp:paragraph -->
-<p>First example paragraph.</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Second example paragraph.</p>
-<!-- /wp:paragraph -->
-`;
-
-describe( 'when title is focused', () => {
-	it( 'new blocks are inserted after the title', async () => {
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Focus first block
-		fireEvent.press(
-			screen.getAllByLabelText( /Paragraph Block. Row 1/ )[ 0 ]
-		);
-
-		// Focus title
-		fireEvent(
-			screen.getAllByLabelText( 'Post title. test' )[ 0 ],
-			'select'
-		);
-
-		// Add new Heading block
-		fireEvent.press( screen.getByLabelText( 'Add block' ) );
-		fireEvent.press( screen.getByText( 'Heading' ) );
-
-		expect(
-			screen.getAllByLabelText( /Heading Block. Row 1/ )[ 0 ]
-		).toBeDefined();
-		expect(
-			screen.getAllByLabelText( /Paragraph Block. Row 2/ )[ 0 ]
-		).toBeDefined();
-
-		expect(
-			screen.getAllByLabelText( /Paragraph Block. Row 3/ )[ 0 ]
-		).toBeDefined();
-	} );
-
-	it( 'media blocks should be displayed', async () => {
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Focus first block
-		fireEvent.press(
-			screen.getAllByLabelText( /Paragraph Block. Row 1/ )[ 0 ]
-		);
-
-		// Focus title
-		fireEvent(
-			screen.getAllByLabelText( 'Post title. test' )[ 0 ],
-			'select'
-		);
-
-		// Assert that the media buttons are visible
-		const imageButton = await screen.findByTestId( 'insert-image-button' );
-		expect( imageButton ).toBeVisible();
-
-		const videoButton = await screen.findByTestId( 'insert-video-button' );
-		expect( videoButton ).toBeVisible();
-
-		const galleryButton = await screen.findByTestId(
-			'insert-gallery-button'
-		);
-		expect( galleryButton ).toBeVisible();
-
-		const audioButton = await screen.findByTestId( 'insert-audio-button' );
-		expect( audioButton ).toBeVisible();
-	} );
-} );
-
-describe( 'when title is no longer focused', () => {
-	it( 'new blocks are inserted after the currently focused block', async () => {
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Focus first block
-		fireEvent.press(
-			screen.getAllByLabelText( /Paragraph Block. Row 1/ )[ 0 ]
-		);
-
-		// Focus title
-		fireEvent(
-			screen.getAllByLabelText( 'Post title. test' )[ 0 ],
-			'select'
-		);
-
-		// Focus last block
-		fireEvent.press(
-			screen.getAllByLabelText( /Paragraph Block. Row 2/ )[ 0 ]
-		);
-
-		// Add new Heading block
-		fireEvent.press( screen.getByLabelText( 'Add block' ) );
-		fireEvent.press( screen.getByText( 'Heading' ) );
-
-		expect(
-			screen.getAllByLabelText( /Paragraph Block. Row 1/ )[ 0 ]
-		).toBeDefined();
-		expect(
-			screen.getAllByLabelText( /Paragraph Block. Row 2/ )[ 0 ]
-		).toBeDefined();
-		expect(
-			screen.getAllByLabelText( /Heading Block. Row 3/ )[ 0 ]
-		).toBeDefined();
-	} );
-
-	it( 'media blocks should not be displayed', async () => {
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		// Focus first block
-		fireEvent.press(
-			screen.getAllByLabelText( /Paragraph Block. Row 1/ )[ 0 ]
-		);
-
-		// Focus title
-		fireEvent(
-			screen.getAllByLabelText( 'Post title. test' )[ 0 ],
-			'select'
-		);
-
-		// Focus last block
-		fireEvent.press(
-			screen.getAllByLabelText( /Paragraph Block. Row 2/ )[ 0 ]
-		);
-
-		// Assert that the media buttons are not visible
-		const imageButton = screen.queryByTestId( 'insert-image-button' );
-		expect( imageButton ).toBeNull();
-
-		const videoButton = screen.queryByTestId( 'insert-video-button' );
-		expect( videoButton ).toBeNull();
-
-		const galleryButton = screen.queryByTestId( 'insert-gallery-button' );
-		expect( galleryButton ).toBeNull();
-
-		const audioButton = screen.queryByTestId( 'insert-audio-button' );
-		expect( audioButton ).toBeNull();
-	} );
-} );
-
-describe( 'when nothing is selected', () => {
-	it( 'media buttons and picker display correctly', async () => {
-		const screen = await initializeEditor( {
-			initialHtml,
-		} );
-
-		const { getByText, getByTestId } = screen;
-
-		// Check that the gallery button is visible within the toolbar
-		const galleryButton = await screen.queryByTestId(
-			'insert-gallery-button'
-		);
-		expect( galleryButton ).toBeVisible();
-
-		// Press the toolbar Gallery button
-		fireEvent.press( galleryButton );
-
-		// Expect the block to be created
-		expect(
-			screen.getAllByLabelText( /Gallery Block. Row 3/ )[ 0 ]
-		).toBeDefined();
-
-		expect( getByText( 'Choose images' ) ).toBeVisible();
-		MEDIA_OPTIONS.forEach( ( option ) =>
-			expect( getByText( option ) ).toBeVisible()
-		);
-
-		// Dismiss the picker
-		if ( Platform.isIOS ) {
-			fireEvent.press( getByText( 'Cancel' ) );
-		} else {
-			fireEvent( getByTestId( 'media-options-picker' ), 'backdropPress' );
-		}
-
-		// Expect the Gallery block to remain
-		expect(
-			screen.getAllByLabelText( /Gallery Block. Row 3/ )[ 0 ]
-		).toBeDefined();
-
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-} );

package/src/editor.native.js

@@ -1,171 +0,0 @@
-/**
- * External dependencies
- */
-import memize from 'memize';
-import { I18nManager } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-
-/**
- * WordPress dependencies
- */
-import { Component } from '@wordpress/element';
-import {
-	EditorProvider,
-	ErrorBoundary,
-	store as editorStore,
-} from '@wordpress/editor';
-import { parse, serialize } from '@wordpress/blocks';
-import { withDispatch, withSelect } from '@wordpress/data';
-import { compose } from '@wordpress/compose';
-import {
-	subscribeSetFocusOnTitle,
-	subscribeFeaturedImageIdNativeUpdated,
-} from '@wordpress/react-native-bridge';
-import { SlotFillProvider } from '@wordpress/components';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import Layout from './components/layout';
-
-class Editor extends Component {
-	constructor( props ) {
-		super( ...arguments );
-
-		if ( props.initialHtmlModeEnabled && props.mode === 'visual' ) {
-			// Enable html mode if the initial mode the parent wants it but we're not already in it.
-			this.props.switchEditorMode( 'text' );
-		}
-
-		this.getEditorSettings = memize( this.getEditorSettings, {
-			maxSize: 1,
-		} );
-
-		this.setTitleRef = this.setTitleRef.bind( this );
-	}
-
-	getEditorSettings( settings ) {
-		settings = {
-			...settings,
-			isRTL: I18nManager.isRTL,
-		};
-
-		return settings;
-	}
-
-	componentDidMount() {
-		const { editEntityRecord, postType, postId } = this.props;
-
-		this.subscriptionParentSetFocusOnTitle = subscribeSetFocusOnTitle(
-			() => {
-				if ( this.postTitleRef ) {
-					this.postTitleRef.focus();
-				} else {
-					// If the post title ref is not available, we postpone setting focus to when it's available.
-					this.focusTitleWhenAvailable = true;
-				}
-			}
-		);
-
-		this.subscriptionParentFeaturedImageIdNativeUpdated =
-			subscribeFeaturedImageIdNativeUpdated( ( payload ) => {
-				editEntityRecord(
-					'postType',
-					postType,
-					postId,
-					{ featured_media: payload.featuredImageId },
-					{
-						undoIgnore: true,
-					}
-				);
-			} );
-	}
-
-	componentWillUnmount() {
-		if ( this.subscriptionParentSetFocusOnTitle ) {
-			this.subscriptionParentSetFocusOnTitle.remove();
-		}
-
-		if ( this.subscribeFeaturedImageIdNativeUpdated ) {
-			this.subscribeFeaturedImageIdNativeUpdated.remove();
-		}
-	}
-
-	setTitleRef( titleRef ) {
-		if ( this.focusTitleWhenAvailable && ! this.postTitleRef ) {
-			this.focusTitleWhenAvailable = false;
-			titleRef.focus();
-		}
-
-		this.postTitleRef = titleRef;
-	}
-
-	render() {
-		const {
-			settings,
-			initialEdits,
-			post,
-			postId,
-			postType,
-			featuredImageId,
-			initialHtml,
-			...props
-		} = this.props;
-
-		const editorSettings = this.getEditorSettings( settings );
-
-		const normalizedPost = post || {
-			id: postId,
-			title: {
-				raw: props.initialTitle || '',
-			},
-			featured_media: featuredImageId,
-			content: {
-				// Make sure the post content is in sync with gutenberg store
-				// to avoid marking the post as modified when simply loaded
-				// For now, let's assume: serialize( parse( html ) ) !== html.
-				raw: serialize( parse( initialHtml || '' ) ),
-			},
-			type: postType,
-			status: 'draft',
-			meta: [],
-		};
-
-		return (
-			<GestureHandlerRootView style={ { flex: 1 } }>
-				<SlotFillProvider>
-					<EditorProvider
-						settings={ editorSettings }
-						post={ normalizedPost }
-						initialEdits={ initialEdits }
-						useSubRegistry={ false }
-						{ ...props }
-					>
-						<ErrorBoundary>
-							<Layout setTitleRef={ this.setTitleRef } />
-						</ErrorBoundary>
-					</EditorProvider>
-				</SlotFillProvider>
-			</GestureHandlerRootView>
-		);
-	}
-}
-
-export default compose( [
-	withSelect( ( select ) => {
-		const { getEditorMode } = select( editorStore );
-
-		return {
-			mode: getEditorMode(),
-		};
-	} ),
-	withDispatch( ( dispatch ) => {
-		const { switchEditorMode } = dispatch( editorStore );
-		const { editEntityRecord } = dispatch( coreStore );
-		return {
-			switchEditorMode,
-			editEntityRecord,
-		};
-	} ),
-] )( Editor );

package/src/index.native.js

@@ -1,41 +0,0 @@
-/**
- * WordPress dependencies
- */
-import '@wordpress/core-data';
-import '@wordpress/format-library';
-import { dispatch } from '@wordpress/data';
-import { store as preferencesStore } from '@wordpress/preferences';
-
-/**
- * Internal dependencies
- */
-export { store } from './store';
-import Editor from './editor';
-
-/**
- * Initializes the Editor and returns a componentProvider
- * that can be registered with `AppRegistry.registerComponent`
- *
- * @param {string} id       Unique identifier for editor instance.
- * @param {Object} postType Post type of the post to edit.
- * @param {Object} postId   ID of the post to edit (unused right now)
- */
-export function initializeEditor( id, postType, postId ) {
-	dispatch( preferencesStore ).setDefaults( 'core/edit-post', {
-		editorMode: 'visual',
-		fullscreenMode: true,
-		inactivePanels: [],
-		openPanels: [ 'post-status' ],
-		welcomeGuide: true,
-	} );
-	dispatch( preferencesStore ).setDefaults( 'core', {
-		editorTool: 'edit',
-		hiddenBlockTypes: [],
-		inactivePanels: [],
-		openPanels: [ 'post-status' ],
-		isPublishSidebarEnabled: true,
-		fixedToolbar: false,
-	} );
-
-	return <Editor postId={ postId } postType={ postType } />;
-}

package/src/test/__snapshots__/editor.native.js.snap

@@ -1,105 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Editor adds empty image block when pasting unsupported HTML local image path 1`] = `
-"<!-- wp:image -->
-<figure class="wp-block-image"><img src="" alt=""/></figure>
-<!-- /wp:image -->"
-`;
-
-exports[`Editor adds image block when pasting HTML local image path 1`] = `
-"<!-- wp:image -->
-<figure class="wp-block-image"><img src="file:///path/to/file.png" alt=""/></figure>
-<!-- /wp:image -->"
-`;
-
-exports[`Editor appends media correctly for allowed types 1`] = `
-"<!-- wp:image -->
-<figure class="wp-block-image"><img src="https://test-site.files.wordpress.com/local-image-1.jpeg" alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:image -->
-<figure class="wp-block-image"><img src="https://test-site.files.wordpress.com/local-image-3.jpeg" alt=""/></figure>
-<!-- /wp:image -->"
-`;
-
-exports[`Editor appends media correctly for allowed types and skips unsupported ones 1`] = `
-"<!-- wp:image -->
-<figure class="wp-block-image"><img src="https://test-site.files.wordpress.com/local-image-1.jpeg" alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:video -->
-<figure class="wp-block-video"><video controls src="file:///local-video-4.mp4"></video></figure>
-<!-- /wp:video -->"
-`;
-
-exports[`Editor on content update parses markdown into blocks 1`] = `
-"<!-- wp:paragraph -->
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing<br />elit.</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading">Overview</h2>
-<!-- /wp:heading -->
-
-<!-- wp:list -->
-<ul class="wp-block-list"><!-- wp:list-item -->
-<li>Lorem ipsum dolor sit amet</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>Consectetur adipiscing<br>elit</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>Integer nec odio</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading">Details</h2>
-<!-- /wp:heading -->
-
-<!-- wp:list {"ordered":true} -->
-<ol class="wp-block-list"><!-- wp:list-item -->
-<li>Sed cursus ante dapibus diam</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>Nulla quis sem at nibh elementum imperdiet</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>Duis sagittis ipsum <code>## Mixed Lists</code></li>
-<!-- /wp:list-item --></ol>
-<!-- /wp:list -->
-
-<!-- wp:list -->
-<ul class="wp-block-list"><!-- wp:list-item -->
-<li>Key Points:</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->
-
-<!-- wp:list {"ordered":true} -->
-<ol class="wp-block-list"><!-- wp:list-item -->
-<li>Lorem ipsum dolor sit amet</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li><br>Consectetur adipiscing elit</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>Integer nec odio</li>
-<!-- /wp:list-item --></ol>
-<!-- /wp:list -->
-
-<!-- wp:list -->
-<ul class="wp-block-list"><!-- wp:list-item -->
-<li>Additional Info:<br>-<br>Sed cursus ante dapibus diam</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>Nulla quis sem at nibh elementum imperdiet</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->"
-`;