@wordpress/block-library 8.19.4 → 8.19.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.19.4",
+	"version": "8.19.5",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,36 +31,36 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.42.4",
-		"@wordpress/api-fetch": "^6.39.4",
-		"@wordpress/autop": "^3.42.4",
-		"@wordpress/blob": "^3.42.4",
-		"@wordpress/block-editor": "^12.10.4",
-		"@wordpress/blocks": "^12.19.4",
-		"@wordpress/components": "^25.8.4",
-		"@wordpress/compose": "^6.19.4",
-		"@wordpress/core-data": "^6.19.4",
-		"@wordpress/data": "^9.12.4",
-		"@wordpress/date": "^4.42.4",
-		"@wordpress/deprecated": "^3.42.4",
-		"@wordpress/dom": "^3.42.4",
-		"@wordpress/element": "^5.19.4",
-		"@wordpress/escape-html": "^2.42.4",
-		"@wordpress/hooks": "^3.42.4",
-		"@wordpress/html-entities": "^3.42.4",
-		"@wordpress/i18n": "^4.42.4",
-		"@wordpress/icons": "^9.33.4",
-		"@wordpress/interactivity": "^2.3.4",
-		"@wordpress/keycodes": "^3.42.4",
-		"@wordpress/notices": "^4.10.4",
-		"@wordpress/primitives": "^3.40.4",
-		"@wordpress/private-apis": "^0.24.4",
-		"@wordpress/reusable-blocks": "^4.19.4",
-		"@wordpress/rich-text": "^6.19.4",
-		"@wordpress/server-side-render": "^4.19.4",
-		"@wordpress/url": "^3.43.4",
-		"@wordpress/viewport": "^5.19.4",
-		"@wordpress/wordcount": "^3.42.4",
+		"@wordpress/a11y": "^3.42.5",
+		"@wordpress/api-fetch": "^6.39.5",
+		"@wordpress/autop": "^3.42.5",
+		"@wordpress/blob": "^3.42.5",
+		"@wordpress/block-editor": "^12.10.5",
+		"@wordpress/blocks": "^12.19.5",
+		"@wordpress/components": "^25.8.5",
+		"@wordpress/compose": "^6.19.5",
+		"@wordpress/core-data": "^6.19.5",
+		"@wordpress/data": "^9.12.5",
+		"@wordpress/date": "^4.42.5",
+		"@wordpress/deprecated": "^3.42.5",
+		"@wordpress/dom": "^3.42.5",
+		"@wordpress/element": "^5.19.5",
+		"@wordpress/escape-html": "^2.42.5",
+		"@wordpress/hooks": "^3.42.5",
+		"@wordpress/html-entities": "^3.42.5",
+		"@wordpress/i18n": "^4.42.5",
+		"@wordpress/icons": "^9.33.5",
+		"@wordpress/interactivity": "^2.3.5",
+		"@wordpress/keycodes": "^3.42.5",
+		"@wordpress/notices": "^4.10.5",
+		"@wordpress/primitives": "^3.40.5",
+		"@wordpress/private-apis": "^0.24.5",
+		"@wordpress/reusable-blocks": "^4.19.5",
+		"@wordpress/rich-text": "^6.19.5",
+		"@wordpress/server-side-render": "^4.19.5",
+		"@wordpress/url": "^3.43.5",
+		"@wordpress/viewport": "^5.19.5",
+		"@wordpress/wordcount": "^3.42.5",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -78,5 +78,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d1072bbcaf037a18d414da7865ebaf366a0e7062"
+	"gitHead": "edc87d3e33740b82b30f5e21c5953ecded84f08f"
 }

package/src/image/index.php

@@ -200,6 +200,7 @@ function block_core_image_render_lightbox( $block_content, $block ) {
 	$w->set_attribute( 'data-wp-init', 'effects.core.image.setCurrentSrc' );
 	$w->set_attribute( 'data-wp-on--load', 'actions.core.image.handleLoad' );
 	$w->set_attribute( 'data-wp-effect', 'effects.core.image.setButtonStyles' );
+	$w->set_attribute( 'data-wp-effect--setStylesOnResize', 'effects.core.image.setStylesOnResize' );
 	$body_content = $w->get_updated_html();
 
 	// Wrap the image in the body content with a button.

package/src/image/view.js

@@ -105,7 +105,10 @@ store(
 						context.core.image.scrollDelta = 0;
 
 						context.core.image.lightboxEnabled = true;
-						setStyles( context, event );
+						setStyles(
+							context,
+							event.target.previousElementSibling
+						);
 
 						context.core.image.scrollTopReset =
 							window.pageYOffset ||
@@ -338,6 +341,15 @@ store(
 							context.core.image.imageButtonHeight = offsetHeight;
 						}
 					},
+					setStylesOnResize: ( { state, context, ref } ) => {
+						if (
+							context.core.image.lightboxEnabled &&
+							( state.core.image.windowWidth ||
+								state.core.image.windowHeight )
+						) {
+							setStyles( context, ref );
+						}
+					},
 				},
 			},
 		},
