@wordpress/block-library 6.0.23 → 7.0.0

package/src/post-author-name/block.json

@@ -0,0 +1,48 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 2,
+	"name": "core/post-author-name",
+	"title": "Post Author Name",
+	"category": "theme",
+	"description": "The author name.",
+	"textdomain": "default",
+	"attributes": {
+		"textAlign": {
+			"type": "string"
+		},
+		"isLink": {
+			"type": "boolean",
+			"default": false
+		},
+		"linkTarget": {
+			"type": "string",
+			"default": "_self"
+		}
+	},
+	"usesContext": [ "postType", "postId" ],
+	"supports": {
+		"html": false,
+		"spacing": {
+			"margin": true,
+			"padding": true
+		},
+		"color": {
+			"gradients": true,
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
+		},
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalTextTransform": true,
+			"__experimentalLetterSpacing": true
+		}
+	}
+}

package/src/post-author-name/edit.js

@@ -0,0 +1,95 @@
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
+/**
+ * WordPress dependencies
+ */
+import {
+	AlignmentControl,
+	BlockControls,
+	InspectorControls,
+	useBlockProps,
+} from '@wordpress/block-editor';
+import { useSelect } from '@wordpress/data';
+import { __ } from '@wordpress/i18n';
+import { store as coreStore } from '@wordpress/core-data';
+import { PanelBody, ToggleControl } from '@wordpress/components';
+
+function PostAuthorNameEdit( {
+	context: { postType, postId },
+	attributes: { textAlign, isLink, linkTarget },
+	setAttributes,
+} ) {
+	const { authorName } = useSelect(
+		( select ) => {
+			const { getEditedEntityRecord, getUser } = select( coreStore );
+			const _authorId = getEditedEntityRecord(
+				'postType',
+				postType,
+				postId
+			)?.author;
+
+			return {
+				authorName: _authorId ? getUser( _authorId ) : null,
+			};
+		},
+		[ postType, postId ]
+	);
+
+	const blockProps = useBlockProps( {
+		className: classnames( {
+			[ `has-text-align-${ textAlign }` ]: textAlign,
+		} ),
+	} );
+
+	const displayName = authorName?.name || __( 'Author Name' );
+
+	const displayAuthor = isLink ? (
+		<a
+			href="#author-pseudo-link"
+			onClick={ ( event ) => event.preventDefault() }
+		>
+			{ displayName }
+		</a>
+	) : (
+		displayName
+	);
+
+	return (
+		<>
+			<BlockControls group="block">
+				<AlignmentControl
+					value={ textAlign }
+					onChange={ ( nextAlign ) => {
+						setAttributes( { textAlign: nextAlign } );
+					} }
+				/>
+			</BlockControls>
+			<InspectorControls>
+				<PanelBody title={ __( 'Link settings' ) }>
+					<ToggleControl
+						label={ __( 'Link to author archive' ) }
+						onChange={ () => setAttributes( { isLink: ! isLink } ) }
+						checked={ isLink }
+					/>
+					{ isLink && (
+						<ToggleControl
+							label={ __( 'Open in new tab' ) }
+							onChange={ ( value ) =>
+								setAttributes( {
+									linkTarget: value ? '_blank' : '_self',
+								} )
+							}
+							checked={ linkTarget === '_blank' }
+						/>
+					) }
+				</PanelBody>
+			</InspectorControls>
+			<div { ...blockProps }> { displayAuthor } </div>
+		</>
+	);
+}
+
+export default PostAuthorNameEdit;

package/src/post-author-name/index.js

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

package/src/post-author-name/index.php

@@ -0,0 +1,49 @@
+<?php
+/**
+ * Server-side rendering of the `core/post-author-name` block.
+ *
+ * @package WordPress
+ */
+
+/**
+ * Renders the `core/post-author-name` 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 rendered post author name block.
+ */
+function render_block_core_post_author_name( $attributes, $content, $block ) {
+	if ( ! isset( $block->context['postId'] ) ) {
+		return '';
+	}
+
+	$author_id = get_post_field( 'post_author', $block->context['postId'] );
+	if ( empty( $author_id ) ) {
+		return '';
+	}
+
+	$author_name      = get_the_author_meta( 'display_name', $author_id );
+	$align_class_name = empty( $attributes['textAlign'] ) ? '' : "has-text-align-{$attributes['textAlign']}";
+
+	if ( isset( $attributes['isLink'] ) && $attributes['isLink'] ) {
+		$author_name = sprintf( '<a href="%1$s" target="%2$s" class="wp-block-author-name__link">%3$s</a>', get_author_posts_url( $author_id ), esc_attr( $attributes['linkTarget'] ), $author_name );
+	}
+
+	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) );
+
+	return sprintf( '<div %1$s>', $wrapper_attributes ) . $author_name . '</div>';
+}
+
+/**
+ * Registers the `core/post-author-name` block on the server.
+ */
+function register_block_core_post_author_name() {
+	register_block_type_from_metadata(
+		__DIR__ . '/post-author-name',
+		array(
+			'render_callback' => 'render_block_core_post_author_name',
+		)
+	);
+}
+add_action( 'init', 'register_block_core_post_author_name' );

