@wordpress/block-library 6.1.0 → 7.0.0

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

@@ -0,0 +1,63 @@
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
+/**
+ * WordPress dependencies
+ */
+import {
+	AlignmentControl,
+	BlockControls,
+	useBlockProps,
+} from '@wordpress/block-editor';
+import { useSelect } from '@wordpress/data';
+import { __ } from '@wordpress/i18n';
+import { store as coreStore } from '@wordpress/core-data';
+
+function PostAuthorBiographyEdit( {
+	context: { postType, postId },
+	attributes: { textAlign },
+	setAttributes,
+} ) {
+	const { authorDetails } = useSelect(
+		( select ) => {
+			const { getEditedEntityRecord, getUser } = select( coreStore );
+			const _authorId = getEditedEntityRecord(
+				'postType',
+				postType,
+				postId
+			)?.author;
+
+			return {
+				authorDetails: _authorId ? getUser( _authorId ) : null,
+			};
+		},
+		[ postType, postId ]
+	);
+
+	const blockProps = useBlockProps( {
+		className: classnames( {
+			[ `has-text-align-${ textAlign }` ]: textAlign,
+		} ),
+	} );
+
+	const displayAuthorBiography =
+		authorDetails?.description || __( 'Author Biography' );
+
+	return (
+		<>
+			<BlockControls group="block">
+				<AlignmentControl
+					value={ textAlign }
+					onChange={ ( nextAlign ) => {
+						setAttributes( { textAlign: nextAlign } );
+					} }
+				/>
+			</BlockControls>
+			<div { ...blockProps }> { displayAuthorBiography } </div>
+		</>
+	);
+}
+
+export default PostAuthorBiographyEdit;

package/src/post-author-biography/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-biography/index.php

@@ -0,0 +1,48 @@
+<?php
+/**
+ * Server-side rendering of the `core/post-author-biography` block.
+ *
+ * @package WordPress
+ */
+
+/**
+ * Renders the `core/post-author-biography` 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 biography block.
+ */
+function render_block_core_post_author_biography( $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_biography = get_the_author_meta( 'description', $author_id );
+	if ( empty( $author_biography ) ) {
+		return '';
+	}
+
+	$align_class_name   = empty( $attributes['textAlign'] ) ? '' : "has-text-align-{$attributes['textAlign']}";
+	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) );
+
+	return sprintf( '<div %1$s>', $wrapper_attributes ) . $author_biography . '</div>';
+}
+
+/**
+ * Registers the `core/post-author-biography` block on the server.
+ */
+function register_block_core_post_author_biography() {
+	register_block_type_from_metadata(
+		__DIR__ . '/post-author-biography',
+		array(
+			'render_callback' => 'render_block_core_post_author_biography',
+		)
+	);
+}
+add_action( 'init', 'register_block_core_post_author_biography' );

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

@@ -28,7 +28,12 @@
 		},
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/post-comments/block.json

@@ -28,7 +28,11 @@
 		},
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		}
 	},
 	"style": [

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

@@ -15,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

@@ -16,7 +16,11 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

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

@@ -16,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

@@ -33,7 +33,7 @@ function render_block_core_post_comments_link( $attributes, $content, $block ) {
 		$comment_html = sprintf(
 			/* translators: %s post title */
 			__( 'No comments<span class="screen-reader-text"> on %s</span>' ),
-			esc_html( $post_title )
+			$post_title
 		);
 	} else {
 		$comment_html = sprintf(
@@ -44,7 +44,7 @@ function render_block_core_post_comments_link( $attributes, $content, $block ) {
 				$comments_number
 			),
 			esc_html( number_format_i18n( $comments_number ) ),
-			esc_html( $post_title )
+			$post_title
 		);
 	}
 

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-date/block.json

@@ -23,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

@@ -23,7 +23,7 @@ function render_block_core_post_date( $attributes, $content, $block ) {
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) );
 	$formatted_date     = get_the_date( isset( $attributes['format'] ) ? $attributes['format'] : '', $post_ID );
 	if ( isset( $attributes['isLink'] ) && $attributes['isLink'] ) {
-		$formatted_date = sprintf( '<a href="%1s">%2s</a>', get_the_permalink( $post_ID ), esc_html( $formatted_date ) );
+		$formatted_date = sprintf( '<a href="%1s">%2s</a>', get_the_permalink( $post_ID ), $formatted_date );
 	}
 
 	return sprintf(

package/src/post-excerpt/block.json

@@ -23,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/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'] ) ) . '">' . esc_html( $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-terms/block.json

@@ -23,7 +23,12 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
 		},
 		"typography": {
 			"lineHeight": true,

package/src/post-terms/index.js

@@ -5,10 +5,16 @@ import metadata from './block.json';
 import edit from './edit';
 import variations from './variations';
 
+/**
+ * WordPress dependencies
+ */
+import { postTerms as icon } from '@wordpress/icons';
+
 const { name } = metadata;
 export { metadata, name };
 
 export const settings = {
+	icon,
 	variations,
 	edit,
 };

package/src/post-title/block.json

@@ -34,7 +34,12 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
 		},
 		"spacing": {
 			"margin": true

package/src/post-title/edit.js

@@ -13,7 +13,6 @@ import {
 	useBlockProps,
 	PlainText,
 } from '@wordpress/block-editor';
-import { RawHTML } from '@wordpress/element';
 import { ToggleControl, TextControl, PanelBody } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useEntityProp } from '@wordpress/core-data';
