@wordpress/block-library 7.8.0 → 7.11.0

package/src/list-item/hooks/use-backspace.js

@@ -1,51 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useRef } from '@wordpress/element';
-import { useRefEffect } from '@wordpress/compose';
-import { BACKSPACE } from '@wordpress/keycodes';
-import { useSelect } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import useOutdentListItem from './use-outdent-list-item';
-
-export default function useBackspace( props ) {
-	const { getSelectionStart, getSelectionEnd } =
-		useSelect( blockEditorStore );
-	const propsRef = useRef( props );
-	propsRef.current = props;
-	const [ canOutdent, outdentListItem ] = useOutdentListItem(
-		propsRef.current.clientId
-	);
-	return useRefEffect(
-		( element ) => {
-			function onKeyDown( event ) {
-				if ( event.defaultPrevented || event.keyCode !== BACKSPACE ) {
-					return;
-				}
-				// Handle only if we have a collapsed selection at the
-				// start of a list item and we can outdent.
-				if (
-					! canOutdent ||
-					[
-						getSelectionStart().offset,
-						getSelectionEnd().offset,
-					].some( ( offset ) => offset !== 0 )
-				) {
-					return;
-				}
-				event.preventDefault();
-				outdentListItem();
-			}
-
-			element.addEventListener( 'keydown', onKeyDown );
-			return () => {
-				element.removeEventListener( 'keydown', onKeyDown );
-			};
-		},
-		[ canOutdent ]
-	);
-}

package/src/navigation-link/fallback-variations.js

@@ -1,65 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import {
-	category as categoryIcon,
-	page as pageIcon,
-	postContent as postIcon,
-	tag as tagIcon,
-} from '@wordpress/icons';
-
-// FALLBACK: this is only used when the server does not understand the variations property in the
-// register_block_type call. see navigation-link/index.php.
-// Delete this file when supported WP ranges understand the `variations` property when passed to
-// register_block_type in index.php.
-const fallbackVariations = [
-	{
-		name: 'link',
-		isDefault: true,
-		title: __( 'Custom Link' ),
-		description: __( 'A link to a custom URL.' ),
-		attributes: {},
-	},
-	{
-		name: 'post',
-		icon: postIcon,
-		title: __( 'Post Link' ),
-		description: __( 'A link to a post.' ),
-		attributes: { type: 'post', kind: 'post-type' },
-	},
-	{
-		name: 'page',
-		icon: pageIcon,
-		title: __( 'Page Link' ),
-		description: __( 'A link to a page.' ),
-		attributes: { type: 'page', kind: 'post-type' },
-	},
-	{
-		name: 'category',
-		icon: categoryIcon,
-		title: __( 'Category Link' ),
-		description: __( 'A link to a category.' ),
-		attributes: { type: 'category', kind: 'taxonomy' },
-	},
-	{
-		name: 'tag',
-		icon: tagIcon,
-		title: __( 'Tag Link' ),
-		description: __( 'A link to a tag.' ),
-		attributes: { type: 'tag', kind: 'taxonomy' },
-	},
-];
-
-/**
- * Add `isActive` function to all `navigation link` variations, if not defined.
- * `isActive` function is used to find a variation match from a created
- *  Block by providing its attributes.
- */
-fallbackVariations.forEach( ( variation ) => {
-	if ( variation.isActive ) return;
-	variation.isActive = ( blockAttributes, variationAttributes ) =>
-		blockAttributes.type === variationAttributes.type;
-} );
-
-export default fallbackVariations;

package/src/post-comments/block.json

@@ -1,45 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
-	"name": "core/post-comments",
-	"title": "Post Comments (deprecated)",
-	"category": "theme",
-	"description": "This block is deprecated. Please use the Comments block instead.",
-	"textdomain": "default",
-	"attributes": {
-		"textAlign": {
-			"type": "string"
-		}
-	},
-	"usesContext": [ "postId", "postType" ],
-	"supports": {
-		"html": false,
-		"align": [ "wide", "full" ],
-		"typography": {
-			"fontSize": true,
-			"lineHeight": true,
-			"__experimentalFontStyle": true,
-			"__experimentalFontWeight": true,
-			"__experimentalLetterSpacing": true,
-			"__experimentalTextTransform": true,
-			"__experimentalDefaultControls": {
-				"fontSize": true
-			}
-		},
-		"color": {
-			"gradients": true,
-			"link": true,
-			"__experimentalDefaultControls": {
-				"background": true,
-				"text": true
-			}
-		},
-		"inserter": false
-	},
-	"style": [
-		"wp-block-post-comments",
-		"wp-block-buttons",
-		"wp-block-button"
-	],
-	"editorStyle": "wp-block-post-comments-editor"
-}

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::__EXPERIMENTAL_ELEMENT_BUTTON_CLASS_NAME . '" 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 ];