package/src/post-comment/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-comment",
 	"title": "Post Comment (deprecated)",

package/src/post-comments/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-comments",
 	"title": "Post Comments",
@@ -27,7 +28,11 @@
 		},
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		}
 	},
 	"style": [

package/src/post-comments/style.scss

@@ -14,9 +14,9 @@
 			padding-left: 3.25em;
 
 			p {
-				font-size: 0.875em;
+				font-size: 1em;
 				line-height: 1.8;
-				margin: 0.36em 0 1.4em;
+				margin: 1em 0;
 			}
 		}
 
@@ -35,6 +35,7 @@
 			display: block;
 			float: left;
 			height: 2.5em;
+			margin-top: 0.5em;
 			margin-right: 0.75em;
 			width: 2.5em;
 		}
@@ -45,12 +46,17 @@
 	}
 
 	.comment-meta {
+		font-size: 0.875em;
 		line-height: 1.5;
 		margin-left: -3.25em;
+
+		b {
+			font-weight: normal;
+		}
 	}
 
 	.comment-body .commentmetadata {
-		font-size: 0.75em;
+		font-size: 0.875em;
 	}
 
 	.comment-form-comment,
@@ -82,7 +88,7 @@
 	}
 
 	.reply {
-		font-size: 0.75em;
+		font-size: 0.875em;
 		margin-bottom: 1.4em;
 	}
 

package/src/post-comments-count/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-comments-count",
 	"title": "Post Comments Count",
@@ -14,7 +15,11 @@
 	"supports": {
 		"html": false,
 		"color": {
-			"gradients": true
+			"gradients": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/post-comments-form/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-comments-form",
 	"title": "Post Comments Form",
@@ -15,7 +16,11 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		},
 		"typography": {
 			"fontSize": true,
@@ -29,5 +34,9 @@
 			}
 		}
 	},
-	"style": [ "wp-block-post-comments-form", "wp-block-buttons", "wp-block-button" ]
+	"style": [
+		"wp-block-post-comments-form",
+		"wp-block-buttons",
+		"wp-block-button"
+	]
 }

package/src/post-comments-link/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-comments-link",
 	"title": "Post Comments Link",
