@wordpress/block-library 9.35.0 → 9.35.1-next.dc3f6d3c1.0

package/src/post-comments-link/edit.js

@@ -9,7 +9,6 @@ import clsx from 'clsx';
 import {
 	AlignmentControl,
 	BlockControls,
-	Warning,
 	useBlockProps,
 } from '@wordpress/block-editor';
 import { useState, useEffect } from '@wordpress/element';
@@ -59,18 +58,6 @@ function PostCommentsLinkEdit( { context, attributes, setAttributes } ) {
 		[ postType, postId ]
 	);
 
-	if ( ! post ) {
-		return (
-			<div { ...blockProps }>
-				<Warning>
-					{ __( 'Post Comments Link block: post not found.' ) }
-				</Warning>
-			</div>
-		);
-	}
-
-	const { link } = post;
-
 	let commentsText;
 	if ( commentsCount !== undefined ) {
 		const commentsNumber = parseInt( commentsCount );
@@ -98,17 +85,20 @@ function PostCommentsLinkEdit( { context, attributes, setAttributes } ) {
 			</BlockControls>
 
 			<div { ...blockProps }>
-				{ link && commentsText !== undefined ? (
+				{ post?.link && commentsText !== undefined ? (
 					<a
-						href={ link + '#comments' }
+						href={ post?.link + '#comments' }
 						onClick={ ( event ) => event.preventDefault() }
 					>
 						{ commentsText }
 					</a>
 				) : (
-					<Warning>
-						{ __( 'Post Comments Link block: post not found.' ) }
-					</Warning>
+					<a
+						href="#post-comments-link-pseudo-link"
+						onClick={ ( event ) => event.preventDefault() }
+					>
+						{ __( 'No comments' ) }
+					</a>
 				) }
 			</div>
 		</>

package/src/preformatted/index.js

@@ -39,4 +39,17 @@ export const settings = {
 	},
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Content' ),
+			type: 'RichText',
+			shownByDefault: true,
+			mapping: {
+				value: 'content',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/pullquote/block.json

@@ -2,9 +2,9 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "core/pullquote",
-	"title": "Pullquote",
+	"title": "Pullquote (deprecated)",
 	"category": "text",
-	"description": "Give special visual emphasis to a quote from your text.",
+	"description": "This block is deprecated. Please use the Quote block instead.",
 	"textdomain": "default",
 	"attributes": {
 		"value": {
@@ -48,6 +48,7 @@
 				"minHeight": false
 			}
 		},
+		"inserter": false,
 		"spacing": {
 			"margin": true,
 			"padding": true

package/src/pullquote/index.js

@@ -36,4 +36,25 @@ export const settings = {
 	deprecated,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Content' ),
+			type: 'RichText',
+			shownByDefault: true,
+			mapping: {
+				value: 'value',
+			},
+		},
+		{
+			label: __( 'Citation' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'citation',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/pullquote/test/__snapshots__/transforms.native.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Pullquote block transforms to Columns block 1`] = `
+exports[`Pullquote \\(deprecated\\) block transforms to Columns block 1`] = `
 "<!-- wp:columns -->
 <div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
 <div class="wp-block-column" style="flex-basis:100%"><!-- wp:pullquote -->
@@ -10,7 +10,7 @@ exports[`Pullquote block transforms to Columns block 1`] = `
 <!-- /wp:columns -->"
 `;
 
-exports[`Pullquote block transforms to Group block 1`] = `
+exports[`Pullquote \\(deprecated\\) block transforms to Group block 1`] = `
 "<!-- wp:group {"layout":{"type":"constrained"}} -->
 <div class="wp-block-group"><!-- wp:pullquote -->
 <figure class="wp-block-pullquote"><blockquote><p>One of the hardest things to do in technology is disrupt yourself.</p><cite>Matt Mullenweg</cite></blockquote></figure>
@@ -18,7 +18,7 @@ exports[`Pullquote block transforms to Group block 1`] = `
 <!-- /wp:group -->"
 `;
 
-exports[`Pullquote block transforms to Heading block 1`] = `
+exports[`Pullquote \\(deprecated\\) block transforms to Heading block 1`] = `
 "<!-- wp:heading -->
 <h2 class="wp-block-heading">One of the hardest things to do in technology is disrupt yourself.</h2>
 <!-- /wp:heading -->
@@ -28,7 +28,7 @@ exports[`Pullquote block transforms to Heading block 1`] = `
 <!-- /wp:heading -->"
 `;
 
-exports[`Pullquote block transforms to Paragraph block 1`] = `
+exports[`Pullquote \\(deprecated\\) block transforms to Paragraph block 1`] = `
 "<!-- wp:paragraph -->
 <p>One of the hardest things to do in technology is disrupt yourself.</p>
 <!-- /wp:paragraph -->
@@ -38,7 +38,7 @@ exports[`Pullquote block transforms to Paragraph block 1`] = `
 <!-- /wp:paragraph -->"
 `;
 
-exports[`Pullquote block transforms to Quote block 1`] = `
+exports[`Pullquote \\(deprecated\\) block transforms to Quote block 1`] = `
 "<!-- wp:quote -->
 <blockquote class="wp-block-quote"><!-- wp:paragraph -->
 <p>One of the hardest things to do in technology is disrupt yourself.</p>

package/src/pullquote/test/transforms.native.js

@@ -9,7 +9,7 @@ import {
 	getBlockTransformOptions,
 } from 'test/helpers';
 
-const block = 'Pullquote';
+const block = 'Pullquote \\(deprecated\\)';
 const initialHtml = `
 <!-- wp:pullquote -->
 <figure class="wp-block-pullquote"><blockquote><p>One of the hardest things to do in technology is disrupt yourself.</p><cite>Matt Mullenweg</cite></blockquote></figure>

package/src/pullquote/transforms.js

@@ -2,39 +2,8 @@
  * WordPress dependencies
  */
 import { createBlock } from '@wordpress/blocks';
-import { create, join, toHTMLString } from '@wordpress/rich-text';
 
 const transforms = {
-	from: [
-		{
-			type: 'block',
-			isMultiBlock: true,
-			blocks: [ 'core/paragraph' ],
-			transform: ( attributes ) => {
-				return createBlock( 'core/pullquote', {
-					value: toHTMLString( {
-						value: join(
-							attributes.map( ( { content } ) =>
-								create( { html: content } )
-							),
-							'\n'
-						),
-					} ),
-					anchor: attributes.anchor,
-				} );
-			},
-		},
-		{
-			type: 'block',
-			blocks: [ 'core/heading' ],
-			transform: ( { content, anchor } ) => {
-				return createBlock( 'core/pullquote', {
-					value: content,
-					anchor,
-				} );
-			},
-		},
-	],
 	to: [
 		{
 			type: 'block',

package/src/quote/test/__snapshots__/transforms.native.js.snap

@@ -32,12 +32,6 @@ exports[`Quote block transforms to Paragraph block 1`] = `
 <!-- /wp:paragraph -->"
 `;
 
-exports[`Quote block transforms to Pullquote block 1`] = `
-"<!-- wp:pullquote -->
-<figure class="wp-block-pullquote"><blockquote><p>"This will make running your own blog a viable alternative again."</p><cite>— <a href="https://twitter.com/azumbrunnen_/status/1019347243084800005">Adrian Zumbrunnen</a></cite></blockquote></figure>
-<!-- /wp:pullquote -->"
-`;
-
 exports[`Quote block transforms ungroups block 1`] = `
 "<!-- wp:paragraph -->
 <p>"This will make running your own blog a viable alternative again."</p>

package/src/quote/test/transforms.native.js

@@ -21,11 +21,7 @@ const initialHtml = `
 <!-- /wp:quote -->`;
 
 const transformsWithInnerBlocks = [ 'Columns', 'Group' ];
-const blockTransforms = [
-	'Pullquote',
-	'Paragraph',
-	...transformsWithInnerBlocks,
-];
+const blockTransforms = [ 'Paragraph', ...transformsWithInnerBlocks ];
 
 setupCoreBlocks();
 

package/src/quote/transforms.js

@@ -94,31 +94,6 @@ const transforms = {
 		},
 	],
 	to: [
-		{
-			type: 'block',
-			blocks: [ 'core/pullquote' ],
-			isMatch: ( {}, block ) => {
-				return block.innerBlocks.every(
-					( { name } ) => name === 'core/paragraph'
-				);
-			},
-			transform: (
-				{ align, citation, anchor, fontSize, style },
-				innerBlocks
-			) => {
-				const value = innerBlocks
-					.map( ( { attributes } ) => `${ attributes.content }` )
-					.join( '<br>' );
-				return createBlock( 'core/pullquote', {
-					value,
-					align,
-					citation,
-					anchor,
-					fontSize,
-					style,
-				} );
-			},
-		},
 		{
 			type: 'block',
 			blocks: [ 'core/paragraph' ],

package/src/search/index.js

@@ -26,4 +26,33 @@ export const settings = {
 	edit,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Label' ),
+			type: 'RichText',
+			shownByDefault: true,
+			mapping: {
+				value: 'label',
+			},
+		},
+		{
+			label: __( 'Button text' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'buttonText',
+			},
+		},
+		{
+			label: __( 'Placeholder' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'placeholder',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/social-link/index.js

@@ -1,6 +1,7 @@
 /**
  * WordPress dependencies
  */
+import { __ } from '@wordpress/i18n';
 import { share as icon } from '@wordpress/icons';
 
 /**
@@ -21,4 +22,26 @@ export const settings = {
 	variations,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Link' ),
+			type: 'Link',
+			shownByDefault: true,
+			mapping: {
+				href: 'url',
+				rel: 'rel',
+			},
+		},
+		{
+			label: __( 'Label' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'label',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/social-links/edit.js

@@ -183,7 +183,7 @@ export function SocialLinksEdit( props ) {
 						<SelectControl
 							__next40pxDefaultSize
 							__nextHasNoMarginBottom
-							label={ __( 'Icon Size' ) }
+							label={ __( 'Icon size' ) }
 							onChange={ ( newSize ) => {
 								setAttributes( {
 									size: newSize === '' ? undefined : newSize,

package/src/tabs/view.js

@@ -9,8 +9,25 @@ import {
 } from '@wordpress/interactivity';
 
 function createReadOnlyProxy( obj ) {
+	const arrayMutationMethods = new Set( [
+		'push',
+		'pop',
+		'shift',
+		'unshift',
+		'splice',
+		'sort',
+		'reverse',
+		'copyWithin',
+		'fill',
+	] );
+
 	return new Proxy( obj, {
 		get( target, prop ) {
+			// If accessing an array mutation method, return a no-op function.
+			if ( Array.isArray( target ) && arrayMutationMethods.has( prop ) ) {
+				return () => {};
+			}
+
 			const value = target[ prop ];
 			if ( typeof value === 'object' && value !== null ) {
 				return createReadOnlyProxy( value );
@@ -186,21 +203,19 @@ store( 'core/tabs', {
 		/**
 		 * Gets the index of the active tab element whether it
 		 * is a tab label or tab panel.
-		 * Public API for third-party access.
 		 *
 		 * @type {number|null}
 		 */
 		get tabIndex() {
-			return createReadOnlyProxy( privateState.tabIndex );
+			return privateState.tabIndex;
 		},
 		/**
 		 * Whether the tab panel or tab label is the active tab.
-		 * Public API for third-party access.
 		 *
 		 * @type {boolean}
 		 */
 		get isActiveTab() {
-			return createReadOnlyProxy( privateState.isActiveTab );
+			return privateState.isActiveTab;
 		},
 	},
 	actions: {

package/src/utils/transformation-categories.native.js

@@ -5,7 +5,6 @@ const transformationCategories = {
 		'core/list',
 		'core/list-item',
 		'core/quote',
-		'core/pullquote',
 		'core/preformatted',
 		'core/verse',
 		'core/shortcode',

package/src/verse/index.js

@@ -41,4 +41,17 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Content' ),
+			type: 'RichText',
+			shownByDefault: true,
+			mapping: {
+				value: 'content',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/video/index.js

@@ -33,4 +33,32 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Video' ),
+			type: 'Media',
+			shownByDefault: true,
+			mapping: {
+				id: 'id',
+				src: 'src',
+				caption: 'caption',
+				poster: 'poster',
+			},
+			args: {
+				allowedTypes: [ 'video' ],
+				multiple: false,
+			},
+		},
+		{
+			label: __( 'Caption' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'caption',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/pullquote/test/edit.native.js

@@ -1,73 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	addBlock,
-	getBlock,
-	initializeEditor,
-	selectRangeInRichText,
-	setupCoreBlocks,
-	getEditorHtml,
-	fireEvent,
-	within,
-	waitFor,
-	typeInRichText,
-} from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { ENTER } from '@wordpress/keycodes';
-
-setupCoreBlocks();
-
-describe( 'Pullquote', () => {
-	it( 'should produce expected markup for multiline text', async () => {
-		// Arrange
-		const screen = await initializeEditor();
-		await addBlock( screen, 'Pullquote' );
-		// Await inner blocks to be rendered
-		const citationBlock = await waitFor( () =>
-			screen.getByPlaceholderText( 'Add citation' )
-		);
-
-		// Act
-		const pullquoteBlock = getBlock( screen, 'Pullquote' );
-		fireEvent.press( pullquoteBlock );
-		const pullquoteTextInput =
-			within( pullquoteBlock ).getByPlaceholderText( 'Add quote' );
-		typeInRichText( pullquoteTextInput, 'A great statement.' );
-		fireEvent( pullquoteTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		typeInRichText( pullquoteTextInput, 'Again' );
-
-		const citationTextInput =
-			within( citationBlock ).getByPlaceholderText( 'Add citation' );
-		typeInRichText( citationTextInput, 'A person' );
-		fireEvent( citationTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-		selectRangeInRichText( citationTextInput, 2 );
-		fireEvent( citationTextInput, 'onKeyDown', {
-			nativeEvent: {},
-			preventDefault() {},
-			keyCode: ENTER,
-		} );
-
-		// Assert
-		expect( getEditorHtml() ).toMatchInlineSnapshot( `
-		"<!-- wp:pullquote -->
-		<figure class="wp-block-pullquote"><blockquote><p>A great statement.<br>Again</p><cite>A <br>person</cite></blockquote></figure>
-		<!-- /wp:pullquote -->
-
-		<!-- wp:paragraph -->
-		<p></p>
-		<!-- /wp:paragraph -->"
-	` );
-	} );
-} );