Sync packages for WP 6.9 beta 3.

Changes can be found at https://github.com/WordPress/gutenberg/commits/wp/6.9/.

Developed in WordPress/wordpress-develop#10453.
See https://make.wordpress.org/core/handbook/about/release-cycle/block-editor-release-process-for-major-releases/#package-updates-and-core-patches.

Fixes #64185.
Props priethor, mukesh27, jeffpaul, westonruter, desrosj, wildworks.
Built from https://develop.svn.wordpress.org/trunk@61125


git-svn-id: https://core.svn.wordpress.org/trunk@60461 1a063a9b-81f0-0310-95a4-ce76da25c4cd

Author: ellatrix

wp-includes/assets/script-loader-packages.min.php

@@ -4,7 +4,7 @@
 	"name": "core/accordion-heading",
 	"title": "Accordion Heading",
 	"category": "design",
-	"description": "Toggles the accordion panel.",
+	"description": "Displays a heading that toggles the accordion panel.",
 	"parent": [ "core/accordion-item" ],
 	"usesContext": [
 		"core/accordion-icon-position",

wp-includes/assets/script-loader-packages.php

@@ -1,7 +1,3 @@
-.wp-block-accordion .wp-block-accordion-heading{
-  padding:0;
-}
-
 .wp-block-accordion-heading__toggle{
   align-items:center;
   background:none;
@@ -11,6 +7,7 @@
   display:flex;
   font-family:inherit;
   font-size:inherit;
+  font-style:inherit;
   font-weight:inherit;
   letter-spacing:inherit;
   line-height:inherit;

wp-includes/blocks/accordion-heading/block.json

@@ -1,7 +1,3 @@
-.wp-block-accordion .wp-block-accordion-heading{
-  padding:0;
-}
-
 .wp-block-accordion-heading__toggle{
   align-items:center;
   background:none;
@@ -11,6 +7,7 @@
   display:flex;
   font-family:inherit;
   font-size:inherit;
+  font-style:inherit;
   font-weight:inherit;
   letter-spacing:inherit;
   line-height:inherit;

wp-includes/blocks/accordion-heading/style-rtl.css

@@ -66,9 +66,12 @@ function render_block_core_archives( $attributes ) {
 		$show_label = empty( $attributes['showLabel'] ) ? ' screen-reader-text' : '';
 
 		$block_content = '<label for="' . $dropdown_id . '" class="wp-block-archives__label' . $show_label . '">' . esc_html( $title ) . '</label>
-		<select id="' . $dropdown_id . '" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
+		<select id="' . esc_attr( $dropdown_id ) . '" name="archive-dropdown">
 		<option value="">' . esc_html( $label ) . '</option>' . $archives . '</select>';
 
+		// Inject the dropdown script immediately after the select dropdown.
+		$block_content .= block_core_archives_build_dropdown_script( $dropdown_id );
+
 		return sprintf(
 			'<div %1$s>%2$s</div>',
 			$wrapper_attributes,
@@ -106,6 +109,55 @@ function render_block_core_archives( $attributes ) {
 	);
 }
 
+/**
+ * Generates the inline script for an archives dropdown field.
+ *
+ * @since 6.9.0
+ *
+ * @param string $dropdown_id ID of the dropdown field.
+ *
+ * @return string Returns the dropdown onChange redirection script.
+ */
+function block_core_archives_build_dropdown_script( $dropdown_id ) {
+	ob_start();
+
+	$exports = array( $dropdown_id, home_url() );
+	?>
+	<script>
+	( ( [ dropdownId, homeUrl ] ) => {
+		const dropdown = document.getElementById( dropdownId );
+		function onSelectChange() {
+			setTimeout( () => {
+				if ( 'escape' === dropdown.dataset.lastkey ) {
+					return;
+				}
+				if ( dropdown.value ) {
+					location.href = dropdown.value;
+				}
+			}, 250 );
+		}
+		function onKeyUp( event ) {
+			if ( 'Escape' === event.key ) {
+				dropdown.dataset.lastkey = 'escape';
+			} else {
+				delete dropdown.dataset.lastkey;
+			}
+		}
+		function onClick() {
+			delete dropdown.dataset.lastkey;
+		}
+		dropdown.addEventListener( 'keyup', onKeyUp );
+		dropdown.addEventListener( 'click', onClick );
+		dropdown.addEventListener( 'change', onSelectChange );
+	} )( <?php echo wp_json_encode( $exports, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ); ?> );
+	</script>
+	<?php
+	return wp_get_inline_script_tag(
+		trim( str_replace( array( '<script>', '</script>' ), '', ob_get_clean() ) ) .
+		"\n//# sourceURL=" . rawurlencode( __FUNCTION__ )
+	);
+}
+
 /**
  * Register archives block.
  *

wp-includes/blocks/accordion-heading/style-rtl.min.css

@@ -104,7 +104,7 @@
     'name' => 'core/accordion-heading',
     'title' => 'Accordion Heading',
     'category' => 'design',
-    'description' => 'Toggles the accordion panel.',
+    'description' => 'Displays a heading that toggles the accordion panel.',
     'parent' => array(
       'core/accordion-item'
     ),
@@ -2516,9 +2516,13 @@
       )
     ),
     'supports' => array(
+      'html' => false,
       'className' => false,
       'customClassName' => false,
-      'reusable' => false
+      'lock' => false,
+      'reusable' => false,
+      'renaming' => false,
+      'blockVisibility' => false
     ),
     'editorStyle' => 'wp-block-freeform-editor'
   ),
@@ -3825,7 +3829,10 @@
       'customClassName' => false,
       'inserter' => false,
       'html' => false,
+      'lock' => false,
       'reusable' => false,
+      'renaming' => false,
+      'blockVisibility' => false,
       'interactivity' => array(
         'clientNavigation' => true
       )

wp-includes/blocks/accordion-heading/style.css

@@ -104,14 +104,32 @@ function build_dropdown_script_block_core_categories( $dropdown_id ) {
 	?>
 	<script>
 	( ( [ dropdownId, homeUrl ] ) => {
-		document.getElementById( dropdownId ).addEventListener( 'change', ( event ) => {
-			const dropdown = /** @type {HTMLSelectElement} */ ( event.target );
-			if ( dropdown.value && dropdown.value !== '-1' ) {
-				const url = new URL( homeUrl );
-				url.searchParams.set( dropdown.name, dropdown.value );
-				location.href = url.href;
+		const dropdown = document.getElementById( dropdownId );
+		function onSelectChange() {
+			setTimeout( () => {
+				if ( 'escape' === dropdown.dataset.lastkey ) {
+					return;
+				}
+				if ( dropdown.value && dropdown instanceof HTMLSelectElement ) {
+					const url = new URL( homeUrl );
+					url.searchParams.set( dropdown.name, dropdown.value );
+					location.href = url.href;
+				}
+			}, 250 );
+		}
+		function onKeyUp( event ) {
+			if ( 'Escape' === event.key ) {
+				dropdown.dataset.lastkey = 'escape';
+			} else {
+				delete dropdown.dataset.lastkey;
 			}
-		} );
+		}
+		function onClick() {
+			delete dropdown.dataset.lastkey;
+		}
+		dropdown.addEventListener( 'keyup', onKeyUp );
+		dropdown.addEventListener( 'click', onClick );
+		dropdown.addEventListener( 'change', onSelectChange );
 	} )( <?php echo wp_json_encode( $exports, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ); ?> );
 	</script>
 	<?php