@wordpress/block-library 7.9.0 → 7.12.0

package/src/post-comments/edit.js

@@ -1,247 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import {
-	AlignmentControl,
-	BlockControls,
-	Warning,
-	useBlockProps,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-import { __, sprintf } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { useEntityProp, store as coreStore } from '@wordpress/core-data';
-import { useDisabled } from '@wordpress/compose';
-import { createInterpolateElement } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import CommentsForm from '../post-comments-form/form';
-
-export default function PostCommentsEdit( {
-	attributes: { textAlign },
-	setAttributes,
-	context: { postType, postId },
-} ) {
-	let [ postTitle ] = useEntityProp( 'postType', postType, 'title', postId );
-	postTitle = postTitle || __( 'Post Title' );
-
-	const [ commentStatus ] = useEntityProp(
-		'postType',
-		postType,
-		'comment_status',
-		postId
-	);
-
-	const { avatarURL, defaultCommentStatus } = useSelect(
-		( select ) =>
-			select( blockEditorStore ).getSettings()
-				.__experimentalDiscussionSettings
-	);
-
-	const isSiteEditor = postType === undefined || postId === undefined;
-
-	const postTypeSupportsComments = useSelect( ( select ) =>
-		postType
-			? !! select( coreStore ).getPostType( postType )?.supports.comments
-			: false
-	);
-
-	let warning = __(
-		'Post Comments block: This is just a placeholder, not a real comment. The final styling may differ because it also depends on the current theme. For better compatibility with the Block Editor, please consider replacing this block with the "Comments" block.'
-	);
-	let showPlaceholder = true;
-
-	if ( ! isSiteEditor && 'open' !== commentStatus ) {
-		if ( 'closed' === commentStatus ) {
-			warning = sprintf(
-				/* translators: 1: Post type (i.e. "post", "page") */
-				__(
-					'Post Comments block: Comments to this %s are not allowed.'
-				),
-				postType
-			);
-			showPlaceholder = false;
-		} else if ( ! postTypeSupportsComments ) {
-			warning = sprintf(
-				/* translators: 1: Post type (i.e. "post", "page") */
-				__(
-					'Post Comments block: Comments for this post type (%s) are not enabled.'
-				),
-				postType
-			);
-			showPlaceholder = false;
-		} else if ( 'open' !== defaultCommentStatus ) {
-			warning = __( 'Post Comments block: Comments are not enabled.' );
-			showPlaceholder = false;
-		}
-	}
-
-	const blockProps = useBlockProps( {
-		className: classnames( {
-			[ `has-text-align-${ textAlign }` ]: textAlign,
-		} ),
-	} );
-
-	const disabledRef = useDisabled();
-
-	return (
-		<>
-			<BlockControls group="block">
-				<AlignmentControl
-					value={ textAlign }
-					onChange={ ( nextAlign ) => {
-						setAttributes( { textAlign: nextAlign } );
-					} }
-				/>
-			</BlockControls>
-
-			<div { ...blockProps }>
-				<Warning>{ warning }</Warning>
-
-				{ showPlaceholder && (
-					<div
-						className="wp-block-post-comments__placeholder"
-						ref={ disabledRef }
-					>
-						<h3>
-							{
-								/* translators: %s: Post title. */
-								sprintf( __( 'One response to %s' ), postTitle )
-							}
-						</h3>
-
-						<div className="navigation">
-							<div className="alignleft">
-								<a href="#top">« { __( 'Older Comments' ) }</a>
-							</div>
-							<div className="alignright">
-								<a href="#top">{ __( 'Newer Comments' ) } »</a>
-							</div>
-						</div>
-
-						<ol className="commentlist">
-							<li className="comment even thread-even depth-1">
-								<article className="comment-body">
-									<footer className="comment-meta">
-										<div className="comment-author vcard">
-											<img
-												alt="Commenter Avatar"
-												src={ avatarURL }
-												className="avatar avatar-32 photo"
-												height="32"
-												width="32"
-												loading="lazy"
-											/>
-											{ createInterpolateElement(
-												sprintf(
-													/* translators: %s: Comment author link. */
-													__(
-														'%s <span>says:</span>'
-													),
-													sprintf(
-														'<cite><a>%s</a></cite>',
-														__(
-															'A WordPress Commenter'
-														)
-													)
-												),
-												{
-													span: (
-														<span className="says" />
-													),
-													a: (
-														/* eslint-disable jsx-a11y/anchor-has-content */
-														<a
-															href="#top"
-															className="url"
-														/>
-														/* eslint-enable jsx-a11y/anchor-has-content */
-													),
-													cite: (
-														<cite className="fn" />
-													),
-												}
-											) }
-										</div>
-
-										<div className="comment-metadata">
-											<a href="#top">
-												<time dateTime="2000-01-01T12:00:00+00:00">
-													{ __(
-														'January 1, 2000 at 12:00 am'
-													) }
-												</time>
-											</a>{ ' ' }
-											<span className="edit-link">
-												<a
-													className="comment-edit-link"
-													href="#top"
-												>
-													{ __( 'Edit' ) }
-												</a>
-											</span>
-										</div>
-									</footer>
-
-									<div className="comment-content">
-										<p>
-											{ __( 'Hi, this is a comment.' ) }
-											<br />
-											{ __(
-												'To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.'
-											) }
-											<br />
-											{ createInterpolateElement(
-												__(
-													'Commenter avatars come from <a>Gravatar</a>'
-												),
-												{
-													a: (
-														/* eslint-disable-next-line jsx-a11y/anchor-has-content */
-														<a href="https://gravatar.com/" />
-													),
-												}
-											) }
-										</p>
-									</div>
-
-									<div className="reply">
-										<a
-											className="comment-reply-link"
-											href="#top"
-											aria-label={ sprintf(
-												/* translators: Comment reply button text. %s: Comment author name. */
-												__( 'Reply to %s' ),
-												__( 'A WordPress Commenter' )
-											) }
-										>
-											{ __( 'Reply' ) }
-										</a>
-									</div>
-								</article>
-							</li>
-						</ol>
-
-						<div className="navigation">
-							<div className="alignleft">
-								<a href="#top">« { __( 'Older Comments' ) }</a>
-							</div>
-							<div className="alignright">
-								<a href="#top">{ __( 'Newer Comments' ) } »</a>
-							</div>
-						</div>
-
-						<CommentsForm />
-					</div>
-				) }
-			</div>
-		</>
-	);
-}

package/src/post-comments/editor.scss

@@ -1,3 +0,0 @@
-.wp-block-post-comments__placeholder * {
-	pointer-events: none;
-}

package/src/post-comments/index.js

@@ -1,18 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { postComments as icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import metadata from './block.json';
-import edit from './edit';
-
-const { name } = metadata;
-export { metadata, name };
-
-export const settings = {
-	icon,
-	edit,
-};

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>
-	);
-}