@@ -15,7 +16,11 @@
 		"html": false,
 		"color": {
 			"link": true,
-			"text": false
+			"text": false,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"link": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/post-comments-link/index.php

@@ -27,28 +27,28 @@ function render_block_core_post_comments_link( $attributes, $content, $block ) {
 	$comments_number    = (int) get_comments_number( $block->context['postId'] );
 	$comments_link      = get_comments_link( $block->context['postId'] );
 	$post_title         = get_the_title( $block->context['postId'] );
-	$comment_text       = '';
+	$comment_html       = '';
 
 	if ( 0 === $comments_number ) {
-		$comment_text = sprintf(
+		$comment_html = sprintf(
 			/* translators: %s post title */
 			__( 'No comments<span class="screen-reader-text"> on %s</span>' ),
 			$post_title
 		);
 	} else {
-		$comment_text = sprintf(
+		$comment_html = sprintf(
 			/* translators: 1: Number of comments, 2: post title */
 			_n(
 				'%1$s comment<span class="screen-reader-text"> on %2$s</span>',
 				'%1$s comments<span class="screen-reader-text"> on %2$s</span>',
 				$comments_number
 			),
-			number_format_i18n( $comments_number ),
+			esc_html( number_format_i18n( $comments_number ) ),
 			$post_title
 		);
 	}
 
-	return "<div {$wrapper_attributes}><a href='{$comments_link}'>{$comment_text}</a></div>";
+	return '<div ' . $wrapper_attributes . '><a href=' . esc_url( $comments_link ) . '>' . $comment_html . '</a></div>';
 }
 
 /**

package/src/post-content/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-content",
 	"title": "Post Content",

package/src/post-content/edit.js

@@ -3,7 +3,6 @@
  */
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
-import { RawHTML } from '@wordpress/element';
 import {
 	useBlockProps,
 	useInnerBlocksProps,
@@ -32,9 +31,10 @@ function ReadOnlyContent( { userCanEdit, postType, postId } ) {
 			<Warning>{ __( 'This content is password protected.' ) }</Warning>
 		</div>
 	) : (
-		<div { ...blockProps }>
-			<RawHTML key="html">{ content?.rendered }</RawHTML>
-		</div>
+		<div
+			{ ...blockProps }
+			dangerouslySetInnerHTML={ { __html: content?.rendered } }
+		></div>
 	);
 }
 

package/src/post-content/index.php

@@ -45,7 +45,7 @@ function render_block_core_post_content( $attributes, $content, $block ) {
 	// When inside the main loop, we want to use queried object
 	// so that `the_preview` for the current post can apply.
 	// We force this behavior by omitting the third argument (post ID) from the `get_the_content`.
-	$content = get_the_content( null, false );
+	$content = get_the_content();
 	// Check for nextpage to display page links for paginated posts.
 	if ( has_block( 'core/nextpage' ) ) {
 		$content .= wp_link_pages( array( 'echo' => 0 ) );

package/src/post-date/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-date",
 	"title": "Post Date",
@@ -22,7 +23,12 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/post-date/index.php

@@ -29,7 +29,7 @@ function render_block_core_post_date( $attributes, $content, $block ) {
 	return sprintf(
 		'<div %1$s><time datetime="%2$s">%3$s</time></div>',
 		$wrapper_attributes,
-		get_the_date( 'c', $post_ID ),
+		esc_attr( get_the_date( 'c', $post_ID ) ),
 		$formatted_date
 	);
 }

package/src/post-excerpt/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-excerpt",
 	"title": "Post Excerpt",
@@ -22,7 +23,12 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
 		},
 		"spacing": {
 			"margin": true,

package/src/post-excerpt/edit.js

@@ -96,6 +96,7 @@ export default function PostExcerptEditor( {
 				( isSelected ? '' : __( 'No post excerpt found' ) )
 			}
 			onChange={ setExcerpt }
+			tagName="p"
 		/>
 	) : (
 		( renderedExcerpt && (

package/src/post-excerpt/index.js

@@ -8,11 +8,13 @@ import { postExcerpt as icon } from '@wordpress/icons';
  */
 import metadata from './block.json';
 import edit from './edit';
+import transforms from './transforms';
 
 const { name } = metadata;
 export { metadata, name };
 
 export const settings = {
 	icon,
+	transforms,
 	edit,
 };

package/src/post-excerpt/index.php

@@ -24,7 +24,7 @@ function render_block_core_post_excerpt( $attributes, $content, $block ) {
 		return '';
 	}
 
-	$more_text           = ! empty( $attributes['moreText'] ) ? '<a class="wp-block-post-excerpt__more-link" href="' . esc_url( get_the_permalink( $block->context['postId'] ) ) . '">' . $attributes['moreText'] . '</a>' : '';
+	$more_text           = ! empty( $attributes['moreText'] ) ? '<a class="wp-block-post-excerpt__more-link" href="' . esc_url( get_the_permalink( $block->context['postId'] ) ) . '">' . wp_kses_post( $attributes['moreText'] ) . '</a>' : '';
 	$filter_excerpt_more = function( $more ) use ( $more_text ) {
 		return empty( $more_text ) ? $more : '';
 	};

package/src/post-excerpt/transforms.js

@@ -0,0 +1,23 @@
+/**
+ * WordPress dependencies
+ */
+import { createBlock } from '@wordpress/blocks';
+
+const transforms = {
+	from: [
+		{
+			type: 'block',
+			blocks: [ 'core/post-content' ],
+			transform: () => createBlock( 'core/post-excerpt' ),
+		},
+	],
+	to: [
+		{
+			type: 'block',
+			blocks: [ 'core/post-content' ],
+			transform: () => createBlock( 'core/post-content' ),
+		},
+	],
+};
+
+export default transforms;

package/src/post-featured-image/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/post-featured-image",
 	"title": "Post Featured Image",
@@ -19,6 +20,9 @@
 		"scale": {
 			"type": "string",
 			"default": "cover"
+		},
+		"sizeSlug": {
+			"type": "string"
 		}
 	},
 	"usesContext": [ "postId", "postType", "queryId" ],