@wordpress/block-library 7.3.3 → 7.3.4

package/build-style/comment-content/style-rtl.css

@@ -0,0 +1,81 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.comment-awaiting-moderation {
+  display: block;
+  font-size: 0.875em;
+  line-height: 1.5;
+}

package/build-style/comment-content/style.css

@@ -0,0 +1,81 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.comment-awaiting-moderation {
+  display: block;
+  font-size: 0.875em;
+  line-height: 1.5;
+}

package/build-style/cover/style-rtl.css

@@ -101,7 +101,7 @@
 .wp-block-cover.has-parallax {
   background-attachment: fixed;
 }
-@supports (-webkit-overflow-scrolling: touch) {
+@supports (-webkit-touch-callout: inherit) {
   .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax {
     background-attachment: scroll;

package/build-style/cover/style.css

@@ -101,7 +101,7 @@
 .wp-block-cover.has-parallax {
   background-attachment: fixed;
 }
-@supports (-webkit-overflow-scrolling: touch) {
+@supports (-webkit-touch-callout: inherit) {
   .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax {
     background-attachment: scroll;

package/build-style/latest-posts/style-rtl.css

@@ -150,9 +150,11 @@
 }
 .wp-block-latest-posts__featured-image.alignleft {
   margin-right: 1em;
+  float: left;
 }
 .wp-block-latest-posts__featured-image.alignright {
   margin-left: 1em;
+  float: right;
 }
 .wp-block-latest-posts__featured-image.aligncenter {
   margin-bottom: 1em;

package/build-style/latest-posts/style.css

@@ -153,10 +153,14 @@
 .wp-block-latest-posts__featured-image.alignleft {
   /*rtl:ignore*/
   margin-right: 1em;
+  /*rtl:ignore*/
+  float: left;
 }
 .wp-block-latest-posts__featured-image.alignright {
   /*rtl:ignore*/
   margin-left: 1em;
+  /*rtl:ignore*/
+  float: right;
 }
 .wp-block-latest-posts__featured-image.aligncenter {
   margin-bottom: 1em;

package/build-style/style-rtl.css

@@ -417,7 +417,7 @@
 .wp-block-cover.has-parallax {
   background-attachment: fixed;
 }
-@supports (-webkit-overflow-scrolling: touch) {
+@supports (-webkit-touch-callout: inherit) {
   .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax {
     background-attachment: scroll;
@@ -1435,9 +1435,11 @@ ol.wp-block-latest-comments {
 }
 .wp-block-latest-posts__featured-image.alignleft {
   margin-right: 1em;
+  float: left;
 }
 .wp-block-latest-posts__featured-image.alignright {
   margin-left: 1em;
+  float: right;
 }
 .wp-block-latest-posts__featured-image.aligncenter {
   margin-bottom: 1em;

package/build-style/style.css

@@ -422,7 +422,7 @@
 .wp-block-cover.has-parallax {
   background-attachment: fixed;
 }
-@supports (-webkit-overflow-scrolling: touch) {
+@supports (-webkit-touch-callout: inherit) {
   .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax {
     background-attachment: scroll;
@@ -1448,10 +1448,14 @@ ol.wp-block-latest-comments {
 .wp-block-latest-posts__featured-image.alignleft {
   /*rtl:ignore*/
   margin-right: 1em;
+  /*rtl:ignore*/
+  float: left;
 }
 .wp-block-latest-posts__featured-image.alignright {
   /*rtl:ignore*/
   margin-left: 1em;
+  /*rtl:ignore*/
+  float: right;
 }
 .wp-block-latest-posts__featured-image.aligncenter {
   margin-bottom: 1em;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.3.3",
+	"version": "7.3.4",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -37,11 +37,11 @@
 		"@wordpress/api-fetch": "^6.3.1",
 		"@wordpress/autop": "^3.6.1",
 		"@wordpress/blob": "^3.6.1",
-		"@wordpress/block-editor": "^8.5.3",
+		"@wordpress/block-editor": "^8.5.4",
 		"@wordpress/blocks": "^11.5.3",
-		"@wordpress/components": "^19.8.2",
+		"@wordpress/components": "^19.8.3",
 		"@wordpress/compose": "^5.4.1",
-		"@wordpress/core-data": "^4.4.3",
+		"@wordpress/core-data": "^4.4.4",
 		"@wordpress/data": "^6.6.1",
 		"@wordpress/date": "^4.6.1",
 		"@wordpress/deprecated": "^3.6.1",
@@ -54,9 +54,9 @@
 		"@wordpress/keycodes": "^3.6.1",
 		"@wordpress/notices": "^3.6.1",
 		"@wordpress/primitives": "^3.4.1",
-		"@wordpress/reusable-blocks": "^3.4.3",
-		"@wordpress/rich-text": "^5.4.1",
-		"@wordpress/server-side-render": "^3.4.3",
+		"@wordpress/reusable-blocks": "^3.4.4",
+		"@wordpress/rich-text": "^5.4.2",
+		"@wordpress/server-side-render": "^3.4.4",
 		"@wordpress/url": "^3.7.1",
 		"@wordpress/viewport": "^4.4.1",
 		"classnames": "^2.3.1",
@@ -74,5 +74,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "37e930b93fbba88fa024a91eb527a90f855c97f3"
+	"gitHead": "1fdd4758150247d6b690051aed18fa27c15f3a32"
 }

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

@@ -18,17 +18,16 @@ function render_block_core_comment_author_name( $attributes, $content, $block )
 		return '';
 	}
 
-	$comment = get_comment( $block->context['commentId'] );
+	$comment            = get_comment( $block->context['commentId'] );
+	$commenter          = wp_get_current_commenter();
+	$show_pending_links = isset( $commenter['comment_author'] ) && $commenter['comment_author'];
 	if ( empty( $comment ) ) {
 		return '';
 	}
 
 	$classes = '';
 	if ( isset( $attributes['textAlign'] ) ) {
-		$classes .= 'has-text-align-' . esc_attr( $attributes['textAlign'] );
-	}
-	if ( isset( $attributes['fontSize'] ) ) {
-		$classes .= 'has-' . esc_attr( $attributes['fontSize'] ) . '-font-size';
+		$classes .= 'has-text-align-' . $attributes['textAlign'];
 	}
 
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
@@ -38,6 +37,9 @@ function render_block_core_comment_author_name( $attributes, $content, $block )
 	if ( ! empty( $attributes['isLink'] ) && ! empty( $attributes['linkTarget'] ) ) {
 		$comment_author = sprintf( '<a rel="external nofollow ugc" href="%1s" target="%2s" >%3s</a>', esc_url( $link ), esc_attr( $attributes['linkTarget'] ), $comment_author );
 	}
+	if ( '0' === $comment->comment_approved && ! $show_pending_links ) {
+		$comment_author = wp_kses( $comment_author, array() );
+	}
 
 	return sprintf(
 		'<div %1$s>%2$s</div>',

package/src/comment-content/index.php

@@ -18,16 +18,37 @@ function render_block_core_comment_content( $attributes, $content, $block ) {
 		return '';
 	}
 
-	$comment = get_comment( $block->context['commentId'] );
+	$comment            = get_comment( $block->context['commentId'] );
+	$commenter          = wp_get_current_commenter();
+	$show_pending_links = isset( $commenter['comment_author'] ) && $commenter['comment_author'];
 	if ( empty( $comment ) ) {
 		return '';
 	}
 
-	$comment_text = get_comment_text( $comment );
+	$args         = array();
+	$comment_text = get_comment_text( $comment, $args );
 	if ( ! $comment_text ) {
 		return '';
 	}
 
+	/** This filter is documented in wp-includes/comment-template.php */
+	$comment_text = apply_filters( 'comment_text', $comment_text, $comment, $args );
+
+	$moderation_note = '';
+	if ( '0' === $comment->comment_approved ) {
+		$commenter = wp_get_current_commenter();
+
+		if ( $commenter['comment_author_email'] ) {
+			$moderation_note = __( 'Your comment is awaiting moderation.' );
+		} else {
+			$moderation_note = __( 'Your comment is awaiting moderation. This is a preview; your comment will be visible after it has been approved.' );
+		}
+		$moderation_note = '<p><em class="comment-awaiting-moderation">' . $moderation_note . '</em></p>';
+		if ( ! $show_pending_links ) {
+			$comment_text = wp_kses( $comment_text, array() );
+		}
+	}
+
 	$classes = '';
 	if ( isset( $attributes['textAlign'] ) ) {
 		$classes .= 'has-text-align-' . $attributes['textAlign'];
@@ -36,8 +57,9 @@ function render_block_core_comment_content( $attributes, $content, $block ) {
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
 
 	return sprintf(
-		'<div %1$s>%2$s</div>',
+		'<div %1$s>%2$s%3$s</div>',
 		$wrapper_attributes,
+		$moderation_note,
 		$comment_text
 	);
 }

package/src/comment-content/style.scss

@@ -0,0 +1,5 @@
+.comment-awaiting-moderation {
+	display: block;
+	font-size: 0.875em;
+	line-height: 1.5;
+}

package/src/comments-title/edit.js

@@ -140,7 +140,15 @@ export default function Edit( {
 		? __( 'One response to ' )
 		: __( 'One response' );
 
+	const singlePlaceholderNoCount = showPostTitle
+		? __( 'Response to ' )
+		: __( 'Response' );
+
 	const multiplePlaceholder = showPostTitle
+		? __( 'responses to ' )
+		: __( 'responses' );
+
+	const multiplePlaceholderNoCount = showPostTitle
 		? __( 'Responses to ' )
 		: __( 'Responses' );
 
@@ -154,8 +162,16 @@ export default function Edit( {
 						<PlainText
 							__experimentalVersion={ 2 }
 							tagName="span"
-							aria-label={ singlePlaceholder }
-							placeholder={ singlePlaceholder }
+							aria-label={
+								showCommentsCount
+									? singlePlaceholder
+									: singlePlaceholderNoCount
+							}
+							placeholder={
+								showCommentsCount
+									? singlePlaceholder
+									: singlePlaceholderNoCount
+							}
 							value={ singleCommentLabel }
 							onChange={ ( newLabel ) =>
 								setAttributes( {
@@ -174,12 +190,12 @@ export default function Edit( {
 							aria-label={
 								showCommentsCount
 									? ` ${ multiplePlaceholder }`
-									: multiplePlaceholder
+									: multiplePlaceholderNoCount
 							}
 							placeholder={
 								showCommentsCount
 									? ` ${ multiplePlaceholder }`
-									: multiplePlaceholder
+									: multiplePlaceholderNoCount
 							}
 							value={ multipleCommentsLabel }
 							onChange={ ( newLabel ) =>

package/src/comments-title/index.php

@@ -29,11 +29,18 @@ function render_block_core_comments_title( $attributes ) {
 		return;
 	}
 
-	$single_default_comment_label = $show_post_title ? __( 'One response to' ) : __( 'One response' );
-	$single_comment_label         = ! empty( $attributes['singleCommentLabel'] ) ? $attributes['singleCommentLabel'] : $single_default_comment_label;
+	$single_default_comment_label = $show_post_title ? __( 'Response to' ) : __( 'Response' );
+	if ( $show_comments_count ) {
+		$single_default_comment_label = $show_post_title ? __( 'One response to' ) : __( 'One response' );
+	}
+	$single_comment_label = ! empty( $attributes['singleCommentLabel'] ) ? $attributes['singleCommentLabel'] : $single_default_comment_label;
 
 	$multiple_default_comment_label = $show_post_title ? __( 'Responses to' ) : __( 'Responses' );
-	$multiple_comment_label         = ! empty( $attributes['multipleCommentsLabel'] ) ? $attributes['multipleCommentsLabel'] : $multiple_default_comment_label;
+	if ( $show_comments_count ) {
+		$multiple_default_comment_label = $show_post_title ? __( 'responses to' ) : __( 'responses' );
+	}
+
+	$multiple_comment_label = ! empty( $attributes['multipleCommentsLabel'] ) ? $attributes['multipleCommentsLabel'] : $multiple_default_comment_label;
 
 	$comments_title = '%1$s %2$s %3$s';
 
@@ -53,9 +60,9 @@ function render_block_core_comments_title( $attributes ) {
 	);
 }
 
-	/**
-	 * Registers the `core/comments-title` block on the server.
-	 */
+/**
+ * Registers the `core/comments-title` block on the server.
+ */
 function register_block_core_comments_title() {
 	register_block_type_from_metadata(
 		__DIR__ . '/comments-title',
@@ -65,4 +72,4 @@ function register_block_core_comments_title() {
 	);
 }
 
-	add_action( 'init', 'register_block_core_comments_title' );
+add_action( 'init', 'register_block_core_comments_title' );

package/src/cover/index.php

@@ -40,7 +40,7 @@ function render_block_core_cover( $attributes, $content ) {
 		$object_position = '';
 		if ( isset( $attributes['focalPoint'] ) ) {
 			$object_position = round( $attributes['focalPoint']['x'] * 100 ) . '%' . ' ' .
-			round( $attributes['focalPoint']['x'] * 100 ) . '%';
+			round( $attributes['focalPoint']['y'] * 100 ) . '%';
 		}
 
 		$image_template = '<img

package/src/cover/style.scss

@@ -18,7 +18,7 @@
 		// Mobile Safari does not support fixed background attachment properly.
 		// See also https://stackoverflow.com/questions/24154666/background-size-cover-not-working-on-ios
 		// Chrome on Android does not appear to support the attachment at all: https://issuetracker.google.com/issues/36908439
-		@supports (-webkit-overflow-scrolling: touch) {
+		@supports (-webkit-touch-callout: inherit) {
 			background-attachment: scroll;
 		}
 

package/src/latest-posts/style.scss

@@ -63,10 +63,14 @@
 	&.alignleft {
 		/*rtl:ignore*/
 		margin-right: 1em;
+		/*rtl:ignore*/
+		float: left;
 	}
 	&.alignright {
 		/*rtl:ignore*/
 		margin-left: 1em;
+		/*rtl:ignore*/
+		float: right;
 	}
 	&.aligncenter {
 		margin-bottom: 1em;

package/src/navigation/edit/inner-blocks.js

@@ -44,12 +44,12 @@ export default function NavigationInnerBlocks( {
 } ) {
 	const {
 		isImmediateParentOfSelectedBlock,
-		selectedBlockHasDescendants,
+		selectedBlockHasChildren,
 		isSelected,
 	} = useSelect(
 		( select ) => {
 			const {
-				getClientIdsOfDescendants,
+				getBlockCount,
 				hasSelectedInnerBlock,
 				getSelectedBlockClientId,
 			} = select( blockEditorStore );
@@ -60,9 +60,7 @@ export default function NavigationInnerBlocks( {
 					clientId,
 					false
 				),
-				selectedBlockHasDescendants: !! getClientIdsOfDescendants( [
-					selectedBlockId,
-				] )?.length,
+				selectedBlockHasChildren: !! getBlockCount( selectedBlockId ),
 
 				// This prop is already available but computing it here ensures it's
 				// fresh compared to isImmediateParentOfSelectedBlock.
@@ -93,7 +91,7 @@ export default function NavigationInnerBlocks( {
 	// appender.
 	const parentOrChildHasSelection =
 		isSelected ||
-		( isImmediateParentOfSelectedBlock && ! selectedBlockHasDescendants );
+		( isImmediateParentOfSelectedBlock && ! selectedBlockHasChildren );
 
 	const placeholder = useMemo( () => <PlaceholderPreview />, [] );
 
@@ -127,7 +125,7 @@ export default function NavigationInnerBlocks( {
 			renderAppender:
 				isSelected ||
 				( isImmediateParentOfSelectedBlock &&
-					! selectedBlockHasDescendants ) ||
+					! selectedBlockHasChildren ) ||
 				// Show the appender while dragging to allow inserting element between item and the appender.
 				parentOrChildHasSelection
 					? InnerBlocks.ButtonBlockAppender