@wordpress/editor 13.8.0 → 13.10.0

package/src/components/post-saved-state/test/index.js

@@ -67,16 +67,6 @@ describe( 'PostSavedState', () => {
 		expect( screen.getByRole( 'button' ) ).toMatchSnapshot();
 	} );
 
-	it( 'returns a switch to draft link if the post is published', () => {
-		useSelect.mockImplementation( () => ( {
-			isPublished: true,
-		} ) );
-
-		render( <PostSavedState /> );
-
-		expect( screen.getByRole( 'button' ) ).toMatchSnapshot();
-	} );
-
 	it( 'should return Saved text if not new and not dirty', () => {
 		useSelect.mockImplementation( () => ( {
 			isDirty: false,

package/src/components/post-switch-to-draft-button/index.js

@@ -3,11 +3,12 @@
  */
 import {
 	Button,
+	FlexItem,
 	__experimentalConfirmDialog as ConfirmDialog,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { withSelect, withDispatch } from '@wordpress/data';
-import { compose, useViewportMatch } from '@wordpress/compose';
+import { compose } from '@wordpress/compose';
 import { useState } from '@wordpress/element';
 
 /**
@@ -21,7 +22,6 @@ function PostSwitchToDraftButton( {
 	isScheduled,
 	onClick,
 } ) {
-	const isMobileViewport = useViewportMatch( 'small', '<' );
 	const [ showConfirmDialog, setShowConfirmDialog ] = useState( false );
 
 	if ( ! isPublished && ! isScheduled ) {
@@ -41,16 +41,17 @@ function PostSwitchToDraftButton( {
 	};
 
 	return (
-		<>
+		<FlexItem isBlock>
 			<Button
 				className="editor-post-switch-to-draft"
 				onClick={ () => {
 					setShowConfirmDialog( true );
 				} }
 				disabled={ isSaving }
-				variant="tertiary"
+				variant="secondary"
+				style={ { width: '100%', display: 'block' } }
 			>
-				{ isMobileViewport ? __( 'Draft' ) : __( 'Switch to draft' ) }
+				{ __( 'Switch to draft' ) }
 			</Button>
 			<ConfirmDialog
 				isOpen={ showConfirmDialog }
@@ -59,7 +60,7 @@ function PostSwitchToDraftButton( {
 			>
 				{ alertMessage }
 			</ConfirmDialog>
-		</>
+		</FlexItem>
 	);
 }
 

package/src/components/post-taxonomies/style.scss

@@ -3,10 +3,10 @@
 	overflow: auto;
 
 	// Extra left padding prevents checkbox focus borders from being cut off.
-	margin-left: -$border-width * 4 - $border-width-focus;
-	padding-left: $border-width * 4 + $border-width-focus;
-	margin-top: -$border-width * 4 - $border-width-focus;
-	padding-top: $border-width * 4 + $border-width-focus;
+	margin-left: -$border-width * 4 - $border-width-focus-fallback;
+	padding-left: $border-width * 4 + $border-width-focus-fallback;
+	margin-top: -$border-width * 4 - $border-width-focus-fallback;
+	padding-top: $border-width * 4 + $border-width-focus-fallback;
 }
 
 .editor-post-taxonomies__hierarchical-terms-choice {

package/src/components/post-template/index.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { isEmpty } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -38,7 +33,11 @@ export function PostTemplate() {
 
 	const { editPost } = useDispatch( editorStore );
 
-	if ( ! isViewable || isEmpty( availableTemplates ) ) {
+	if (
+		! isViewable ||
+		! availableTemplates ||
+		! Object.keys( availableTemplates ).length
+	) {
 		return null;
 	}
 

package/src/components/post-title/index.native.js

@@ -31,6 +31,7 @@ class PostTitle extends Component {
 		super( props );
 
 		this.setRef = this.setRef.bind( this );
+		this.onPaste = this.onPaste.bind( this );
 	}
 	componentDidUpdate( prevProps ) {
 		// Unselect if any other block is selected and blur the RichText.
@@ -60,16 +61,31 @@ class PostTitle extends Component {
 		this.props.onSelect();
 	}
 
-	onPaste( { value, onChange, plainText } ) {
+	onPaste( { value, onChange, plainText, html } ) {
+		const { title, onInsertBlockAfter, onUpdate } = this.props;
+
 		const content = pasteHandler( {
+			HTML: html,
 			plainText,
-			mode: 'INLINE',
-			tagName: 'p',
 		} );
 
-		if ( typeof content === 'string' ) {
-			const valueToInsert = create( { html: content } );
-			onChange( insert( value, valueToInsert ) );
+		if ( content.length ) {
+			if ( typeof content === 'string' ) {
+				const valueToInsert = create( { html: content } );
+				onChange( insert( value, valueToInsert ) );
+			} else {
+				const [ firstBlock ] = content;
+				if (
+					! title &&
+					( firstBlock.name === 'core/heading' ||
+						firstBlock.name === 'core/paragraph' )
+				) {
+					onUpdate( firstBlock.attributes.content );
+					onInsertBlockAfter( content.slice( 1 ) );
+				} else {
+					onInsertBlockAfter( content );
+				}
+			}
 		}
 	}
 
@@ -181,6 +197,7 @@ export default compose(
 
 		return {
 			postType: getEditedPostAttribute( 'type' ),
+			title: getEditedPostAttribute( 'title' ),
 			isAnyBlockSelected: !! selectedId,
 			isSelected: isPostTitleSelected(),
 			isDimmed: selectionIsNested,
@@ -188,10 +205,10 @@ export default compose(
 		};
 	} ),
 	withDispatch( ( dispatch ) => {
-		const { undo, redo, togglePostTitleSelection } =
+		const { undo, redo, togglePostTitleSelection, editPost } =
 			dispatch( editorStore );
 
-		const { clearSelectedBlock, insertDefaultBlock } =
+		const { clearSelectedBlock, insertDefaultBlock, insertBlocks } =
 			dispatch( blockEditorStore );
 
 		return {
@@ -207,6 +224,12 @@ export default compose(
 			onUnselect() {
 				togglePostTitleSelection( false );
 			},
+			onUpdate( title ) {
+				editPost( { title } );
+			},
+			onInsertBlockAfter( blocks ) {
+				insertBlocks( blocks, 0 );
+			},
 		};
 	} ),
 	withInstanceId,

package/src/components/post-trash/style.scss

@@ -1,6 +1,4 @@
 .editor-post-trash.components-button {
-	display: flex;
-	justify-content: center;
-	margin-top: $grid-unit-05;
 	width: 100%;
+	display: block;
 }

package/src/hooks/custom-sources-backwards-compatibility.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { isEmpty } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -87,7 +82,7 @@ const createWithMetaAttributeSource = ( metaAttributes ) =>
 									] )
 							);
 
-							if ( ! isEmpty( nextMeta ) ) {
+							if ( Object.entries( nextMeta ).length ) {
 								setMeta( nextMeta );
 							}
 
@@ -115,7 +110,7 @@ function shimAttributeSource( settings ) {
 			.filter( ( [ , { source } ] ) => source === 'meta' )
 			.map( ( [ attributeKey, { meta } ] ) => [ attributeKey, meta ] )
 	);
-	if ( ! isEmpty( metaAttributes ) ) {
+	if ( Object.entries( metaAttributes ).length ) {
 		settings.edit = createWithMetaAttributeSource( metaAttributes )(
 			settings.edit
 		);