@@ -362,7 +374,7 @@ store(
  * @param {Object} context - An Interactivity API context
  * @param {Object} event - A triggering event
  */
-function setStyles( context, event ) {
+function setStyles( context, ref ) {
 	// The reference img element lies adjacent
 	// to the event target button in the DOM.
 	let {
@@ -370,9 +382,8 @@ function setStyles( context, event ) {
 		naturalHeight,
 		offsetWidth: originalWidth,
 		offsetHeight: originalHeight,
-	} = event.target.previousElementSibling;
-	let { x: screenPosX, y: screenPosY } =
-		event.target.previousElementSibling.getBoundingClientRect();
+	} = ref;
+	let { x: screenPosX, y: screenPosY } = ref.getBoundingClientRect();
 
 	// Natural ratio of the image clicked to open the lightbox.
 	const naturalRatio = naturalWidth / naturalHeight;

package/src/latest-posts/edit.js

@@ -484,9 +484,10 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 								.join( ' ' ) }
 							{ createInterpolateElement(
 								sprintf(
-									/* translators: 1: The static string "Read more", 2: The post title only visible to screen readers. */
-									__( '… <a>%1$s<span>: %2$s</span></a>' ),
-									__( 'Read more' ),
+									/* translators: 1: Hidden accessibility text: Post title */
+									__(
+										'… <a>Read more<span>: %1$s</span></a>'
+									),
 									titleTrimmed || __( '(no title)' )
 								),
 								{

package/src/latest-posts/index.php

@@ -152,10 +152,9 @@ function render_block_core_latest_posts( $attributes ) {
 				if ( $excerpt_length <= $block_core_latest_posts_excerpt_length ) {
 					$trimmed_excerpt  = substr( $trimmed_excerpt, 0, -11 );
 					$trimmed_excerpt .= sprintf(
-						/* translators: 1: A URL to a post, 2: The static string "Read more", 3: The post title only visible to screen readers. */
-						__( '… <a href="%1$s" rel="noopener noreferrer">%2$s<span class="screen-reader-text">: %3$s</span></a>' ),
+						/* translators: 1: A URL to a post, 2: Hidden accessibility text: Post title */
+						__( '… <a href="%1$s" rel="noopener noreferrer">Read more<span class="screen-reader-text">: %2$s</span></a>' ),
 						esc_url( $post_link ),
-						__( 'Read more' ),
 						esc_html( $title )
 					);
 				}

package/src/navigation/edit/index.js

@@ -884,7 +884,6 @@ function Navigation( {
 						<ResponsiveWrapper
 							id={ clientId }
 							onToggle={ setResponsiveMenuVisibility }
-							label={ __( 'Menu' ) }
 							hasIcon={ hasIcon }
 							icon={ icon }
 							isOpen={ isResponsiveMenuOpen }

package/src/navigation/index.php

@@ -696,9 +696,22 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 	$responsive_dialog_directives    = '';
 	$close_button_directives         = '';
 	if ( $should_load_view_script ) {
+		$nav_element_context             = wp_json_encode(
+			array(
+				'core' => array(
+					'navigation' => array(
+						'overlayOpenedBy' => array(),
+						'type'            => 'overlay',
+						'roleAttribute'   => '',
+						'ariaLabel'       => __( 'Menu' ),
+					),
+				),
+			),
+			JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_AMP
+		);
 		$nav_element_directives          = '
 			data-wp-interactive
-			data-wp-context=\'{ "core": { "navigation": { "overlayOpenedBy": {}, "type": "overlay", "roleAttribute": "" } } }\'
+			data-wp-context=\'' . $nav_element_context . '\'
 		';
 		$open_button_directives          = '
 			data-wp-on--click="actions.core.navigation.openMenuOnClick"
@@ -714,6 +727,7 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 		';
 		$responsive_dialog_directives    = '
 			data-wp-bind--aria-modal="selectors.core.navigation.ariaModal"
+			data-wp-bind--aria-label="selectors.core.navigation.ariaLabel"
 			data-wp-bind--role="selectors.core.navigation.roleAttribute"
 			data-wp-effect="effects.core.navigation.focusFirstElement"
 		';
@@ -723,11 +737,11 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 	}
 
 	$responsive_container_markup = sprintf(
-		'<button aria-haspopup="true" %3$s class="%6$s" %11$s>%9$s</button>
-			<div class="%5$s" style="%7$s" id="%1$s" %12$s>
+		'<button aria-haspopup="true" %3$s class="%6$s" %10$s>%8$s</button>
+			<div class="%5$s" style="%7$s" id="%1$s" %11$s>
 				<div class="wp-block-navigation__responsive-close" tabindex="-1">
-					<div class="wp-block-navigation__responsive-dialog" aria-label="%8$s" %13$s>
-							<button %4$s class="wp-block-navigation__responsive-container-close" %14$s>%10$s</button>
+					<div class="wp-block-navigation__responsive-dialog" %12$s>
+							<button %4$s class="wp-block-navigation__responsive-container-close" %13$s>%9$s</button>
 						<div class="wp-block-navigation__responsive-container-content" id="%1$s-content">
 							%2$s
 						</div>
@@ -741,7 +755,6 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 		esc_attr( implode( ' ', $responsive_container_classes ) ),
 		esc_attr( implode( ' ', $open_button_classes ) ),
 		esc_attr( safecss_filter_attr( $colors['overlay_inline_styles'] ) ),
-		__( 'Menu' ),
 		$toggle_button_content,
 		$toggle_close_button_content,
 		$open_button_directives,

package/src/navigation/view.js

@@ -87,6 +87,13 @@ wpStore( {
 						? 'true'
 						: null;
 				},
+				ariaLabel: ( store ) => {
+					const { context, selectors } = store;
+					return context.core.navigation.type === 'overlay' &&
+						selectors.core.navigation.isMenuOpen( store )
+						? context.core.navigation.ariaLabel
+						: null;
+				},
 				isMenuOpen: ( { context } ) =>
 					// The menu is opened if either `click`, `hover` or `focus` is true.
 					Object.values(

package/src/query/index.php

@@ -34,7 +34,8 @@ function render_block_core_query( $attributes, $content, $block ) {
 								'loadedText'  => __( 'Page Loaded.' ),
 							),
 						),
-					)
+					),
+					JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_AMP
 				)
 			);
 			$content = $p->get_updated_html();