@@ -61,9 +60,10 @@ export default function PostTitleEdit( {
 					{ ...blockProps }
 				/>
 			) : (
-				<TagName { ...blockProps }>
-					<RawHTML key="html">{ fullTitle?.rendered }</RawHTML>
-				</TagName>
+				<TagName
+					{ ...blockProps }
+					dangerouslySetInnerHTML={ { __html: fullTitle?.rendered } }
+				/>
 			);
 	}
 
@@ -91,9 +91,10 @@ export default function PostTitleEdit( {
 						target={ linkTarget }
 						rel={ rel }
 						onClick={ ( event ) => event.preventDefault() }
-					>
-						<RawHTML key="html">{ fullTitle?.rendered }</RawHTML>
-					</a>
+						dangerouslySetInnerHTML={ {
+							__html: fullTitle?.rendered,
+						} }
+					/>
 				</TagName>
 			);
 	}

package/src/post-title/index.php

@@ -34,7 +34,7 @@ function render_block_core_post_title( $attributes, $content, $block ) {
 	}
 
 	if ( isset( $attributes['isLink'] ) && $attributes['isLink'] ) {
-		$title = sprintf( '<a href="%1$s" target="%2$s" rel="%3$s">%4$s</a>', get_the_permalink( $post_ID ), esc_attr( $attributes['linkTarget'] ), esc_attr( $attributes['rel'] ), esc_html( $title ) );
+		$title = sprintf( '<a href="%1$s" target="%2$s" rel="%3$s">%4$s</a>', get_the_permalink( $post_ID ), esc_attr( $attributes['linkTarget'] ), esc_attr( $attributes['rel'] ), $title );
 	}
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) );
 

package/src/preformatted/block.json

