@wordpress/block-library 7.10.0 → 7.11.0

package/src/post-comments/index.php

@@ -1,87 +0,0 @@
-<?php
-/**
- * Server-side rendering of the `core/post-comments` block.
- *
- * @package WordPress
- */
-
-/**
- * Renders the `core/post-comments` block on the server.
- *
- * @param array    $attributes Block attributes.
- * @param string   $content    Block default content.
- * @param WP_Block $block      Block instance.
- * @return string Returns the filtered post comments for the current post wrapped inside "p" tags.
- */
-function render_block_core_post_comments( $attributes, $content, $block ) {
-	global $post;
-
-	$post_id = $block->context['postId'];
-	if ( ! isset( $post_id ) ) {
-		return '';
-	}
-
-	$comment_args = array(
-		'post_id' => $post_id,
-		'count'   => true,
-	);
-	// Return early if there are no comments and comments are closed.
-	if ( ! comments_open( $post_id ) && get_comments( $comment_args ) === 0 ) {
-		return '';
-	}
-
-	$post_before = $post;
-	$post        = get_post( $post_id );
-	setup_postdata( $post );
-
-	ob_start();
-	// There's a deprecation warning generated by WP Core.
-	// Ideally this deprecation is removed from Core.
-	// In the meantime, this removes it from the output.
-	add_filter( 'deprecated_file_trigger_error', '__return_false' );
-	comments_template();
-	remove_filter( 'deprecated_file_trigger_error', '__return_false' );
-	$post = $post_before;
-
-	$classes = '';
-	if ( isset( $attributes['textAlign'] ) ) {
-		$classes .= 'has-text-align-' . $attributes['textAlign'];
-	}
-
-	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
-	$output             = ob_get_clean();
-
-	wp_enqueue_script( 'comment-reply' );
-
-	return sprintf( '<div %1$s>%2$s</div>', $wrapper_attributes, $output );
-}
-
-/**
- * Registers the `core/post-comments` block on the server.
- */
-function register_block_core_post_comments() {
-	register_block_type_from_metadata(
-		__DIR__ . '/post-comments',
-		array(
-			'render_callback' => 'render_block_core_post_comments',
-		)
-	);
-}
-add_action( 'init', 'register_block_core_post_comments' );
-
-/**
- * Use the button block classes for the form-submit button.
- *
- * @param array $fields The default comment form arguments.
- *
- * @return array Returns the modified fields.
- */
-function post_comments_block_form_defaults( $fields ) {
-	if ( wp_is_block_theme() ) {
-		$fields['submit_button'] = '<input name="%1$s" type="submit" id="%2$s" class="%3$s wp-block-button__link ' . WP_Theme_JSON_Gutenberg::get_element_class_name( 'button' ) . '" value="%4$s" />';
-		$fields['submit_field']  = '<p class="form-submit wp-block-button">%1$s %2$s</p>';
-	}
-
-	return $fields;
-}
-add_filter( 'comment_form_defaults', 'post_comments_block_form_defaults' );

package/src/quote/v2/deprecated.js

@@ -1,107 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-import { omit } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import { createBlock, parseWithAttributeSchema } from '@wordpress/blocks';
-import { RichText, useBlockProps } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import deprecationsForV1Block from '../deprecated';
-
-export const migrateToQuoteV2 = ( attributes ) => {
-	const { value } = attributes;
-
-	return [
-		{
-			...omit( attributes, [ 'value' ] ),
-		},
-		value
-			? parseWithAttributeSchema( value, {
-					type: 'array',
-					source: 'query',
-					selector: 'p',
-					query: {
-						content: {
-							type: 'string',
-							source: 'html',
-						},
-					},
-			  } ).map( ( { content } ) =>
-					createBlock( 'core/paragraph', { content } )
-			  )
-			: createBlock( 'core/paragraph' ),
-	];
-};
-
-const v3 = {
-	attributes: {
-		value: {
-			type: 'string',
-			source: 'html',
-			selector: 'blockquote',
-			multiline: 'p',
-			default: '',
-			__experimentalRole: 'content',
-		},
-		citation: {
-			type: 'string',
-			source: 'html',
-			selector: 'cite',
-			default: '',
-			__experimentalRole: 'content',
-		},
-		align: {
-			type: 'string',
-		},
-	},
-	supports: {
-		anchor: true,
-		__experimentalSlashInserter: true,
-		typography: {
-			fontSize: true,
-			lineHeight: true,
-			__experimentalFontStyle: true,
-			__experimentalFontWeight: true,
-			__experimentalLetterSpacing: true,
-			__experimentalTextTransform: true,
-			__experimentalDefaultControls: {
-				fontSize: true,
-				fontAppearance: true,
-			},
-		},
-	},
-	save( { attributes } ) {
-		const { align, value, citation } = attributes;
-
-		const className = classnames( {
-			[ `has-text-align-${ align }` ]: align,
-		} );
-
-		return (
-			<blockquote { ...useBlockProps.save( { className } ) }>
-				<RichText.Content multiline value={ value } />
-				{ ! RichText.isEmpty( citation ) && (
-					<RichText.Content tagName="cite" value={ citation } />
-				) }
-			</blockquote>
-		);
-	},
-	migrate: migrateToQuoteV2,
-};
-
-/**
- * New deprecations need to be placed first
- * for them to have higher priority.
- *
- * Old deprecations may need to be updated as well.
- *
- * See block-deprecation.md
- */
-export default [ v3, ...deprecationsForV1Block ];

package/src/quote/v2/edit.js

@@ -1,139 +0,0 @@
-/**
- * External dependencies
- */
-import classNames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import {
-	AlignmentControl,
-	BlockControls,
-	RichText,
-	useBlockProps,
-	useInnerBlocksProps,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-import { BlockQuotation } from '@wordpress/components';
-import { useDispatch, useSelect, useRegistry } from '@wordpress/data';
-import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
-import { Platform, useEffect } from '@wordpress/element';
-import deprecated from '@wordpress/deprecated';
-
-/**
- * Internal dependencies
- */
-import { migrateToQuoteV2 } from './deprecated';
-
-const isWebPlatform = Platform.OS === 'web';
-const TEMPLATE = [ [ 'core/paragraph', {} ] ];
-
-/**
- * At the moment, deprecations don't handle create blocks from attributes
- * (like when using CPT templates). For this reason, this hook is necessary
- * to avoid breaking templates using the old quote block format.
- *
- * @param {Object} attributes Block attributes.
- * @param {string} clientId   Block client ID.
- */
-const useMigrateOnLoad = ( attributes, clientId ) => {
-	const registry = useRegistry();
-	const { updateBlockAttributes, replaceInnerBlocks } =
-		useDispatch( blockEditorStore );
-	useEffect( () => {
-		// As soon as the block is loaded, migrate it to the new version.
-
-		if ( ! attributes.value ) {
-			// No need to migrate if it doesn't have the value attribute.
-			return;
-		}
-
-		const [ newAttributes, newInnerBlocks ] =
-			migrateToQuoteV2( attributes );
-
-		deprecated( 'Value attribute on the quote block', {
-			since: '6.0',
-			version: '6.5',
-			alternative: 'inner blocks',
-		} );
-
-		registry.batch( () => {
-			updateBlockAttributes( clientId, newAttributes );
-			replaceInnerBlocks( clientId, newInnerBlocks );
-		} );
-	}, [ attributes.value ] );
-};
-
-export default function QuoteEdit( {
-	attributes,
-	setAttributes,
-	isSelected,
-	insertBlocksAfter,
-	clientId,
-	className,
-	style,
-} ) {
-	const { citation, align } = attributes;
-
-	useMigrateOnLoad( attributes, clientId );
-
-	const isAncestorOfSelectedBlock = useSelect( ( select ) =>
-		select( blockEditorStore ).hasSelectedInnerBlock( clientId )
-	);
-	const hasSelection = isSelected || isAncestorOfSelectedBlock;
-
-	const blockProps = useBlockProps( {
-		className: classNames( className, {
-			[ `has-text-align-${ align }` ]: align,
-		} ),
-		...( ! isWebPlatform && { style } ),
-	} );
-	const innerBlocksProps = useInnerBlocksProps( blockProps, {
-		template: TEMPLATE,
-		templateInsertUpdatesSelection: true,
-	} );
-
-	return (
-		<>
-			<BlockControls group="block">
-				<AlignmentControl
-					value={ align }
-					onChange={ ( nextAlign ) => {
-						setAttributes( { align: nextAlign } );
-					} }
-				/>
-			</BlockControls>
-			<BlockQuotation { ...innerBlocksProps }>
-				{ innerBlocksProps.children }
-				{ ( ! RichText.isEmpty( citation ) || hasSelection ) && (
-					<RichText
-						identifier="citation"
-						tagName={ isWebPlatform ? 'cite' : undefined }
-						style={ { display: 'block' } }
-						value={ citation }
-						onChange={ ( nextCitation ) => {
-							setAttributes( {
-								citation: nextCitation,
-							} );
-						} }
-						__unstableMobileNoFocusOnMount
-						aria-label={ __( 'Quote citation' ) }
-						placeholder={
-							// translators: placeholder text used for the
-							// citation
-							__( 'Add citation' )
-						}
-						className="wp-block-quote__citation"
-						__unstableOnSplitAtEnd={ () =>
-							insertBlocksAfter(
-								createBlock( getDefaultBlockName() )
-							)
-						}
-						{ ...( ! isWebPlatform ? { textAlign: align } : {} ) }
-					/>
-				) }
-			</BlockQuotation>
-		</>
-	);
-}

package/src/quote/v2/index.js

@@ -1,36 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { quote as icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import edit from './edit';
-import save from './save';
-import transforms from './transforms';
-import deprecated from './deprecated';
-
-const settings = {
-	icon,
-	example: {
-		attributes: {
-			citation: 'Julio Cortázar',
-		},
-		innerBlocks: [
-			{
-				name: 'core/paragraph',
-				attributes: {
-					content: __( 'In quoting others, we cite ourselves.' ),
-				},
-			},
-		],
-	},
-	transforms,
-	edit,
-	save,
-	deprecated,
-};
-
-export default settings;

package/src/quote/v2/save.js

@@ -1,26 +0,0 @@
-/**
- * External dependencies
- */
-import classNames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { InnerBlocks, RichText, useBlockProps } from '@wordpress/block-editor';
-
-export default function save( { attributes } ) {
-	const { align, citation } = attributes;
-	const blockProps = useBlockProps.save( {
-		className: classNames( {
-			[ `has-text-align-${ align }` ]: align,
-		} ),
-	} );
-	return (
-		<blockquote { ...blockProps }>
-			<InnerBlocks.Content />
-			{ ! RichText.isEmpty( citation ) && (
-				<RichText.Content tagName="cite" value={ citation } />
-			) }
-		</blockquote>
-	);
-}

package/src/quote/v2/transforms.js

@@ -1,155 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createBlock,
-	parseWithAttributeSchema,
-	rawHandler,
-	serialize,
-} from '@wordpress/blocks';
-
-const transforms = {
-	from: [
-		{
-			type: 'block',
-			blocks: [ 'core/pullquote' ],
-			transform: ( { value, citation, anchor, fontSize, style } ) => {
-				return createBlock(
-					'core/quote',
-					{
-						citation,
-						anchor,
-						fontSize,
-						style,
-					},
-					parseWithAttributeSchema( value, {
-						type: 'array',
-						source: 'query',
-						selector: 'p',
-						query: {
-							content: {
-								type: 'string',
-								source: 'html',
-							},
-						},
-					} ).map( ( { content } ) =>
-						createBlock( 'core/paragraph', { content } )
-					)
-				);
-			},
-		},
-		{
-			type: 'block',
-			blocks: [ 'core/group' ],
-			transform: ( { anchor }, innerBlocks ) =>
-				createBlock( 'core/quote', { anchor }, innerBlocks ),
-		},
-		{
-			type: 'prefix',
-			prefix: '>',
-			transform: ( content ) =>
-				createBlock( 'core/quote', {}, [
-					createBlock( 'core/paragraph', { content } ),
-				] ),
-		},
-		{
-			type: 'raw',
-			schema: () => ( {
-				blockquote: {
-					children: '*',
-				},
-			} ),
-			selector: 'blockquote',
-			transform: ( node ) => {
-				return createBlock(
-					'core/quote',
-					// Don't try to parse any `cite` out of this content.
-					// * There may be more than one cite.
-					// * There may be more attribution text than just the cite.
-					// * If the cite is nested in the quoted text, it's wrong to
-					//   remove it.
-					{},
-					rawHandler( {
-						HTML: node.innerHTML,
-						mode: 'BLOCKS',
-					} )
-				);
-			},
-		},
-		{
-			type: 'block',
-			isMultiBlock: true,
-			blocks: [ '*' ],
-			isMatch: ( {}, blocks ) => {
-				return ! blocks.some( ( { name } ) => name === 'core/quote' );
-			},
-			__experimentalConvert: ( blocks ) =>
-				createBlock(
-					'core/quote',
-					{},
-					blocks.map( ( block ) =>
-						createBlock(
-							block.name,
-							block.attributes,
-							block.innerBlocks
-						)
-					)
-				),
-		},
-	],
-	to: [
-		{
-			type: 'block',
-			blocks: [ 'core/pullquote' ],
-			isMatch: ( {}, block ) => {
-				return block.innerBlocks.every(
-					( { name } ) => name === 'core/paragraph'
-				);
-			},
-			transform: (
-				{ citation, anchor, fontSize, style },
-				innerBlocks
-			) => {
-				return createBlock( 'core/pullquote', {
-					value: serialize( innerBlocks ),
-					citation,
-					anchor,
-					fontSize,
-					style,
-				} );
-			},
-		},
-		{
-			type: 'block',
-			blocks: [ 'core/group' ],
-			transform: ( { citation, anchor }, innerBlocks ) =>
-				createBlock(
-					'core/group',
-					{ anchor },
-					citation
-						? [
-								...innerBlocks,
-								createBlock( 'core/paragraph', {
-									content: citation,
-								} ),
-						  ]
-						: innerBlocks
-				),
-		},
-		{
-			type: 'block',
-			blocks: [ '*' ],
-			transform: ( { citation }, innerBlocks ) =>
-				citation
-					? [
-							...innerBlocks,
-							createBlock( 'core/paragraph', {
-								content: citation,
-							} ),
-					  ]
-					: innerBlocks,
-		},
-	],
-};
-
-export default transforms;