@@ -19,7 +19,11 @@
 	"supports": {
 		"anchor": true,
 		"color": {
-			"gradients": true
+			"gradients": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/pullquote/block.json

@@ -31,7 +31,11 @@
 		"color": {
 			"gradients": true,
 			"background": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/query/block.json

@@ -48,7 +48,11 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		},
 		"__experimentalLayout": true
 	},

package/src/query-pagination/block.json

@@ -23,7 +23,12 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"link": true
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
 		},
 		"__experimentalLayout": {
 			"allowSwitching": false,

package/src/query-pagination-next/block.json

@@ -18,7 +18,10 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"text": false
+			"text": false,
+			"__experimentalDefaultControls": {
+				"background": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/query-pagination-next/index.php

@@ -21,7 +21,7 @@ function render_block_core_query_pagination_next( $attributes, $content, $block
 
 	$wrapper_attributes = get_block_wrapper_attributes();
 	$default_label      = __( 'Next Page' );
-	$label              = isset( $attributes['label'] ) && ! empty( $attributes['label'] ) ? $attributes['label'] : $default_label;
+	$label              = isset( $attributes['label'] ) && ! empty( $attributes['label'] ) ? esc_html( $attributes['label'] ) : $default_label;
 	$pagination_arrow   = get_query_pagination_arrow( $block, true );
 
 	if ( $pagination_arrow ) {
@@ -51,7 +51,7 @@ function render_block_core_query_pagination_next( $attributes, $content, $block
 				'<a href="%1$s" %2$s>%3$s</a>',
 				esc_url( add_query_arg( $page_key, $page + 1 ) ),
 				$wrapper_attributes,
-				esc_html( $label )
+				$label
 			);
 		}
 		wp_reset_postdata(); // Restore original Post Data.

package/src/query-pagination-previous/block.json

@@ -18,7 +18,10 @@
 		"html": false,
 		"color": {
 			"gradients": true,
-			"text": false
+			"text": false,
+			"__experimentalDefaultControls": {
+				"background": true
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/query-pagination-previous/index.php

@@ -20,7 +20,7 @@ function render_block_core_query_pagination_previous( $attributes, $content, $bl
 
 	$wrapper_attributes = get_block_wrapper_attributes();
 	$default_label      = __( 'Previous Page' );
-	$label              = isset( $attributes['label'] ) && ! empty( $attributes['label'] ) ? $attributes['label'] : $default_label;
+	$label              = isset( $attributes['label'] ) && ! empty( $attributes['label'] ) ? esc_html( $attributes['label'] ) : $default_label;
 	$pagination_arrow   = get_query_pagination_arrow( $block, false );
 	if ( $pagination_arrow ) {
 		$label = $pagination_arrow . $label;
@@ -41,7 +41,7 @@ function render_block_core_query_pagination_previous( $attributes, $content, $bl
 			'<a href="%1$s" %2$s>%3$s</a>',
 			esc_url( add_query_arg( $page_key, $page - 1 ) ),
 			$wrapper_attributes,
-			esc_html( $label )
+			$label
 		);
 	}
 	return $content;

package/src/query-title/block.json

@@ -22,7 +22,11 @@
 		"align": [ "wide", "full" ],
 		"html": false,
 		"color": {
-			"gradients": true
+			"gradients": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
 		},
 		"spacing": {
 			"margin": true

package/src/query-title/index.js

@@ -6,10 +6,16 @@ import edit from './edit';
 import variations from './variations';
 import deprecated from './deprecated';
 
+/**
+ * WordPress dependencies
+ */
+import { queryTitle as icon } from '@wordpress/icons';
+
 const { name } = metadata;
 export { metadata, name };
 
 export const settings = {
+	icon,
 	edit,
 	variations,
 	deprecated,

package/src/quote/block.json

@@ -49,8 +49,7 @@
 			"label": "Default",
 			"isDefault": true
 		},
-		{ "name": "plain", "label": "Plain" },
-		{ "name": "large", "label": "Large" }
+		{ "name": "plain", "label": "Plain" }
 	],
 	"editorStyle": "wp-block-quote-editor",
 	"style": "wp-block-quote"

package/src/quote/index.js

@@ -24,7 +24,6 @@ export const settings = {
 			value:
 				'<p>' + __( 'In quoting others, we cite ourselves.' ) + '</p>',
 			citation: 'Julio Cortázar',
-			className: 'is-style-large',
 		},
 	},
 	transforms,

package/src/quote/style.scss

@@ -1,8 +1,8 @@
 .wp-block-quote {
 	overflow-wrap: break-word; // Break long strings of text without spaces so they don't overflow the block.
-
-	&.is-style-large,
-	&.is-large {
+	// .is-style-large and .is-large are kept for backwards compatibility. The :not pseudo-class is used to enable switching styles. See PR #37580.
+	&.is-style-large:not(.is-style-plain),
+	&.is-large:not(.is-style-plain) {
 		margin-bottom: 1em;
 		padding: 0 1em;
 

package/src/quote/theme.scss

@@ -22,7 +22,7 @@
 		border: none;
 		padding-left: 0;
 	}
-
+	// .is-style-large and .is-large are kept for backwards compatibility.
 	&.is-style-plain,
 	&.is-style-large,
 	&.is-large {

package/src/read-more/block.json

@@ -0,0 +1,56 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 2,
+	"name": "core/read-more",
+	"title": "Read More",
+	"category": "theme",
+	"description": "Displays the link of a post, page, or any other content-type.",
+	"textdomain": "default",
+	"attributes": {
+		"content": {
+			"type": "string"
+		},
+		"linkTarget": {
+			"type": "string",
+			"default": "_self"
+		}
+	},
+	"usesContext": [ "postId" ],
+	"supports": {
+		"html": false,
+		"color": {
+			"gradients": true,
+			"text": false
+		},
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalTextTransform": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalTextDecoration": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true,
+				"textDecoration": true
+			}
+		},
+		"spacing": {
+			"margin": [ "top", "bottom" ],
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"padding": true
+			}
+		},
+		"__experimentalBorder": {
+			"color": true,
+			"radius": true,
+			"width": true,
+			"__experimentalDefaultControls": {
+				"width": true
+			}
+		}
+	},
+	"style": "wp-block-read-more"
+}