From 4061516548b51c7cb74cdbdbd74b3bcc122787a5 Mon Sep 17 00:00:00 2001
From: Dennis Snell <dennis.snell@automattic.com>
Date: Mon, 14 Nov 2022 14:23:57 -0700
Subject: [PATCH 01/76] Performance Tests: Only run 1 round of tests during PR
 commits

In the performance tests CI workflow we have been running every test
suite three times for each branch under test. The goal of this work,
introduced in #33710, was to reduce variation in the reported data
from the tests.

Unfortunately after measuring the data produced by our test runs, and
by running experiments that run the test suites thirty times over, the
overall variation is explained primarily by noise in the Github Actions
container running our jobs. If running the test suites three times each
reduces the variation in the results then it's not detectable above the
amount of variation introduced beyond our control.

Because these additional rounds extend the perf-test runtime by around
twenty minutes on each PR we're reducing the number of rounds to a
single pass for PR commits. This will free up compute resources and
remove the performance tests as a bottleneck in the PR workflow.

Additional work can and should be done to further remove variance in
the testing results, but this practical step will remove an obstacle
from developer iteration speed without reducing the quality of the
numbers being reported.
---
 .github/workflows/performance.yml  | 2 +-
 bin/plugin/cli.js                  | 4 ++++
 bin/plugin/commands/performance.js | 4 +++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/performance.yml b/.github/workflows/performance.yml
index e878724c1b5f19..675642df3c26c9 100644
--- a/.github/workflows/performance.yml
+++ b/.github/workflows/performance.yml
@@ -61,7 +61,7 @@ jobs:
                   WP_VERSION=$(awk -F ': ' '/^Tested up to/{print $2}' readme.txt)
                   IFS=. read -ra WP_VERSION_ARRAY <<< "$WP_VERSION"
                   WP_MAJOR="${WP_VERSION_ARRAY[0]}.${WP_VERSION_ARRAY[1]}"
-                  ./bin/plugin/cli.js perf $GITHUB_SHA debd225d007f4e441ceec80fbd6fa96653f94737 --tests-branch $GITHUB_SHA  --wp-version "$WP_MAJOR"
+                  ./bin/plugin/cli.js perf $GITHUB_SHA debd225d007f4e441ceec80fbd6fa96653f94737 --tests-branch $GITHUB_SHA --wp-version "$WP_MAJOR"
 
             - uses: actions/github-script@d556feaca394842dc55e4734bf3bb9f685482fa0 # v6.3.3
               if: github.event_name == 'push'
diff --git a/bin/plugin/cli.js b/bin/plugin/cli.js
index ed2fef4a5b05f4..0101c9169171ee 100755
--- a/bin/plugin/cli.js
+++ b/bin/plugin/cli.js
@@ -94,6 +94,10 @@ program
 	.command( 'performance-tests [branches...]' )
 	.alias( 'perf' )
 	.option( ...ciOption )
+	.option(
+		'--rounds <count>',
+		'Run each test suite this many times for each branch; results are summarized, default = 1'
+	)
 	.option(
 		'--tests-branch <branch>',
 		"Use this branch's performance test files"
diff --git a/bin/plugin/commands/performance.js b/bin/plugin/commands/performance.js
index 2aa8a2c9a7f5c6..7101dc65118089 100644
--- a/bin/plugin/commands/performance.js
+++ b/bin/plugin/commands/performance.js
@@ -22,6 +22,7 @@ const config = require( '../config' );
  * @typedef WPPerformanceCommandOptions
  *
  * @property {boolean=} ci          Run on CI.
+ * @property {number=}  rounds      Run each test suite this many times for each branch.
  * @property {string=}  testsBranch The branch whose performance test files will be used for testing.
  * @property {string=}  wpVersion   The WordPress version to be used as the base install for testing.
  */
@@ -176,6 +177,7 @@ async function runTestSuite( testSuite, performanceTestDirectory ) {
  */
 async function runPerformanceTests( branches, options ) {
 	const runningInCI = !! process.env.CI || !! options.ci;
+	const TEST_ROUNDS = options.rounds || 1;
 
 	// The default value doesn't work because commander provides an array.
 	if ( branches.length === 0 ) {
@@ -330,7 +332,7 @@ async function runPerformanceTests( branches, options ) {
 		/** @type {Array<Record<string, WPPerformanceResults>>} */
 		const rawResults = [];
 		// Alternate three times between branches.
-		for ( let i = 0; i < 3; i++ ) {
+		for ( let i = 0; i < TEST_ROUNDS; i++ ) {
 			rawResults[ i ] = {};
 			for ( const branch of branches ) {
 				// @ts-ignore

From da582f37719c4c47e0d567f5a9651bdeaf128ef1 Mon Sep 17 00:00:00 2001
From: Felix Arntz <felixarntz@google.com>
Date: Wed, 16 Nov 2022 12:57:59 -0800
Subject: [PATCH 02/76] Do not unnecessarily pass post ID to various query loop
 aware functions.

---
 packages/block-library/src/post-featured-image/index.php | 6 +++---
 packages/block-library/src/post-title/index.php          | 9 ++-------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/block-library/src/post-featured-image/index.php b/packages/block-library/src/post-featured-image/index.php
index 068b7eeac6899f..352ecaa15afa2c 100644
--- a/packages/block-library/src/post-featured-image/index.php
+++ b/packages/block-library/src/post-featured-image/index.php
@@ -27,7 +27,7 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 
 	$is_link        = isset( $attributes['isLink'] ) && $attributes['isLink'];
 	$size_slug      = isset( $attributes['sizeSlug'] ) ? $attributes['sizeSlug'] : 'post-thumbnail';
-	$post_title     = trim( strip_tags( get_the_title( $post_ID ) ) );
+	$post_title     = trim( strip_tags( get_the_title() ) );
 	$attr           = get_block_core_post_featured_image_border_attributes( $attributes );
 	$overlay_markup = get_block_core_post_featured_image_overlay_element_markup( $attributes );
 
@@ -43,7 +43,7 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 		$attr['style'] = empty( $attr['style'] ) ? $extra_styles : $attr['style'] . $extra_styles;
 	}
 
-	$featured_image = get_the_post_thumbnail( $post_ID, $size_slug, $attr );
+	$featured_image = get_the_post_thumbnail( null, $size_slug, $attr );
 	if ( ! $featured_image ) {
 		return '';
 	}
@@ -52,7 +52,7 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 		$rel            = ! empty( $attributes['rel'] ) ? 'rel="' . esc_attr( $attributes['rel'] ) . '"' : '';
 		$featured_image = sprintf(
 			'<a href="%1$s" target="%2$s" %3$s>%4$s%5$s</a>',
-			get_the_permalink( $post_ID ),
+			get_the_permalink(),
 			esc_attr( $link_target ),
 			$rel,
 			$featured_image,
diff --git a/packages/block-library/src/post-title/index.php b/packages/block-library/src/post-title/index.php
index 125a2d81ddcbe3..3a90e46763d795 100644
--- a/packages/block-library/src/post-title/index.php
+++ b/packages/block-library/src/post-title/index.php
@@ -15,12 +15,7 @@
  * @return string Returns the filtered post title for the current post wrapped inside "h1" tags.
  */
 function render_block_core_post_title( $attributes, $content, $block ) {
-	if ( ! isset( $block->context['postId'] ) ) {
-		return '';
-	}
-
-	$post_ID = $block->context['postId'];
-	$title   = get_the_title();
+	$title = get_the_title();
 
 	if ( ! $title ) {
 		return '';
@@ -35,7 +30,7 @@ function render_block_core_post_title( $attributes, $content, $block ) {
 
 	if ( isset( $attributes['isLink'] ) && $attributes['isLink'] ) {
 		$rel   = ! empty( $attributes['rel'] ) ? 'rel="' . esc_attr( $attributes['rel'] ) . '"' : '';
-		$title = sprintf( '<a href="%1$s" target="%2$s" %3$s>%4$s</a>', get_the_permalink( $post_ID ), esc_attr( $attributes['linkTarget'] ), $rel, $title );
+		$title = sprintf( '<a href="%1$s" target="%2$s" %3$s>%4$s</a>', get_the_permalink(), esc_attr( $attributes['linkTarget'] ), $rel, $title );
 	}
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) );
 

From 6696fdd5b8f0f8bf31b0c646d1752f96b9f0e02d Mon Sep 17 00:00:00 2001
From: Felix Arntz <felixarntz@google.com>
Date: Wed, 16 Nov 2022 13:02:14 -0800
Subject: [PATCH 03/76] Remove unnecessary lookup of postId context.

---
 packages/block-library/src/post-featured-image/index.php | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/packages/block-library/src/post-featured-image/index.php b/packages/block-library/src/post-featured-image/index.php
index 352ecaa15afa2c..b4c5cc33c53fee 100644
--- a/packages/block-library/src/post-featured-image/index.php
+++ b/packages/block-library/src/post-featured-image/index.php
@@ -14,11 +14,6 @@
  * @return string Returns the featured image for the current post.
  */
 function render_block_core_post_featured_image( $attributes, $content, $block ) {
-	if ( ! isset( $block->context['postId'] ) ) {
-		return '';
-	}
-	$post_ID = $block->context['postId'];
-
 	// Check is needed for backward compatibility with third-party plugins
 	// that might rely on the `in_the_loop` check; calling `the_post` sets it to true.
 	if ( ! in_the_loop() && have_posts() ) {

From 83a5df739dc904bc106a36002674aa7c68130aee Mon Sep 17 00:00:00 2001
From: Gutenberg Repository Automation <gutenberg@wordpress.org>
Date: Wed, 16 Nov 2022 22:24:27 +0000
Subject: [PATCH 04/76] Update Changelog for 14.5.2

---
 changelog.txt | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/changelog.txt b/changelog.txt
index 6beec6ef1b1194..548a18a5ef4642 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,5 +1,22 @@
 == Changelog ==
 
+= 14.5.2 =
+
+
+
+## Changelog
+
+### Bug Fixes
+
+- Tag Processor: Prevent bugs from pre-PHP8 strspn/strcspn behavior. ([45822](https://github.com/WordPress/gutenberg/pull/45822))
+
+## Contributors
+
+The following contributors merged PRs in this release:
+
+@dmsnell
+
+
 = 14.6.0-rc.1 =
 
 ## Changelog

From dbb9487255f2808eb5543cbc2dfa26b8757d3d04 Mon Sep 17 00:00:00 2001
From: Dennis Snell <dennis.snell@automattic.com>
Date: Mon, 14 Nov 2022 17:32:41 -0700
Subject: [PATCH 05/76] Tag Processor: Merge independent tests into single file

---
 .../WP_HTML_Tag_Processor_Isolated_Test.php   |  145 --
 phpunit/html/WP_HTML_Tag_Processor_Test.php   | 1187 -----------------
 ...est.php => wp-html-tag-processor-test.php} |   23 +-
 .../html/wp-html-tag-processor-wp-test.php    |   91 --
 4 files changed, 2 insertions(+), 1444 deletions(-)
 delete mode 100644 phpunit/html/WP_HTML_Tag_Processor_Isolated_Test.php
 delete mode 100644 phpunit/html/WP_HTML_Tag_Processor_Test.php
 rename phpunit/html/{wp-html-tag-processor-standalone-test.php => wp-html-tag-processor-test.php} (98%)
 delete mode 100644 phpunit/html/wp-html-tag-processor-wp-test.php

diff --git a/phpunit/html/WP_HTML_Tag_Processor_Isolated_Test.php b/phpunit/html/WP_HTML_Tag_Processor_Isolated_Test.php
deleted file mode 100644
index d593c5d2f4fe92..00000000000000
--- a/phpunit/html/WP_HTML_Tag_Processor_Isolated_Test.php
+++ /dev/null
@@ -1,145 +0,0 @@
-<?php
-/**
- * Unit tests covering WP_HTML_Tag_Processor functionality.
- *
- * @package WordPress
- * @subpackage HTML
- */
-
-if ( ! function_exists( 'esc_attr' ) ) {
-	function esc_attr( $s ) {
-		return str_replace( '"', '&quot;', $s );
-	}
-}
-
-if ( ! class_exists( 'WP_UnitTestCase' ) ) {
-	abstract class WP_UnitTestCase extends \PHPUnit\Framework\TestCase {}
-}
-
-require_once __DIR__ . '/../../lib/experimental/html/index.php';
-
-/**
- * Runs tests in isolated PHP process for verifying behaviors
- * that depend on the `WP_DEBUG` constant value, if set.
- *
- * @group html
- *
- * @coversDefaultClass WP_HTML_Tag_Processor
- */
-class WP_HTML_Tag_Processor_Isolated_Test extends WP_UnitTestCase {
-	// phpcs:disable WordPress.NamingConventions.ValidVariableName.PropertyNotSnakeCase
-	protected $runTestInSeparateProcess = true;
-
-	/**
-	 * Attribute names with invalid characters should be rejected.
-	 *
-	 * When WP_DEBUG is set we want to throw an error to alert a
-	 * developer that they are sending invalid attribute names.
-	 *
-	 * @dataProvider data_invalid_attribute_names
-	 * @covers set_attribute
-	 */
-	public function test_set_attribute_throw_when_given_invalid_attribute_names_in_debug_mode( $attribute_name ) {
-		define( 'WP_DEBUG', true );
-		$p = new WP_HTML_Tag_Processor( '<span></span>' );
-
-		$this->expectException( Exception::class );
-
-		$p->next_tag();
-		$p->set_attribute( $attribute_name, 'test' );
-
-		$this->assertEquals( '<span></span>', (string) $p );
-	}
-
-	/**
-	 * Attribute names with invalid characters should be rejected.
-	 *
-	 * When WP_DEBUG isn't set we want to quietly fail to set the
-	 * invalid attribute to avoid breaking the HTML and to do so
-	 * without breaking the entire page.
-	 *
-	 * @dataProvider data_invalid_attribute_names
-	 * @covers set_attribute
-	 */
-	public function test_set_attribute_silently_fails_when_given_invalid_attribute_names_outside_of_debug_mode( $attribute_name ) {
-		$p = new WP_HTML_Tag_Processor( '<span></span>' );
-
-		$p->next_tag();
-		$p->set_attribute( $attribute_name, 'test' );
-
-		$this->assertEquals( '<span></span>', (string) $p );
-	}
-
-	/**
-	 * Data provider with invalid HTML attribute names.
-	 *
-	 * @return array {
-	 *     @type string $attribute_name Text considered invalid for HTML attribute names.
-	 * }
-	 */
-	public function data_invalid_attribute_names() {
-		return array(
-			'controls_null'    => array( "i\x00d" ),
-			'controls_newline' => array( "\nbroken-expectations" ),
-			'space'            => array( 'aria label' ),
-			'double-quote'     => array( '"id"' ),
-			'single-quote'     => array( "'id'" ),
-			'greater-than'     => array( 'sneaky>script' ),
-			'solidus'          => array( 'data/test-id' ),
-			'equals'           => array( 'checked=checked' ),
-			'noncharacters_1'  => array( html_entity_decode( 'anything&#xFDD0;' ) ),
-			'noncharacters_2'  => array( html_entity_decode( 'te&#xFFFF;st' ) ),
-			'noncharacters_3'  => array( html_entity_decode( 'te&#x2FFFE;st' ) ),
-			'noncharacters_4'  => array( html_entity_decode( 'te&#xDFFFF;st' ) ),
-			'noncharacters_5'  => array( html_entity_decode( '&#x10FFFE;' ) ),
-			'wp_no_lt'         => array( 'id<script' ),
-			'wp_no_amp'        => array( 'class&lt;script' ),
-		);
-	}
-
-	/**
-	 * Attribute names with only valid characters should not be rejected.
-	 *
-	 * > Attributes have a name and a value. Attribute names must
-	 * > consist of one or more characters other than controls,
-	 * > U+0020 SPACE, U+0022 ("), U+0027 ('), U+003E (>),
-	 * > U+002F (/), U+003D (=), and noncharacters.
-	 *
-	 * @see https://html.spec.whatwg.org/#attributes-2
-	 *
-	 * @dataProvider data_valid_attribute_names
-	 * @covers set_attribute
-	 */
-	public function test_set_attribute_does_not_reject_valid_attribute_names( $attribute_name ) {
-		define( 'WP_DEBUG', true );
-		$p = new WP_HTML_Tag_Processor( '<span></span>' );
-
-		$p->next_tag();
-		$p->set_attribute( $attribute_name, 'test' );
-
-		$this->assertEquals( "<span $attribute_name=\"test\"></span>", (string) $p );
-	}
-
-	/**
-	 * Data provider with valid HTML attribute names.
-	 *
-	 * @return array {
-	 *     @type string $attribute_name Text considered valid for HTML attribute names.
-	 * }
-	 */
-	public function data_valid_attribute_names() {
-		return array(
-			'ascii_letters'         => array( 'abcdefghijklmnopqrstuwxyzABCDEFGHIJKLMNOPQRSTUWXYZ' ),
-			'ascii_numbers'         => array( '0123456789' ),
-			'symbols'               => array( '!@#$%^*()[]{};:\\||,.?`~£§±' ),
-			'emoji'                 => array( '❌' ),
-			'utf8_diacritics'       => array( 'ÁÄÂÀÃÅČÇĆĎÉĚËÈÊẼĔȆĞÍÌÎÏİŇÑÓÖÒÔÕØŘŔŠŞŤÚŮÜÙÛÝŸŽáäâàãåčçćďéěëèêẽĕȇğíìîïıňñóöòôõøðřŕšşťúůüùûýÿžþÞĐđßÆa' ),
-			'hebrew_accents'        => array( html_entity_decode( '&#x059D;a' ) ),
-			// See https://arxiv.org/abs/2111.00169.
-			'rtl_magic'             => array( html_entity_decode( '&#x2067;&#x2066;abc&#x2069;&#x2066;def&#x2069;&#x2069;' ) ),
-			// Only a single unicode "noncharacter" should be rejected. Specific byte segments used in the "noncharacter" sequence are valid.
-			'noncharacter_segments' => array( "\xFF\xFE" ),
-		);
-	}
-
-}
diff --git a/phpunit/html/WP_HTML_Tag_Processor_Test.php b/phpunit/html/WP_HTML_Tag_Processor_Test.php
deleted file mode 100644
index cec0fa555300a0..00000000000000
--- a/phpunit/html/WP_HTML_Tag_Processor_Test.php
+++ /dev/null
@@ -1,1187 +0,0 @@
-<?php
-/**
- * Unit tests covering WP_HTML_Tag_Processor functionality.
- *
- * @package WordPress
- * @subpackage HTML
- */
-
-if ( ! function_exists( 'esc_attr' ) ) {
-	function esc_attr( $s ) {
-		return str_replace( '"', '&quot;', $s );
-	}
-}
-
-if ( ! class_exists( 'WP_UnitTestCase' ) ) {
-	abstract class WP_UnitTestCase extends \PHPUnit\Framework\TestCase {}
-}
-
-require_once __DIR__ . '/../../lib/experimental/html/index.php';
-
-/**
- * @group html
- *
- * @coversDefaultClass WP_HTML_Tag_Processor
- */
-class WP_HTML_Tag_Processor_Test extends WP_UnitTestCase {
-	const HTML_SIMPLE       = '<div id="first"><span id="second">Text</span></div>';
-	const HTML_WITH_CLASSES = '<div class="main with-border" id="first"><span class="not-main bold with-border" id="second">Text</span></div>';
-	const HTML_MALFORMED    = '<div><span class="d-md-none" Notifications</span><span class="d-none d-md-inline">Back to notifications</span></div>';
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers get_tag
-	 */
-	public function test_get_tag_returns_null_before_finding_tags() {
-		$p = new WP_HTML_Tag_Processor( '<div>Test</div>' );
-		$this->assertNull( $p->get_tag() );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers get_tag
-	 */
-	public function test_get_tag_returns_null_when_not_in_open_tag() {
-		$p = new WP_HTML_Tag_Processor( '<div>Test</div>' );
-		$this->assertFalse( $p->next_tag( 'p' ), 'Querying a non-existing tag did not return false' );
-		$this->assertNull( $p->get_tag(), 'Accessing a non-existing tag did not return null' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers get_tag
-	 */
-	public function test_get_tag_returns_open_tag_name() {
-		$p = new WP_HTML_Tag_Processor( '<div>Test</div>' );
-		$this->assertTrue( $p->next_tag( 'div' ), 'Querying an existing tag did not return true' );
-		$this->assertSame( 'DIV', $p->get_tag(), 'Accessing an existing tag name did not return "div"' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers get_attribute
-	 */
-	public function test_get_attribute_returns_null_before_finding_tags() {
-		$p = new WP_HTML_Tag_Processor( '<div class="test">Test</div>' );
-		$this->assertNull( $p->get_attribute( 'class' ) );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers get_attribute
-	 */
-	public function test_get_attribute_returns_null_when_not_in_open_tag() {
-		$p = new WP_HTML_Tag_Processor( '<div class="test">Test</div>' );
-		$this->assertFalse( $p->next_tag( 'p' ), 'Querying a non-existing tag did not return false' );
-		$this->assertNull( $p->get_attribute( 'class' ), 'Accessing an attribute of a non-existing tag did not return null' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers get_attribute
-	 */
-	public function test_get_attribute_returns_null_when_attribute_missing() {
-		$p = new WP_HTML_Tag_Processor( '<div class="test">Test</div>' );
-		$this->assertTrue( $p->next_tag( 'div' ), 'Querying an existing tag did not return true' );
-		$this->assertNull( $p->get_attribute( 'test-id' ), 'Accessing a non-existing attribute did not return null' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers get_attribute
-	 */
-	public function test_get_attribute_returns_attribute_value() {
-		$p = new WP_HTML_Tag_Processor( '<div class="test">Test</div>' );
-		$this->assertTrue( $p->next_tag( 'div' ), 'Querying an existing tag did not return true' );
-		$this->assertSame( 'test', $p->get_attribute( 'class' ), 'Accessing a class="test" attribute value did not return "test"' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers get_attribute
-	 */
-	public function test_get_attribute_returns_true_for_boolean_attribute() {
-		$p = new WP_HTML_Tag_Processor( '<div enabled class="test">Test</div>' );
-		$this->assertTrue( $p->next_tag( array( 'class_name' => 'test' ) ), 'Querying an existing tag did not return true' );
-		$this->assertTrue( $p->get_attribute( 'enabled' ), 'Accessing a boolean "enabled" attribute value did not return true' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers get_attribute
-	 */
-	public function test_get_attribute_returns_string_for_truthy_attributes() {
-		$p = new WP_HTML_Tag_Processor( '<div enabled=enabled checked=1 hidden="true" class="test">Test</div>' );
-		$this->assertTrue( $p->next_tag( array() ), 'Querying an existing tag did not return true' );
-		$this->assertSame( 'enabled', $p->get_attribute( 'enabled' ), 'Accessing a boolean "enabled" attribute value did not return true' );
-		$this->assertSame( '1', $p->get_attribute( 'checked' ), 'Accessing a checked=1 attribute value did not return "1"' );
-		$this->assertSame( 'true', $p->get_attribute( 'hidden' ), 'Accessing a hidden="true" attribute value did not return "true"' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers get_attribute
-	 */
-	public function test_attributes_parser_treats_slash_as_attribute_separator() {
-		$p = new WP_HTML_Tag_Processor( '<div a/b/c/d/e="test">Test</div>' );
-		$this->assertTrue( $p->next_tag( array() ), 'Querying an existing tag did not return true' );
-		$this->assertTrue( $p->get_attribute( 'a' ), 'Accessing an existing attribute did not return true' );
-		$this->assertTrue( $p->get_attribute( 'b' ), 'Accessing an existing attribute did not return true' );
-		$this->assertTrue( $p->get_attribute( 'c' ), 'Accessing an existing attribute did not return true' );
-		$this->assertTrue( $p->get_attribute( 'd' ), 'Accessing an existing attribute did not return true' );
-		$this->assertSame( 'test', $p->get_attribute( 'e' ), 'Accessing an existing e="test" did not return "test"' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers __toString
-	 */
-	public function test_tostring_applies_the_updates_so_far_and_keeps_the_processor_on_the_current_tag() {
-		$p = new WP_HTML_Tag_Processor( '<hr id="remove" /><div enabled class="test">Test</div><span id="span-id"></span>' );
-		$p->next_tag();
-		$p->remove_attribute( 'id' );
-
-		$p->next_tag();
-		$p->set_attribute( 'id', 'div-id-1' );
-		$p->add_class( 'new_class_1' );
-		$this->assertSame(
-			'<hr  /><div id="div-id-1" enabled class="test new_class_1">Test</div><span id="span-id"></span>',
-			(string) $p,
-			'Calling __toString after updating the attributes of the second tag returned different HTML than expected'
-		);
-
-		$p->set_attribute( 'id', 'div-id-2' );
-		$p->add_class( 'new_class_2' );
-		$this->assertSame(
-			'<hr  /><div id="div-id-2" enabled class="test new_class_1 new_class_2">Test</div><span id="span-id"></span>',
-			(string) $p,
-			'Calling __toString after updating the attributes of the second tag for the second time returned different HTML than expected'
-		);
-
-		$p->next_tag();
-		$p->remove_attribute( 'id' );
-		$this->assertSame(
-			'<hr  /><div id="div-id-2" enabled class="test new_class_1 new_class_2">Test</div><span ></span>',
-			(string) $p,
-			'Calling __toString after removing the id attribute of the third tag returned different HTML than expected'
-		);
-
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers __toString
-	 */
-	public function test_tostring_without_updating_any_attributes_returns_the_original_html() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$this->assertSame( self::HTML_SIMPLE, (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 */
-	public function test_next_tag_with_no_arguments_should_find_the_next_existing_tag() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$this->assertTrue( $p->next_tag(), 'Querying an existing tag did not return true' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 */
-	public function test_next_tag_should_return_false_for_a_non_existing_tag() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$this->assertFalse( $p->next_tag( 'p' ), 'Querying a non-existing tag did not return false' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers __toString
-	 */
-	public function test_set_attribute_on_a_non_existing_tag_does_not_change_the_markup() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$this->assertFalse( $p->next_tag( 'p' ), 'Querying a non-existing tag did not return false' );
-		$this->assertFalse( $p->next_tag( 'div' ), 'Querying a non-existing tag did not return false' );
-		$p->set_attribute( 'id', 'primary' );
-		$this->assertSame(
-			self::HTML_SIMPLE,
-			(string) $p,
-			'Calling __toString after updating a non-existing tag returned an HTML that was different from the original HTML'
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_set_attribute_with_a_non_existing_attribute_adds_a_new_attribute_to_the_markup() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$p->next_tag();
-		$p->set_attribute( 'test-attribute', 'test-value' );
-		$this->assertSame( '<div test-attribute="test-value" id="first"><span id="second">Text</span></div>', (string) $p );
-	}
-
-	/**
-	 * According to HTML spec, only the first instance of an attribute counts.
-	 * The other ones are ignored.
-	 *
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_update_first_when_duplicated_attribute() {
-		$p = new WP_HTML_Tag_Processor( '<div id="update-me" id="ignored-id"><span id="second">Text</span></div>' );
-		$p->next_tag();
-		$p->set_attribute( 'id', 'updated-id' );
-		$this->assertSame( '<div id="updated-id" id="ignored-id"><span id="second">Text</span></div>', (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_set_attribute_with_an_existing_attribute_name_updates_its_value_in_the_markup() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$p->next_tag();
-		$p->set_attribute( 'id', 'new-id' );
-		$this->assertSame( '<div id="new-id"><span id="second">Text</span></div>', (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_next_tag_and_set_attribute_in_a_loop_update_all_tags_in_the_markup() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		while ( $p->next_tag() ) {
-			$p->set_attribute( 'data-foo', 'bar' );
-		}
-
-		$this->assertSame( '<div data-foo="bar" id="first"><span data-foo="bar" id="second">Text</span></div>', (string) $p );
-	}
-
-	/**
-	 * Removing an attribute that's listed many times, e.g. `<div id="a" id="b" />` should remove
-	 * all its instances and output just `<div />`.
-	 *
-	 * Today, however, WP_HTML_Tag_Processor only removes the first such attribute. It seems like a corner case
-	 * and introducing additional complexity to correctly handle this scenario doesn't seem to be worth it.
-	 * Let's revisit if and when this becomes a problem.
-	 *
-	 * This test is in place to confirm this behavior, while incorrect, is well-defined.
-	 *
-	 * @ticket 56299
-	 *
-	 * @covers remove_attribute
-	 * @covers __toString
-	 */
-	public function test_remove_first_when_duplicated_attribute() {
-		$p = new WP_HTML_Tag_Processor( '<div id="update-me" id="ignored-id"><span id="second">Text</span></div>' );
-		$p->next_tag();
-		$p->remove_attribute( 'id' );
-		$this->assertSame( '<div  id="ignored-id"><span id="second">Text</span></div>', (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers remove_attribute
-	 * @covers __toString
-	 */
-	public function test_remove_attribute_with_an_existing_attribute_name_removes_it_from_the_markup() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$p->next_tag();
-		$p->remove_attribute( 'id' );
-		$this->assertSame( '<div ><span id="second">Text</span></div>', (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers remove_attribute
-	 * @covers __toString
-	 */
-	public function test_remove_attribute_with_a_non_existing_attribute_name_does_not_change_the_markup() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$p->next_tag();
-		$p->remove_attribute( 'no-such-attribute' );
-		$this->assertSame( self::HTML_SIMPLE, (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers add_class
-	 * @covers __toString
-	 */
-	public function test_add_class_creates_a_class_attribute_when_there_is_none() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$p->next_tag();
-		$p->add_class( 'foo-class' );
-		$this->assertSame( '<div class="foo-class" id="first"><span id="second">Text</span></div>', (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers add_class
-	 * @covers __toString
-	 */
-	public function test_calling_add_class_twice_creates_a_class_attribute_with_both_class_names_when_there_is_no_class_attribute() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$p->next_tag();
-		$p->add_class( 'foo-class' );
-		$p->add_class( 'bar-class' );
-		$this->assertSame( '<div class="foo-class bar-class" id="first"><span id="second">Text</span></div>', (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers remove_class
-	 * @covers __toString
-	 */
-	public function test_remove_class_does_not_change_the_markup_when_there_is_no_class_attribute() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_SIMPLE );
-		$p->next_tag();
-		$p->remove_class( 'foo-class' );
-		$this->assertSame( self::HTML_SIMPLE, (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers add_class
-	 * @covers __toString
-	 */
-	public function test_add_class_appends_class_names_to_the_existing_class_attribute_when_one_already_exists() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_WITH_CLASSES );
-		$p->next_tag();
-		$p->add_class( 'foo-class' );
-		$p->add_class( 'bar-class' );
-		$this->assertSame(
-			'<div class="main with-border foo-class bar-class" id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers remove_class
-	 * @covers __toString
-	 */
-	public function test_remove_class_removes_a_single_class_from_the_class_attribute_when_one_exists() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_WITH_CLASSES );
-		$p->next_tag();
-		$p->remove_class( 'main' );
-		$this->assertSame(
-			'<div class=" with-border" id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers remove_class
-	 * @covers __toString
-	 */
-	public function test_calling_remove_class_with_all_listed_class_names_removes_the_existing_class_attribute_from_the_markup() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_WITH_CLASSES );
-		$p->next_tag();
-		$p->remove_class( 'main' );
-		$p->remove_class( 'with-border' );
-		$this->assertSame(
-			'<div  id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers add_class
-	 * @covers __toString
-	 */
-	public function test_add_class_does_not_add_duplicate_class_names() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_WITH_CLASSES );
-		$p->next_tag();
-		$p->add_class( 'with-border' );
-		$this->assertSame(
-			'<div class="main with-border" id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers add_class
-	 * @covers __toString
-	 */
-	public function test_add_class_preserves_class_name_order_when_a_duplicate_class_name_is_added() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_WITH_CLASSES );
-		$p->next_tag();
-		$p->add_class( 'main' );
-		$this->assertSame(
-			'<div class="main with-border" id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers add_class
-	 * @covers __toString
-	 */
-	public function test_add_class_when_there_is_a_class_attribute_with_excessive_whitespaces() {
-		$p = new WP_HTML_Tag_Processor(
-			'<div class="   main   with-border   " id="first"><span class="not-main bold with-border" id="second">Text</span></div>'
-		);
-		$p->next_tag();
-		$p->add_class( 'foo-class' );
-		$this->assertSame(
-			'<div class="   main   with-border foo-class" id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers remove_class
-	 * @covers __toString
-	 */
-	public function test_remove_class_preserves_whitespaces_when_there_is_a_class_attribute_with_excessive_whitespaces() {
-		$p = new WP_HTML_Tag_Processor(
-			'<div class="   main   with-border   " id="first"><span class="not-main bold with-border" id="second">Text</span></div>'
-		);
-		$p->next_tag();
-		$p->remove_class( 'with-border' );
-		$this->assertSame(
-			'<div class="   main" id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers remove_class
-	 * @covers __toString
-	 */
-	public function test_removing_all_classes_removes_the_existing_class_attribute_from_the_markup_even_when_excessive_whitespaces_are_present() {
-		$p = new WP_HTML_Tag_Processor(
-			'<div class="   main   with-border   " id="first"><span class="not-main bold with-border" id="second">Text</span></div>'
-		);
-		$p->next_tag();
-		$p->remove_class( 'main' );
-		$p->remove_class( 'with-border' );
-		$this->assertSame(
-			'<div  id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * When both set_attribute('class', $value) and add_class( $different_value ) are called,
-	 * the final class name should be $value. In other words, the `add_class` call should be ignored,
-	 * and the `set_attribute` call should win. This holds regardless of the order in which these methods
-	 * are called.
-	 *
-	 * @ticket 56299
-	 *
-	 * @covers add_class
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_set_attribute_takes_priority_over_add_class() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_WITH_CLASSES );
-		$p->next_tag();
-		$p->add_class( 'add_class' );
-		$p->set_attribute( 'class', 'set_attribute' );
-		$this->assertSame(
-			'<div class="set_attribute" id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p,
-			'Calling __toString after updating first tag\'s attributes did not return the expected HTML'
-		);
-
-		$p = new WP_HTML_Tag_Processor( self::HTML_WITH_CLASSES );
-		$p->next_tag();
-		$p->set_attribute( 'class', 'set_attribute' );
-		$p->add_class( 'add_class' );
-		$this->assertSame(
-			'<div class="set_attribute" id="first"><span class="not-main bold with-border" id="second">Text</span></div>',
-			(string) $p,
-			'Calling __toString after updating second tag\'s attributes did not return the expected HTML'
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers remove_attribute
-	 * @covers add_class
-	 * @covers remove_class
-	 * @covers __toString
-	 */
-	public function test_advanced_use_case() {
-		$input = <<<HTML
-<div selected class="merge-message" checked>
-	<div class="select-menu d-inline-block">
-		<div checked class="BtnGroup MixedCaseHTML position-relative" />
-		<div checked class="BtnGroup MixedCaseHTML position-relative">
-			<button type="button" class="merge-box-button btn-group-merge rounded-left-2 btn  BtnGroup-item js-details-target hx_create-pr-button" aria-expanded="false" data-details-container=".js-merge-pr" disabled="">
-			  Merge pull request
-			</button>
-
-			<button type="button" class="merge-box-button btn-group-squash rounded-left-2 btn  BtnGroup-item js-details-target hx_create-pr-button" aria-expanded="false" data-details-container=".js-merge-pr" disabled="">
-			  Squash and merge
-			</button>
-
-			<button type="button" class="merge-box-button btn-group-rebase rounded-left-2 btn  BtnGroup-item js-details-target hx_create-pr-button" aria-expanded="false" data-details-container=".js-merge-pr" disabled="">
-			  Rebase and merge
-			</button>
-
-			<button aria-label="Select merge method" disabled="disabled" type="button" data-view-component="true" class="select-menu-button btn BtnGroup-item"></button>
-		</div>
-	</div>
-</div>
-HTML;
-
-		$expected_output = <<<HTML
-<div data-details="{ &quot;key&quot;: &quot;value&quot; }" selected class="merge-message is-processed" checked>
-	<div class="select-menu d-inline-block">
-		<div checked class=" MixedCaseHTML position-relative button-group Another-Mixed-Case" />
-		<div checked class=" MixedCaseHTML position-relative button-group Another-Mixed-Case">
-			<button type="button" class="merge-box-button btn-group-merge rounded-left-2 btn  BtnGroup-item js-details-target hx_create-pr-button" aria-expanded="false" data-details-container=".js-merge-pr" disabled="">
-			  Merge pull request
-			</button>
-
-			<button type="button" class="merge-box-button btn-group-squash rounded-left-2 btn  BtnGroup-item js-details-target hx_create-pr-button" aria-expanded="false" data-details-container=".js-merge-pr" disabled="">
-			  Squash and merge
-			</button>
-
-			<button type="button"  aria-expanded="false" data-details-container=".js-merge-pr" disabled="">
-			  Rebase and merge
-			</button>
-
-			<button aria-label="Select merge method" disabled="disabled" type="button" data-view-component="true" class="select-menu-button btn BtnGroup-item"></button>
-		</div>
-	</div>
-</div>
-HTML;
-
-		$p = new WP_HTML_Tag_Processor( $input );
-		$this->assertTrue( $p->next_tag( 'div' ), 'Querying an existing tag did not return true' );
-		$p->set_attribute( 'data-details', '{ "key": "value" }' );
-		$p->add_class( 'is-processed' );
-		$this->assertTrue(
-			$p->next_tag(
-				array(
-					'tag_name'   => 'div',
-					'class_name' => 'BtnGroup',
-				)
-			),
-			'Querying an existing tag did not return true'
-		);
-		$p->remove_class( 'BtnGroup' );
-		$p->add_class( 'button-group' );
-		$p->add_class( 'Another-Mixed-Case' );
-		$this->assertTrue(
-			$p->next_tag(
-				array(
-					'tag_name'   => 'div',
-					'class_name' => 'BtnGroup',
-				)
-			),
-			'Querying an existing tag did not return true'
-		);
-		$p->remove_class( 'BtnGroup' );
-		$p->add_class( 'button-group' );
-		$p->add_class( 'Another-Mixed-Case' );
-		$this->assertTrue(
-			$p->next_tag(
-				array(
-					'tag_name'     => 'button',
-					'class_name'   => 'btn',
-					'match_offset' => 3,
-				)
-			),
-			'Querying an existing tag did not return true'
-		);
-		$p->remove_attribute( 'class' );
-		$this->assertFalse( $p->next_tag( 'non-existent' ), 'Querying a non-existing tag did not return false' );
-		$p->set_attribute( 'class', 'test' );
-		$this->assertSame( $expected_output, (string) $p, 'Calling __toString after updating the attributes did not return the expected HTML' );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers remove_attribute
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_correctly_parses_html_attributes_wrapped_in_single_quotation_marks() {
-		$p = new WP_HTML_Tag_Processor(
-			'<div id=\'first\'><span id=\'second\'>Text</span></div>'
-		);
-		$p->next_tag(
-			array(
-				'tag_name' => 'div',
-				'id'       => 'first',
-			)
-		);
-		$p->remove_attribute( 'id' );
-		$p->next_tag(
-			array(
-				'tag_name' => 'span',
-				'id'       => 'second',
-			)
-		);
-		$p->set_attribute( 'id', 'single-quote' );
-		$this->assertSame(
-			'<div ><span id="single-quote">Text</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_set_attribute_with_value_equals_to_true_adds_a_boolean_html_attribute_with_implicit_value() {
-		$p = new WP_HTML_Tag_Processor(
-			'<form action="/action_page.php"><input type="checkbox" name="vehicle" value="Bike"><label for="vehicle">I have a bike</label></form>'
-		);
-		$p->next_tag( 'input' );
-		$p->set_attribute( 'checked', true );
-		$this->assertSame(
-			'<form action="/action_page.php"><input checked type="checkbox" name="vehicle" value="Bike"><label for="vehicle">I have a bike</label></form>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_setting_a_boolean_attribute_to_false_removes_it_from_the_markup() {
-		$p = new WP_HTML_Tag_Processor(
-			'<form action="/action_page.php"><input checked type="checkbox" name="vehicle" value="Bike"><label for="vehicle">I have a bike</label></form>'
-		);
-		$p->next_tag( 'input' );
-		$p->set_attribute( 'checked', false );
-		$this->assertSame(
-			'<form action="/action_page.php"><input  type="checkbox" name="vehicle" value="Bike"><label for="vehicle">I have a bike</label></form>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_setting_a_missing_attribute_to_false_does_not_change_the_markup() {
-		$html_input = '<form action="/action_page.php"><input type="checkbox" name="vehicle" value="Bike"><label for="vehicle">I have a bike</label></form>';
-		$p          = new WP_HTML_Tag_Processor( $html_input );
-		$p->next_tag( 'input' );
-		$p->set_attribute( 'checked', false );
-		$this->assertSame( $html_input, (string) $p );
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_setting_a_boolean_attribute_to_a_string_value_adds_explicit_value_to_the_markup() {
-		$p = new WP_HTML_Tag_Processor(
-			'<form action="/action_page.php"><input checked type="checkbox" name="vehicle" value="Bike"><label for="vehicle">I have a bike</label></form>'
-		);
-		$p->next_tag( 'input' );
-		$p->set_attribute( 'checked', 'checked' );
-		$this->assertSame(
-			'<form action="/action_page.php"><input checked="checked" type="checkbox" name="vehicle" value="Bike"><label for="vehicle">I have a bike</label></form>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers get_tag
-	 * @covers next_tag
-	 */
-	public function test_unclosed_script_tag_should_not_cause_an_infinite_loop() {
-		$p = new WP_HTML_Tag_Processor( '<script>' );
-		$p->next_tag();
-		$this->assertSame( 'SCRIPT', $p->get_tag() );
-		$p->next_tag();
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 *
-	 * @dataProvider data_script_state
-	 */
-	public function test_next_tag_ignores_the_contents_of_a_script_tag( $script_then_div ) {
-		$p = new WP_HTML_Tag_Processor( $script_then_div );
-		$p->next_tag();
-		$this->assertSame( 'SCRIPT', $p->get_tag(), 'The first found tag was not "script"' );
-		$p->next_tag();
-		$this->assertSame( 'DIV', $p->get_tag(), 'The second found tag was not "∂iv"' );
-	}
-
-	/**
-	 * Data provider for test_ignores_contents_of_a_script_tag().
-	 *
-	 * @return array {
-	 *     @type array {
-	 *         @type string $script_then_div The HTML snippet containing script and div tags.
-	 *     }
-	 * }
-	 */
-	public function data_script_state() {
-		$examples = array();
-
-		$examples['Simple script tag'] = array(
-			'<script><span class="d-none d-md-inline">Back to notifications</span></script><div></div>',
-		);
-
-		$examples['Simple uppercase script tag'] = array(
-			'<script><span class="d-none d-md-inline">Back to notifications</span></SCRIPT><div></div>',
-		);
-
-		$examples['Script with a comment opener inside should end at the next script tag closer (dash dash escaped state)'] = array(
-			'<script class="d-md-none"><!--</script><div></div>-->',
-		);
-
-		$examples['Script with a comment opener and a script tag opener inside should end two script tag closer later (double escaped state)'] = array(
-			'<script class="d-md-none"><!--<script><span1></script><span2></span2></script><div></div>-->',
-		);
-
-		$examples['Double escaped script with a tricky opener'] = array(
-			'<script class="d-md-none"><!--<script attr="</script>"></script>"><div></div>',
-		);
-
-		$examples['Double escaped script with a tricky closer'] = array(
-			'<script class="d-md-none"><!--<script><span></script attr="</script>"><div></div>',
-		);
-
-		$examples['Double escaped, then escaped, then double escaped'] = array(
-			'<script class="d-md-none"><!--<script></script><script></script><span></span></script><div></div>',
-		);
-
-		$examples['Script with a commented a script tag opener inside should at the next tag closer (dash dash escaped state)'] = array(
-			'<script class="d-md-none"><!--<script>--><span></script><div></div>-->',
-		);
-
-		$examples['Script closer with another script tag in closer attributes'] = array(
-			'<script><span class="d-none d-md-inline">Back to notifications</title</span></script <script><div></div>',
-		);
-
-		$examples['Script closer with attributes'] = array(
-			'<script class="d-md-none"><span class="d-none d-md-inline">Back to notifications</span></script id="test"><div></div>',
-		);
-
-		$examples['Script opener with title closer inside'] = array(
-			'<script class="d-md-none"></title></script><div></div>',
-		);
-
-		$examples['Complex script with many parsing states'] = array(
-			'<script class="d-md-none"><!--<script>--><scRipt><span><!--<span><Script</script>--></scripT><div></div>-->',
-		);
-		return $examples;
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 *
-	 * @dataProvider data_rcdata_state
-	 */
-	public function test_next_tag_ignores_the_contents_of_a_rcdata_tag( $rcdata_then_div, $rcdata_tag ) {
-		$p = new WP_HTML_Tag_Processor( $rcdata_then_div );
-		$p->next_tag();
-		$this->assertSame( strtoupper( $rcdata_tag ), $p->get_tag(), "The first found tag was not '$rcdata_tag'" );
-		$p->next_tag();
-		$this->assertSame( 'DIV', $p->get_tag(), "The second found tag was not 'div'" );
-	}
-
-	/**
-	 * Data provider for test_ignores_contents_of_a_rcdata_tag().
-	 *
-	 * @return array {
-	 *     @type array {
-	 *         @type string $rcdata_then_div The HTML snippet containing RCDATA and div tags.
-	 *         @type string $rcdata_tag      The RCDATA tag.
-	 *     }
-	 * }
-	 */
-	public function data_rcdata_state() {
-		$examples                    = array();
-		$examples['Simple textarea'] = array(
-			'<textarea><span class="d-none d-md-inline">Back to notifications</span></textarea><div></div>',
-			'textarea',
-		);
-
-		$examples['Simple title'] = array(
-			'<title><span class="d-none d-md-inline">Back to notifications</title</span></title><div></div>',
-			'title',
-		);
-
-		$examples['Comment opener inside a textarea tag should be ignored'] = array(
-			'<textarea class="d-md-none"><!--</textarea><div></div>-->',
-			'textarea',
-		);
-
-		$examples['Textarea closer with another textarea tag in closer attributes'] = array(
-			'<textarea><span class="d-none d-md-inline">Back to notifications</title</span></textarea <textarea><div></div>',
-			'textarea',
-		);
-
-		$examples['Textarea closer with attributes'] = array(
-			'<textarea class="d-md-none"><span class="d-none d-md-inline">Back to notifications</span></textarea id="test"><div></div>',
-			'textarea',
-		);
-
-		$examples['Textarea opener with title closer inside'] = array(
-			'<textarea class="d-md-none"></title></textarea><div></div>',
-			'textarea',
-		);
-		return $examples;
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_can_query_and_update_wrongly_nested_tags() {
-		$p = new WP_HTML_Tag_Processor(
-			'<span>123<p>456</span>789</p>'
-		);
-		$p->next_tag( 'span' );
-		$p->set_attribute( 'class', 'span-class' );
-		$p->next_tag( 'p' );
-		$p->set_attribute( 'class', 'p-class' );
-		$this->assertSame(
-			'<span class="span-class">123<p class="p-class">456</span>789</p>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers remove_attribute
-	 * @covers __toString
-	 */
-	public function test_removing_attributes_works_even_in_malformed_html() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_MALFORMED );
-		$p->next_tag( 'span' );
-		$p->remove_attribute( 'Notifications<' );
-		$this->assertSame(
-			'<div><span class="d-md-none" /span><span class="d-none d-md-inline">Back to notifications</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_Tag
-	 * @covers set_attribute
-	 * @covers __toString
-	 */
-	public function test_updating_attributes_works_even_in_malformed_html_1() {
-		$p = new WP_HTML_Tag_Processor( self::HTML_MALFORMED );
-		$p->next_tag( 'span' );
-		$p->set_attribute( 'id', 'first' );
-		$p->next_tag( 'span' );
-		$p->set_attribute( 'id', 'second' );
-		$this->assertSame(
-			'<div><span id="first" class="d-md-none" Notifications</span><span id="second" class="d-none d-md-inline">Back to notifications</span></div>',
-			(string) $p
-		);
-	}
-
-	/**
-	 * @ticket 56299
-	 *
-	 * @covers next_tag
-	 * @covers set_attribute
-	 * @covers add_class
-	 * @covers __toString
-	 *
-	 * @dataProvider data_malformed_tag
-	 */
-	public function test_updating_attributes_works_even_in_malformed_html_2( $html_input, $html_expected ) {
-		$p = new WP_HTML_Tag_Processor( $html_input );
-		$p->next_tag();
-		$p->set_attribute( 'foo', 'bar' );
-		$p->add_class( 'firstTag' );
-		$p->next_tag();
-		$p->add_class( 'secondTag' );
-		$this->assertSame(
-			$html_expected,
-			(string) $p
-		);
-	}
-
-	/**
-	 * Data provider for test_updates_when_malformed_tag().
-	 *
-	 * @return array {
-	 *     @type array {
-	 *         @type string $html_input    The input HTML snippet.
-	 *         @type string $html_expected The expected HTML snippet after processing.
-	 *     }
-	 * }
-	 */
-	public function data_malformed_tag() {
-		$null_byte = chr( 0 );
-		$examples  = array();
-		$examples['Invalid entity inside attribute value'] = array(
-			'<img src="https://s0.wp.com/i/atat.png" title="&; First &lt;title&gt; is &notit;" TITLE="second title" title="An Imperial &imperial; AT-AT"><span>test</span>',
-			'<img foo="bar" class="firstTag" src="https://s0.wp.com/i/atat.png" title="&; First &lt;title&gt; is &notit;" TITLE="second title" title="An Imperial &imperial; AT-AT"><span class="secondTag">test</span>',
-		);
-
-		$examples['HTML tag opening inside attribute value'] = array(
-			'<pre id="<code" class="wp-block-code <code is poetry&gt;"><code>This &lt;is> a &lt;strong is="true">thing.</code></pre><span>test</span>',
-			'<pre foo="bar" id="<code" class="wp-block-code <code is poetry&gt; firstTag"><code class="secondTag">This &lt;is> a &lt;strong is="true">thing.</code></pre><span>test</span>',
-		);
-
-		$examples['HTML tag brackets in attribute values and data markup'] = array(
-			'<pre id="<code-&gt;-block-&gt;" class="wp-block-code <code is poetry&gt;"><code>This &lt;is> a &lt;strong is="true">thing.</code></pre><span>test</span>',
-			'<pre foo="bar" id="<code-&gt;-block-&gt;" class="wp-block-code <code is poetry&gt; firstTag"><code class="secondTag">This &lt;is> a &lt;strong is="true">thing.</code></pre><span>test</span>',
-		);
-
-		$examples['Single and double quotes in attribute value'] = array(
-			'<p title="Demonstrating how to use single quote (\') and double quote (&quot;)"><span>test</span>',
-			'<p foo="bar" class="firstTag" title="Demonstrating how to use single quote (\') and double quote (&quot;)"><span class="secondTag">test</span>',
-		);
-
-		$examples['Unquoted attribute values'] = array(
-			'<hr a=1 a=2 a=3 a=5 /><span>test</span>',
-			'<hr foo="bar" class="firstTag" a=1 a=2 a=3 a=5 /><span class="secondTag">test</span>',
-		);
-
-		$examples['Double-quotes escaped in double-quote attribute value'] = array(
-			'<hr title="This is a &quot;double-quote&quot;"><span>test</span>',
-			'<hr foo="bar" class="firstTag" title="This is a &quot;double-quote&quot;"><span class="secondTag">test</span>',
-		);
-
-		$examples['Unquoted attribute value'] = array(
-			'<hr id=code><span>test</span>',
-			'<hr foo="bar" class="firstTag" id=code><span class="secondTag">test</span>',
-		);
-
-		$examples['Unquoted attribute value with tag-like value'] = array(
-			'<hr id= 	<code> ><span>test</span>',
-			'<hr foo="bar" class="firstTag" id= 	<code> ><span class="secondTag">test</span>',
-		);
-
-		$examples['Unquoted attribute value with tag-like value followed by tag-like data'] = array(
-			'<hr id=code>><span>test</span>',
-			'<hr foo="bar" class="firstTag" id=code>><span class="secondTag">test</span>',
-		);
-
-		$examples['1'] = array(
-			'<hr id=&quo;code><span>test</span>',
-			'<hr foo="bar" class="firstTag" id=&quo;code><span class="secondTag">test</span>',
-		);
-
-		$examples['2'] = array(
-			'<hr id/test=5><span>test</span>',
-			'<hr foo="bar" class="firstTag" id/test=5><span class="secondTag">test</span>',
-		);
-
-		$examples['4'] = array(
-			'<hr title="<hr>"><span>test</span>',
-			'<hr foo="bar" class="firstTag" title="<hr>"><span class="secondTag">test</span>',
-		);
-
-		$examples['5'] = array(
-			'<hr id=>code><span>test</span>',
-			'<hr foo="bar" class="firstTag" id=>code><span class="secondTag">test</span>',
-		);
-
-		$examples['6'] = array(
-			'<hr id"quo="test"><span>test</span>',
-			'<hr foo="bar" class="firstTag" id"quo="test"><span class="secondTag">test</span>',
-		);
-
-		$examples['7'] = array(
-			'<hr id' . $null_byte . 'zero="test"><span>test</span>',
-			'<hr foo="bar" class="firstTag" id' . $null_byte . 'zero="test"><span class="secondTag">test</span>',
-		);
-
-		$examples['8'] = array(
-			'<hr >id="test"><span>test</span>',
-			'<hr foo="bar" class="firstTag" >id="test"><span class="secondTag">test</span>',
-		);
-
-		$examples['9'] = array(
-			'<hr =id="test"><span>test</span>',
-			'<hr foo="bar" class="firstTag" =id="test"><span class="secondTag">test</span>',
-		);
-
-		$examples['10'] = array(
-			'</><span>test</span>',
-			'</><span foo="bar" class="firstTag">test</span>',
-		);
-
-		$examples['11'] = array(
-			'The applicative operator <* works well in Haskell; <data-tag> is what?<span>test</span>',
-			'The applicative operator <* works well in Haskell; <data-tag foo="bar" class="firstTag"> is what?<span class="secondTag">test</span>',
-		);
-
-		$examples['12'] = array(
-			'<3 is a heart but <t3> is a tag.<span>test</span>',
-			'<3 is a heart but <t3 foo="bar" class="firstTag"> is a tag.<span class="secondTag">test</span>',
-		);
-
-		$examples['13'] = array(
-			'<?comment --><span>test</span>',
-			'<?comment --><span foo="bar" class="firstTag">test</span>',
-		);
-
-		$examples['14'] = array(
-			'<!-- this is a comment. no <strong>tags</strong> allowed --><span>test</span>',
-			'<!-- this is a comment. no <strong>tags</strong> allowed --><span foo="bar" class="firstTag">test</span>',
-		);
-
-		$examples['15'] = array(
-			'<![CDATA[This <is> a <strong id="yes">HTML Tag</strong>]]><span>test</span>',
-			'<![CDATA[This <is> a <strong id="yes">HTML Tag</strong>]]><span foo="bar" class="firstTag">test</span>',
-		);
-
-		$examples['16'] = array(
-			'<hr ===name="value"><span>test</span>',
-			'<hr foo="bar" class="firstTag" ===name="value"><span class="secondTag">test</span>',
-		);
-
-		$examples['17'] = array(
-			'<hr asdf="test"><span>test</span>',
-			'<hr foo="bar" class="firstTag" asdf="test"><span class="secondTag">test</span>',
-		);
-
-		$examples['18'] = array(
-			'<hr =asdf="tes"><span>test</span>',
-			'<hr foo="bar" class="firstTag" =asdf="tes"><span class="secondTag">test</span>',
-		);
-
-		$examples['19'] = array(
-			'<hr ==="test"><span>test</span>',
-			'<hr foo="bar" class="firstTag" ==="test"><span class="secondTag">test</span>',
-		);
-
-		$examples['20'] = array(
-			'<hr =><span>test</span>',
-			'<hr foo="bar" class="firstTag" =><span class="secondTag">test</span>',
-		);
-
-		$examples['21'] = array(
-			'<hr =5><span>test</span>',
-			'<hr foo="bar" class="firstTag" =5><span class="secondTag">test</span>',
-		);
-
-		$examples['22'] = array(
-			'<hr ==><span>test</span>',
-			'<hr foo="bar" class="firstTag" ==><span class="secondTag">test</span>',
-		);
-
-		$examples['23'] = array(
-			'<hr ===><span>test</span>',
-			'<hr foo="bar" class="firstTag" ===><span class="secondTag">test</span>',
-		);
-
-		$examples['24'] = array(
-			'<hr disabled><span>test</span>',
-			'<hr foo="bar" class="firstTag" disabled><span class="secondTag">test</span>',
-		);
-
-		$examples['25'] = array(
-			'<hr a"sdf="test"><span>test</span>',
-			'<hr foo="bar" class="firstTag" a"sdf="test"><span class="secondTag">test</span>',
-		);
-
-		$examples['Multiple unclosed tags treated as a single tag'] = array(
-			'<hr id=">"code
-<hr id="value>"code
-<hr id="/>"code
-<hr id="value/>"code
-/>
-<span>test</span>',
-			'<hr foo="bar" class="firstTag" id=">"code
-<hr id="value>"code
-<hr id="/>"code
-<hr id="value/>"code
-/>
-<span class="secondTag">test</span>',
-		);
-
-		$examples['27'] = array(
-			'<hr id   =5><span>test</span>',
-			'<hr foo="bar" class="firstTag" id   =5><span class="secondTag">test</span>',
-		);
-
-		$examples['28'] = array(
-			'<hr id a  =5><span>test</span>',
-			'<hr foo="bar" class="firstTag" id a  =5><span class="secondTag">test</span>',
-		);
-
-		return $examples;
-	}
-}
diff --git a/phpunit/html/wp-html-tag-processor-standalone-test.php b/phpunit/html/wp-html-tag-processor-test.php
similarity index 98%
rename from phpunit/html/wp-html-tag-processor-standalone-test.php
rename to phpunit/html/wp-html-tag-processor-test.php
index 8079db28f52be7..e66b1d50758d0b 100644
--- a/phpunit/html/wp-html-tag-processor-standalone-test.php
+++ b/phpunit/html/wp-html-tag-processor-test.php
@@ -1,30 +1,11 @@
 <?php
 /**
  * Unit tests covering WP_HTML_Tag_Processor functionality.
- * This file takes about 100ms to run because it does not load
- * any WordPress libraries:
- *
- * ```
- * ./vendor/bin/phpunit --no-configuration ./phpunit/html/wp-html-tag-processor-test.php
- * ```
- *
- * Put all new WP_HTML_Tag_Processor tests here, and only add new cases to
- * wp-html-tag-processor-test-wp.php when they cannot run without WordPress.
  *
  * @package WordPress
  * @subpackage HTML
  */
 
-if ( ! function_exists( 'esc_attr' ) ) {
-	function esc_attr( $string ) {
-		return htmlspecialchars( $string, ENT_QUOTES | ENT_SUBSTITUTE | ENT_HTML401, 'utf-8', false );
-	}
-}
-
-if ( ! class_exists( 'WP_UnitTestCase' ) ) {
-	abstract class WP_UnitTestCase extends \PHPUnit\Framework\TestCase {}
-}
-
 require_once __DIR__ . '/../../lib/experimental/html/index.php';
 
 /**
@@ -32,7 +13,7 @@ abstract class WP_UnitTestCase extends \PHPUnit\Framework\TestCase {}
  *
  * @coversDefaultClass WP_HTML_Tag_Processor
  */
-class WP_HTML_Tag_Processor_Standalone_Test extends WP_UnitTestCase {
+class WP_HTML_Tag_Processor_Test extends WP_UnitTestCase {
 	const HTML_SIMPLE       = '<div id="first"><span id="second">Text</span></div>';
 	const HTML_WITH_CLASSES = '<div class="main with-border" id="first"><span class="not-main bold with-border" id="second">Text</span></div>';
 	const HTML_MALFORMED    = '<div><span class="d-md-none" Notifications</span><span class="d-none d-md-inline">Back to notifications</span></div>';
@@ -951,7 +932,7 @@ public function data_script_state() {
 	public function test_next_tag_ignores_the_contents_of_a_rcdata_tag( $rcdata_then_div, $rcdata_tag ) {
 		$p = new WP_HTML_Tag_Processor( $rcdata_then_div );
 		$p->next_tag();
-		$this->assertSame( $rcdata_tag, $p->get_tag(), "The first found tag was not '$rcdata_tag'" );
+		$this->assertSame( strtoupper( $rcdata_tag ), $p->get_tag(), "The first found tag was not '$rcdata_tag'" );
 		$p->next_tag();
 		$this->assertSame( 'DIV', $p->get_tag(), "The second found tag was not 'div'" );
 	}
diff --git a/phpunit/html/wp-html-tag-processor-wp-test.php b/phpunit/html/wp-html-tag-processor-wp-test.php
deleted file mode 100644
index 41008800d0b751..00000000000000
--- a/phpunit/html/wp-html-tag-processor-wp-test.php
+++ /dev/null
@@ -1,91 +0,0 @@
-<?php
-/**
- * Unit tests covering WP_HTML_Tag_Processor functionality.
- * This file is only for tests that require WordPress libraries.
- * Put all other tests in wp-html-tag-processor-test-standalone.php.
- *
- * Run these tests locally as follows:
- *
- * ```
- * npx wp-env run phpunit "phpunit -c /var/www/html/wp-content/plugins/gutenberg/phpunit.xml.dist --filter WP_HTML_Tag_Processor_Test_WP"
- * ```
- *
- * @package WordPress
- * @subpackage HTML
- */
-
-require_once __DIR__ . '/../../lib/experimental/html/index.php';
-
-/**
- * @group html
- *
- * @coversDefaultClass WP_HTML_Tag_Processor
- */
-class WP_HTML_Tag_Processor_Test_WP extends WP_UnitTestCase {
-
-	/**
-	 * Passing a double quote inside of an attribute values could lead to an XSS attack as follows:
-	 *
-	 * <code>
-	 *     $p = new WP_HTML_Tag_Processor( '<div class="header"></div>' );
-	 *     $p->next_tag();
-	 *     $p->set_attribute('class', '" onclick="alert');
-	 *     echo $p;
-	 *     // <div class="" onclick="alert"></div>
-	 * </code>
-	 *
-	 * To prevent it, `set_attribute` calls `esc_attr()` on its given values.
-	 *
-	 * <code>
-	 *    <div class="&quot; onclick=&quot;alert"></div>
-	 * </code>
-	 *
-	 * @ticket 56299
-	 *
-	 * @dataProvider data_set_attribute_escapable_values
-	 * @covers set_attribute
-	 */
-	public function test_set_attribute_prevents_xss( $value_to_set, $expected_result ) {
-		$p = new WP_HTML_Tag_Processor( '<div></div>' );
-		$p->next_tag();
-		$p->set_attribute( 'test', $value_to_set );
-
-		/*
-		 * Testing the escaping is hard using tools that properly parse
-		 * HTML because they might interpret the escaped values. It's hard
-		 * with tools that don't understand HTML because they might get
-		 * confused by improperly-escaped values.
-		 *
-		 * For this test, since we control the input HTML we're going to
-		 * do what looks like the opposite of what we want to be doing with
-		 * this library but are only doing so because we have full control
-		 * over the content and because we want to look at the raw values.
-		 */
-		$match = null;
-		preg_match( '~^<div test=(.*)></div>$~', $p->get_updated_html(), $match );
-		list( , $actual_value ) = $match;
-
-		$this->assertEquals( $actual_value, '"' . $expected_result . '"' );
-	}
-
-	/**
-	 * Data provider with HTML attribute values that might need escaping.
-	 */
-	public function data_set_attribute_escapable_values() {
-		return array(
-			array( '"', '&quot;' ),
-			array( '&quot;', '&quot;' ),
-			array( '&', '&amp;' ),
-			array( '&amp;', '&amp;' ),
-			array( '&euro;', '&euro;' ),
-			array( "'", '&#039;' ),
-			array( '<>', '&lt;&gt;' ),
-			array( '&quot";', '&amp;quot&quot;;' ),
-			array(
-				'" onclick="alert(\'1\');"><span onclick=""></span><script>alert("1")</script>',
-				'&quot; onclick=&quot;alert(&#039;1&#039;);&quot;&gt;&lt;span onclick=&quot;&quot;&gt;&lt;/span&gt;&lt;script&gt;alert(&quot;1&quot;)&lt;/script&gt;',
-			),
-		);
-	}
-
-}

From fecc1d2aa66c2fb2c6379fb47de5d7cd71f01f8c Mon Sep 17 00:00:00 2001
From: George Mamadashvili <georgemamadashvili@gmail.com>
Date: Thu, 17 Nov 2022 11:28:16 +0400
Subject: [PATCH 06/76] Post Featured Image: Only get the post title when
 rendering alt text (#45835)

---
 packages/block-library/src/post-featured-image/index.php | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/block-library/src/post-featured-image/index.php b/packages/block-library/src/post-featured-image/index.php
index 068b7eeac6899f..dfb03c5a89065c 100644
--- a/packages/block-library/src/post-featured-image/index.php
+++ b/packages/block-library/src/post-featured-image/index.php
@@ -27,12 +27,11 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 
 	$is_link        = isset( $attributes['isLink'] ) && $attributes['isLink'];
 	$size_slug      = isset( $attributes['sizeSlug'] ) ? $attributes['sizeSlug'] : 'post-thumbnail';
-	$post_title     = trim( strip_tags( get_the_title( $post_ID ) ) );
 	$attr           = get_block_core_post_featured_image_border_attributes( $attributes );
 	$overlay_markup = get_block_core_post_featured_image_overlay_element_markup( $attributes );
 
 	if ( $is_link ) {
-		$attr['alt'] = $post_title;
+		$attr['alt'] = trim( strip_tags( get_the_title( $post_ID ) ) );
 	}
 
 	if ( ! empty( $attributes['height'] ) ) {

From 476ce0377ab30055534b59837b5302068d27c788 Mon Sep 17 00:00:00 2001
From: Aaron Robertshaw <60436221+aaronrobertshaw@users.noreply.github.com>
Date: Thu, 17 Nov 2022 17:51:13 +1000
Subject: [PATCH 07/76] Sidebar: Split block tools into menu, settings, and
 appearance tabs (#45005)

* Add drawer icons to icons package

Switch editor sidebar icons to new drawer icons

Icon should reflect RTL as well.

Update TabPanel to allow icons on TabButtons

Add menu group to InspectorControl slot fills

Move nav menu controls into InspectorControls menu group

Introduce menu, settings & appearance tabs to sidebar

Refactor InspectorControlTabs

Re-orders the appearance and settings tabs. Also now omits the TabPanel altogether if only a single tab has contents.

Make block inspector tabs a Gutenberg experiment

A little tidy up

Clean up conditional tabs display

Remove nav specific menu tab for now

Remove Menu inspector controls group

Refactor inspector controls tabs to components

Remove conditional display of tabs

Render no settings or tools messages when no fills

Reduce new styles for equal width tabs

Add general slot for items applying to block as a whole

Move query block new post link to new slot

Revert "Move query block new post link to new slot"

This reverts commit 12799852648a67cb566112639d4d71e33a2d9834.

Revert "Add general slot for items applying to block as a whole"

This reverts commit 186276fb42af1a7dd571892b349eaacd34f0a3b0.

Tweak no style options message

Add changelog for TabPanel updates

Remove empty readme until experiment settles

Fix copy and paste error

* Fix changelog

Co-authored-by: Daniel Richards <daniel.richards@automattic.com>
---
 lib/experimental/editor-settings.php          |   3 +
 lib/experiments-page.php                      |  14 ++
 .../src/components/block-inspector/index.js   | 163 +++++++++---------
 .../src/components/block-inspector/style.scss |  10 +-
 .../advanced-controls-panel.js                |  37 ++++
 .../inspector-controls-tabs/appearance-tab.js |  75 ++++++++
 .../inspector-controls-tabs/index.js          |  42 +++++
 .../inspector-controls-tabs/settings-tab.js   |  43 +++++
 .../inspector-controls-tabs/utils.js          |  20 +++
 packages/components/CHANGELOG.md              |   4 +
 packages/components/src/tab-panel/README.md   |   1 +
 packages/components/src/tab-panel/index.tsx   |   5 +-
 packages/components/src/tab-panel/types.ts    |  10 +-
 .../sidebar/settings-sidebar/index.js         |  10 +-
 .../src/components/sidebar-edit-mode/index.js |   6 +-
 packages/icons/src/index.js                   |   2 +
 packages/icons/src/library/drawer-left.js     |  21 +++
 packages/icons/src/library/drawer-right.js    |  21 +++
 18 files changed, 397 insertions(+), 90 deletions(-)
 create mode 100644 packages/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.js
 create mode 100644 packages/block-editor/src/components/inspector-controls-tabs/appearance-tab.js
 create mode 100644 packages/block-editor/src/components/inspector-controls-tabs/index.js
 create mode 100644 packages/block-editor/src/components/inspector-controls-tabs/settings-tab.js
 create mode 100644 packages/block-editor/src/components/inspector-controls-tabs/utils.js
 create mode 100644 packages/icons/src/library/drawer-left.js
 create mode 100644 packages/icons/src/library/drawer-right.js

diff --git a/lib/experimental/editor-settings.php b/lib/experimental/editor-settings.php
index b0c05544d6b199..862a1bfe2b28c6 100644
--- a/lib/experimental/editor-settings.php
+++ b/lib/experimental/editor-settings.php
@@ -86,6 +86,9 @@ function gutenberg_enable_experiments() {
 	if ( $gutenberg_experiments && array_key_exists( 'gutenberg-off-canvas-navigation-editor', $gutenberg_experiments ) ) {
 		wp_add_inline_script( 'wp-block-editor', 'window.__experimentalEnableOffCanvasNavigationEditor = true', 'before' );
 	}
+	if ( $gutenberg_experiments && array_key_exists( 'gutenberg-block-inspector-tabs', $gutenberg_experiments ) ) {
+		wp_add_inline_script( 'wp-block-editor', 'window.__experimentalEnableBlockInspectorTabs = true', 'before' );
+	}
 }
 
 add_action( 'admin_init', 'gutenberg_enable_experiments' );
diff --git a/lib/experiments-page.php b/lib/experiments-page.php
index 309612664cb9c9..1296cdd03b89fa 100644
--- a/lib/experiments-page.php
+++ b/lib/experiments-page.php
@@ -52,6 +52,7 @@ function gutenberg_initialize_experiments_settings() {
 			'id'    => 'gutenberg-zoomed-out-view',
 		)
 	);
+
 	add_settings_field(
 		'gutenberg-off-canvas-navigation-editor',
 		__( 'Off canvas navigation editor ', 'gutenberg' ),
@@ -63,6 +64,7 @@ function gutenberg_initialize_experiments_settings() {
 			'id'    => 'gutenberg-off-canvas-navigation-editor',
 		)
 	);
+
 	add_settings_field(
 		'gutenberg-color-randomizer',
 		__( 'Color randomizer ', 'gutenberg' ),
@@ -75,6 +77,18 @@ function gutenberg_initialize_experiments_settings() {
 		)
 	);
 
+	add_settings_field(
+		'gutenberg-block-inspector-tabs',
+		__( 'Block inspector tabs ', 'gutenberg' ),
+		'gutenberg_display_experiment_field',
+		'gutenberg-experiments',
+		'gutenberg_experiments_section',
+		array(
+			'label' => __( 'Test a new block inspector view splitting settings and appearance controls into tabs', 'gutenberg' ),
+			'id'    => 'gutenberg-block-inspector-tabs',
+		)
+	);
+
 	register_setting(
 		'gutenberg-experiments',
 		'gutenberg-experiments'
diff --git a/packages/block-editor/src/components/block-inspector/index.js b/packages/block-editor/src/components/block-inspector/index.js
index 379d8806f2a68c..f48819ec4a02b6 100644
--- a/packages/block-editor/src/components/block-inspector/index.js
+++ b/packages/block-editor/src/components/block-inspector/index.js
@@ -9,9 +9,8 @@ import {
 	store as blocksStore,
 } from '@wordpress/blocks';
 import {
-	PanelBody,
-	__experimentalUseSlotFills as useSlotFills,
 	FlexItem,
+	PanelBody,
 	__experimentalHStack as HStack,
 	__experimentalVStack as VStack,
 	Button,
@@ -24,20 +23,19 @@ import { useMemo, useCallback } from '@wordpress/element';
  */
 import SkipToSelectedBlock from '../skip-to-selected-block';
 import BlockCard from '../block-card';
-import {
-	default as InspectorControls,
-	InspectorAdvancedControls,
-} from '../inspector-controls';
-import BlockStyles from '../block-styles';
 import MultiSelectionInspector from '../multi-selection-inspector';
-import DefaultStylePicker from '../default-style-picker';
 import BlockVariationTransforms from '../block-variation-transforms';
 import useBlockDisplayInformation from '../use-block-display-information';
 import { store as blockEditorStore } from '../../store';
 import BlockIcon from '../block-icon';
+import BlockStyles from '../block-styles';
+import DefaultStylePicker from '../default-style-picker';
+import { default as InspectorControls } from '../inspector-controls';
+import { default as InspectorControlsTabs } from '../inspector-controls-tabs';
+import AdvancedControls from '../inspector-controls-tabs/advanced-controls-panel';
 
 function useContentBlocks( blockTypes, block ) {
-	const contenBlocksObjectAux = useMemo( () => {
+	const contentBlocksObjectAux = useMemo( () => {
 		return blockTypes.reduce( ( result, blockType ) => {
 			if (
 				blockType.name !== 'core/list-item' &&
@@ -53,7 +51,7 @@ function useContentBlocks( blockTypes, block ) {
 	}, [ blockTypes ] );
 	const isContentBlock = useCallback(
 		( blockName ) => {
-			return !! contenBlocksObjectAux[ blockName ];
+			return !! contentBlocksObjectAux[ blockName ];
 		},
 		[ blockTypes ]
 	);
@@ -166,28 +164,36 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 		};
 	}, [] );
 
+	const showTabs = window?.__experimentalEnableBlockInspectorTabs;
+
 	if ( count > 1 ) {
 		return (
 			<div className="block-editor-block-inspector">
 				<MultiSelectionInspector />
-				<InspectorControls.Slot />
-				<InspectorControls.Slot
-					__experimentalGroup="color"
-					label={ __( 'Color' ) }
-					className="color-block-support-panel__inner-wrapper"
-				/>
-				<InspectorControls.Slot
-					__experimentalGroup="typography"
-					label={ __( 'Typography' ) }
-				/>
-				<InspectorControls.Slot
-					__experimentalGroup="dimensions"
-					label={ __( 'Dimensions' ) }
-				/>
-				<InspectorControls.Slot
-					__experimentalGroup="border"
-					label={ __( 'Border' ) }
-				/>
+				{ showTabs ? (
+					<InspectorControlsTabs />
+				) : (
+					<>
+						<InspectorControls.Slot />
+						<InspectorControls.Slot
+							__experimentalGroup="color"
+							label={ __( 'Color' ) }
+							className="color-block-support-panel__inner-wrapper"
+						/>
+						<InspectorControls.Slot
+							__experimentalGroup="typography"
+							label={ __( 'Typography' ) }
+						/>
+						<InspectorControls.Slot
+							__experimentalGroup="dimensions"
+							label={ __( 'Dimensions' ) }
+						/>
+						<InspectorControls.Slot
+							__experimentalGroup="border"
+							label={ __( 'Border' ) }
+						/>
+					</>
+				) }
 			</div>
 		);
 	}
@@ -229,6 +235,8 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 };
 
 const BlockInspectorSingleBlock = ( { clientId, blockName } ) => {
+	const showTabs = window?.__experimentalEnableBlockInspectorTabs;
+
 	const hasBlockStyles = useSelect(
 		( select ) => {
 			const { getBlockStyles } = select( blocksStore );
@@ -238,67 +246,64 @@ const BlockInspectorSingleBlock = ( { clientId, blockName } ) => {
 		[ blockName ]
 	);
 	const blockInformation = useBlockDisplayInformation( clientId );
+
 	return (
 		<div className="block-editor-block-inspector">
 			<BlockCard { ...blockInformation } />
 			<BlockVariationTransforms blockClientId={ clientId } />
-			{ hasBlockStyles && (
-				<div>
-					<PanelBody title={ __( 'Styles' ) }>
-						<BlockStyles clientId={ clientId } />
-						{ hasBlockSupport(
-							blockName,
-							'defaultStylePicker',
-							true
-						) && <DefaultStylePicker blockName={ blockName } /> }
-					</PanelBody>
-				</div>
+			{ showTabs && (
+				<InspectorControlsTabs
+					hasBlockStyles={ hasBlockStyles }
+					clientId={ clientId }
+					blockName={ blockName }
+				/>
+			) }
+			{ ! showTabs && (
+				<>
+					{ hasBlockStyles && (
+						<div>
+							<PanelBody title={ __( 'Styles' ) }>
+								<BlockStyles clientId={ clientId } />
+								{ hasBlockSupport(
+									blockName,
+									'defaultStylePicker',
+									true
+								) && (
+									<DefaultStylePicker
+										blockName={ blockName }
+									/>
+								) }
+							</PanelBody>
+						</div>
+					) }
+					<InspectorControls.Slot />
+					<InspectorControls.Slot
+						__experimentalGroup="color"
+						label={ __( 'Color' ) }
+						className="color-block-support-panel__inner-wrapper"
+					/>
+					<InspectorControls.Slot
+						__experimentalGroup="typography"
+						label={ __( 'Typography' ) }
+					/>
+					<InspectorControls.Slot
+						__experimentalGroup="dimensions"
+						label={ __( 'Dimensions' ) }
+					/>
+					<InspectorControls.Slot
+						__experimentalGroup="border"
+						label={ __( 'Border' ) }
+					/>
+					<div>
+						<AdvancedControls />
+					</div>
+				</>
 			) }
-			<InspectorControls.Slot />
-			<InspectorControls.Slot
-				__experimentalGroup="color"
-				label={ __( 'Color' ) }
-				className="color-block-support-panel__inner-wrapper"
-			/>
-			<InspectorControls.Slot
-				__experimentalGroup="typography"
-				label={ __( 'Typography' ) }
-			/>
-			<InspectorControls.Slot
-				__experimentalGroup="dimensions"
-				label={ __( 'Dimensions' ) }
-			/>
-			<InspectorControls.Slot
-				__experimentalGroup="border"
-				label={ __( 'Border' ) }
-			/>
-			<div>
-				<AdvancedControls />
-			</div>
 			<SkipToSelectedBlock key="back" />
 		</div>
 	);
 };
 
-const AdvancedControls = () => {
-	const fills = useSlotFills( InspectorAdvancedControls.slotName );
-	const hasFills = Boolean( fills && fills.length );
-
-	if ( ! hasFills ) {
-		return null;
-	}
-
-	return (
-		<PanelBody
-			className="block-editor-block-inspector__advanced"
-			title={ __( 'Advanced' ) }
-			initialOpen={ false }
-		>
-			<InspectorControls.Slot __experimentalGroup="advanced" />
-		</PanelBody>
-	);
-};
-
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-inspector/README.md
  */
diff --git a/packages/block-editor/src/components/block-inspector/style.scss b/packages/block-editor/src/components/block-inspector/style.scss
index b7cfdcf46333a2..08ca013629927e 100644
--- a/packages/block-editor/src/components/block-inspector/style.scss
+++ b/packages/block-editor/src/components/block-inspector/style.scss
@@ -27,7 +27,8 @@
 	}
 }
 
-.block-editor-block-inspector__no-blocks {
+.block-editor-block-inspector__no-blocks,
+.block-editor-block-inspector__no-block-tools {
 	display: block;
 	font-size: $default-font-size;
 	background: $white;
@@ -35,6 +36,13 @@
 	text-align: center;
 }
 
+.block-editor-block-inspector__no-block-tools {
+	border-top: $border-width solid $gray-300;
+}
+
+.block-editor-block-inspector__tab-item {
+	flex: 1 1 0px;
+}
 
 .block-editor-block-inspector__block-buttons-container {
 	border-top: $border-width solid $gray-200;
diff --git a/packages/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.js b/packages/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.js
new file mode 100644
index 00000000000000..83027861e9d190
--- /dev/null
+++ b/packages/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.js
@@ -0,0 +1,37 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	PanelBody,
+	__experimentalUseSlotFills as useSlotFills,
+} from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import {
+	default as InspectorControls,
+	InspectorAdvancedControls,
+} from '../inspector-controls';
+
+const AdvancedControls = () => {
+	const fills = useSlotFills( InspectorAdvancedControls.slotName );
+	const hasFills = Boolean( fills && fills.length );
+
+	if ( ! hasFills ) {
+		return null;
+	}
+
+	return (
+		<PanelBody
+			className="block-editor-block-inspector__advanced"
+			title={ __( 'Advanced' ) }
+			initialOpen={ false }
+		>
+			<InspectorControls.Slot __experimentalGroup="advanced" />
+		</PanelBody>
+	);
+};
+
+export default AdvancedControls;
diff --git a/packages/block-editor/src/components/inspector-controls-tabs/appearance-tab.js b/packages/block-editor/src/components/inspector-controls-tabs/appearance-tab.js
new file mode 100644
index 00000000000000..deb3bccffaa168
--- /dev/null
+++ b/packages/block-editor/src/components/inspector-controls-tabs/appearance-tab.js
@@ -0,0 +1,75 @@
+/**
+ * WordPress dependencies
+ */
+import { hasBlockSupport } from '@wordpress/blocks';
+import {
+	PanelBody,
+	__experimentalUseSlotFills as useSlotFills,
+} from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import BlockStyles from '../block-styles';
+import DefaultStylePicker from '../default-style-picker';
+import InspectorControls from '../inspector-controls';
+import InspectorControlsGroups from '../inspector-controls/groups';
+
+const AppearanceTab = ( {
+	blockName,
+	clientId,
+	hasBlockStyles,
+	hasSingleBlockSelection = false,
+} ) => {
+	const { border, color, dimensions, typography } = InspectorControlsGroups;
+	const appearanceFills = [
+		...( useSlotFills( border.Slot.__unstableName ) || [] ),
+		...( useSlotFills( color.Slot.__unstableName ) || [] ),
+		...( useSlotFills( dimensions.Slot.__unstableName ) || [] ),
+		...( useSlotFills( typography.Slot.__unstableName ) || [] ),
+	];
+
+	return (
+		<>
+			{ ! appearanceFills.length && (
+				<span className="block-editor-block-inspector__no-block-tools">
+					{ hasSingleBlockSelection
+						? __( 'This block has no style options.' )
+						: __( 'The selected blocks have no style options.' ) }
+				</span>
+			) }
+			{ hasBlockStyles && (
+				<div>
+					<PanelBody title={ __( 'Styles' ) }>
+						<BlockStyles clientId={ clientId } />
+						{ hasBlockSupport(
+							blockName,
+							'defaultStylePicker',
+							true
+						) && <DefaultStylePicker blockName={ blockName } /> }
+					</PanelBody>
+				</div>
+			) }
+			<InspectorControls.Slot
+				__experimentalGroup="color"
+				label={ __( 'Color' ) }
+				className="color-block-support-panel__inner-wrapper"
+			/>
+			<InspectorControls.Slot
+				__experimentalGroup="typography"
+				label={ __( 'Typography' ) }
+			/>
+			<InspectorControls.Slot
+				__experimentalGroup="dimensions"
+				label={ __( 'Dimensions' ) }
+			/>
+			<InspectorControls.Slot
+				__experimentalGroup="border"
+				label={ __( 'Border' ) }
+			/>
+		</>
+	);
+};
+
+export default AppearanceTab;
diff --git a/packages/block-editor/src/components/inspector-controls-tabs/index.js b/packages/block-editor/src/components/inspector-controls-tabs/index.js
new file mode 100644
index 00000000000000..62b87dd58e11cf
--- /dev/null
+++ b/packages/block-editor/src/components/inspector-controls-tabs/index.js
@@ -0,0 +1,42 @@
+/**
+ * WordPress dependencies
+ */
+import { TabPanel } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import { TAB_SETTINGS, TAB_APPEARANCE } from './utils';
+import AppearanceTab from './appearance-tab';
+import SettingsTab from './settings-tab';
+
+const tabs = [ TAB_APPEARANCE, TAB_SETTINGS ];
+
+export default function InspectorControlsTabs( {
+	blockName,
+	clientId,
+	hasBlockStyles,
+} ) {
+	return (
+		<TabPanel className="block-editor-block-inspector__tabs" tabs={ tabs }>
+			{ ( tab ) => {
+				if ( tab.name === TAB_SETTINGS.name ) {
+					return (
+						<SettingsTab hasSingleBlockSelection={ !! blockName } />
+					);
+				}
+
+				if ( tab.name === TAB_APPEARANCE.name ) {
+					return (
+						<AppearanceTab
+							blockName={ blockName }
+							clientId={ clientId }
+							hasBlockStyles={ hasBlockStyles }
+							hasSingleBlockSelection={ !! blockName }
+						/>
+					);
+				}
+			} }
+		</TabPanel>
+	);
+}
diff --git a/packages/block-editor/src/components/inspector-controls-tabs/settings-tab.js b/packages/block-editor/src/components/inspector-controls-tabs/settings-tab.js
new file mode 100644
index 00000000000000..a000173807c197
--- /dev/null
+++ b/packages/block-editor/src/components/inspector-controls-tabs/settings-tab.js
@@ -0,0 +1,43 @@
+/**
+ * WordPress dependencies
+ */
+import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import AdvancedControls from './advanced-controls-panel';
+import InspectorControlsGroups from '../inspector-controls/groups';
+import {
+	default as InspectorControls,
+	InspectorAdvancedControls,
+} from '../inspector-controls';
+
+const SettingsTab = ( { hasSingleBlockSelection = false } ) => {
+	const { default: defaultGroup } = InspectorControlsGroups;
+	const settingsFills = [
+		...( useSlotFills( defaultGroup.Slot.__unstableName ) || [] ),
+		...( useSlotFills( InspectorAdvancedControls.slotName ) || [] ),
+	];
+
+	return (
+		<>
+			<InspectorControls.Slot />
+			{ hasSingleBlockSelection && (
+				<div>
+					<AdvancedControls />
+				</div>
+			) }
+			{ ! settingsFills.length && (
+				<span className="block-editor-block-inspector__no-block-tools">
+					{ hasSingleBlockSelection
+						? __( 'This block has no settings.' )
+						: __( 'The selected blocks have no settings.' ) }
+				</span>
+			) }
+		</>
+	);
+};
+
+export default SettingsTab;
diff --git a/packages/block-editor/src/components/inspector-controls-tabs/utils.js b/packages/block-editor/src/components/inspector-controls-tabs/utils.js
new file mode 100644
index 00000000000000..0bec1088174d31
--- /dev/null
+++ b/packages/block-editor/src/components/inspector-controls-tabs/utils.js
@@ -0,0 +1,20 @@
+/**
+ * WordPress dependencies
+ */
+import { cog, styles } from '@wordpress/icons';
+
+export const TAB_SETTINGS = {
+	name: 'settings',
+	title: 'Settings',
+	value: 'settings',
+	icon: cog,
+	className: 'block-editor-block-inspector__tab-item',
+};
+
+export const TAB_APPEARANCE = {
+	name: 'appearance',
+	title: 'Appearance',
+	value: 'appearance',
+	icon: styles,
+	className: 'block-editor-block-inspector__tab-item',
+};
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 62169314631bda..7f740706518c2e 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Enhancements
+
+-   `TabPanel`: Add ability to set icon only tab buttons ([#45005](https://github.com/WordPress/gutenberg/pull/45005)).
+
 ## 22.1.0 (2022-11-16)
 
 ### Enhancements
diff --git a/packages/components/src/tab-panel/README.md b/packages/components/src/tab-panel/README.md
index a4a1c0c525370e..c3e889a2bbf33d 100644
--- a/packages/components/src/tab-panel/README.md
+++ b/packages/components/src/tab-panel/README.md
@@ -120,6 +120,7 @@ An array of objects containing the following properties:
 -   `name`: `(string)` Defines the key for the tab.
 -   `title`:`(string)` Defines the translated text for the tab.
 -   `className`:`(string)` Optional. Defines the class to put on the tab.
+-   `icon`:`(ReactNode)` Optional. When set, displays the icon in place of the tab title. The title is then rendered as an aria-label and tooltip.
 
 > > **Note:** Other fields may be added to the object and accessed from the child function if desired.
 
diff --git a/packages/components/src/tab-panel/index.tsx b/packages/components/src/tab-panel/index.tsx
index 206c2b8aab0a71..dfd3ebd9455190 100644
--- a/packages/components/src/tab-panel/index.tsx
+++ b/packages/components/src/tab-panel/index.tsx
@@ -127,8 +127,11 @@ export function TabPanel( {
 						selected={ tab.name === selected }
 						key={ tab.name }
 						onClick={ () => handleTabSelection( tab.name ) }
+						label={ tab.icon && tab.title }
+						icon={ tab.icon }
+						showTooltip={ !! tab.icon }
 					>
-						{ tab.title }
+						{ ! tab.icon && tab.title }
 					</TabButton>
 				) ) }
 			</NavigableMenu>
diff --git a/packages/components/src/tab-panel/types.ts b/packages/components/src/tab-panel/types.ts
index 2a89da6a215b7d..1436b8034a66af 100644
--- a/packages/components/src/tab-panel/types.ts
+++ b/packages/components/src/tab-panel/types.ts
@@ -3,6 +3,11 @@
  */
 import type { ReactNode } from 'react';
 
+/**
+ * Internal dependencies
+ */
+import type { IconType } from '../icon';
+
 type Tab = {
 	/**
 	 * The key of the tab.
@@ -18,11 +23,14 @@ type Tab = {
 	className?: string;
 } & Record< any, any >;
 
-export type TabButtonProps = {
+export type TabButtonProps< IconProps = unknown > = {
 	children: ReactNode;
 	className?: string;
+	icon?: IconType< IconProps >;
+	label?: string;
 	onClick: ( event: MouseEvent ) => void;
 	selected: boolean;
+	showTooltip?: boolean;
 	tabId: string;
 };
 
diff --git a/packages/edit-post/src/components/sidebar/settings-sidebar/index.js b/packages/edit-post/src/components/sidebar/settings-sidebar/index.js
index c044d0b49714cd..677161c6b5a383 100644
--- a/packages/edit-post/src/components/sidebar/settings-sidebar/index.js
+++ b/packages/edit-post/src/components/sidebar/settings-sidebar/index.js
@@ -5,10 +5,12 @@ import {
 	BlockInspector,
 	store as blockEditorStore,
 } from '@wordpress/block-editor';
-import { cog } from '@wordpress/icons';
+import { useSelect } from '@wordpress/data';
 import { Platform } from '@wordpress/element';
-import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
+import { isRTL, __ } from '@wordpress/i18n';
+import { drawerLeft, drawerRight } from '@wordpress/icons';
 import { store as interfaceStore } from '@wordpress/interface';
+import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
 
 /**
  * Internal dependencies
@@ -25,8 +27,6 @@ import MetaBoxes from '../../meta-boxes';
 import PluginDocumentSettingPanel from '../plugin-document-setting-panel';
 import PluginSidebarEditPost from '../plugin-sidebar';
 import TemplateSummary from '../template-summary';
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
 import { store as editPostStore } from '../../../store';
 
 const SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select( {
@@ -78,7 +78,7 @@ const SettingsSidebar = () => {
 			/* translators: button label text should, if possible, be under 16 characters. */
 			title={ __( 'Settings' ) }
 			toggleShortcut={ keyboardShortcut }
-			icon={ cog }
+			icon={ isRTL() ? drawerLeft : drawerRight }
 			isActiveByDefault={ SIDEBAR_ACTIVE_BY_DEFAULT }
 		>
 			{ ! isTemplateMode && sidebarName === 'edit-post/document' && (
diff --git a/packages/edit-site/src/components/sidebar-edit-mode/index.js b/packages/edit-site/src/components/sidebar-edit-mode/index.js
index 080be432eb09d8..12073a77b56e03 100644
--- a/packages/edit-site/src/components/sidebar-edit-mode/index.js
+++ b/packages/edit-site/src/components/sidebar-edit-mode/index.js
@@ -2,8 +2,8 @@
  * WordPress dependencies
  */
 import { createSlotFill, PanelBody } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { cog } from '@wordpress/icons';
+import { isRTL, __ } from '@wordpress/i18n';
+import { drawerLeft, drawerRight } from '@wordpress/icons';
 import { useEffect, Fragment } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as interfaceStore } from '@wordpress/interface';
@@ -78,7 +78,7 @@ export function SidebarComplementaryAreaFills() {
 			<DefaultSidebar
 				identifier={ sidebarName }
 				title={ __( 'Settings' ) }
-				icon={ cog }
+				icon={ isRTL() ? drawerLeft : drawerRight }
 				closeLabel={ __( 'Close settings sidebar' ) }
 				header={ <SettingsHeader sidebarName={ sidebarName } /> }
 				headerClassName="edit-site-sidebar-edit-mode__panel-tabs"
diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
index c7f891a5292dbf..5870ccba9ab043 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -66,6 +66,8 @@ export { default as currencyPound } from './library/currency-pound';
 export { default as customPostType } from './library/custom-post-type';
 export { default as desktop } from './library/desktop';
 export { default as dragHandle } from './library/drag-handle';
+export { default as drawerLeft } from './library/drawer-left';
+export { default as drawerRight } from './library/drawer-right';
 export { default as download } from './library/download';
 export { default as edit } from './library/edit';
 export { default as external } from './library/external';
diff --git a/packages/icons/src/library/drawer-left.js b/packages/icons/src/library/drawer-left.js
new file mode 100644
index 00000000000000..2e1626fb1fe17a
--- /dev/null
+++ b/packages/icons/src/library/drawer-left.js
@@ -0,0 +1,21 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const drawerLeft = (
+	<SVG
+		width="24"
+		height="24"
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+	>
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM8.5 18.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h2.5v13zm10-.5c0 .3-.2.5-.5.5h-8v-13h8c.3 0 .5.2.5.5v12z"
+		/>
+	</SVG>
+);
+
+export default drawerLeft;
diff --git a/packages/icons/src/library/drawer-right.js b/packages/icons/src/library/drawer-right.js
new file mode 100644
index 00000000000000..95a8e72f775fb1
--- /dev/null
+++ b/packages/icons/src/library/drawer-right.js
@@ -0,0 +1,21 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const drawerRight = (
+	<SVG
+		width="24"
+		height="24"
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+	>
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4 14.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h8v13zm4.5-.5c0 .3-.2.5-.5.5h-2.5v-13H18c.3 0 .5.2.5.5v12z"
+		/>
+	</SVG>
+);
+
+export default drawerRight;

From 7147465adf207a3aa6717a882d504d33934702a9 Mon Sep 17 00:00:00 2001
From: Corey Worrell <corey@coreyworrell.com>
Date: Thu, 17 Nov 2022 00:17:54 -0800
Subject: [PATCH 08/76] Fix for navigation anchor links to close modal (#45829)

* Fix for navigation anchor links to close modal

* Rename function to be more accurate
---
 packages/block-library/src/navigation/view-modal.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/block-library/src/navigation/view-modal.js b/packages/block-library/src/navigation/view-modal.js
index 477f05b5d5e51e..9477d262816d93 100644
--- a/packages/block-library/src/navigation/view-modal.js
+++ b/packages/block-library/src/navigation/view-modal.js
@@ -27,6 +27,16 @@ function navigationToggleModal( modal ) {
 	htmlElement.classList.toggle( 'has-modal-open' );
 }
 
+function isLinkToAnchorOnCurrentPage( node ) {
+	return (
+		node.hash &&
+		node.protocol === window.location.protocol &&
+		node.host === window.location.host &&
+		node.pathname === window.location.pathname &&
+		node.search === window.location.search
+	);
+}
+
 window.addEventListener( 'load', () => {
 	MicroModal.init( {
 		onShow: navigationToggleModal,
@@ -42,7 +52,7 @@ window.addEventListener( 'load', () => {
 	navigationLinks.forEach( function ( link ) {
 		// Ignore non-anchor links and anchor links which open on a new tab.
 		if (
-			! link.getAttribute( 'href' )?.startsWith( '#' ) ||
+			! isLinkToAnchorOnCurrentPage( link ) ||
 			link.attributes?.target === '_blank'
 		) {
 			return;

From 7ec665c6046ef6fbe326a3f71e872b2b332b32f5 Mon Sep 17 00:00:00 2001
From: Jarda Snajdr <jsnajdr@gmail.com>
Date: Thu, 17 Nov 2022 11:40:04 +0100
Subject: [PATCH 09/76] LinkControl unit tests: use user.type to type into
 search field (#45802)

---
 .../src/components/link-control/test/index.js | 88 +++++++------------
 1 file changed, 31 insertions(+), 57 deletions(-)

diff --git a/packages/block-editor/src/components/link-control/test/index.js b/packages/block-editor/src/components/link-control/test/index.js
index f5afb7e144f13c..e7a65a0743a192 100644
--- a/packages/block-editor/src/components/link-control/test/index.js
+++ b/packages/block-editor/src/components/link-control/test/index.js
@@ -186,8 +186,7 @@ describe( 'Basic rendering', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( searchTerm );
+		await user.type( searchInput, searchTerm );
 
 		expect( screen.queryByText( '://' ) ).not.toBeInTheDocument();
 	} );
@@ -328,8 +327,7 @@ describe( 'Searching for a link', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( searchTerm );
+		await user.type( searchInput, searchTerm );
 
 		// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 		await eventLoopTick();
@@ -364,8 +362,7 @@ describe( 'Searching for a link', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( searchTerm );
+		await user.type( searchInput, searchTerm );
 
 		// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 		await eventLoopTick();
@@ -406,8 +403,7 @@ describe( 'Searching for a link', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( searchTerm );
+		await user.type( searchInput, searchTerm );
 
 		// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 		await eventLoopTick();
@@ -447,8 +443,7 @@ describe( 'Searching for a link', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( 'anything' );
+		await user.type( searchInput, 'anything' );
 
 		const searchResultsField = screen.queryByRole( 'listbox' );
 
@@ -472,8 +467,7 @@ describe( 'Searching for a link', () => {
 			const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 			// Simulate searching for a term.
-			searchInput.focus();
-			await user.keyboard( searchTerm );
+			await user.type( searchInput, searchTerm );
 
 			// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 			await eventLoopTick();
@@ -510,8 +504,7 @@ describe( 'Searching for a link', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( 'couldbeurlorentitysearchterm' );
+		await user.type( searchInput, 'couldbeurlorentitysearchterm' );
 
 		// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 		await eventLoopTick();
@@ -544,8 +537,7 @@ describe( 'Manual link entry', () => {
 			const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 			// Simulate searching for a term.
-			searchInput.focus();
-			await user.keyboard( searchTerm );
+			await user.type( searchInput, searchTerm );
 
 			// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 			await eventLoopTick();
@@ -591,13 +583,12 @@ describe( 'Manual link entry', () => {
 				expect( submitButton ).toBeDisabled();
 				expect( submitButton ).toBeVisible();
 
-				searchInput.focus();
 				if ( searchString.length ) {
 					// Simulate searching for a term.
-					await user.keyboard( searchString );
+					await user.type( searchInput, searchString );
 				} else {
 					// Simulate clearing the search term.
-					await userEvent.clear( searchInput );
+					await user.clear( searchInput );
 				}
 
 				// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
@@ -637,13 +628,12 @@ describe( 'Manual link entry', () => {
 				expect( submitButton ).toBeVisible();
 
 				// Simulate searching for a term.
-				searchInput.focus();
 				if ( searchString.length ) {
 					// Simulate searching for a term.
-					await user.keyboard( searchString );
+					await user.type( searchInput, searchString );
 				} else {
 					// Simulate clearing the search term.
-					await userEvent.clear( searchInput );
+					await user.clear( searchInput );
 				}
 
 				// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
@@ -681,8 +671,7 @@ describe( 'Manual link entry', () => {
 				} );
 
 				// Simulate searching for a term.
-				searchInput.focus();
-				await user.keyboard( searchTerm );
+				await user.type( searchInput, searchTerm );
 
 				// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 				await eventLoopTick();
@@ -796,8 +785,7 @@ describe( 'Default search suggestions', () => {
 		searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( searchTerm );
+		await user.type( searchInput, searchTerm );
 
 		// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 		await eventLoopTick();
@@ -911,8 +899,7 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 			const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 			// Simulate searching for a term.
-			searchInput.focus();
-			await user.keyboard( entityNameText );
+			await user.type( searchInput, entityNameText );
 
 			await eventLoopTick();
 
@@ -983,8 +970,7 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( 'Some new page to create' );
+		await user.type( searchInput, 'Some new page to create' );
 
 		await eventLoopTick();
 
@@ -1039,8 +1025,7 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( entityNameText );
+		await user.type( searchInput, entityNameText );
 
 		await eventLoopTick();
 
@@ -1049,18 +1034,16 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 				name: /Search results for.*/,
 			} )
 		).getAllByRole( 'option' );
-		const createButton = Array.from( searchResultElements ).filter(
-			( result ) => result.innerHTML.includes( 'Create:' )
-		)[ 0 ];
+		const createButton = searchResultElements.find( ( result ) =>
+			result.innerHTML.includes( 'Create:' )
+		);
 
 		// Step down into the search results, highlighting the first result item.
 		triggerArrowDown( searchInput );
 
-		createButton.focus();
-		await user.keyboard( '[Enter]' );
+		await user.click( createButton );
 
-		searchInput.focus();
-		await user.keyboard( '[Enter]' );
+		await user.type( searchInput, '[Enter]' );
 
 		await eventLoopTick();
 
@@ -1088,8 +1071,7 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( entityNameText );
+		await user.type( searchInput, entityNameText );
 
 		await eventLoopTick();
 
@@ -1167,8 +1149,7 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 				} );
 
 				// Simulate searching for a term.
-				searchInput.focus();
-				await user.keyboard( inputText );
+				await user.type( searchInput, inputText );
 
 				await eventLoopTick();
 
@@ -1205,8 +1186,7 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 			searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 			// Simulate searching for a term.
-			searchInput.focus();
-			await user.keyboard( searchText );
+			await user.type( searchInput, searchText );
 
 			await eventLoopTick();
 
@@ -1340,8 +1320,7 @@ describe( 'Selecting links', () => {
 				} );
 
 				// Simulate searching for a term.
-				searchInput.focus();
-				await user.keyboard( searchTerm );
+				await user.type( searchInput, searchTerm );
 
 				// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 				await eventLoopTick();
@@ -1406,8 +1385,7 @@ describe( 'Selecting links', () => {
 				} );
 
 				// Simulate searching for a term.
-				searchInput.focus();
-				await user.keyboard( searchTerm );
+				await user.type( searchInput, searchTerm );
 
 				// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 				await eventLoopTick();
@@ -1626,8 +1604,7 @@ describe( 'Post types', () => {
 		const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 		// Simulate searching for a term.
-		searchInput.focus();
-		await user.keyboard( searchTerm );
+		await user.type( searchInput, searchTerm );
 
 		// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 		await eventLoopTick();
@@ -1657,8 +1634,7 @@ describe( 'Post types', () => {
 			const searchInput = screen.getByRole( 'combobox', { name: 'URL' } );
 
 			// Simulate searching for a term.
-			searchInput.focus();
-			await user.keyboard( searchTerm );
+			await user.type( searchInput, searchTerm );
 
 			// fetchFauxEntitySuggestions resolves on next "tick" of event loop.
 			await eventLoopTick();
@@ -2050,8 +2026,7 @@ describe( 'Controlling link title text', () => {
 
 		const textInput = screen.queryByRole( 'textbox', { name: 'Text' } );
 
-		textInput.focus();
-		await userEvent.clear( textInput );
+		await user.clear( textInput );
 		await user.keyboard( textValue );
 
 		expect( textInput ).toHaveValue( textValue );
@@ -2087,8 +2062,7 @@ describe( 'Controlling link title text', () => {
 
 		expect( textInput ).toBeVisible();
 
-		textInput.focus();
-		await userEvent.clear( textInput );
+		await user.clear( textInput );
 		await user.keyboard( textValue );
 
 		// Attempt to submit the empty search value in the input.

From dd166c113d38d28b372edf5b97f8143cc22cd04f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9?= <583546+oandregal@users.noreply.github.com>
Date: Thu, 17 Nov 2022 04:11:34 -0700
Subject: [PATCH 10/76] Update `wp_theme_has_theme_json` to use
 `WP_Object_Cache` (#45543)

Co-authored-by: Felix Arntz <felixarntz@users.noreply.github.com>
Co-authored-by: Miguel Torres <miguel.torres@automattic.com>
Co-authored-by: Jonny Harris <spacedmonkey@users.noreply.github.com>
---
 lib/compat/wordpress-6.2/default-filters.php  | 11 +---
 .../get-global-styles-and-settings.php        | 66 ++++++++++++++-----
 2 files changed, 51 insertions(+), 26 deletions(-)

diff --git a/lib/compat/wordpress-6.2/default-filters.php b/lib/compat/wordpress-6.2/default-filters.php
index ac1ce19b425512..860cf9a8bf412a 100644
--- a/lib/compat/wordpress-6.2/default-filters.php
+++ b/lib/compat/wordpress-6.2/default-filters.php
@@ -17,11 +17,6 @@
  * @package gutenberg
  */
 
-/**
- * Note for backport: we should also remove the existing filters:
- *
- * > add_action( 'switch_theme', array( 'WP_Theme_JSON_Resolver', 'clean_cached_data' ) );
- * > add_action( 'start_previewing_theme', array( 'WP_Theme_JSON_Resolver', 'clean_cached_data' ) );
- */
-add_action( 'switch_theme', 'wp_theme_clean_theme_json_cached_data' );
-add_action( 'start_previewing_theme', 'wp_theme_clean_theme_json_cached_data' );
+add_action( 'switch_theme', 'wp_theme_has_theme_json_clean_cache' );
+add_action( 'start_previewing_theme', 'wp_theme_has_theme_json_clean_cache' );
+add_action( 'upgrader_process_complete', '_wp_theme_has_theme_json_clean_cache_upon_upgrading_active_theme' );
diff --git a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
index 4dbd9d0ba8bde1..b2637969fd8ef6 100644
--- a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
+++ b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
@@ -9,39 +9,69 @@
 	/**
 	 * Whether a theme or its parent have a theme.json file.
 	 *
-	 * @param boolean $clear_cache Whether the cache should be cleared and theme support recomputed. Default is false.
+	 * The result would be cached via the WP_Object_Cache.
+	 * It can be cleared by calling wp_theme_has_theme_json_clean_cache().
 	 *
 	 * @return boolean
 	 */
-	function wp_theme_has_theme_json( $clear_cache = false ) {
-		static $theme_has_support = null;
+	function wp_theme_has_theme_json() {
+		$cache_group       = 'theme_json';
+		$cache_key         = 'wp_theme_has_theme_json';
+		$theme_has_support = wp_cache_get( $cache_key, $cache_group );
 
-		if ( true === $clear_cache ) {
-			$theme_has_support = null;
-		}
-
-		if ( null !== $theme_has_support ) {
-			return $theme_has_support;
+		/**
+		 * $theme_has_support is stored as a int in the cache.
+		 *
+		 * The reason not to store it as a boolean is to avoid working
+		 * with the $found parameter which apparently had some issues in some implementations
+		 * https://developer.wordpress.org/reference/functions/wp_cache_get/
+		 */
+		if ( 0 === $theme_has_support || 1 === $theme_has_support ) {
+			return (bool) $theme_has_support;
 		}
 
 		// Has the own theme a theme.json?
-		$theme_has_support = is_readable( get_stylesheet_directory() . '/theme.json' );
+		$theme_has_support = is_readable( get_stylesheet_directory() . '/theme.json' ) ? 1 : 0;
 
 		// Look up the parent if the child does not have a theme.json.
-		if ( ! $theme_has_support ) {
-			$theme_has_support = is_readable( get_template_directory() . '/theme.json' );
+		if ( 0 === $theme_has_support ) {
+			$theme_has_support = is_readable( get_template_directory() . '/theme.json' ) ? 1 : 0;
 		}
 
-		return $theme_has_support;
+		wp_cache_set( $cache_key, $theme_has_support, $cache_group );
+
+		return (bool) $theme_has_support;
+	}
+}
+
+if ( ! function_exists( 'wp_theme_has_theme_json_clean_cache' ) ) {
+	/**
+	 * Function to clean the cache used by wp_theme_has_theme_json method.
+	 */
+	function wp_theme_has_theme_json_clean_cache() {
+		wp_cache_delete( 'wp_theme_has_theme_json', 'theme_json' );
 	}
 }
 
-if ( ! function_exists( 'wp_theme_clean_theme_json_cached_data' ) ) {
+if ( ! function_exists( '_wp_theme_has_theme_json_clean_cache_upon_upgrading_active_theme' ) ) {
 	/**
-	 * Clean theme.json related cached data.
+	 * Private function to clean the cache used by wp_theme_has_theme_json method.
+	 *
+	 * It is hooked into the `upgrader_process_complete` action.
+	 *
+	 * @see default-filters.php
+	 *
+	 * @param WP_Upgrader $upgrader Instance of WP_Upgrader class.
+	 * @param array       $options Metadata that identifies the data that is updated.
 	 */
-	function wp_theme_clean_theme_json_cached_data() {
-		wp_theme_has_theme_json( true );
-		WP_Theme_JSON_Resolver_Gutenberg::clean_cached_data();
+	function _wp_theme_has_theme_json_clean_cache_upon_upgrading_active_theme( $upgrader, $options ) {
+		// The cache only needs cleaning when the active theme was updated.
+		if (
+			'update' === $options['action'] &&
+			'theme' === $options['type'] &&
+			( isset( $options['themes'][ get_stylesheet() ] ) || isset( $options['themes'][ get_template() ] ) )
+		) {
+			wp_theme_has_theme_json_clean_cache();
+		}
 	}
 }

From 95c2b1311590517f279a261ef6eff6eab3bddfad Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Thu, 17 Nov 2022 11:46:45 +0000
Subject: [PATCH 11/76] Navigation: adds a warning about duplicate code for the
 future (#45844)

---
 packages/block-library/src/navigation-link/edit.js    | 1 +
 packages/block-library/src/navigation-submenu/edit.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index ccd0aae57bcbbf..ed0acced4efe88 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -714,6 +714,7 @@ export default function NavigationLinkEdit( {
 					) }
 				</ToolbarGroup>
 			</BlockControls>
+			{ /* Warning, this duplicated in packages/block-library/src/navigation-submenu/edit.js */ }
 			<InspectorControls>
 				<PanelBody title={ __( 'Link settings' ) }>
 					<TextControl
diff --git a/packages/block-library/src/navigation-submenu/edit.js b/packages/block-library/src/navigation-submenu/edit.js
index 092e0b7549ff12..c1dd94a0c10343 100644
--- a/packages/block-library/src/navigation-submenu/edit.js
+++ b/packages/block-library/src/navigation-submenu/edit.js
@@ -568,6 +568,7 @@ export default function NavigationSubmenuEdit( {
 					/>
 				</ToolbarGroup>
 			</BlockControls>
+			{ /* Warning, this duplicated in packages/block-library/src/navigation-link/edit.js */ }
 			<InspectorControls>
 				<PanelBody title={ __( 'Link settings' ) }>
 					<TextControl

From 61d0fcc79a175a7a411e88225724bafe0f68a141 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Thu, 17 Nov 2022 15:08:16 +0100
Subject: [PATCH 12/76] Small refactoring to the NavigableRegion component
 (#45849)

---
 .../src/components/interface-skeleton/index.js   | 16 +++++++++-------
 .../src/components/navigable-region/index.js     | 12 +++---------
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/packages/interface/src/components/interface-skeleton/index.js b/packages/interface/src/components/interface-skeleton/index.js
index 560943aa5d9634..f7d5ab36566e30 100644
--- a/packages/interface/src/components/interface-skeleton/index.js
+++ b/packages/interface/src/components/interface-skeleton/index.js
@@ -7,7 +7,10 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 import { forwardRef, useEffect } from '@wordpress/element';
-import { __unstableUseNavigateRegions as useNavigateRegions } from '@wordpress/components';
+import {
+	__unstableUseNavigateRegions as useNavigateRegions,
+	__unstableMotion as motion,
+} from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useMergeRefs } from '@wordpress/compose';
 
@@ -101,14 +104,13 @@ function InterfaceSkeleton(
 			<div className="interface-interface-skeleton__editor">
 				{ !! header && isDistractionFree && (
 					<NavigableRegion
+						as={ motion.div }
 						className="interface-interface-skeleton__header"
 						aria-label={ mergedLabels.header }
-						motionProps={ {
-							initial: isDistractionFree ? 'hidden' : 'hover',
-							whileHover: 'hover',
-							variants: headerVariants,
-							transition: { type: 'tween', delay: 0.8 },
-						} }
+						initial={ isDistractionFree ? 'hidden' : 'hover' }
+						whileHover="hover"
+						variants={ headerVariants }
+						transition={ { type: 'tween', delay: 0.8 } }
 					>
 						{ header }
 					</NavigableRegion>
diff --git a/packages/interface/src/components/navigable-region/index.js b/packages/interface/src/components/navigable-region/index.js
index 3b86b856b1d3f6..31037ffd333546 100644
--- a/packages/interface/src/components/navigable-region/index.js
+++ b/packages/interface/src/components/navigable-region/index.js
@@ -3,26 +3,20 @@
  */
 import classnames from 'classnames';
 
-/**
- * WordPress dependencies
- */
-import { __unstableMotion as motion } from '@wordpress/components';
-
 export default function NavigableRegion( {
 	children,
 	className,
 	ariaLabel,
-	motionProps = {},
+	as: Tag = 'div',
+	...props
 } ) {
-	const Tag = Object.keys( motionProps ).length ? motion.div : 'div';
-
 	return (
 		<Tag
 			className={ classnames( 'interface-navigable-region', className ) }
 			aria-label={ ariaLabel }
 			role="region"
 			tabIndex="-1"
-			{ ...motionProps }
+			{ ...props }
 		>
 			<div className="interface-navigable-region__stacker">
 				{ children }

From 49d03013815da46014f4316f3b9e5434047b72cf Mon Sep 17 00:00:00 2001
From: Dennis Snell <dennis.snell@automattic.com>
Date: Sat, 12 Nov 2022 15:57:28 -0700
Subject: [PATCH 13/76] Performance Test: Reuse tests-branch build if possible

When running the performance test suite we currently build three copies
of the plugin: one for each branch under test and also one for the branch
which provides the actual test suite.

In this patch we're checking first if one of the branches under test is
the same as that tests branch, and if so, re-using the built files from
that to avoid the additional approximately five minutes of building.
---
 bin/plugin/commands/performance.js | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/bin/plugin/commands/performance.js b/bin/plugin/commands/performance.js
index 7101dc65118089..b55618cbfd1801 100644
--- a/bin/plugin/commands/performance.js
+++ b/bin/plugin/commands/performance.js
@@ -260,12 +260,23 @@ async function runPerformanceTests( branches, options ) {
 		await runShellScript( 'mkdir ' + environmentDirectory );
 		await runShellScript( `cp -R ${ baseDirectory } ${ buildPath }` );
 
-		log( `        >> Fetching the ${ formats.success( branch ) } branch` );
-		// @ts-ignore
-		await SimpleGit( buildPath ).reset( 'hard' ).checkout( branch );
+		const fancyBranch = formats.success( branch );
 
-		log( `        >> Building the ${ formats.success( branch ) } branch` );
-		await runShellScript( 'npm ci && npm run build', buildPath );
+		if ( branch === options.testsBranch ) {
+			log(
+				`        >> Re-using the testing branch for ${ fancyBranch }`
+			);
+			await runShellScript(
+				`cp -R ${ performanceTestDirectory } ${ buildPath }`
+			);
+		} else {
+			log( `        >> Fetching the ${ fancyBranch } branch` );
+			// @ts-ignore
+			await SimpleGit( buildPath ).reset( 'hard' ).checkout( branch );
+
+			log( `        >> Building the ${ fancyBranch } branch` );
+			await runShellScript( 'npm ci && npm run build', buildPath );
+		}
 
 		await runShellScript(
 			'cp ' +

From a71adfd1a23071fb707fd9cba27830c5c1e7c385 Mon Sep 17 00:00:00 2001
From: Dave Smith <getdavemail@gmail.com>
Date: Thu, 17 Nov 2022 17:08:42 +0000
Subject: [PATCH 14/76] List View - Stop child item selecting a parent which is
 already selected (#45860)

---
 .../block-settings-dropdown.js                | 52 ++++++++++++-------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js b/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js
index 87fc6bc5e0585e..9ebc961440f7a5 100644
--- a/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js
+++ b/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js
@@ -189,6 +189,11 @@ export function BlockSettingsDropdown( {
 		},
 	} );
 
+	// This can occur when the selected block (the parent)
+	// displays child blocks within a List View.
+	const parentBlockIsSelected =
+		selectedBlockClientIds?.includes( firstParentClientId );
+
 	return (
 		<BlockActions
 			clientIds={ clientIds }
@@ -221,26 +226,33 @@ export function BlockSettingsDropdown( {
 								<__unstableBlockSettingsMenuFirstItem.Slot
 									fillProps={ { onClose } }
 								/>
-								{ !! firstParentClientId && (
-									<MenuItem
-										{ ...showParentOutlineGestures }
-										ref={ selectParentButtonRef }
-										icon={
-											<BlockIcon
-												icon={ parentBlockType.icon }
-											/>
-										}
-										onClick={ () =>
-											selectBlock( firstParentClientId )
-										}
-									>
-										{ sprintf(
-											/* translators: %s: Name of the block's parent. */
-											__( 'Select parent block (%s)' ),
-											parentBlockType.title
-										) }
-									</MenuItem>
-								) }
+								{ ! parentBlockIsSelected &&
+									!! firstParentClientId && (
+										<MenuItem
+											{ ...showParentOutlineGestures }
+											ref={ selectParentButtonRef }
+											icon={
+												<BlockIcon
+													icon={
+														parentBlockType.icon
+													}
+												/>
+											}
+											onClick={ () =>
+												selectBlock(
+													firstParentClientId
+												)
+											}
+										>
+											{ sprintf(
+												/* translators: %s: Name of the block's parent. */
+												__(
+													'Select parent block (%s)'
+												),
+												parentBlockType.title
+											) }
+										</MenuItem>
+									) }
 								{ count === 1 && (
 									<BlockHTMLConvertButton
 										clientId={ firstBlockClientId }

From 4fd96c6ae57614086eb811dfde6d42203834261f Mon Sep 17 00:00:00 2001
From: Gutenberg Repository Automation <gutenberg@wordpress.org>
Date: Thu, 17 Nov 2022 17:16:16 +0000
Subject: [PATCH 15/76] Update Changelog for 14.5.3

---
 changelog.txt | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/changelog.txt b/changelog.txt
index 548a18a5ef4642..809e3f5ebc6bc4 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,5 +1,30 @@
 == Changelog ==
 
+= 14.5.3 =
+
+
+
+## Changelog
+
+### Performance
+
+#### Global Styles
+- Update `wp_theme_has_theme_json` to use `WP_Object_Cache`. ([45543](https://github.com/WordPress/gutenberg/pull/45543))
+
+
+## First time contributors
+
+The following PRs were merged by first time contributors:
+
+
+
+## Contributors
+
+The following contributors merged PRs in this release:
+
+@oandregal
+
+
 = 14.5.2 =
 
 

From 8e83fffecc34fa919722a7bbcad93ce0571e7bb8 Mon Sep 17 00:00:00 2001
From: Dennis Snell <dennis.snell@automattic.com>
Date: Thu, 10 Nov 2022 17:52:43 -0700
Subject: [PATCH 16/76] Perf Tests: Stop building project types during build
 phase

We don't use the types we build during the test runs, but generating
them performs additional wasted work. Let's skip over that step to cut
out unecessary delay and to avoid computation we don't need.
---
 bin/plugin/commands/performance.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/bin/plugin/commands/performance.js b/bin/plugin/commands/performance.js
index b55618cbfd1801..a7f9c81e8cebb3 100644
--- a/bin/plugin/commands/performance.js
+++ b/bin/plugin/commands/performance.js
@@ -241,7 +241,7 @@ async function runPerformanceTests( branches, options ) {
 
 	log( '    >> Installing dependencies and building packages' );
 	await runShellScript(
-		'npm ci && npm run build:packages',
+		'npm ci && node ./bin/packages/build.js',
 		performanceTestDirectory
 	);
 	log( '    >> Creating the environment folders' );
@@ -275,7 +275,10 @@ async function runPerformanceTests( branches, options ) {
 			await SimpleGit( buildPath ).reset( 'hard' ).checkout( branch );
 
 			log( `        >> Building the ${ fancyBranch } branch` );
-			await runShellScript( 'npm ci && npm run build', buildPath );
+			await runShellScript(
+				'npm ci && node ./bin/packages/build.js',
+				buildPath
+			);
 		}
 
 		await runShellScript(

From b9da345fadf827e509025e8775614142cd10a392 Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Fri, 18 Nov 2022 02:45:22 +0000
Subject: [PATCH 17/76] Navigation: Extract components (#45850)

---
 .../src/navigation/edit/index.js              | 120 ++++++----------
 .../edit/menu-inspector-controls.js           | 135 ++++++++++++++++++
 2 files changed, 177 insertions(+), 78 deletions(-)
 create mode 100644 packages/block-library/src/navigation/edit/menu-inspector-controls.js

diff --git a/packages/block-library/src/navigation/edit/index.js b/packages/block-library/src/navigation/edit/index.js
index 6cf5eea22e0a04..588f4397274bd9 100644
--- a/packages/block-library/src/navigation/edit/index.js
+++ b/packages/block-library/src/navigation/edit/index.js
@@ -14,7 +14,6 @@ import {
 	useMemo,
 } from '@wordpress/element';
 import {
-	__experimentalOffCanvasEditor as OffCanvasEditor,
 	InspectorControls,
 	useBlockProps,
 	__experimentalRecursionProvider as RecursionProvider,
@@ -37,8 +36,6 @@ import {
 	__experimentalToggleGroupControlOption as ToggleGroupControlOption,
 	Button,
 	Spinner,
-	__experimentalHStack as HStack,
-	__experimentalHeading as Heading,
 } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 import { speak } from '@wordpress/a11y';
@@ -53,7 +50,6 @@ import useNavigationEntities from '../use-navigation-entities';
 import Placeholder from './placeholder';
 import ResponsiveWrapper from './responsive-wrapper';
 import NavigationInnerBlocks from './inner-blocks';
-import NavigationMenuSelector from './navigation-menu-selector';
 import NavigationMenuNameControl from './navigation-menu-name-control';
 import UnsavedInnerBlocks from './unsaved-inner-blocks';
 import NavigationMenuDeleteControl from './navigation-menu-delete-control';
@@ -69,6 +65,7 @@ import useCreateNavigationMenu from './use-create-navigation-menu';
 import { useInnerBlocks } from './use-inner-blocks';
 import { detectColors } from './utils';
 import ManageMenusButton from './manage-menus-button';
+import MenuInspectorControls from './menu-inspector-controls';
 
 function Navigation( {
 	attributes,
@@ -663,84 +660,26 @@ function Navigation( {
 	// that automatically saves the menu as an entity when changes are made to the inner blocks.
 	const hasUnsavedBlocks = hasUncontrolledInnerBlocks && ! isEntityAvailable;
 
-	const WrappedNavigationMenuSelector = ( { currentMenuId } ) => (
-		<NavigationMenuSelector
-			currentMenuId={ currentMenuId }
-			clientId={ clientId }
-			onSelectNavigationMenu={ ( menuId ) => {
-				handleUpdateMenu( menuId );
-			} }
-			onSelectClassicMenu={ async ( classicMenu ) => {
-				const navMenu = await convertClassicMenu(
-					classicMenu.id,
-					classicMenu.name,
-					'draft'
-				);
-				if ( navMenu ) {
-					handleUpdateMenu( navMenu.id, {
-						focusNavigationBlock: true,
-					} );
-				}
-			} }
-			onCreateNew={ createUntitledEmptyNavigationMenu }
-			createNavigationMenuIsSuccess={ createNavigationMenuIsSuccess }
-			createNavigationMenuIsError={ createNavigationMenuIsError }
-			/* translators: %s: The name of a menu. */
-			actionLabel={ __( "Switch to '%s'" ) }
-		/>
-	);
-
 	const isManageMenusButtonDisabled =
 		! hasManagePermissions || ! hasResolvedNavigationMenus;
 
-	const MenuInspectorControls = ( { currentMenuId = null } ) => (
-		<InspectorControls>
-			<PanelBody
-				title={
-					isOffCanvasNavigationEditorEnabled ? null : __( 'Menu' )
-				}
-			>
-				{ isOffCanvasNavigationEditorEnabled ? (
-					<>
-						<HStack className="wp-block-navigation-off-canvas-editor__header">
-							<Heading
-								className="wp-block-navigation-off-canvas-editor__title"
-								level={ 2 }
-							>
-								{ __( 'Menu' ) }
-							</Heading>
-							<WrappedNavigationMenuSelector
-								currentMenuId={ currentMenuId }
-							/>
-						</HStack>
-						{ currentMenuId && isNavigationMenuMissing ? (
-							<p>{ __( 'Select or create a menu' ) }</p>
-						) : (
-							<OffCanvasEditor
-								blocks={ innerBlocks }
-								isExpanded={ true }
-								selectBlockInCanvas={ false }
-							/>
-						) }
-					</>
-				) : (
-					<>
-						<WrappedNavigationMenuSelector
-							currentMenuId={ currentMenuId }
-						/>
-						<ManageMenusButton
-							disabled={ isManageMenusButtonDisabled }
-						/>
-					</>
-				) }
-			</PanelBody>
-		</InspectorControls>
-	);
-
 	if ( hasUnsavedBlocks && ! isCreatingNavigationMenu ) {
 		return (
 			<TagName { ...blockProps }>
-				<MenuInspectorControls currentMenuId={ ref } />
+				<MenuInspectorControls
+					clientId={ clientId }
+					convertClassicMenu={ convertClassicMenu }
+					createNavigationMenuIsSuccess={
+						createNavigationMenuIsSuccess
+					}
+					createNavigationMenuIsError={ createNavigationMenuIsError }
+					currentMenuId={ ref }
+					handleUpdateMenu={ handleUpdateMenu }
+					isNavigationMenuMissing={ isNavigationMenuMissing }
+					innerBlocks={ innerBlocks }
+					isManageMenusButtonDisabled={ isManageMenusButtonDisabled }
+					onCreateNew={ createUntitledEmptyNavigationMenu }
+				/>
 				{ stylingInspectorControls }
 				<ResponsiveWrapper
 					id={ clientId }
@@ -770,7 +709,19 @@ function Navigation( {
 	if ( ref && isNavigationMenuMissing ) {
 		return (
 			<TagName { ...blockProps }>
-				<MenuInspectorControls />
+				<MenuInspectorControls
+					clientId={ clientId }
+					convertClassicMenu={ convertClassicMenu }
+					createNavigationMenuIsSuccess={
+						createNavigationMenuIsSuccess
+					}
+					createNavigationMenuIsError={ createNavigationMenuIsError }
+					handleUpdateMenu={ handleUpdateMenu }
+					isNavigationMenuMissing={ isNavigationMenuMissing }
+					innerBlocks={ innerBlocks }
+					isManageMenusButtonDisabled={ isManageMenusButtonDisabled }
+					onCreateNew={ createUntitledEmptyNavigationMenu }
+				/>
 				<Warning>
 					{ __(
 						'Navigation menu has been deleted or is unavailable. '
@@ -845,7 +796,20 @@ function Navigation( {
 	return (
 		<EntityProvider kind="postType" type="wp_navigation" id={ ref }>
 			<RecursionProvider uniqueId={ recursionId }>
-				<MenuInspectorControls currentMenuId={ ref } />
+				<MenuInspectorControls
+					clientId={ clientId }
+					convertClassicMenu={ convertClassicMenu }
+					createNavigationMenuIsSuccess={
+						createNavigationMenuIsSuccess
+					}
+					createNavigationMenuIsError={ createNavigationMenuIsError }
+					currentMenuId={ ref }
+					handleUpdateMenu={ handleUpdateMenu }
+					isNavigationMenuMissing={ isNavigationMenuMissing }
+					innerBlocks={ innerBlocks }
+					isManageMenusButtonDisabled={ isManageMenusButtonDisabled }
+					onCreateNew={ createUntitledEmptyNavigationMenu }
+				/>
 				{ stylingInspectorControls }
 				{ isEntityAvailable && (
 					<InspectorControls __experimentalGroup="advanced">
diff --git a/packages/block-library/src/navigation/edit/menu-inspector-controls.js b/packages/block-library/src/navigation/edit/menu-inspector-controls.js
new file mode 100644
index 00000000000000..9f92d130ff14d0
--- /dev/null
+++ b/packages/block-library/src/navigation/edit/menu-inspector-controls.js
@@ -0,0 +1,135 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	__experimentalOffCanvasEditor as OffCanvasEditor,
+	InspectorControls,
+} from '@wordpress/block-editor';
+import {
+	PanelBody,
+	__experimentalHStack as HStack,
+	__experimentalHeading as Heading,
+} from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import ManageMenusButton from './manage-menus-button';
+import NavigationMenuSelector from './navigation-menu-selector';
+
+const WrappedNavigationMenuSelector = ( {
+	clientId,
+	currentMenuId,
+	handleUpdateMenu,
+	convertClassicMenu,
+	onCreateNew,
+	createNavigationMenuIsSuccess,
+	createNavigationMenuIsError,
+} ) => (
+	<NavigationMenuSelector
+		currentMenuId={ currentMenuId }
+		clientId={ clientId }
+		onSelectNavigationMenu={ ( menuId ) => {
+			handleUpdateMenu( menuId );
+		} }
+		onSelectClassicMenu={ async ( classicMenu ) => {
+			const navMenu = await convertClassicMenu(
+				classicMenu.id,
+				classicMenu.name,
+				'draft'
+			);
+			if ( navMenu ) {
+				handleUpdateMenu( navMenu.id, {
+					focusNavigationBlock: true,
+				} );
+			}
+		} }
+		onCreateNew={ onCreateNew }
+		createNavigationMenuIsSuccess={ createNavigationMenuIsSuccess }
+		createNavigationMenuIsError={ createNavigationMenuIsError }
+		/* translators: %s: The name of a menu. */
+		actionLabel={ __( "Switch to '%s'" ) }
+	/>
+);
+const MenuInspectorControls = ( {
+	clientId,
+	convertClassicMenu,
+	createNavigationMenuIsSuccess,
+	createNavigationMenuIsError,
+	currentMenuId = null,
+	handleUpdateMenu,
+	isNavigationMenuMissing,
+	innerBlocks,
+	isManageMenusButtonDisabled,
+	onCreateNew,
+} ) => {
+	const isOffCanvasNavigationEditorEnabled =
+		window?.__experimentalEnableOffCanvasNavigationEditor === true;
+
+	return (
+		<InspectorControls>
+			<PanelBody
+				title={
+					isOffCanvasNavigationEditorEnabled ? null : __( 'Menu' )
+				}
+			>
+				{ isOffCanvasNavigationEditorEnabled ? (
+					<>
+						<HStack className="wp-block-navigation-off-canvas-editor__header">
+							<Heading
+								className="wp-block-navigation-off-canvas-editor__title"
+								level={ 2 }
+							>
+								{ __( 'Menu' ) }
+							</Heading>
+							<WrappedNavigationMenuSelector
+								clientId={ clientId }
+								currentMenuId={ currentMenuId }
+								handleUpdateMenu={ handleUpdateMenu }
+								convertClassicMenu={ convertClassicMenu }
+								onCreateNew={ onCreateNew }
+								createNavigationMenuIsSuccess={
+									createNavigationMenuIsSuccess
+								}
+								createNavigationMenuIsError={
+									createNavigationMenuIsError
+								}
+							/>
+						</HStack>
+						{ currentMenuId && isNavigationMenuMissing ? (
+							<p>{ __( 'Select or create a menu' ) }</p>
+						) : (
+							<OffCanvasEditor
+								blocks={ innerBlocks }
+								isExpanded={ true }
+								selectBlockInCanvas={ false }
+							/>
+						) }
+					</>
+				) : (
+					<>
+						<WrappedNavigationMenuSelector
+							clientId={ clientId }
+							currentMenuId={ currentMenuId }
+							handleUpdateMenu={ handleUpdateMenu }
+							convertClassicMenu={ convertClassicMenu }
+							onCreateNew={ onCreateNew }
+							createNavigationMenuIsSuccess={
+								createNavigationMenuIsSuccess
+							}
+							createNavigationMenuIsError={
+								createNavigationMenuIsError
+							}
+						/>
+						<ManageMenusButton
+							disabled={ isManageMenusButtonDisabled }
+						/>
+					</>
+				) }
+			</PanelBody>
+		</InspectorControls>
+	);
+};
+
+export default MenuInspectorControls;

From 2a2ecb319ef40ca4988a0923b6cd22b2d60bf645 Mon Sep 17 00:00:00 2001
From: Lena Morita <lena@jaguchi.com>
Date: Fri, 18 Nov 2022 17:23:54 +0900
Subject: [PATCH 18/76] Storybook: Add link to component folder on GitHub,
 retire Storysource (#45727)

* Storybook: Add source link button

* Remove storysource addon

* Update docs

* Add link to relevant plugin
---
 package-lock.json                             | 153 +++++-------------
 package.json                                  |   2 +-
 storybook/main.js                             |   2 +-
 storybook/preview.js                          |   1 +
 storybook/stories/docs/inline-icon.js         |  14 ++
 storybook/stories/docs/introduction.story.mdx |  20 +--
 storybook/stories/playground/index.js         |   3 +
 storybook/webpack.config.js                   |   9 ++
 storybook/webpack/source-link-loader.js       |  67 ++++++++
 9 files changed, 146 insertions(+), 125 deletions(-)
 create mode 100644 storybook/stories/docs/inline-icon.js
 create mode 100644 storybook/webpack/source-link-loader.js

diff --git a/package-lock.json b/package-lock.json
index 9f0f34dd3c5bf9..adb96b28da9216 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9831,87 +9831,6 @@
 				}
 			}
 		},
-		"@storybook/addon-storysource": {
-			"version": "6.5.7",
-			"resolved": "https://registry.npmjs.org/@storybook/addon-storysource/-/addon-storysource-6.5.7.tgz",
-			"integrity": "sha512-4cquq0Oqf9skPdIYkVtO5lAPS7+83TyY4vT52HQ5LSpSekZELQkRxN793jNMQdu2IGQ/l9WqvyzFGaN62bRg7Q==",
-			"dev": true,
-			"requires": {
-				"@storybook/addons": "6.5.7",
-				"@storybook/api": "6.5.7",
-				"@storybook/client-logger": "6.5.7",
-				"@storybook/components": "6.5.7",
-				"@storybook/router": "6.5.7",
-				"@storybook/source-loader": "6.5.7",
-				"@storybook/theming": "6.5.7",
-				"core-js": "^3.8.2",
-				"estraverse": "^5.2.0",
-				"loader-utils": "^2.0.0",
-				"prop-types": "^15.7.2",
-				"react-syntax-highlighter": "^15.4.5",
-				"regenerator-runtime": "^0.13.7"
-			},
-			"dependencies": {
-				"estraverse": {
-					"version": "5.3.0",
-					"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-					"integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-					"dev": true
-				},
-				"parse-entities": {
-					"version": "2.0.0",
-					"resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz",
-					"integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==",
-					"dev": true,
-					"requires": {
-						"character-entities": "^1.0.0",
-						"character-entities-legacy": "^1.0.0",
-						"character-reference-invalid": "^1.0.0",
-						"is-alphanumerical": "^1.0.0",
-						"is-decimal": "^1.0.0",
-						"is-hexadecimal": "^1.0.0"
-					}
-				},
-				"prismjs": {
-					"version": "1.28.0",
-					"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.28.0.tgz",
-					"integrity": "sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw==",
-					"dev": true
-				},
-				"react-syntax-highlighter": {
-					"version": "15.5.0",
-					"resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-15.5.0.tgz",
-					"integrity": "sha512-+zq2myprEnQmH5yw6Gqc8lD55QHnpKaU8TOcFeC/Lg/MQSs8UknEA0JC4nTZGFAXC2J2Hyj/ijJ7NlabyPi2gg==",
-					"dev": true,
-					"requires": {
-						"@babel/runtime": "^7.3.1",
-						"highlight.js": "^10.4.1",
-						"lowlight": "^1.17.0",
-						"prismjs": "^1.27.0",
-						"refractor": "^3.6.0"
-					}
-				},
-				"refractor": {
-					"version": "3.6.0",
-					"resolved": "https://registry.npmjs.org/refractor/-/refractor-3.6.0.tgz",
-					"integrity": "sha512-MY9W41IOWxxk31o+YvFCNyNzdkc9M20NoZK5vq6jkv4I/uh2zkWcfudj0Q1fovjUQJrNewS9NMzeTtqPf+n5EA==",
-					"dev": true,
-					"requires": {
-						"hastscript": "^6.0.0",
-						"parse-entities": "^2.0.0",
-						"prismjs": "~1.27.0"
-					},
-					"dependencies": {
-						"prismjs": {
-							"version": "1.27.0",
-							"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.27.0.tgz",
-							"integrity": "sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==",
-							"dev": true
-						}
-					}
-				}
-			}
-		},
 		"@storybook/addon-toolbars": {
 			"version": "6.5.7",
 			"resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-6.5.7.tgz",
@@ -19608,7 +19527,7 @@
 		"app-root-dir": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/app-root-dir/-/app-root-dir-1.0.2.tgz",
-			"integrity": "sha1-OBh+wt6nV3//Az/8sSFyaS/24Rg=",
+			"integrity": "sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==",
 			"dev": true
 		},
 		"app-root-path": {
@@ -26253,7 +26172,7 @@
 		"array-find-index": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
-			"integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
+			"integrity": "sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw==",
 			"dev": true,
 			"optional": true
 		},
@@ -27890,7 +27809,7 @@
 		"babel-plugin-add-react-displayname": {
 			"version": "0.0.5",
 			"resolved": "https://registry.npmjs.org/babel-plugin-add-react-displayname/-/babel-plugin-add-react-displayname-0.0.5.tgz",
-			"integrity": "sha1-M51M3be2X9YtHfnbn+BN4TQSK9U=",
+			"integrity": "sha512-LY3+Y0XVDYcShHHorshrDbt4KFWL4bSeniCtl4SYZbask+Syngk1uMPCeN9+nSiZo6zX5s0RTq/J9Pnaaf/KHw==",
 			"dev": true
 		},
 		"babel-plugin-apply-mdx-type-prop": {
@@ -28313,7 +28232,7 @@
 		"batch-processor": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/batch-processor/-/batch-processor-1.0.0.tgz",
-			"integrity": "sha1-dclcMrdI4IUNEMKxaPa9vpiRrOg=",
+			"integrity": "sha512-xoLQD8gmmR32MeuBHgH0Tzd5PuSZx71ZsbhVxOCRbgktZEPe4SQy7s9Z50uPp0F/f7iw2XmkHN2xkgbMfckMDA==",
 			"dev": true
 		},
 		"bcrypt-pbkdf": {
@@ -29276,7 +29195,7 @@
 		"camelcase-keys": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
-			"integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+			"integrity": "sha512-bA/Z/DERHKqoEOrp+qeGKw1QlvEQkGZSc0XaY6VnTxZr+Kv1G5zFwttpjv8qxZ/sBPT4nthwZaAcsAZTJlSKXQ==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -29287,7 +29206,7 @@
 				"camelcase": {
 					"version": "2.1.1",
 					"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
-					"integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
+					"integrity": "sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw==",
 					"dev": true,
 					"optional": true
 				}
@@ -31676,7 +31595,7 @@
 		"currently-unhandled": {
 			"version": "0.4.1",
 			"resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
-			"integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
+			"integrity": "sha512-/fITjgjGU50vjQ4FH6eUoYu+iUoUKIXws2hL15JJpIR+BbTxaXQsMuuyjtNh2WqsSBS5nsaZHFsFecyw5CCAng==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -36599,7 +36518,7 @@
 		"get-stdin": {
 			"version": "4.0.1",
 			"resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
-			"integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+			"integrity": "sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw==",
 			"dev": true,
 			"optional": true
 		},
@@ -36830,7 +36749,7 @@
 		"glob-to-regexp": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz",
-			"integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=",
+			"integrity": "sha512-Iozmtbqv0noj0uDDqoL0zNq0VBEfK2YFoMAZoxJe4cwphvLR+JskfF30QhXHOR4m3KrE6NLRYw+U9MRXvifyig==",
 			"dev": true
 		},
 		"global": {
@@ -37125,7 +37044,7 @@
 		"has-glob": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/has-glob/-/has-glob-1.0.0.tgz",
-			"integrity": "sha1-mqqe7b/7G6OZCnsAEPtnjuAIEgc=",
+			"integrity": "sha512-D+8A457fBShSEI3tFCj65PAbT++5sKiFtdCdOam0gnfBgw9D277OERk+HM9qYJXmdVLZ/znez10SqHN0BBQ50g==",
 			"dev": true,
 			"requires": {
 				"is-glob": "^3.0.0"
@@ -37134,7 +37053,7 @@
 				"is-glob": {
 					"version": "3.1.0",
 					"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
-					"integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+					"integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
 					"dev": true,
 					"requires": {
 						"is-extglob": "^2.1.0"
@@ -38999,7 +38918,7 @@
 		"is-utf8": {
 			"version": "0.2.1",
 			"resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
-			"integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
+			"integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==",
 			"dev": true,
 			"optional": true
 		},
@@ -39021,7 +38940,7 @@
 		"is-window": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/is-window/-/is-window-1.0.2.tgz",
-			"integrity": "sha1-LIlspT25feRdPDMTOmXYyfVjSA0=",
+			"integrity": "sha512-uj00kdXyZb9t9RcAUAwMZAnkBUwdYGhYlt7djMXhfyhUCzwNba50tIiBKR7q0l7tdoBtFVw/3JmLY6fI3rmZmg==",
 			"dev": true
 		},
 		"is-windows": {
@@ -42398,7 +42317,7 @@
 		"js-string-escape": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/js-string-escape/-/js-string-escape-1.0.1.tgz",
-			"integrity": "sha1-4mJbrbwNZ8dTPp7cEGjFh65BN+8=",
+			"integrity": "sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==",
 			"dev": true
 		},
 		"js-tokens": {
@@ -43719,7 +43638,7 @@
 		"load-json-file": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
-			"integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+			"integrity": "sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -43733,7 +43652,7 @@
 				"parse-json": {
 					"version": "2.2.0",
 					"resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
-					"integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+					"integrity": "sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==",
 					"dev": true,
 					"optional": true,
 					"requires": {
@@ -44041,7 +43960,7 @@
 		"loud-rejection": {
 			"version": "1.6.0",
 			"resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
-			"integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
+			"integrity": "sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -44291,7 +44210,7 @@
 		"map-obj": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
-			"integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+			"integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
 			"dev": true,
 			"optional": true
 		},
@@ -47331,7 +47250,7 @@
 		"num2fraction": {
 			"version": "1.2.2",
 			"resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
-			"integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
+			"integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==",
 			"dev": true
 		},
 		"number-is-nan": {
@@ -48809,7 +48728,7 @@
 		"p-defer": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
-			"integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=",
+			"integrity": "sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw==",
 			"dev": true
 		},
 		"p-event": {
@@ -50383,7 +50302,7 @@
 		"pretty-hrtime": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-			"integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=",
+			"integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==",
 			"dev": true
 		},
 		"prismjs": {
@@ -52435,7 +52354,7 @@
 		"redent": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
-			"integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+			"integrity": "sha512-qtW5hKzGQZqKoh6JNSD+4lfitfPKGz42e6QwiRmPM5mmKtR0N41AbJRYu0xJi7nhOJ4WDgRkKvAk6tw4WIwR4g==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -52446,7 +52365,7 @@
 				"indent-string": {
 					"version": "2.1.0",
 					"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
-					"integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+					"integrity": "sha512-aqwDFWSgSgfRaEwao5lg5KEcVd/2a+D1rvoG7NdilmYz0NwRk6StWpWdz/Hpk34MKPpx7s8XxUqimfcQK6gGlg==",
 					"dev": true,
 					"optional": true,
 					"requires": {
@@ -52689,7 +52608,7 @@
 		"relateurl": {
 			"version": "0.2.7",
 			"resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
-			"integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=",
+			"integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
 			"dev": true
 		},
 		"remark": {
@@ -53227,7 +53146,7 @@
 		"repeating": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
-			"integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+			"integrity": "sha512-ZqtSMuVybkISo2OWvqvm7iHSWngvdaW3IpsT9/uP8v4gMi591LY6h35wdOfvQdWCKFWZWm2Y1Opp4kV7vQKT6A==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -54021,7 +53940,7 @@
 		"serve-favicon": {
 			"version": "2.5.0",
 			"resolved": "https://registry.npmjs.org/serve-favicon/-/serve-favicon-2.5.0.tgz",
-			"integrity": "sha1-k10kDN/g9YBTB/3+ln2IlCosvPA=",
+			"integrity": "sha512-FMW2RvqNr03x+C0WxTyu6sOv21oOjkq5j8tjquWccwa6ScNyGFOGJVpuS1NmTVGBAHS07xnSKotgf2ehQmf9iA==",
 			"dev": true,
 			"requires": {
 				"etag": "~1.8.1",
@@ -55362,6 +55281,12 @@
 			"integrity": "sha512-7t+/wpKLanLzSnQPX8WAcuLCCeuSHoWdQuh9SB3xD0kNOM38DNf+0Oa+wmvxmYueRzkmh6IcdKFtvTa+ecgPDw==",
 			"dev": true
 		},
+		"storybook-source-link": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/storybook-source-link/-/storybook-source-link-2.0.3.tgz",
+			"integrity": "sha512-Vw/ECmTObbcGbS6mX2bolQUF6c/Z4iBtcJBQh6T/3uFDz8pmzGo840hfSJDKXwwatHWDZ1V70jDLCDb4fbXQYg==",
+			"dev": true
+		},
 		"stream-browserify": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
@@ -56174,7 +56099,7 @@
 		"strip-bom": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
-			"integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+			"integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -56195,7 +56120,7 @@
 		"strip-indent": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
-			"integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+			"integrity": "sha512-I5iQq6aFMM62fBEAIB/hXzwJD6EEZ0xEGCX2t7oXqaKPIRgt4WruAQ285BISgdkP+HLGWyeGmNJcpIwFeRYRUA==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -57942,7 +57867,7 @@
 		"trim-newlines": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
-			"integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
+			"integrity": "sha512-Nm4cF79FhSTzrLKGDMi3I4utBtFv8qKy4sq1enftf2gMdpqI8oVQTAfySkTz5r49giVzDj88SVZXP4CeYQwjaw==",
 			"dev": true,
 			"optional": true
 		},
@@ -58455,7 +58380,7 @@
 		"untildify": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/untildify/-/untildify-2.1.0.tgz",
-			"integrity": "sha1-F+soB5h/dpUunASF/DEdBqgmouA=",
+			"integrity": "sha512-sJjbDp2GodvkB0FZZcn7k6afVisqX5BZD7Yq3xp4nN2O15BBK0cLm3Vwn2vQaF7UDS0UUsrQMkkplmDI5fskig==",
 			"dev": true,
 			"optional": true,
 			"requires": {
@@ -58731,7 +58656,7 @@
 		"utila": {
 			"version": "0.4.0",
 			"resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
-			"integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=",
+			"integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==",
 			"dev": true
 		},
 		"utility-types": {
@@ -58752,7 +58677,7 @@
 		"uuid-browser": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/uuid-browser/-/uuid-browser-3.1.0.tgz",
-			"integrity": "sha1-DwWkCu90+eWVHiDvv0SxGHHlZBA=",
+			"integrity": "sha512-dsNgbLaTrd6l3MMxTtouOCFw4CBFc/3a+GgYA2YyrJvyQ1u6q4pcu3ktLoUZ/VN/Aw9WsauazbgsgdfVWgAKQg==",
 			"dev": true
 		},
 		"v8-compile-cache": {
@@ -60615,7 +60540,7 @@
 		"x-default-browser": {
 			"version": "0.4.0",
 			"resolved": "https://registry.npmjs.org/x-default-browser/-/x-default-browser-0.4.0.tgz",
-			"integrity": "sha1-cM8NqF2nwKtcsPFaiX8jIqa91IE=",
+			"integrity": "sha512-7LKo7RtWfoFN/rHx1UELv/2zHGMx8MkZKDq1xENmOCTkfIqZJ0zZ26NEJX8czhnPXVcqS0ARjjfJB+eJ0/5Cvw==",
 			"dev": true,
 			"requires": {
 				"default-browser-id": "^1.0.4"
diff --git a/package.json b/package.json
index 98f8d07607f67c..0168806a72ec37 100644
--- a/package.json
+++ b/package.json
@@ -107,7 +107,6 @@
 		"@storybook/addon-controls": "6.5.7",
 		"@storybook/addon-docs": "6.5.7",
 		"@storybook/addon-knobs": "6.2.9",
-		"@storybook/addon-storysource": "6.5.7",
 		"@storybook/addon-toolbars": "6.5.7",
 		"@storybook/addon-viewport": "6.5.7",
 		"@storybook/builder-webpack5": "6.5.7",
@@ -234,6 +233,7 @@
 		"snapshot-diff": "0.8.1",
 		"source-map-loader": "3.0.0",
 		"sprintf-js": "1.1.1",
+		"storybook-source-link": "2.0.3",
 		"style-loader": "3.2.1",
 		"terser-webpack-plugin": "5.1.4",
 		"typescript": "4.4.2",
diff --git a/storybook/main.js b/storybook/main.js
index 99c8c2ea84bec1..717f42f7fb5e6d 100644
--- a/storybook/main.js
+++ b/storybook/main.js
@@ -19,11 +19,11 @@ module.exports = {
 		},
 		'@storybook/addon-controls',
 		'@storybook/addon-knobs', // Deprecated, new stories should use addon-controls.
-		'@storybook/addon-storysource',
 		'@storybook/addon-viewport',
 		'@storybook/addon-a11y',
 		'@storybook/addon-toolbars',
 		'@storybook/addon-actions',
+		'storybook-source-link',
 	],
 	features: {
 		babelModeV7: true,
diff --git a/storybook/preview.js b/storybook/preview.js
index 16e8f71cf53465..c7c2463f797d74 100644
--- a/storybook/preview.js
+++ b/storybook/preview.js
@@ -107,4 +107,5 @@ export const parameters = {
 			],
 		},
 	},
+	sourceLinkPrefix: 'https://github.com/WordPress/gutenberg/blob/trunk/',
 };
diff --git a/storybook/stories/docs/inline-icon.js b/storybook/stories/docs/inline-icon.js
new file mode 100644
index 00000000000000..2a1056b0069b74
--- /dev/null
+++ b/storybook/stories/docs/inline-icon.js
@@ -0,0 +1,14 @@
+/**
+ * External dependencies
+ */
+import styled from '@emotion/styled';
+import { Icons } from '@storybook/components';
+
+const StyledIcons = styled( Icons )`
+	display: inline-block !important;
+	width: 14px;
+`;
+
+export const InlineIcon = ( props ) => (
+	<StyledIcons aria-hidden={ true } { ...props } />
+);
diff --git a/storybook/stories/docs/introduction.story.mdx b/storybook/stories/docs/introduction.story.mdx
index bdad5c0336ebfe..f353cf7c7e0abc 100644
--- a/storybook/stories/docs/introduction.story.mdx
+++ b/storybook/stories/docs/introduction.story.mdx
@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/addon-docs';
+import { InlineIcon } from './inline-icon';
 
 <Meta title="Docs/Introduction" />
 
@@ -17,24 +18,25 @@ Import them from the components root directory like in below example:
 import { Button } from '@wordpress/components';
 
 export default function MyButton() {
-    return <Button>Click Me!</Button>;
+	return <Button>Click Me!</Button>;
 }
-````
+```
 
 ## How this site works
 
-The site shows the individual components in the sidebar and the Canvas on the right. Select the component you’d like to explore, and you’ll see the display on the Canvas tab. If the component also has controls/arguments, you can modify them on the Controls tab on the lower half of the screen.
+The site shows the individual components in the sidebar and the Canvas on the right. Select the component you’d like to explore, and you’ll see the display on the **Canvas** tab. If the component also has controls/arguments, you can modify them on the **Controls** tab on the lower half of the screen.
 
 To view the documentation for each component use the **Docs** menu item in the top toolbar.
 
+To view the source code for the component and its stories on GitHub, click the <InlineIcon icon="repository" /> View Source Repository button in the top right corner.
+
 To use it in your local development environment run the following command in the top level Gutenberg directory:
 
- ```bash
- npm run storybook:dev
- ```
+```bash
+npm run storybook:dev
+```
 
 ## Resources to learn more:
 
-- [Storybook.js.org](https://storybook.js.org/) - Storybook is a frontend workshop for building UI components and pages in isolation.
-- [[Package] Components](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22%5BPackage%5D+Components%22) - Open Issue Gutenberg Repo
-- [On the known "loading source..." issue](https://github.com/WordPress/gutenberg/issues/45095) at the 'Story' tab for some components
+-   [Storybook.js.org](https://storybook.js.org/) - Storybook is a frontend workshop for building UI components and pages in isolation.
+-   [[Package] Components](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22%5BPackage%5D+Components%22) - Open Issue Gutenberg Repo
diff --git a/storybook/stories/playground/index.js b/storybook/stories/playground/index.js
index a13001f96f28bc..92ccd78ae58b74 100644
--- a/storybook/stories/playground/index.js
+++ b/storybook/stories/playground/index.js
@@ -70,6 +70,9 @@ function App() {
 
 export default {
 	title: 'Playground/Block Editor',
+	parameters: {
+		sourceLink: 'storybook/stories/playground',
+	},
 };
 
 export const _default = () => {
diff --git a/storybook/webpack.config.js b/storybook/webpack.config.js
index 000c6930574f9b..1747cc2f9caa0a 100644
--- a/storybook/webpack.config.js
+++ b/storybook/webpack.config.js
@@ -44,6 +44,15 @@ module.exports = ( { config } ) => {
 			),
 			enforce: 'post',
 		},
+		{
+			// Adds a `sourceLink` parameter to the story metadata, based on the file path
+			test: /\/stories\/.+\.(j|t)sx?$/,
+			loader: path.resolve(
+				__dirname,
+				'./webpack/source-link-loader.js'
+			),
+			enforce: 'post',
+		},
 		{
 			test: /\.scss$/,
 			exclude: /\.lazy\.scss$/,
diff --git a/storybook/webpack/source-link-loader.js b/storybook/webpack/source-link-loader.js
new file mode 100644
index 00000000000000..d9501aa737dad3
--- /dev/null
+++ b/storybook/webpack/source-link-loader.js
@@ -0,0 +1,67 @@
+/**
+ * External dependencies
+ */
+const babel = require( '@babel/core' );
+const path = require( 'path' );
+
+const REPO_ROOT = path.resolve( __dirname, '../../' );
+
+/**
+ * Adds a `sourceLink` parameter to the story metadata, based on the file path.
+ *
+ * @see https://storybook.js.org/addons/storybook-source-link
+ */
+function addSourceLinkPlugin() {
+	return {
+		visitor: {
+			ExportDefaultDeclaration( visitorPath, state ) {
+				const componentPath = getComponentPathFromStoryPath(
+					state.file.opts.filename
+				);
+				const properties =
+					// When default export is anonymous, the declaration is an object expression
+					visitorPath.node.declaration.properties ??
+					// When default export is named, the declaration is an identifier, usually the previous node
+					visitorPath.getPrevSibling().node.declarations[ 0 ].init
+						.properties;
+
+				alterParameters( properties, componentPath );
+			},
+		},
+	};
+}
+
+function getComponentPathFromStoryPath( storyPath ) {
+	const componentRoot = path.resolve( storyPath, '../../' );
+	return path.relative( REPO_ROOT, componentRoot );
+}
+
+function alterParameters( properties, componentPath ) {
+	const sourceLink = babel.types.objectProperty(
+		babel.types.identifier( 'sourceLink' ),
+		babel.types.stringLiteral( componentPath )
+	);
+
+	let parameters = properties.find( ( op ) => op.key.name === 'parameters' );
+
+	if ( ! parameters ) {
+		parameters = babel.types.objectProperty(
+			babel.types.identifier( 'parameters' )
+		);
+		properties.push( parameters );
+	}
+
+	parameters.value.properties = [
+		sourceLink,
+		...parameters.value.properties,
+	];
+}
+
+module.exports = function ( source, { sources } ) {
+	const output = babel.transform( source, {
+		plugins: [ addSourceLinkPlugin ],
+		filename: sources[ 0 ],
+		sourceType: 'module',
+	} );
+	return output.code;
+};

From a5f2b81fa25983dcd23f13045f2b7f62cdce1b7f Mon Sep 17 00:00:00 2001
From: Aaron Robertshaw <60436221+aaronrobertshaw@users.noreply.github.com>
Date: Fri, 18 Nov 2022 20:26:44 +1000
Subject: [PATCH 19/76] Sidebar: Add list view tab for Navigation block et al.
 (#45483)

* Add drawer icons to icons package

Switch editor sidebar icons to new drawer icons

Icon should reflect RTL as well.

Update TabPanel to allow icons on TabButtons

Add menu group to InspectorControl slot fills

Move nav menu controls into InspectorControls menu group

Introduce menu, settings & appearance tabs to sidebar

Refactor InspectorControlTabs

Re-orders the appearance and settings tabs. Also now omits the TabPanel altogether if only a single tab has contents.

Make block inspector tabs a Gutenberg experiment

A little tidy up

Clean up conditional tabs display

Remove nav specific menu tab for now

Remove Menu inspector controls group

Refactor inspector controls tabs to components

Remove conditional display of tabs

Render no settings or tools messages when no fills

Reduce new styles for equal width tabs

Add general slot for items applying to block as a whole

Move query block new post link to new slot

Revert "Move query block new post link to new slot"

This reverts commit 12799852648a67cb566112639d4d71e33a2d9834.

Revert "Add general slot for items applying to block as a whole"

This reverts commit 186276fb42af1a7dd571892b349eaacd34f0a3b0.

Tweak no style options message

Add changelog for TabPanel updates

Remove empty readme until experiment settles

Fix copy and paste error

Provide list view tab and slot for nav block

* change white to allow

Co-authored-by: Ben Dwyer <ben@scruffian.com>
---
 .../inspector-controls-tabs/index.js          | 19 +++++++-
 .../inspector-controls-tabs/list-view-tab.js  | 44 +++++++++++++++++++
 .../inspector-controls-tabs/utils.js          | 10 ++++-
 .../components/inspector-controls/groups.js   |  2 +
 .../edit/menu-inspector-controls.js           |  5 ++-
 packages/components/CHANGELOG.md              |  1 +
 6 files changed, 77 insertions(+), 4 deletions(-)
 create mode 100644 packages/block-editor/src/components/inspector-controls-tabs/list-view-tab.js

diff --git a/packages/block-editor/src/components/inspector-controls-tabs/index.js b/packages/block-editor/src/components/inspector-controls-tabs/index.js
index 62b87dd58e11cf..ad34f5625b5dd5 100644
--- a/packages/block-editor/src/components/inspector-controls-tabs/index.js
+++ b/packages/block-editor/src/components/inspector-controls-tabs/index.js
@@ -6,17 +6,23 @@ import { TabPanel } from '@wordpress/components';
 /**
  * Internal dependencies
  */
-import { TAB_SETTINGS, TAB_APPEARANCE } from './utils';
+import { TAB_SETTINGS, TAB_APPEARANCE, TAB_LIST_VIEW } from './utils';
 import AppearanceTab from './appearance-tab';
 import SettingsTab from './settings-tab';
+import { default as ListViewTab, useIsListViewDisabled } from './list-view-tab';
 
-const tabs = [ TAB_APPEARANCE, TAB_SETTINGS ];
+const defaultTabs = [ TAB_APPEARANCE, TAB_SETTINGS ];
+const tabsWithListView = [ TAB_LIST_VIEW, TAB_APPEARANCE, TAB_SETTINGS ];
 
 export default function InspectorControlsTabs( {
 	blockName,
 	clientId,
 	hasBlockStyles,
 } ) {
+	const tabs = useIsListViewDisabled( blockName )
+		? defaultTabs
+		: tabsWithListView;
+
 	return (
 		<TabPanel className="block-editor-block-inspector__tabs" tabs={ tabs }>
 			{ ( tab ) => {
@@ -36,6 +42,15 @@ export default function InspectorControlsTabs( {
 						/>
 					);
 				}
+
+				if ( tab.name === TAB_LIST_VIEW.name ) {
+					return (
+						<ListViewTab
+							blockName={ blockName }
+							hasSingleBlockSelection={ !! blockName }
+						/>
+					);
+				}
 			} }
 		</TabPanel>
 	);
diff --git a/packages/block-editor/src/components/inspector-controls-tabs/list-view-tab.js b/packages/block-editor/src/components/inspector-controls-tabs/list-view-tab.js
new file mode 100644
index 00000000000000..d95f39b6e96515
--- /dev/null
+++ b/packages/block-editor/src/components/inspector-controls-tabs/list-view-tab.js
@@ -0,0 +1,44 @@
+/**
+ * WordPress dependencies
+ */
+import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import InspectorControls from '../inspector-controls';
+import InspectorControlsGroups from '../inspector-controls/groups';
+
+// This tab restricts the blocks that may render to it via the allowlist below.
+const allowlist = [ 'core/navigation' ];
+
+export const useIsListViewDisabled = ( blockName ) => {
+	return ! allowlist.includes( blockName );
+};
+
+const ListViewTab = ( { blockName, hasSingleBlockSelection } ) => {
+	const { list } = InspectorControlsGroups;
+	const fills = useSlotFills( list.Slot.__unstableName ) || [];
+
+	// Unlike other tabs the List View is much more niche. As such it will be
+	// omitted if the current block isn't in the allowlist.
+	if ( useIsListViewDisabled( blockName ) ) {
+		return;
+	}
+
+	return (
+		<>
+			{ ! fills.length && (
+				<span className="block-editor-block-inspector__no-block-tools">
+					{ hasSingleBlockSelection
+						? __( 'This block has no list options.' )
+						: __( 'The selected blocks have no list options.' ) }
+				</span>
+			) }
+			<InspectorControls.Slot __experimentalGroup="list" />
+		</>
+	);
+};
+
+export default ListViewTab;
diff --git a/packages/block-editor/src/components/inspector-controls-tabs/utils.js b/packages/block-editor/src/components/inspector-controls-tabs/utils.js
index 0bec1088174d31..4ab6f0164a19c0 100644
--- a/packages/block-editor/src/components/inspector-controls-tabs/utils.js
+++ b/packages/block-editor/src/components/inspector-controls-tabs/utils.js
@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { cog, styles } from '@wordpress/icons';
+import { cog, styles, listView } from '@wordpress/icons';
 
 export const TAB_SETTINGS = {
 	name: 'settings',
@@ -18,3 +18,11 @@ export const TAB_APPEARANCE = {
 	icon: styles,
 	className: 'block-editor-block-inspector__tab-item',
 };
+
+export const TAB_LIST_VIEW = {
+	name: 'list',
+	title: 'List View',
+	value: 'list-view',
+	icon: listView,
+	className: 'block-editor-block-inspector__tab-item',
+};
diff --git a/packages/block-editor/src/components/inspector-controls/groups.js b/packages/block-editor/src/components/inspector-controls/groups.js
index 0b7d1d2f4479f9..cb03c1ff13fa57 100644
--- a/packages/block-editor/src/components/inspector-controls/groups.js
+++ b/packages/block-editor/src/components/inspector-controls/groups.js
@@ -13,6 +13,7 @@ const InspectorControlsDimensions = createSlotFill(
 const InspectorControlsTypography = createSlotFill(
 	'InspectorControlsTypography'
 );
+const InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );
 
 const groups = {
 	default: InspectorControlsDefault,
@@ -20,6 +21,7 @@ const groups = {
 	border: InspectorControlsBorder,
 	color: InspectorControlsColor,
 	dimensions: InspectorControlsDimensions,
+	list: InspectorControlsListView,
 	typography: InspectorControlsTypography,
 };
 
diff --git a/packages/block-library/src/navigation/edit/menu-inspector-controls.js b/packages/block-library/src/navigation/edit/menu-inspector-controls.js
index 9f92d130ff14d0..330812ef3e981c 100644
--- a/packages/block-library/src/navigation/edit/menu-inspector-controls.js
+++ b/packages/block-library/src/navigation/edit/menu-inspector-controls.js
@@ -66,9 +66,12 @@ const MenuInspectorControls = ( {
 } ) => {
 	const isOffCanvasNavigationEditorEnabled =
 		window?.__experimentalEnableOffCanvasNavigationEditor === true;
+	const menuControlsSlot = window?.__experimentalEnableBlockInspectorTabs
+		? 'list'
+		: undefined;
 
 	return (
-		<InspectorControls>
+		<InspectorControls __experimentalGroup={ menuControlsSlot }>
 			<PanelBody
 				title={
 					isOffCanvasNavigationEditorEnabled ? null : __( 'Menu' )
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 7f740706518c2e..2e47db6c778689 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -11,6 +11,7 @@
 ### Enhancements
 
 -   `ColorPalette`, `BorderBox`, `BorderBoxControl`: polish and DRY prop types, add default values ([#45463](https://github.com/WordPress/gutenberg/pull/45463)).
+-   `TabPanel`: Add ability to set icon only tab buttons ([#45005](https://github.com/WordPress/gutenberg/pull/45005)).
 
 ### Bug Fix
 

From aa0a9cf1f2758c6c427dbc0956d16ef5d0edc5d4 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Fri, 18 Nov 2022 11:40:04 +0100
Subject: [PATCH 20/76] Fix NavigableRegion README (#45879)

---
 .../src/components/navigable-region/README.md        | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/interface/src/components/navigable-region/README.md b/packages/interface/src/components/navigable-region/README.md
index 6f98d17d79c45a..5a931475443b19 100644
--- a/packages/interface/src/components/navigable-region/README.md
+++ b/packages/interface/src/components/navigable-region/README.md
@@ -4,8 +4,6 @@
 
 It also renders a child `div` element that is responsible to set a negative `z-index` stack level, to make sure the focus style is always visible, regardless of other elements that may cut-off the focus style outline otherwise.
 
-It can use a CSS animation via the `motion` component.
-
 ## Props
 
 ### children
@@ -29,10 +27,10 @@ A meaningful name for the ARIA landmark region.
 -   Type: `String`
 -   Required: Yes
 
-### motionProps
+### as
 
-Properties of `motionProps` object will be used by the `motion` component to set a CSS animation on the wrapper div.
+The component used as the root of the region. Defaults to a `div` element.
 
--   Type: `Object`
--   Required: No
--   Default: `{}`
+-   Type: `Component`
+-   Required: no
+-   Default: `div`

From 9e6e8c9cb7e8cf35ea148d28dfb7dc21b1c4b915 Mon Sep 17 00:00:00 2001
From: Dave Smith <getdavemail@gmail.com>
Date: Fri, 18 Nov 2022 10:42:03 +0000
Subject: [PATCH 21/76] Nav offcanvas editor: add simple back button to
 inspector controls (#45852)

* Add very simple back button to block inspector

* Enable for experiment only

* Change button description label
---
 .../src/components/block-card/index.js        | 30 +++++++++++++++++--
 .../src/components/block-inspector/index.js   | 23 ++++++++++++--
 2 files changed, 49 insertions(+), 4 deletions(-)

diff --git a/packages/block-editor/src/components/block-card/index.js b/packages/block-editor/src/components/block-card/index.js
index 21832629b9557f..6362b1b4ca2c7c 100644
--- a/packages/block-editor/src/components/block-card/index.js
+++ b/packages/block-editor/src/components/block-card/index.js
@@ -2,13 +2,22 @@
  * WordPress dependencies
  */
 import deprecated from '@wordpress/deprecated';
-
+import { Button } from '@wordpress/components';
+import { chevronLeft, chevronRight } from '@wordpress/icons';
+import { __, isRTL } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
 import BlockIcon from '../block-icon';
 
-function BlockCard( { title, icon, description, blockType } ) {
+function BlockCard( {
+	title,
+	icon,
+	description,
+	blockType,
+	parentBlockClientId,
+	handleBackButton,
+} ) {
 	if ( blockType ) {
 		deprecated( '`blockType` property in `BlockCard component`', {
 			since: '5.7',
@@ -16,8 +25,25 @@ function BlockCard( { title, icon, description, blockType } ) {
 		} );
 		( { title, icon, description } = blockType );
 	}
+
+	const isOffCanvasNavigationEditorEnabled =
+		window?.__experimentalEnableOffCanvasNavigationEditor === true;
+
 	return (
 		<div className="block-editor-block-card">
+			{ isOffCanvasNavigationEditorEnabled && parentBlockClientId && (
+				<Button
+					onClick={ handleBackButton }
+					label={ __( 'Navigate to parent block' ) }
+					style={
+						// TODO: This style override is also used in ToolsPanelHeader.
+						// It should be supported out-of-the-box by Button.
+						{ minWidth: 24, padding: 0 }
+					}
+					icon={ isRTL() ? chevronRight : chevronLeft }
+					isSmall
+				/>
+			) }
 			<BlockIcon icon={ icon } showColors />
 			<div className="block-editor-block-card__content">
 				<h2 className="block-editor-block-card__title">{ title }</h2>
diff --git a/packages/block-editor/src/components/block-inspector/index.js b/packages/block-editor/src/components/block-inspector/index.js
index f48819ec4a02b6..c8ed85f2fd51bc 100644
--- a/packages/block-editor/src/components/block-inspector/index.js
+++ b/packages/block-editor/src/components/block-inspector/index.js
@@ -136,6 +136,7 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 		selectedBlockClientId,
 		blockType,
 		topLevelLockedBlock,
+		parentBlockClientId,
 	} = useSelect( ( select ) => {
 		const {
 			getSelectedBlockClientId,
@@ -143,6 +144,7 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 			getBlockName,
 			__unstableGetContentLockingParent,
 			getTemplateLock,
+			getBlockParents,
 		} = select( blockEditorStore );
 
 		const _selectedBlockClientId = getSelectedBlockClientId();
@@ -161,6 +163,10 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 				( getTemplateLock( _selectedBlockClientId ) === 'contentOnly'
 					? _selectedBlockClientId
 					: undefined ),
+			parentBlockClientId: getBlockParents(
+				_selectedBlockClientId,
+				true
+			)[ 0 ],
 		};
 	}, [] );
 
@@ -230,11 +236,16 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 		<BlockInspectorSingleBlock
 			clientId={ selectedBlockClientId }
 			blockName={ blockType.name }
+			parentBlockClientId={ parentBlockClientId }
 		/>
 	);
 };
 
-const BlockInspectorSingleBlock = ( { clientId, blockName } ) => {
+const BlockInspectorSingleBlock = ( {
+	clientId,
+	blockName,
+	parentBlockClientId,
+} ) => {
 	const showTabs = window?.__experimentalEnableBlockInspectorTabs;
 
 	const hasBlockStyles = useSelect(
@@ -247,9 +258,17 @@ const BlockInspectorSingleBlock = ( { clientId, blockName } ) => {
 	);
 	const blockInformation = useBlockDisplayInformation( clientId );
 
+	const { selectBlock } = useDispatch( blockEditorStore );
+
 	return (
 		<div className="block-editor-block-inspector">
-			<BlockCard { ...blockInformation } />
+			<BlockCard
+				{ ...blockInformation }
+				parentBlockClientId={ parentBlockClientId }
+				handleBackButton={ () => {
+					selectBlock( parentBlockClientId );
+				} }
+			/>
 			<BlockVariationTransforms blockClientId={ clientId } />
 			{ showTabs && (
 				<InspectorControlsTabs

From 340f3a25d7f5746dade4cdd6a443021eacc06692 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9?= <583546+oandregal@users.noreply.github.com>
Date: Fri, 18 Nov 2022 04:40:48 -0700
Subject: [PATCH 22/76] Fix `upgrader_process_complete` hook for
 `wp_theme_has_theme_json` (#45881)

---
 lib/compat/wordpress-6.2/default-filters.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/compat/wordpress-6.2/default-filters.php b/lib/compat/wordpress-6.2/default-filters.php
index 860cf9a8bf412a..861b8a01421c62 100644
--- a/lib/compat/wordpress-6.2/default-filters.php
+++ b/lib/compat/wordpress-6.2/default-filters.php
@@ -19,4 +19,4 @@
 
 add_action( 'switch_theme', 'wp_theme_has_theme_json_clean_cache' );
 add_action( 'start_previewing_theme', 'wp_theme_has_theme_json_clean_cache' );
-add_action( 'upgrader_process_complete', '_wp_theme_has_theme_json_clean_cache_upon_upgrading_active_theme' );
+add_action( 'upgrader_process_complete', '_wp_theme_has_theme_json_clean_cache_upon_upgrading_active_theme', 10, 2 );

From 12abef834fe0b1af8016e87615229fa5f04f5392 Mon Sep 17 00:00:00 2001
From: Gerardo Pacheco <gerardo.pacheco@automattic.com>
Date: Fri, 18 Nov 2022 15:21:55 +0100
Subject: [PATCH 23/76] [Mobile] Update React Native Android E2E runner
 (#45840)

* Update React Native Android E2E runner config

* Remove unused target matrix value
---
 .github/workflows/rnmobile-android-runner.yml | 40 ++++++++++++++-----
 1 file changed, 31 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/rnmobile-android-runner.yml b/.github/workflows/rnmobile-android-runner.yml
index fec513d88e6355..093c2a99ad4a07 100644
--- a/.github/workflows/rnmobile-android-runner.yml
+++ b/.github/workflows/rnmobile-android-runner.yml
@@ -14,11 +14,12 @@ concurrency:
 
 jobs:
     test:
-        runs-on: macos-latest
+        runs-on: macos-12
         if: ${{ github.repository == 'WordPress/gutenberg' || github.event_name == 'pull_request' }}
         strategy:
             matrix:
                 native-test-name: [gutenberg-editor-initial-html]
+                api-level: [29]
 
         steps:
             - name: checkout
@@ -29,7 +30,6 @@ jobs:
               with:
                   distribution: 'temurin'
                   java-version: '11'
-                  cache: 'gradle'
 
             - name: Use desired version of NodeJS
               uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # v3.5.1
@@ -39,17 +39,39 @@ jobs:
 
             - run: npm ci
 
-            - name: Restore Gradle cache
+            - name: Gradle cache
+              uses: gradle/gradle-build-action@3fbe033aaae657f011f88f29be9e65ed26bd29ef # v2.3.3
+
+            - name: AVD cache
               uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # v3.0.11
+              id: avd-cache
+              with:
+                  path: |
+                      ~/.android/avd/*
+                      ~/.android/adb*
+                  key: avd-${{ matrix.api-level }}
+
+            - name: Create AVD and generate snapshot for caching
+              if: steps.avd-cache.outputs.cache-hit != 'true'
+              uses: reactivecircus/android-emulator-runner@50986b1464923454c95e261820bc626f38490ec0 # v2.27.0
               with:
-                  path: ~/.gradle/caches
-                  key: ${{ runner.os }}-gradle-${{ hashFiles('**/*.gradle') }}
+                  api-level: ${{ matrix.api-level }}
+                  force-avd-creation: false
+                  emulator-options: -no-window -gpu swiftshader_indirect -noaudio -no-boot-anim -camera-back none
+                  disable-animations: false
+                  arch: x86_64
+                  profile: Nexus 6
+                  script: echo "Generated AVD snapshot for caching."
 
-            - uses: reactivecircus/android-emulator-runner@50986b1464923454c95e261820bc626f38490ec0 # v2.27.0
+            - name: Run tests
+              uses: reactivecircus/android-emulator-runner@50986b1464923454c95e261820bc626f38490ec0 # v2.27.0
               with:
-                  api-level: 28
-                  emulator-build: 7425822 # https://github.com/ReactiveCircus/android-emulator-runner/issues/160#issuecomment-868615730
-                  profile: pixel_xl
+                  api-level: ${{ matrix.api-level }}
+                  force-avd-creation: false
+                  emulator-options: -no-snapshot-save -no-window -gpu swiftshader_indirect -noaudio -no-boot-anim -camera-back none
+                  disable-animations: true
+                  arch: x86_64
+                  profile: Nexus 6
                   script: npm run native test:e2e:android:local ${{ matrix.native-test-name }}
 
             - uses: actions/upload-artifact@83fd05a356d7e2593de66fc9913b3002723633cb # v3.1.1

From 23c47b7f4f02a90dd3577b0dd86c165e04dfe1c8 Mon Sep 17 00:00:00 2001
From: Nik Tsekouras <ntsekouras@outlook.com>
Date: Fri, 18 Nov 2022 16:49:45 +0200
Subject: [PATCH 24/76] [Inserter]: Replace text in `Reusable` tab with an icon
 (#45851)

* [Inserter]: Replace text in `Reusable` tab with an icon

* update styles and properly pass the icon

* Polish

* Use padding.

* Update padding

Co-authored-by: jasmussen <joen@automattic.com>
---
 packages/block-editor/src/components/inserter/style.scss | 6 ++++++
 packages/block-editor/src/components/inserter/tabs.js    | 2 ++
 packages/components/src/search-control/style.scss        | 4 ++++
 packages/e2e-test-utils/src/inserter.js                  | 4 ++--
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
index 22588e5c3a7b48..ad5a2d6642b4a2 100644
--- a/packages/block-editor/src/components/inserter/style.scss
+++ b/packages/block-editor/src/components/inserter/style.scss
@@ -125,6 +125,12 @@ $block-inserter-tabs-height: 44px;
 		.components-tab-panel__tabs-item {
 			flex-grow: 1;
 			margin-bottom: -$border-width;
+			&[id$="reusable"] {
+				flex-grow: inherit;
+				// These are to align the `reusable` icon with the search icon.
+				padding-left: $grid-unit-20;
+				padding-right: $grid-unit-20;
+			}
 		}
 	}
 
diff --git a/packages/block-editor/src/components/inserter/tabs.js b/packages/block-editor/src/components/inserter/tabs.js
index afc1c74e0a280d..24bfade8b2f4be 100644
--- a/packages/block-editor/src/components/inserter/tabs.js
+++ b/packages/block-editor/src/components/inserter/tabs.js
@@ -1,6 +1,7 @@
 /**
  * WordPress dependencies
  */
+import { symbol as reusableBlockIcon } from '@wordpress/icons';
 import { useMemo } from '@wordpress/element';
 import { TabPanel } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
@@ -19,6 +20,7 @@ const reusableBlocksTab = {
 	name: 'reusable',
 	/* translators: Reusable blocks tab title in the block inserter. */
 	title: __( 'Reusable' ),
+	icon: reusableBlockIcon,
 };
 
 function InserterTabs( {
diff --git a/packages/components/src/search-control/style.scss b/packages/components/src/search-control/style.scss
index ddd9d0e5b06e3b..c02250de4f52ee 100644
--- a/packages/components/src/search-control/style.scss
+++ b/packages/components/src/search-control/style.scss
@@ -10,6 +10,10 @@
 		width: 100%;
 		height: $grid-unit-60;
 
+		// Unset inherited values.
+		margin-left: 0;
+		margin-right: 0;
+
 		/* Fonts smaller than 16px causes mobile safari to zoom. */
 		font-size: $mobile-text-min-font-size;
 		@include break-small {
diff --git a/packages/e2e-test-utils/src/inserter.js b/packages/e2e-test-utils/src/inserter.js
index ba11908fc4fa39..58e86cd0cf8f7e 100644
--- a/packages/e2e-test-utils/src/inserter.js
+++ b/packages/e2e-test-utils/src/inserter.js
@@ -142,12 +142,12 @@ export async function searchForReusableBlock( searchTerm ) {
 	// fetched. They aren't fetched until an inserter is used or the post
 	// already contains reusable blocks, so wait for the tab to appear.
 	await page.waitForXPath(
-		'//div[contains(@class, "block-editor-inserter__tabs")]//button[text()="Reusable"]'
+		'//div[contains(@class, "block-editor-inserter__tabs")]//button[@aria-label="Reusable"]'
 	);
 
 	// Select the reusable blocks tab.
 	const tab = await page.waitForXPath(
-		'//div[contains(@class, "block-editor-inserter__tabs")]//button[text()="Reusable"]'
+		'//div[contains(@class, "block-editor-inserter__tabs")]//button[@aria-label="Reusable"]'
 	);
 	await tab.click();
 	await page.waitForSelector( INSERTER_SEARCH_SELECTOR );

From 13c529a870bc483fa156bcf6ac6ec9878bd43122 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 18 Nov 2022 17:24:48 +0200
Subject: [PATCH 25/76] Components: Fix no-node-access in Theme tests (#45896)

---
 packages/components/src/theme/test/index.tsx | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/packages/components/src/theme/test/index.tsx b/packages/components/src/theme/test/index.tsx
index 5c46d6e4964245..a3e3137f0d5b7e 100644
--- a/packages/components/src/theme/test/index.tsx
+++ b/packages/components/src/theme/test/index.tsx
@@ -28,21 +28,13 @@ describe( 'Theme', () => {
 	describe( 'accent color', () => {
 		it( 'it does not define the accent color (and its variations) as a CSS variable when the `accent` prop is undefined', () => {
 			render(
-				<Theme>
+				<Theme data-testid="theme">
 					<MyThemableComponent>Inner</MyThemableComponent>
 				</Theme>
 			);
 
-			const inner = screen.getByText( 'Inner' );
-
-			if ( inner?.parentElement === null ) {
-				throw new Error(
-					'Somehow the `Theme` component does not render a DOM element?'
-				);
-			}
-
 			const innerElementStyles = window.getComputedStyle(
-				inner?.parentElement
+				screen.getByTestId( 'theme' )
 			);
 
 			expect(
@@ -66,14 +58,12 @@ describe( 'Theme', () => {
 
 		it( 'it defines the accent color (and its variations) as a CSS variable', () => {
 			render(
-				<Theme accent="#123abc">
+				<Theme accent="#123abc" data-testid="theme">
 					<MyThemableComponent>Inner</MyThemableComponent>
 				</Theme>
 			);
 
-			const inner = screen.getByText( 'Inner' );
-
-			expect( inner?.parentElement ).toHaveStyle( {
+			expect( screen.getByTestId( 'theme' ) ).toHaveStyle( {
 				'--wp-components-color-accent': '#123abc',
 				'--wp-components-color-accent-darker-10': '#0e2c8d',
 				'--wp-components-color-accent-darker-20': '#091d5f',

From ab16f64beee5ccb8d2f6785620013957dce8e629 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 18 Nov 2022 17:25:06 +0200
Subject: [PATCH 26/76] Components: Fix no-node-access in Text tests (#45898)

---
 .../text/test/__snapshots__/index.tsx.snap    |   1 +
 packages/components/src/text/test/index.tsx   | 144 ++++++++++++------
 2 files changed, 99 insertions(+), 46 deletions(-)

diff --git a/packages/components/src/text/test/__snapshots__/index.tsx.snap b/packages/components/src/text/test/__snapshots__/index.tsx.snap
index e7fa80f09625cf..f63684c25d8695 100644
--- a/packages/components/src/text/test/__snapshots__/index.tsx.snap
+++ b/packages/components/src/text/test/__snapshots__/index.tsx.snap
@@ -36,6 +36,7 @@ exports[`Text should render highlighted words with highlightCaseSensitive 1`] =
     class="components-truncate components-text emotion-0 emotion-1"
     data-wp-c16t="true"
     data-wp-component="Text"
+    role="heading"
   >
     <span
       class=""
diff --git a/packages/components/src/text/test/index.tsx b/packages/components/src/text/test/index.tsx
index d9ff2bb787d212..ac7dc907211ea3 100644
--- a/packages/components/src/text/test/index.tsx
+++ b/packages/components/src/text/test/index.tsx
@@ -19,133 +19,185 @@ describe( 'Text', () => {
 	} );
 
 	test( 'should render optimizeReadabilityFor', () => {
-		const { container } = render(
-			<Text optimizeReadabilityFor="blue">Lorem ipsum.</Text>
+		render(
+			<Text role="heading" optimizeReadabilityFor="blue">
+				Lorem ipsum.
+			</Text>
 		);
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
 			color: COLORS.white,
 		} );
 	} );
 
 	test( 'should render truncate', () => {
-		const { container } = render( <Text truncate>Lorem ipsum.</Text> );
-		expect( container.firstChild ).toHaveStyle( {
+		render(
+			<Text role="heading" truncate>
+				Lorem ipsum.
+			</Text>
+		);
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
 			textOverflow: 'ellipsis',
 		} );
 	} );
 
 	test( 'should render size', () => {
-		const { container } = render( <Text size="title">Lorem ipsum.</Text> );
-		expect( container.firstChild ).toHaveStyle( {
+		render(
+			<Text role="heading" size="title">
+				Lorem ipsum.
+			</Text>
+		);
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
 			fontSize: getFontSize( 'title' ),
 		} );
 	} );
 
 	test( 'should render custom size', () => {
-		const { container } = render( <Text size={ 15 }>Lorem ipsum.</Text> );
-		expect( container.firstChild ).toHaveStyle( {
+		render(
+			<Text role="heading" size={ 15 }>
+				Lorem ipsum.
+			</Text>
+		);
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
 			fontSize: getFontSize( 15 ),
 		} );
 	} );
 
 	test( 'should render variant', () => {
-		const { container } = render(
-			<Text variant="muted">Lorem ipsum.</Text>
+		render(
+			<Text role="heading" variant="muted">
+				Lorem ipsum.
+			</Text>
 		);
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
 			color: COLORS.gray[ 700 ],
 		} );
 	} );
 
 	test( 'should render as another element', () => {
-		const { container } = render( <Text as="div">Lorem ipsum.</Text> );
-		expect( container.firstChild?.nodeName ).toBe( 'DIV' );
+		render(
+			<Text role="heading" as="div">
+				Lorem ipsum.
+			</Text>
+		);
+		expect( screen.getByRole( 'heading' )?.nodeName ).toBe( 'DIV' );
 	} );
 
 	test( 'should render align', () => {
-		const { container: centerAlignedContainer } = render(
-			<Text align="center">Lorem ipsum.</Text>
-		);
-		const { container: defaultAlignedContainer } = render(
-			<Text>Lorem ipsum.</Text>
+		render(
+			<>
+				<Text role="heading" align="center">
+					Lorem ipsum.
+				</Text>
+				<Text role="note">Lorem ipsum.</Text>
+			</>
 		);
 
-		expect(
-			defaultAlignedContainer.children[ 0 ]
-		).toMatchStyleDiffSnapshot( centerAlignedContainer.children[ 0 ] );
+		expect( screen.getByRole( 'note' ) ).toMatchStyleDiffSnapshot(
+			screen.getByRole( 'heading' )
+		);
 	} );
 
 	test( 'should render color', () => {
-		const { container } = render(
-			<Text color="orange">Lorem ipsum.</Text>
+		render(
+			<Text role="heading" color="orange">
+				Lorem ipsum.
+			</Text>
 		);
-		expect( container.firstChild ).toHaveStyle( { color: 'orange' } );
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
+			color: 'orange',
+		} );
 	} );
 
 	test( 'should render display', () => {
-		const { container } = render(
-			<Text display="inline-flex">Lorem ipsum.</Text>
+		render(
+			<Text role="heading" display="inline-flex">
+				Lorem ipsum.
+			</Text>
 		);
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
 			display: 'inline-flex',
 		} );
 	} );
 
 	test( 'should render highlighted words', async () => {
-		const { container } = render(
-			<Text highlightWords={ [ 'm' ] }>Lorem ipsum.</Text>
+		render(
+			<Text role="heading" highlightWords={ [ 'm' ] }>
+				Lorem ipsum.
+			</Text>
 		);
-		expect( container.firstChild?.childNodes ).toHaveLength( 5 );
+		expect( screen.getByRole( 'heading' )?.childNodes ).toHaveLength( 5 );
 		const words = await screen.findAllByText( 'm' );
 		expect( words ).toHaveLength( 2 );
 		words.forEach( ( word ) => expect( word.tagName ).toEqual( 'MARK' ) );
 	} );
 
 	test( 'should render highlighted words with undefined passed', () => {
-		const { container } = render(
-			<Text highlightWords={ undefined }>Lorem ipsum.</Text>
+		render(
+			<Text role="heading" highlightWords={ undefined }>
+				Lorem ipsum.
+			</Text>
 		);
 		// It'll have a length of 1 because there shouldn't be anything but the single span being rendered.
-		expect( container.firstChild?.childNodes ).toHaveLength( 1 );
+		expect( screen.getByRole( 'heading' )?.childNodes ).toHaveLength( 1 );
 	} );
 
 	test( 'should render highlighted words with highlightCaseSensitive', () => {
 		const { container } = render(
-			<Text highlightCaseSensitive highlightWords={ [ 'IPSUM' ] }>
+			<Text
+				role="heading"
+				highlightCaseSensitive
+				highlightWords={ [ 'IPSUM' ] }
+			>
 				Lorem ipsum.
 			</Text>
 		);
 
 		expect( container ).toMatchSnapshot();
 		// It'll have a length of 1 because there shouldn't be anything but the single span being rendered.
-		expect( container.firstChild?.childNodes ).toHaveLength( 1 );
+		expect( screen.getByRole( 'heading' )?.childNodes ).toHaveLength( 1 );
 	} );
 
 	test( 'should render isBlock', () => {
-		const { container } = render( <Text isBlock>Lorem ipsum.</Text> );
-		expect( container.firstChild ).toHaveStyle( {
+		render(
+			<Text role="heading" isBlock>
+				Lorem ipsum.
+			</Text>
+		);
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
 			display: 'block',
 		} );
 	} );
 
 	test( 'should render lineHeight', () => {
-		const { container } = render(
-			<Text lineHeight={ 1.5 }>Lorem ipsum.</Text>
+		render(
+			<Text role="heading" lineHeight={ 1.5 }>
+				Lorem ipsum.
+			</Text>
 		);
-		expect( container.firstChild ).toHaveStyle( { lineHeight: '1.5' } );
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
+			lineHeight: '1.5',
+		} );
 	} );
 
 	test( 'should render upperCase', () => {
-		const { container } = render( <Text upperCase>Lorem ipsum.</Text> );
-		expect( container.firstChild ).toHaveStyle( {
+		render(
+			<Text role="heading" upperCase>
+				Lorem ipsum.
+			</Text>
+		);
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
 			textTransform: 'uppercase',
 		} );
 	} );
 
 	test( 'should render weight', () => {
-		const { container } = render(
-			<Text weight={ 700 }>Lorem ipsum.</Text>
+		render(
+			<Text role="heading" weight={ 700 }>
+				Lorem ipsum.
+			</Text>
 		);
-		expect( container.firstChild ).toHaveStyle( { fontWeight: '700' } );
+		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
+			fontWeight: '700',
+		} );
 	} );
 } );

From 8e3d38af1d96fdc44f903091c3a25cbb0b5fabf8 Mon Sep 17 00:00:00 2001
From: Gutenberg Repository Automation <gutenberg@wordpress.org>
Date: Fri, 18 Nov 2022 16:57:25 +0000
Subject: [PATCH 27/76] Update Changelog for 14.5.4

---
 changelog.txt | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/changelog.txt b/changelog.txt
index 809e3f5ebc6bc4..3854aa54dfeb94 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,5 +1,22 @@
 == Changelog ==
 
+= 14.5.4 =
+
+## Changelog
+
+### Fixes
+
+#### Global Styles
+- Fix the `upgrader_process_complete` hook for `wp_theme_has_theme_json`. ([45881](https://github.com/WordPress/gutenberg/pull/45881))
+
+## Contributors
+
+The following contributors merged PRs in this release:
+
+@oandregal
+
+
+
 = 14.5.3 =
 
 

From 91e758dc1d064935a303e7663b4d400a1baa2ad9 Mon Sep 17 00:00:00 2001
From: Felix Arntz <felixarntz@google.com>
Date: Fri, 18 Nov 2022 09:38:32 -0800
Subject: [PATCH 28/76] Bring back checks for postId context.

---
 packages/block-library/src/post-featured-image/index.php | 6 ++++++
 packages/block-library/src/post-title/index.php          | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/block-library/src/post-featured-image/index.php b/packages/block-library/src/post-featured-image/index.php
index b4c5cc33c53fee..b1b4bfee610b5d 100644
--- a/packages/block-library/src/post-featured-image/index.php
+++ b/packages/block-library/src/post-featured-image/index.php
@@ -14,6 +14,12 @@
  * @return string Returns the featured image for the current post.
  */
 function render_block_core_post_featured_image( $attributes, $content, $block ) {
+	// While postId is not used in this function, we should keep this guard to
+	// make sure the block is rendered in the correct context.
+	if ( ! isset( $block->context['postId'] ) ) {
+		return '';
+	}
+
 	// Check is needed for backward compatibility with third-party plugins
 	// that might rely on the `in_the_loop` check; calling `the_post` sets it to true.
 	if ( ! in_the_loop() && have_posts() ) {
diff --git a/packages/block-library/src/post-title/index.php b/packages/block-library/src/post-title/index.php
index 3a90e46763d795..4c1f57f6a9f0af 100644
--- a/packages/block-library/src/post-title/index.php
+++ b/packages/block-library/src/post-title/index.php
@@ -15,6 +15,12 @@
  * @return string Returns the filtered post title for the current post wrapped inside "h1" tags.
  */
 function render_block_core_post_title( $attributes, $content, $block ) {
+	// While postId is not used in this function, we should keep this guard to
+	// make sure the block is rendered in the correct context.
+	if ( ! isset( $block->context['postId'] ) ) {
+		return '';
+	}
+
 	$title = get_the_title();
 
 	if ( ! $title ) {

From aa422e2942f8b0517c93306943d2b80f77dc900b Mon Sep 17 00:00:00 2001
From: Andrei Draganescu <me@andreidraganescu.info>
Date: Fri, 18 Nov 2022 21:55:13 +0200
Subject: [PATCH 29/76] Disable distraction free for small viewports (#45591)

---
 packages/edit-post/src/components/header/index.js | 6 +++---
 packages/edit-post/src/components/layout/index.js | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/edit-post/src/components/header/index.js b/packages/edit-post/src/components/header/index.js
index ed4a3ca94609e6..fb98f05970bb09 100644
--- a/packages/edit-post/src/components/header/index.js
+++ b/packages/edit-post/src/components/header/index.js
@@ -25,6 +25,7 @@ import { store as editPostStore } from '../../store';
 import TemplateTitle from './template-title';
 
 function Header( { setEntitiesSavedStatesCallback } ) {
+	const isLargeViewport = useViewportMatch( 'large' );
 	const {
 		hasActiveMetaboxes,
 		isPublishSidebarOpened,
@@ -40,13 +41,12 @@ function Header( { setEntitiesSavedStatesCallback } ) {
 			showIconLabels:
 				select( editPostStore ).isFeatureActive( 'showIconLabels' ),
 			isDistractionFree:
-				select( editPostStore ).isFeatureActive( 'distractionFree' ),
+				select( editPostStore ).isFeatureActive( 'distractionFree' ) &&
+				isLargeViewport,
 		} ),
 		[]
 	);
 
-	const isLargeViewport = useViewportMatch( 'large' );
-
 	const classes = classnames( 'edit-post-header' );
 
 	const slideY = {
diff --git a/packages/edit-post/src/components/layout/index.js b/packages/edit-post/src/components/layout/index.js
index 7ab7be65e54f26..c4eaf068da5a56 100644
--- a/packages/edit-post/src/components/layout/index.js
+++ b/packages/edit-post/src/components/layout/index.js
@@ -66,6 +66,7 @@ const interfaceLabels = {
 function Layout( { styles } ) {
 	const isMobileViewport = useViewportMatch( 'medium', '<' );
 	const isHugeViewport = useViewportMatch( 'huge', '>=' );
+	const isLargeViewport = useViewportMatch( 'large' );
 	const { openGeneralSidebar, closeGeneralSidebar, setIsInserterOpened } =
 		useDispatch( editPostStore );
 	const { createErrorNotice } = useDispatch( noticesStore );
@@ -116,7 +117,8 @@ function Layout( { styles } ) {
 			showIconLabels:
 				select( editPostStore ).isFeatureActive( 'showIconLabels' ),
 			isDistractionFree:
-				select( editPostStore ).isFeatureActive( 'distractionFree' ),
+				select( editPostStore ).isFeatureActive( 'distractionFree' ) &&
+				isLargeViewport,
 			showBlockBreadcrumbs: select( editPostStore ).isFeatureActive(
 				'showBlockBreadcrumbs'
 			),

From 225a22ae18aee44ff2039fcf6826838864d15dd5 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 18 Nov 2022 23:33:11 +0200
Subject: [PATCH 30/76] Components: Improve `Dropdown` tests (#45911)

* Get rid of expectPopoverVisible

* Get rid of expectButtonExpanded()

* Get rid of getButtonElement()

* fireEvent -> userEvent

* Wait for the popover to be displayed

* Fix maybe intentional typos

* Get rid of getOpenCloseButton()

* Improve comment

* Remove redundant variables
---
 .../components/src/dropdown/test/index.js     | 88 ++++++++-----------
 1 file changed, 39 insertions(+), 49 deletions(-)

diff --git a/packages/components/src/dropdown/test/index.js b/packages/components/src/dropdown/test/index.js
index 96947aca5b1282..b4d4f81fde8d1a 100644
--- a/packages/components/src/dropdown/test/index.js
+++ b/packages/components/src/dropdown/test/index.js
@@ -1,68 +1,57 @@
 /**
  * External dependencies
  */
-import { fireEvent, render } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 
 /**
  * Internal dependencies
  */
 import Dropdown from '../';
 
-function getButtonElement( container ) {
-	return container.querySelector( 'button' );
-}
-function getOpenCloseButton( container, selector ) {
-	return container.querySelector( selector );
-}
-
 describe( 'Dropdown', () => {
-	function expectPopoverVisible( container, value ) {
-		const popover = container.querySelector( '.components-popover' );
-		if ( value ) {
-			expect( popover ).toBeTruthy();
-		} else {
-			expect( popover ).toBeFalsy();
-		}
-	}
-
-	it( 'should toggle the dropdown properly', () => {
-		const expectButtonExpanded = ( container, expanded ) => {
-			expect( container.querySelectorAll( 'button' ) ).toHaveLength( 1 );
-			expect( getButtonElement( container ) ).toHaveAttribute(
-				'aria-expanded',
-				expanded.toString()
-			);
-		};
-
-		const {
-			container: { firstChild: dropdownContainer },
-		} = render(
+	it( 'should toggle the dropdown properly', async () => {
+		const user = userEvent.setup( {
+			advanceTimers: jest.advanceTimersByTime,
+		} );
+		const { unmount } = render(
 			<Dropdown
 				className="container"
 				contentClassName="content"
 				renderToggle={ ( { isOpen, onToggle } ) => (
 					<button aria-expanded={ isOpen } onClick={ onToggle }>
-						Toggleee
+						Toggle
 					</button>
 				) }
 				renderContent={ () => <span>test</span> }
+				popoverProps={ { 'data-testid': 'popover' } }
 			/>
 		);
 
-		expectButtonExpanded( dropdownContainer, false );
-		expectPopoverVisible( dropdownContainer, false );
+		const button = screen.getByRole( 'button', { expanded: false } );
+
+		expect( button ).toBeVisible();
+		expect( screen.queryByTestId( 'popover' ) ).not.toBeInTheDocument();
 
-		const button = getButtonElement( dropdownContainer );
-		fireEvent.click( button );
+		await user.click( button );
 
-		expectButtonExpanded( dropdownContainer, true );
-		expectPopoverVisible( dropdownContainer, true );
+		expect(
+			screen.getByRole( 'button', { expanded: true } )
+		).toBeVisible();
+
+		await waitFor( () =>
+			expect( screen.getByTestId( 'popover' ) ).toBeVisible()
+		);
+
+		// Cleanup remaining effects, like the delayed popover positioning
+		unmount();
 	} );
 
-	it( 'should close the dropdown when calling onClose', () => {
-		const {
-			container: { firstChild: dropdownContainer },
-		} = render(
+	it( 'should close the dropdown when calling onClose', async () => {
+		const user = userEvent.setup( {
+			advanceTimers: jest.advanceTimersByTime,
+		} );
+		render(
 			<Dropdown
 				className="container"
 				contentClassName="content"
@@ -73,26 +62,27 @@ describe( 'Dropdown', () => {
 						aria-expanded={ isOpen }
 						onClick={ onToggle }
 					>
-						Toggleee
+						Toggle
 					</button>,
 					<button key="close" className="close" onClick={ onClose }>
-						closee
+						close
 					</button>,
 				] }
 				renderContent={ () => null }
+				popoverProps={ { 'data-testid': 'popover' } }
 			/>
 		);
 
-		expectPopoverVisible( dropdownContainer, false );
+		expect( screen.queryByTestId( 'popover' ) ).not.toBeInTheDocument();
 
-		const openButton = getOpenCloseButton( dropdownContainer, '.open' );
-		fireEvent.click( openButton );
+		await user.click( screen.getByRole( 'button', { name: 'Toggle' } ) );
 
-		expectPopoverVisible( dropdownContainer, true );
+		await waitFor( () =>
+			expect( screen.getByTestId( 'popover' ) ).toBeVisible()
+		);
 
-		const closeButton = getOpenCloseButton( dropdownContainer, '.close' );
-		fireEvent.click( closeButton );
+		await user.click( screen.getByRole( 'button', { name: 'close' } ) );
 
-		expectPopoverVisible( dropdownContainer, false );
+		expect( screen.queryByTestId( 'popover' ) ).not.toBeInTheDocument();
 	} );
 } );

From b862a97ba27b1b3068330c62938d3f6496f4471c Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 18 Nov 2022 23:38:39 +0200
Subject: [PATCH 31/76] Element: Fix no-node-access in createInterpolateElement
 (#45894)

---
 .../element/src/test/create-interpolate-element.js     | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/element/src/test/create-interpolate-element.js b/packages/element/src/test/create-interpolate-element.js
index b8c5d4757e1cb7..e78d3b1c558441 100644
--- a/packages/element/src/test/create-interpolate-element.js
+++ b/packages/element/src/test/create-interpolate-element.js
@@ -209,15 +209,13 @@ describe( 'createInterpolateElement', () => {
 		};
 		const { container, rerender } = render( <TestComponent switchKey /> );
 
-		expect( container.firstChild ).toContainHTML( '<em>string!</em>' );
-		expect( container.firstChild ).not.toContainHTML( '<strong>' );
+		expect( container ).toContainHTML( '<em>string!</em>' );
+		expect( container ).not.toContainHTML( '<strong>' );
 
 		rerender( <TestComponent switchKey={ false } /> );
 
-		expect( container.firstChild ).toContainHTML(
-			'<strong>string!</strong>'
-		);
-		expect( container.firstChild ).not.toContainHTML( '<em>' );
+		expect( container ).toContainHTML( '<strong>string!</strong>' );
+		expect( container ).not.toContainHTML( '<em>' );
 	} );
 	it( 'handles parsing emojii correctly', () => {
 		const testString = '👳‍♀️<icon>🚨🤷‍♂️⛈️fully</icon> here';

From 109aec494a01414b5abc83b1999bd610b8ae21c7 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Fri, 18 Nov 2022 23:38:59 +0200
Subject: [PATCH 32/76] Components: Fix no-node-access in Sandbox tests
 (#45908)

---
 packages/components/src/sandbox/test/index.js | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/components/src/sandbox/test/index.js b/packages/components/src/sandbox/test/index.js
index d91dce1842199a..f25bdca675cbfd 100644
--- a/packages/components/src/sandbox/test/index.js
+++ b/packages/components/src/sandbox/test/index.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { fireEvent, render, screen } from '@testing-library/react';
+import { fireEvent, render, screen, within } from '@testing-library/react';
 
 /**
  * WordPress dependencies
@@ -16,15 +16,15 @@ import Sandbox from '../';
 describe( 'Sandbox', () => {
 	const TestWrapper = () => {
 		const [ html, setHtml ] = useState(
-			// MuatationObserver implementation from JSDom does not work as intended
+			// MutationObserver implementation from JSDom does not work as intended
 			// with iframes so we need to ignore it for the time being.
 			'<script type="text/javascript">window.MutationObserver = null;</script>' +
-				'<iframe class="mock-iframe" src="https://super.embed"></iframe>'
+				'<iframe title="Mock Iframe" src="https://super.embed"></iframe>'
 		);
 
 		const updateHtml = () => {
 			setHtml(
-				'<iframe class="mock-iframe" src="https://another.super.embed"></iframe>'
+				'<iframe title="Mock Iframe" src="https://another.super.embed"></iframe>'
 			);
 		};
 
@@ -33,18 +33,19 @@ describe( 'Sandbox', () => {
 				<button onClick={ updateHtml } className="mock-button">
 					Mock Button
 				</button>
-				<Sandbox html={ html } />
+				<Sandbox html={ html } title="Sandbox Title" />
 			</div>
 		);
 	};
 
 	it( 'should rerender with new emdeded content if html prop changes', () => {
-		const { container } = render( <TestWrapper /> );
+		render( <TestWrapper /> );
 
-		const iframe = container.querySelector( '.components-sandbox' );
+		const iframe = screen.getByTitle( 'Sandbox Title' );
 
-		let sandboxedIframe =
-			iframe.contentWindow.document.body.querySelector( '.mock-iframe' );
+		let sandboxedIframe = within(
+			iframe.contentWindow.document.body
+		).getByTitle( 'Mock Iframe' );
 
 		expect( sandboxedIframe ).toHaveAttribute(
 			'src',
@@ -53,8 +54,9 @@ describe( 'Sandbox', () => {
 
 		fireEvent.click( screen.getByRole( 'button' ) );
 
-		sandboxedIframe =
-			iframe.contentWindow.document.body.querySelector( '.mock-iframe' );
+		sandboxedIframe = within(
+			iframe.contentWindow.document.body
+		).getByTitle( 'Mock Iframe' );
 
 		expect( sandboxedIframe ).toHaveAttribute(
 			'src',

From 8795c6e336d7cdf69caa02762bb3a0f4681c6fa7 Mon Sep 17 00:00:00 2001
From: Marissa <85708316+marissa-makes@users.noreply.github.com>
Date: Sat, 19 Nov 2022 00:01:33 -0500
Subject: [PATCH 33/76] BlockVariationPicker: Remove unnecessary aria role
 (#45916)

---
 .../src/components/block-variation-picker/index.js           | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/block-editor/src/components/block-variation-picker/index.js b/packages/block-editor/src/components/block-variation-picker/index.js
index 24bdfa272c34b2..27e214ec39bb07 100644
--- a/packages/block-editor/src/components/block-variation-picker/index.js
+++ b/packages/block-editor/src/components/block-variation-picker/index.js
@@ -49,10 +49,7 @@ function BlockVariationPicker( {
 							className="block-editor-block-variation-picker__variation"
 							label={ variation.description || variation.title }
 						/>
-						<span
-							className="block-editor-block-variation-picker__variation-label"
-							role="presentation"
-						>
+						<span className="block-editor-block-variation-picker__variation-label">
 							{ variation.title }
 						</span>
 					</li>

From 9d936e44729d65d1522f1f2eccffd587c205f420 Mon Sep 17 00:00:00 2001
From: Seth Miller <seth@flexperception.com>
Date: Sun, 20 Nov 2022 19:19:35 -0500
Subject: [PATCH 34/76] Added InspectorControls import to example (#45872)

* Added InspectorControls import to example

Fixes InspectorControls is not defined

* Update docs/how-to-guides/block-tutorial/extending-the-query-loop-block.md

Co-authored-by: Ryan Welcher <me@ryanwelcher.com>
---
 .../block-tutorial/extending-the-query-loop-block.md            | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/how-to-guides/block-tutorial/extending-the-query-loop-block.md b/docs/how-to-guides/block-tutorial/extending-the-query-loop-block.md
index 3956971645f86a..e43dcb9727088d 100644
--- a/docs/how-to-guides/block-tutorial/extending-the-query-loop-block.md
+++ b/docs/how-to-guides/block-tutorial/extending-the-query-loop-block.md
@@ -192,6 +192,8 @@ Notice that we have also disabled the `postType` control. When the user selects
 Because our plugin uses custom attributes that we need to query, we want to add our own controls to allow the users to select those instead of the ones we have just disabled from the core inspector controls. We can do this via a [React HOC](https://reactjs.org/docs/higher-order-components.html) hooked into a [block filter](https://developer.wordpress.org/block-editor/reference-guides/filters/block-filters/), like so:
 
 ```jsx
+import { InspectorControls } from '@wordpress/block-editor';
+
 export const withBookQueryControls = ( BlockEdit ) => ( props ) => {
 	// We only want to add these controls if it is our variation,
 	// so here we can implement a custom logic to check for that, similiar

From 5046795e516f6cb02b9382c3354ce48dea3bda73 Mon Sep 17 00:00:00 2001
From: Dennis Snell <dennis.snell@automattic.com>
Date: Sat, 19 Nov 2022 18:52:51 -0700
Subject: [PATCH 35/76] Perf Tests: Fix test build process to call wp-scripts

In #45284 we started skipping the generate-types phase of the build
when running the performance tests. This was done to avoid the time
it takes to generate those types when they are ignored by the rest
of the test suite.

In that patch we accidentally skipped running `wp-scripts build`,
and in this patch we're bringing that back to fix the mistake.
---
 bin/plugin/commands/performance.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bin/plugin/commands/performance.js b/bin/plugin/commands/performance.js
index a7f9c81e8cebb3..31a537f373731d 100644
--- a/bin/plugin/commands/performance.js
+++ b/bin/plugin/commands/performance.js
@@ -276,7 +276,7 @@ async function runPerformanceTests( branches, options ) {
 
 			log( `        >> Building the ${ fancyBranch } branch` );
 			await runShellScript(
-				'npm ci && node ./bin/packages/build.js',
+				'npm ci && npm run prebuild:packages && node ./bin/packages/build.js && npx wp-scripts build',
 				buildPath
 			);
 		}

From 35f25ab846f30eccbbf48ea6911e88f35f030c5b Mon Sep 17 00:00:00 2001
From: Alex Lende <alex@lende.xyz>
Date: Sun, 20 Nov 2022 22:00:48 -0700
Subject: [PATCH 36/76] Add submenu menu item to list view (#45794)

---
 .../src/components/off-canvas-editor/block.js | 37 +++++++++++++++++--
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/packages/block-editor/src/components/off-canvas-editor/block.js b/packages/block-editor/src/components/off-canvas-editor/block.js
index 50119ebddfb579..a0bf8529a4d01c 100644
--- a/packages/block-editor/src/components/off-canvas-editor/block.js
+++ b/packages/block-editor/src/components/off-canvas-editor/block.js
@@ -6,10 +6,11 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { hasBlockSupport } from '@wordpress/blocks';
+import { createBlock, hasBlockSupport } from '@wordpress/blocks';
 import {
 	__experimentalTreeGridCell as TreeGridCell,
 	__experimentalTreeGridItem as TreeGridItem,
+	MenuItem,
 } from '@wordpress/components';
 import { useInstanceId } from '@wordpress/compose';
 import { moreVertical } from '@wordpress/icons';
@@ -59,7 +60,7 @@ function ListViewBlock( {
 } ) {
 	const cellRef = useRef( null );
 	const [ isHovered, setIsHovered ] = useState( false );
-	const { clientId } = block;
+	const { clientId, attributes } = block;
 
 	const { isLocked, isContentLocked } = useBlockLock( clientId );
 	const forceSelectionContentLock = useSelect(
@@ -86,7 +87,8 @@ function ListViewBlock( {
 		( isSelected &&
 			selectedClientIds[ selectedClientIds.length - 1 ] === clientId );
 
-	const { toggleBlockHighlight } = useDispatch( blockEditorStore );
+	const { replaceBlock, toggleBlockHighlight } =
+		useDispatch( blockEditorStore );
 
 	const blockInformation = useBlockDisplayInformation( clientId );
 	const blockName = useSelect(
@@ -355,7 +357,34 @@ function ListViewBlock( {
 								} }
 								disableOpenOnArrowDown
 								__experimentalSelectBlock={ updateSelection }
-							/>
+							>
+								{ ( { onClose } ) => (
+									<MenuItem
+										onClick={ () => {
+											const newLink = createBlock(
+												'core/navigation-link'
+											);
+											const newSubmenu = createBlock(
+												'core/navigation-submenu',
+												attributes,
+												block.innerBlocks
+													? [
+															...block.innerBlocks,
+															newLink,
+													  ]
+													: [ newLink ]
+											);
+											replaceBlock(
+												clientId,
+												newSubmenu
+											);
+											onClose();
+										} }
+									>
+										{ __( 'Add a submenu item' ) }
+									</MenuItem>
+								) }
+							</BlockSettingsDropdown>
 						) }
 					</TreeGridCell>
 				</>

From 1b69ba2b9b42fe1b6fee765d06c401dd1ac710c6 Mon Sep 17 00:00:00 2001
From: Mitchell Austin <mr.fye@oneandthesame.net>
Date: Sun, 20 Nov 2022 23:02:25 -0800
Subject: [PATCH 37/76] Storybook: Opt in to story store v7 (#42486)

* Opt in to code-split stories

* Revert glob

* Move story utility files to subfolders

Co-authored-by: Lena Morita <lena@jaguchi.com>
---
 .../src/components/inserter/stories/index.js  |  2 +-
 .../inserter/stories/{ => utils}/fixtures.js  |  0
 .../src/navigation/stories/index.js           | 12 ++++-----
 .../stories/{ => utils}/controlled-state.js   |  6 ++---
 .../navigation/stories/{ => utils}/default.js |  6 ++---
 .../navigation/stories/{ => utils}/group.js   |  8 +++---
 .../stories/{ => utils}/hide-if-empty.js      |  6 ++---
 .../stories/{ => utils}/more-examples.js      |  8 +++---
 .../navigation/stories/{ => utils}/search.js  | 10 ++++----
 .../src/tools-panel/stories/index.js          |  2 +-
 .../tools-panel-with-item-group-slot.js       | 25 +++++++++++--------
 packages/components/tsconfig.json             |  4 +--
 storybook/main.js                             |  2 ++
 13 files changed, 48 insertions(+), 43 deletions(-)
 rename packages/block-editor/src/components/inserter/stories/{ => utils}/fixtures.js (100%)
 rename packages/components/src/navigation/stories/{ => utils}/controlled-state.js (96%)
 rename packages/components/src/navigation/stories/{ => utils}/default.js (93%)
 rename packages/components/src/navigation/stories/{ => utils}/group.js (86%)
 rename packages/components/src/navigation/stories/{ => utils}/hide-if-empty.js (90%)
 rename packages/components/src/navigation/stories/{ => utils}/more-examples.js (96%)
 rename packages/components/src/navigation/stories/{ => utils}/search.js (89%)
 rename packages/components/src/tools-panel/stories/{ => utils}/tools-panel-with-item-group-slot.js (92%)

diff --git a/packages/block-editor/src/components/inserter/stories/index.js b/packages/block-editor/src/components/inserter/stories/index.js
index c74ca5fe79ee1b..f6949653c87872 100644
--- a/packages/block-editor/src/components/inserter/stories/index.js
+++ b/packages/block-editor/src/components/inserter/stories/index.js
@@ -3,7 +3,7 @@
  */
 import BlockLibrary from '../library';
 import BlockEditorProvider from '../../provider';
-import { patternCategories, patterns, reusableBlocks } from './fixtures';
+import { patternCategories, patterns, reusableBlocks } from './utils/fixtures';
 import Inserter from '../';
 
 export default { title: 'BlockEditor/Inserter' };
diff --git a/packages/block-editor/src/components/inserter/stories/fixtures.js b/packages/block-editor/src/components/inserter/stories/utils/fixtures.js
similarity index 100%
rename from packages/block-editor/src/components/inserter/stories/fixtures.js
rename to packages/block-editor/src/components/inserter/stories/utils/fixtures.js
diff --git a/packages/components/src/navigation/stories/index.js b/packages/components/src/navigation/stories/index.js
index 0c28f8c58347d2..8fbdde44fe7dff 100644
--- a/packages/components/src/navigation/stories/index.js
+++ b/packages/components/src/navigation/stories/index.js
@@ -6,12 +6,12 @@ import NavigationBackButton from '../back-button';
 import NavigationGroup from '../group';
 import NavigationItem from '../item';
 import NavigationMenu from '../menu';
-import { DefaultStory } from './default';
-import { GroupStory } from './group';
-import { ControlledStateStory } from './controlled-state';
-import { SearchStory } from './search';
-import { MoreExamplesStory } from './more-examples';
-import { HideIfEmptyStory } from './hide-if-empty';
+import { DefaultStory } from './utils/default';
+import { GroupStory } from './utils/group';
+import { ControlledStateStory } from './utils/controlled-state';
+import { SearchStory } from './utils/search';
+import { MoreExamplesStory } from './utils/more-examples';
+import { HideIfEmptyStory } from './utils/hide-if-empty';
 import './style.css';
 
 export default {
diff --git a/packages/components/src/navigation/stories/controlled-state.js b/packages/components/src/navigation/stories/utils/controlled-state.js
similarity index 96%
rename from packages/components/src/navigation/stories/controlled-state.js
rename to packages/components/src/navigation/stories/utils/controlled-state.js
index 68c1be54f1bffb..ed7d652d0df778 100644
--- a/packages/components/src/navigation/stories/controlled-state.js
+++ b/packages/components/src/navigation/stories/utils/controlled-state.js
@@ -7,9 +7,9 @@ import { useState } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import Navigation from '..';
-import NavigationItem from '../item';
-import NavigationMenu from '../menu';
+import Navigation from '../..';
+import NavigationItem from '../../item';
+import NavigationMenu from '../../menu';
 
 export function ControlledStateStory() {
 	const [ activeItem, setActiveItem ] = useState( 'item-1' );
diff --git a/packages/components/src/navigation/stories/default.js b/packages/components/src/navigation/stories/utils/default.js
similarity index 93%
rename from packages/components/src/navigation/stories/default.js
rename to packages/components/src/navigation/stories/utils/default.js
index cbcfe53338811d..569cb8aa17b4bc 100644
--- a/packages/components/src/navigation/stories/default.js
+++ b/packages/components/src/navigation/stories/utils/default.js
@@ -6,9 +6,9 @@ import { useState } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import Navigation from '..';
-import NavigationItem from '../item';
-import NavigationMenu from '../menu';
+import Navigation from '../..';
+import NavigationItem from '../../item';
+import NavigationMenu from '../../menu';
 
 export function DefaultStory() {
 	const [ activeItem, setActiveItem ] = useState( 'item-1' );
diff --git a/packages/components/src/navigation/stories/group.js b/packages/components/src/navigation/stories/utils/group.js
similarity index 86%
rename from packages/components/src/navigation/stories/group.js
rename to packages/components/src/navigation/stories/utils/group.js
index 1c919d50464f23..7e11071a63b9a4 100644
--- a/packages/components/src/navigation/stories/group.js
+++ b/packages/components/src/navigation/stories/utils/group.js
@@ -6,10 +6,10 @@ import { useState } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import Navigation from '..';
-import NavigationItem from '../item';
-import NavigationMenu from '../menu';
-import NavigationGroup from '../group';
+import Navigation from '../..';
+import NavigationItem from '../../item';
+import NavigationMenu from '../../menu';
+import NavigationGroup from '../../group';
 
 export function GroupStory() {
 	const [ activeItem, setActiveItem ] = useState( 'item-1' );
diff --git a/packages/components/src/navigation/stories/hide-if-empty.js b/packages/components/src/navigation/stories/utils/hide-if-empty.js
similarity index 90%
rename from packages/components/src/navigation/stories/hide-if-empty.js
rename to packages/components/src/navigation/stories/utils/hide-if-empty.js
index 0977a41ab18463..ef9e889932a895 100644
--- a/packages/components/src/navigation/stories/hide-if-empty.js
+++ b/packages/components/src/navigation/stories/utils/hide-if-empty.js
@@ -1,9 +1,9 @@
 /**
  * Internal dependencies
  */
-import Navigation from '..';
-import NavigationItem from '../item';
-import NavigationMenu from '../menu';
+import Navigation from '../..';
+import NavigationItem from '../../item';
+import NavigationMenu from '../../menu';
 
 export function HideIfEmptyStory() {
 	return (
diff --git a/packages/components/src/navigation/stories/more-examples.js b/packages/components/src/navigation/stories/utils/more-examples.js
similarity index 96%
rename from packages/components/src/navigation/stories/more-examples.js
rename to packages/components/src/navigation/stories/utils/more-examples.js
index 2887ab1241c0c6..43bd33835db370 100644
--- a/packages/components/src/navigation/stories/more-examples.js
+++ b/packages/components/src/navigation/stories/utils/more-examples.js
@@ -7,10 +7,10 @@ import { Icon, wordpress, home } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-import Navigation from '..';
-import NavigationGroup from '../group';
-import NavigationItem from '../item';
-import NavigationMenu from '../menu';
+import Navigation from '../..';
+import NavigationGroup from '../../group';
+import NavigationItem from '../../item';
+import NavigationMenu from '../../menu';
 
 export function MoreExamplesStory() {
 	const [ activeItem, setActiveItem ] = useState( 'child-1' );
diff --git a/packages/components/src/navigation/stories/search.js b/packages/components/src/navigation/stories/utils/search.js
similarity index 89%
rename from packages/components/src/navigation/stories/search.js
rename to packages/components/src/navigation/stories/utils/search.js
index d9bcd405cbc349..6fb1a176970233 100644
--- a/packages/components/src/navigation/stories/search.js
+++ b/packages/components/src/navigation/stories/utils/search.js
@@ -6,11 +6,11 @@ import { useState } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import Navigation from '..';
-import NavigationGroup from '../group';
-import NavigationItem from '../item';
-import NavigationMenu from '../menu';
-import { normalizedSearch } from '../utils';
+import Navigation from '../..';
+import NavigationGroup from '../../group';
+import NavigationItem from '../../item';
+import NavigationMenu from '../../menu';
+import { normalizedSearch } from '../../utils';
 
 const searchItems = [
 	{ item: 'foo', title: 'Foo' },
diff --git a/packages/components/src/tools-panel/stories/index.js b/packages/components/src/tools-panel/stories/index.js
index 9f03ebbede6372..49f9d366587cb8 100644
--- a/packages/components/src/tools-panel/stories/index.js
+++ b/packages/components/src/tools-panel/stories/index.js
@@ -494,7 +494,7 @@ export const WithConditionallyRenderedControl = () => {
 	);
 };
 
-export { ToolsPanelWithItemGroupSlot } from './tools-panel-with-item-group-slot';
+export { ToolsPanelWithItemGroupSlot } from './utils/tools-panel-with-item-group-slot';
 
 const PanelWrapperView = styled.div`
 	font-size: 13px;
diff --git a/packages/components/src/tools-panel/stories/tools-panel-with-item-group-slot.js b/packages/components/src/tools-panel/stories/utils/tools-panel-with-item-group-slot.js
similarity index 92%
rename from packages/components/src/tools-panel/stories/tools-panel-with-item-group-slot.js
rename to packages/components/src/tools-panel/stories/utils/tools-panel-with-item-group-slot.js
index 717fd3a4485275..d1895324df4c3b 100644
--- a/packages/components/src/tools-panel/stories/tools-panel-with-item-group-slot.js
+++ b/packages/components/src/tools-panel/stories/utils/tools-panel-with-item-group-slot.js
@@ -12,17 +12,20 @@ import { useContext, useState } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import Button from '../../button';
-import ColorIndicator from '../../color-indicator';
-import ColorPalette from '../../color-palette';
-import Dropdown from '../../dropdown';
-import Panel from '../../panel';
-import { FlexItem } from '../../flex';
-import { HStack } from '../../h-stack';
-import { Item, ItemGroup } from '../../item-group';
-import { ToolsPanel, ToolsPanelItem, ToolsPanelContext } from '..';
-import { createSlotFill, Provider as SlotFillProvider } from '../../slot-fill';
-import { useCx } from '../../utils';
+import Button from '../../../button';
+import ColorIndicator from '../../../color-indicator';
+import ColorPalette from '../../../color-palette';
+import Dropdown from '../../../dropdown';
+import Panel from '../../../panel';
+import { FlexItem } from '../../../flex';
+import { HStack } from '../../../h-stack';
+import { Item, ItemGroup } from '../../../item-group';
+import { ToolsPanel, ToolsPanelItem, ToolsPanelContext } from '../..';
+import {
+	createSlotFill,
+	Provider as SlotFillProvider,
+} from '../../../slot-fill';
+import { useCx } from '../../../utils';
 
 // Available border colors.
 const colors = [
diff --git a/packages/components/tsconfig.json b/packages/components/tsconfig.json
index 107f0ffe586417..04a8eaa8d4d9ec 100644
--- a/packages/components/tsconfig.json
+++ b/packages/components/tsconfig.json
@@ -37,8 +37,8 @@
 		"src/**/*.ios.js",
 		"src/**/*.native.js",
 		"src/**/react-native-*",
-		"src/**/stories/**.js", // only exclude js files, tsx files should be checked
-		"src/**/test/**.js", // only exclude js files, ts{x} files should be checked
+		"src/**/stories/**/*.js", // only exclude js files, tsx files should be checked
+		"src/**/test/**/*.js", // only exclude js files, ts{x} files should be checked
 		"src/index.js",
 		"src/alignment-matrix-control",
 		"src/angle-picker-control",
diff --git a/storybook/main.js b/storybook/main.js
index 717f42f7fb5e6d..29880d64557001 100644
--- a/storybook/main.js
+++ b/storybook/main.js
@@ -25,9 +25,11 @@ module.exports = {
 		'@storybook/addon-actions',
 		'storybook-source-link',
 	],
+	framework: '@storybook/react',
 	features: {
 		babelModeV7: true,
 		emotionAlias: false,
+		storyStoreV7: true,
 	},
 	// Workaround:
 	// https://github.com/storybookjs/storybook/issues/12270

From 5c445c240f2aeb5823fe6ea3a97c24aadf85aee3 Mon Sep 17 00:00:00 2001
From: Ramon <ramonjd@users.noreply.github.com>
Date: Mon, 21 Nov 2022 18:56:21 +1100
Subject: [PATCH 38/76] Style Engine: add first draft of contributing doc
 (#45930)

* Initial commit.

* Adding `@group` to style engine tests so they can be run altogether
Finishing up first draft of CONTRIBUTING.md notes

* Formattings

* Apply suggestions from code review

Co-authored-by: Andrew Serong <14988353+andrewserong@users.noreply.github.com>

Co-authored-by: Andrew Serong <14988353+andrewserong@users.noreply.github.com>
---
 packages/style-engine/CONTRIBUTING.md         | 40 +++++++++++++++++++
 packages/style-engine/README.md               |  2 +
 ...-wp-style-engine-css-declarations-test.php |  1 +
 .../class-wp-style-engine-css-rule-test.php   |  1 +
 ...s-wp-style-engine-css-rules-store-test.php |  1 +
 .../class-wp-style-engine-processor-test.php  |  1 +
 phpunit/style-engine/style-engine-test.php    |  2 +
 7 files changed, 48 insertions(+)
 create mode 100644 packages/style-engine/CONTRIBUTING.md

diff --git a/packages/style-engine/CONTRIBUTING.md b/packages/style-engine/CONTRIBUTING.md
new file mode 100644
index 00000000000000..70bfddb8eb5011
--- /dev/null
+++ b/packages/style-engine/CONTRIBUTING.md
@@ -0,0 +1,40 @@
+# Contributing
+
+This document contains information you might need to know when extending or debugging Style Engine code.
+
+## Workflow and build tooling
+
+The Style Engine PHP and Javascript (JS) files exist inside the `style-engine` package. 
+
+In order to use the Style Engine in the Block Editor, these files must be compiled (in the case of JS) and copied to the build folder.
+
+When running the `npm run dev` script for example, webpack watches out for changes and will recompile/copy files as necessary if any changes are detected according to the rules in the [packages webpack config](https://github.com/WordPress/gutenberg/tree/HEAD/tools/webpack/packages.js).
+
+No other configuration is required for JS: webpack will compile and export the Style Engine code as it does with all dependencies listed in [package.json](https://github.com/WordPress/gutenberg/tree/HEAD/package.json).
+
+The PHP files for packages, however, have a couple of extra steps during the build process:
+
+1. Functions with the `wp_` prefix are replaced with `gutenberg_`. So, for example, `wp_some_function` becomes `gutenberg_some_function` in the build directory. The reason for this is so that the Block Editor can call Style Engine functions that may have evolved since, or have not yet been included in, any WordPress release.
+2. For the same reasons, classes are given a `_Gutenberg` suffix: `WP_Style_Engine` becomes `WP_Style_Engine_Gutenberg`. The [packages webpack config](https://github.com/WordPress/gutenberg/tree/HEAD/tools/webpack/packages.js) contains a static list of PHP classes (`bundledPackagesPhpConfig`) that have to be copied and renamed during build. If you create a new PHP class in the Style Engine package, you should add your class name to the `replaceClasses` array.
+
+Remember: all PHP functions and methods inside the Style Engine package should use `wp_/WP_` prefixes. Usage outside of the package in Gutenberg can reference the `gutenberg` prefixes or suffixes from the built files.
+
+When updating existing PHP functions or methods, it's important to check the Block Editor codebase for calls to the equivalent `wp_` functions or classes as they may have to be updated to refer to `gutenberg_` or `_Gutenberg` in order for the updates to take effect.
+
+## Testing
+
+[JS unit tests](https://github.com/WordPress/gutenberg/tree/HEAD/packages/style-engine/src/test) are stored next to the source code in the `style-engine` package directory.
+
+To start the JS unit tests, run:
+
+`npm run test:unit packages/style-engine/src/test/`
+
+[PHP unit tests](https://github.com/WordPress/gutenberg/tree/HEAD/phpunit/style-engine) are located in the root `phpunit` directory. 
+
+In order to test the latest version of the Style Engine and avoid conflicts with existing Core equivalents, all PHP unit tests call the `gutenberg_` functions and `_Gutenberg` classes. 
+
+Therefore, Style Engine PHP source files should be parsed and copied to the build folder before running tests. During development, this will happen as part of the `npm run dev` script. You can also trigger a build by executing `npm run build`.
+
+To start the PHP unit tests, run:
+
+`npm run test:unit:php -- --group style-engine`
diff --git a/packages/style-engine/README.md b/packages/style-engine/README.md
index 317e48e0c37c48..999fab2aa835e9 100644
--- a/packages/style-engine/README.md
+++ b/packages/style-engine/README.md
@@ -19,6 +19,8 @@ Upcoming tasks on the roadmap include, but are not limited to, the following:
 
 For more information about the roadmap, please refer to [Block editor styles: initiatives and goals](https://make.wordpress.org/core/2022/06/24/block-editor-styles-initiatives-and-goals/) and the [Github project board](https://github.com/orgs/WordPress/projects/19).
 
+If you're making changes or additions to the Style Engine, please take a moment to read the [notes on contributing](https://github.com/WordPress/gutenberg/tree/HEAD/packages/style-engine/CONTRIBUTING.md).
+
 ## Backend API
 
 ### wp_style_engine_get_styles()
diff --git a/phpunit/style-engine/class-wp-style-engine-css-declarations-test.php b/phpunit/style-engine/class-wp-style-engine-css-declarations-test.php
index 5380cc81d58314..011de140d08927 100644
--- a/phpunit/style-engine/class-wp-style-engine-css-declarations-test.php
+++ b/phpunit/style-engine/class-wp-style-engine-css-declarations-test.php
@@ -9,6 +9,7 @@
 /**
  * Tests registering, storing and generating CSS declarations.
  *
+ * @group style-engine
  * @coversDefaultClass WP_Style_Engine_CSS_Declarations_Gutenberg
  */
 class WP_Style_Engine_CSS_Declarations_Test extends WP_UnitTestCase {
diff --git a/phpunit/style-engine/class-wp-style-engine-css-rule-test.php b/phpunit/style-engine/class-wp-style-engine-css-rule-test.php
index 26ea41c7ce830f..02482c70e4d84a 100644
--- a/phpunit/style-engine/class-wp-style-engine-css-rule-test.php
+++ b/phpunit/style-engine/class-wp-style-engine-css-rule-test.php
@@ -9,6 +9,7 @@
 /**
  * Tests for registering, storing and generating CSS rules.
  *
+ * @group style-engine
  * @coversDefaultClass WP_Style_Engine_CSS_Rule_Gutenberg
  */
 class WP_Style_Engine_CSS_Rule_Test extends WP_UnitTestCase {
diff --git a/phpunit/style-engine/class-wp-style-engine-css-rules-store-test.php b/phpunit/style-engine/class-wp-style-engine-css-rules-store-test.php
index 700f63c556c255..8529bff78e22c8 100644
--- a/phpunit/style-engine/class-wp-style-engine-css-rules-store-test.php
+++ b/phpunit/style-engine/class-wp-style-engine-css-rules-store-test.php
@@ -9,6 +9,7 @@
 /**
  * Tests for registering, storing and retrieving a collection of CSS Rules (a store).
  *
+ * @group style-engine
  * @coversDefaultClass WP_Style_Engine_CSS_Rules_Store_Gutenberg
  */
 class WP_Style_Engine_CSS_Rules_Store_Test extends WP_UnitTestCase {
diff --git a/phpunit/style-engine/class-wp-style-engine-processor-test.php b/phpunit/style-engine/class-wp-style-engine-processor-test.php
index cfbde08704bdcb..18392f5156fcc5 100644
--- a/phpunit/style-engine/class-wp-style-engine-processor-test.php
+++ b/phpunit/style-engine/class-wp-style-engine-processor-test.php
@@ -9,6 +9,7 @@
 /**
  * Tests for compiling and rendering styles from a store of CSS rules.
  *
+ * @group style-engine
  * @coversDefaultClass WP_Style_Engine_Processor_Gutenberg
  */
 class WP_Style_Engine_Processor_Test extends WP_UnitTestCase {
diff --git a/phpunit/style-engine/style-engine-test.php b/phpunit/style-engine/style-engine-test.php
index 5f4c57453e8a8f..66d8dd62865272 100644
--- a/phpunit/style-engine/style-engine-test.php
+++ b/phpunit/style-engine/style-engine-test.php
@@ -8,6 +8,8 @@
 
 /**
  * Tests for registering, storing and generating styles.
+ *
+ * @group style-engine
  */
 class WP_Style_Engine_Test extends WP_UnitTestCase {
 	/**

From 8f57b443358aa8b098589f20ee7d0109bd592db2 Mon Sep 17 00:00:00 2001
From: George Mamadashvili <georgemamadashvili@gmail.com>
Date: Mon, 21 Nov 2022 13:13:29 +0400
Subject: [PATCH 39/76] Site Editor: Fix template list width (#45888)

---
 packages/edit-site/src/components/list/style.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/edit-site/src/components/list/style.scss b/packages/edit-site/src/components/list/style.scss
index e6cf7220cdf604..f18e90c00fc618 100644
--- a/packages/edit-site/src/components/list/style.scss
+++ b/packages/edit-site/src/components/list/style.scss
@@ -44,9 +44,12 @@
 
 		.interface-interface-skeleton__content {
 			background: $white;
-			align-items: center;
 			padding: $grid-unit-20;
 
+			.interface-navigable-region__stacker {
+				align-items: center;
+			}
+
 			@include break-medium() {
 				padding: $grid-unit * 9;
 			}

From abc8d7e850e0e6162725fe22f1b1d033f3d22ee4 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Mon, 21 Nov 2022 11:19:31 +0100
Subject: [PATCH 40/76] Cleanup the BlockPreview component (#45936)

---
 packages/base-styles/_z-index.scss            |  1 -
 .../src/components/block-preview/README.md    | 14 --------------
 .../src/components/block-preview/index.js     | 17 +++++------------
 .../src/components/block-preview/live.js      | 19 -------------------
 .../src/components/block-preview/style.scss   |  2 --
 5 files changed, 5 insertions(+), 48 deletions(-)
 delete mode 100644 packages/block-editor/src/components/block-preview/live.js

diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
index 14305a93611977..9c7b55e78a69cc 100644
--- a/packages/base-styles/_z-index.scss
+++ b/packages/base-styles/_z-index.scss
@@ -7,7 +7,6 @@ $z-layers: (
 	".block-editor-block-switcher__arrow": 1,
 	".block-editor-block-list__block {core/image aligned wide or fullwide}": 20,
 	".block-library-classic__toolbar": 31, // When scrolled to top this toolbar needs to sit over block-editor-block-toolbar
-	".block-editor-block-list__layout .reusable-block-indicator": 1,
 	".block-editor-block-list__block-selection-button": 22,
 	".components-form-toggle__input": 1,
 	".edit-post-text-editor__toolbar": 1,
diff --git a/packages/block-editor/src/components/block-preview/README.md b/packages/block-editor/src/components/block-preview/README.md
index 6df2cb6773878b..0da7348817cd85 100644
--- a/packages/block-editor/src/components/block-preview/README.md
+++ b/packages/block-editor/src/components/block-preview/README.md
@@ -34,17 +34,3 @@ Width of the preview container in pixels. Controls at what size the blocks will
 -   **Default** `undefined`
 
 Padding for the preview container body.
-
-### `__experimentalLive`
-
--   **Type** `Boolean`
--   **Default:** `false`
-
-Enables displaying previews without an iframe container.
-
-### `__experimentalOnClick`
-
--   **Type** `Function`
--   **Default:** `undefined`
-
-Use this callback in combination with `__experimentalLive`. The callback is attached to the preview container element.
diff --git a/packages/block-editor/src/components/block-preview/index.js b/packages/block-editor/src/components/block-preview/index.js
index b01411591f098d..535a67438cad8e 100644
--- a/packages/block-editor/src/components/block-preview/index.js
+++ b/packages/block-editor/src/components/block-preview/index.js
@@ -14,7 +14,6 @@ import { memo, useMemo } from '@wordpress/element';
  * Internal dependencies
  */
 import BlockEditorProvider from '../provider';
-import LiveBlockPreview from './live';
 import AutoHeightBlockPreview from './auto';
 import { store as blockEditorStore } from '../../store';
 import { BlockListItems } from '../block-list';
@@ -23,8 +22,6 @@ export function BlockPreview( {
 	blocks,
 	__experimentalPadding = 0,
 	viewportWidth = 1200,
-	__experimentalLive = false,
-	__experimentalOnClick,
 	__experimentalMinHeight,
 } ) {
 	const originalSettings = useSelect(
@@ -44,15 +41,11 @@ export function BlockPreview( {
 	}
 	return (
 		<BlockEditorProvider value={ renderedBlocks } settings={ settings }>
-			{ __experimentalLive ? (
-				<LiveBlockPreview onClick={ __experimentalOnClick } />
-			) : (
-				<AutoHeightBlockPreview
-					viewportWidth={ viewportWidth }
-					__experimentalPadding={ __experimentalPadding }
-					__experimentalMinHeight={ __experimentalMinHeight }
-				/>
-			) }
+			<AutoHeightBlockPreview
+				viewportWidth={ viewportWidth }
+				__experimentalPadding={ __experimentalPadding }
+				__experimentalMinHeight={ __experimentalMinHeight }
+			/>
 		</BlockEditorProvider>
 	);
 }
diff --git a/packages/block-editor/src/components/block-preview/live.js b/packages/block-editor/src/components/block-preview/live.js
deleted file mode 100644
index 5015c778defe78..00000000000000
--- a/packages/block-editor/src/components/block-preview/live.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Internal dependencies
- */
-import BlockList from '../block-list';
-
-export default function LiveBlockPreview( { onClick } ) {
-	return (
-		<div
-			tabIndex={ 0 }
-			role="button"
-			onClick={ onClick }
-			onKeyPress={ onClick }
-		>
-			<div inert="true">
-				<BlockList />
-			</div>
-		</div>
-	);
-}
diff --git a/packages/block-editor/src/components/block-preview/style.scss b/packages/block-editor/src/components/block-preview/style.scss
index 9736d6f6784c46..54dad77698d940 100644
--- a/packages/block-editor/src/components/block-preview/style.scss
+++ b/packages/block-editor/src/components/block-preview/style.scss
@@ -29,8 +29,6 @@
 		min-height: auto;
 
 		.block-editor-block-list__insertion-point,
-		.block-editor-block-drop-zone,
-		.reusable-block-indicator,
 		.block-list-appender {
 			display: none;
 		}

From 1906e3923ef138cfd5e6a3984981a425c3d00690 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Mon, 21 Nov 2022 12:38:16 +0200
Subject: [PATCH 41/76] Block Editor: Fix block alignment tests for React 18
 (#45937)

---
 .../src/components/alignment-control/test/index.js           | 5 ++++-
 .../src/components/block-alignment-control/test/index.js     | 5 ++++-
 .../block-vertical-alignment-control/test/index.js           | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/block-editor/src/components/alignment-control/test/index.js b/packages/block-editor/src/components/alignment-control/test/index.js
index 14f0d9a04e033c..c792b3e9b7f82b 100644
--- a/packages/block-editor/src/components/alignment-control/test/index.js
+++ b/packages/block-editor/src/components/alignment-control/test/index.js
@@ -52,7 +52,7 @@ describe( 'AlignmentUI', () => {
 			advanceTimers: jest.advanceTimersByTime,
 		} );
 
-		render(
+		const { unmount } = render(
 			<AlignmentUI
 				isToolbar
 				value={ alignment }
@@ -77,6 +77,9 @@ describe( 'AlignmentUI', () => {
 				name: /^Align text \w+$/,
 			} )
 		).toHaveLength( 3 );
+
+		// Cancel running effects, like delayed dropdown menu popover positioning.
+		unmount();
 	} );
 
 	test( 'should call on change with undefined when a control is already active', async () => {
diff --git a/packages/block-editor/src/components/block-alignment-control/test/index.js b/packages/block-editor/src/components/block-alignment-control/test/index.js
index fd9f0f782e25d2..abf2a0a7c448ae 100644
--- a/packages/block-editor/src/components/block-alignment-control/test/index.js
+++ b/packages/block-editor/src/components/block-alignment-control/test/index.js
@@ -47,7 +47,7 @@ describe( 'BlockAlignmentUI', () => {
 			advanceTimers: jest.advanceTimersByTime,
 		} );
 
-		render(
+		const { unmount } = render(
 			<BlockAlignmentUI
 				value={ alignment }
 				onChange={ onChange }
@@ -72,6 +72,9 @@ describe( 'BlockAlignmentUI', () => {
 				name: /^Align \w+$/,
 			} )
 		).toHaveLength( 3 );
+
+		// Cancel running effects, like delayed dropdown menu popover positioning.
+		unmount();
 	} );
 
 	test( 'should call onChange with undefined, when the control is already active', async () => {
diff --git a/packages/block-editor/src/components/block-vertical-alignment-control/test/index.js b/packages/block-editor/src/components/block-vertical-alignment-control/test/index.js
index 2e54ee90268549..f2645357a197c3 100644
--- a/packages/block-editor/src/components/block-vertical-alignment-control/test/index.js
+++ b/packages/block-editor/src/components/block-vertical-alignment-control/test/index.js
@@ -45,7 +45,7 @@ describe( 'BlockVerticalAlignmentUI', () => {
 			advanceTimers: jest.advanceTimersByTime,
 		} );
 
-		render(
+		const { unmount } = render(
 			<BlockVerticalAlignmentUI
 				isToolbar
 				value={ alignment }
@@ -70,6 +70,9 @@ describe( 'BlockVerticalAlignmentUI', () => {
 				name: /^Align \w+$/,
 			} )
 		).toHaveLength( 3 );
+
+		// Cancel running effects, like delayed dropdown menu popover positioning.
+		unmount();
 	} );
 
 	it( 'should call onChange with undefined, when the control is already active', async () => {

From bbc5489c991e2030f9da042683c1b172bfd85215 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Mon, 21 Nov 2022 13:14:47 +0200
Subject: [PATCH 42/76] Block Editor: Wait for popover positioning in
 `MediaReplaceFlow` tests (#45863)

* Block Editor: Wait for popover positioning in MediaReplaceFlow tests

* Remove an extra backtick

* Use Element.closest() to locate closest popover

* Fix comment

* Remove an excess assertion

* Reorder assertions

* Introduce a less-specific way to assert positioning

* Use the right element when locating the popover

* Clarify element.style usage

* Wait for the menu to get visible
---
 .../media-replace-flow/test/index.js          | 56 ++++++++++++++++---
 1 file changed, 47 insertions(+), 9 deletions(-)

diff --git a/packages/block-editor/src/components/media-replace-flow/test/index.js b/packages/block-editor/src/components/media-replace-flow/test/index.js
index 8d6bc6ca433782..d73da6c77c5d55 100644
--- a/packages/block-editor/src/components/media-replace-flow/test/index.js
+++ b/packages/block-editor/src/components/media-replace-flow/test/index.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 /**
@@ -32,6 +32,34 @@ function TestWrapper() {
 	);
 }
 
+/**
+ * Returns the first found popover element up the DOM tree.
+ *
+ * @param {HTMLElement} element Element to start with.
+ * @return {HTMLElement|null} Popover element, or `null` if not found.
+ */
+function getWrappingPopoverElement( element ) {
+	return element.closest( '.components-popover' );
+}
+
+/**
+ * Asserts that the specified popover has already been positioned.
+ * Necessary because it will be positioned a bit later after it's displayed.
+ *
+ * We're intentionally not using `.toHaveStyle()` because we want to be
+ * less specific and avoid specific values for better test flexibility.
+ *
+ * @async
+ *
+ * @param {HTMLElement} popover Popover element.
+ */
+async function popoverIsPositioned( popover ) {
+	/* eslint-disable jest-dom/prefer-to-have-style */
+	await waitFor( () => expect( popover.style.top ).not.toBe( '' ) );
+	await waitFor( () => expect( popover.style.left ).not.toBe( '' ) );
+	/* eslint-enable jest-dom/prefer-to-have-style */
+}
+
 describe( 'General media replace flow', () => {
 	it( 'renders successfully', () => {
 		render( <TestWrapper /> );
@@ -57,11 +85,11 @@ describe( 'General media replace flow', () => {
 				name: 'Replace',
 			} )
 		);
-
 		const uploadMenu = screen.getByRole( 'menu' );
 
-		expect( uploadMenu ).toBeInTheDocument();
-		expect( uploadMenu ).not.toBeVisible();
+		await popoverIsPositioned( getWrappingPopoverElement( uploadMenu ) );
+
+		await waitFor( () => expect( uploadMenu ).toBeVisible() );
 	} );
 
 	it( 'displays media URL', async () => {
@@ -78,11 +106,13 @@ describe( 'General media replace flow', () => {
 			} )
 		);
 
-		expect(
-			screen.getByRole( 'link', {
-				name: 'example.media (opens in a new tab)',
-			} )
-		).toHaveAttribute( 'href', 'https://example.media' );
+		const link = screen.getByRole( 'link', {
+			name: 'example.media (opens in a new tab)',
+		} );
+
+		await popoverIsPositioned( getWrappingPopoverElement( link ) );
+
+		expect( link ).toHaveAttribute( 'href', 'https://example.media' );
 	} );
 
 	it( 'edits media URL', async () => {
@@ -99,6 +129,14 @@ describe( 'General media replace flow', () => {
 			} )
 		);
 
+		await popoverIsPositioned(
+			getWrappingPopoverElement(
+				screen.getByRole( 'link', {
+					name: 'example.media (opens in a new tab)',
+				} )
+			)
+		);
+
 		await user.click(
 			screen.getByRole( 'button', {
 				name: 'Edit',

From b55bd2335d32de45e4a7de63eff19ee1070fbce5 Mon Sep 17 00:00:00 2001
From: Miguel Torres <miguel.torres@automattic.com>
Date: Mon, 21 Nov 2022 12:31:32 +0100
Subject: [PATCH 43/76] Ignore cached `wp_theme_has_theme_json` when `WP_DEBUG`
 is enabled (#45882)

---
 .../wordpress-6.2/get-global-styles-and-settings.php      | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
index b2637969fd8ef6..be9781556868c0 100644
--- a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
+++ b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
@@ -20,13 +20,17 @@ function wp_theme_has_theme_json() {
 		$theme_has_support = wp_cache_get( $cache_key, $cache_group );
 
 		/**
-		 * $theme_has_support is stored as a int in the cache.
+		 * $theme_has_support is stored as an int in the cache.
 		 *
 		 * The reason not to store it as a boolean is to avoid working
 		 * with the $found parameter which apparently had some issues in some implementations
 		 * https://developer.wordpress.org/reference/functions/wp_cache_get/
 		 */
-		if ( 0 === $theme_has_support || 1 === $theme_has_support ) {
+		if (
+			// Ignore cache when `WP_DEBUG` is enabled, so it doesn't interfere with the theme developers workflow.
+			( ! defined( 'WP_DEBUG' ) || ! WP_DEBUG ) &&
+			( 0 === $theme_has_support || 1 === $theme_has_support )
+		) {
 			return (bool) $theme_has_support;
 		}
 

From 7ef776b97e760b165a34493412b260fa8a23fd41 Mon Sep 17 00:00:00 2001
From: Vijayan <gvgvgvijayan@gmail.com>
Date: Mon, 21 Nov 2022 18:06:17 +0530
Subject: [PATCH 44/76] Fix link & code markdown (#45708)

- Fix Modal component link
- Fix code markdown at `Unsupported: Multiple instances`
---
 packages/components/src/confirm-dialog/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/confirm-dialog/README.md b/packages/components/src/confirm-dialog/README.md
index 2f6a764f7f8415..5ed36534898490 100644
--- a/packages/components/src/confirm-dialog/README.md
+++ b/packages/components/src/confirm-dialog/README.md
@@ -4,7 +4,7 @@
 This feature is still experimental. "Experimental" means this is an early implementation subject to drastic and breaking changes.
 </div>
 
-`ConfirmDialog` is built of top of [`Modal`](/packages/components/src/modal/README.md] and displays a confirmation dialog, with _confirm_ and _cancel_ buttons.
+`ConfirmDialog` is built of top of [`Modal`](/packages/components/src/modal/README.md) and displays a confirmation dialog, with _confirm_ and _cancel_ buttons.
 
 The dialog is confirmed by clicking the _confirm_ button or by pressing the `Enter` key. It is cancelled (closed) by clicking the _cancel_ button, by pressing the `ESC` key, or by clicking outside the dialog focus (i.e, the overlay).
 
@@ -72,7 +72,7 @@ function Example() {
 
 ### Unsupported: Multiple instances
 
-Multiple `ConfirmDialog's is an edge case that's currently not officially supported by this component. At the moment, new instances will end up closing the last instance due to the way the `Modal` is implemented.
+Multiple `ConfirmDialog`s is an edge case that's currently not officially supported by this component. At the moment, new instances will end up closing the last instance due to the way the `Modal` is implemented.
 
 ## Custom Types
 

From ba9f76cf9b7958cb7d9647577309829cdec188ab Mon Sep 17 00:00:00 2001
From: Sarah Norris <sarah@sekai.co.uk>
Date: Mon, 21 Nov 2022 12:58:47 +0000
Subject: [PATCH 45/76] Site Logo: Apply width to logo container in editor
 (#45821)

* Apply width to logo container

* Move width to placeholder
---
 packages/block-library/src/site-logo/edit.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/block-library/src/site-logo/edit.js b/packages/block-library/src/site-logo/edit.js
index 89b9e3f6eba01e..8b85798baee712 100644
--- a/packages/block-library/src/site-logo/edit.js
+++ b/packages/block-library/src/site-logo/edit.js
@@ -512,6 +512,9 @@ export default function LogoEdit( {
 				className={ placeholderClassName }
 				preview={ logoImage }
 				withIllustration={ true }
+				style={ {
+					width,
+				} }
 			>
 				{ content }
 			</Placeholder>

From 5122e650ab09604645011dd11cd2cfc83c00f70f Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Mon, 21 Nov 2022 15:11:33 +0200
Subject: [PATCH 46/76] Components: Fix `no-node-access` in `Grid` tests
 (#45900)

* Components: Fix no-node-access in Grid tests

* role -> data-testid
---
 packages/components/src/grid/test/grid.tsx | 62 +++++++++++-----------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/packages/components/src/grid/test/grid.tsx b/packages/components/src/grid/test/grid.tsx
index 791dfa4f52216c..150dac578c80ab 100644
--- a/packages/components/src/grid/test/grid.tsx
+++ b/packages/components/src/grid/test/grid.tsx
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 
 /**
  * Internal dependencies
@@ -12,14 +12,14 @@ import CONFIG from '../../utils/config-values';
 
 describe( 'props', () => {
 	test( 'should render correctly', () => {
-		const { container } = render(
-			<Grid>
+		render(
+			<Grid data-testid="grid">
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'grid',
 			gridTemplateColumns: 'repeat( 2, 1fr )',
 			gap: `calc( ${ CONFIG.gridBase } * 3 )`,
@@ -27,15 +27,15 @@ describe( 'props', () => {
 	} );
 
 	test( 'should render gap', () => {
-		const { container } = render(
-			<Grid columns={ 3 } gap={ 4 }>
+		render(
+			<Grid columns={ 3 } gap={ 4 } data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'grid',
 			gridTemplateColumns: 'repeat( 3, 1fr )',
 			gap: `calc( ${ CONFIG.gridBase } * 4 )`,
@@ -43,60 +43,60 @@ describe( 'props', () => {
 	} );
 
 	test( 'should render custom columns', () => {
-		const { container } = render(
-			<Grid columns={ 7 }>
+		render(
+			<Grid columns={ 7 } data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'grid',
 			gridTemplateColumns: 'repeat( 7, 1fr )',
 		} );
 	} );
 
 	test( 'should render custom rows', () => {
-		const { container } = render(
-			<Grid rows={ 7 }>
+		render(
+			<Grid rows={ 7 } data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'grid',
 			gridTemplateRows: 'repeat( 7, 1fr )',
 		} );
 	} );
 
 	test( 'should render align', () => {
-		const { container } = render(
-			<Grid align="flex-start">
+		render(
+			<Grid align="flex-start" data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			alignItems: 'flex-start',
 			display: 'grid',
 		} );
 	} );
 
 	test( 'should render alignment spaced', () => {
-		const { container } = render(
-			<Grid alignment="spaced">
+		render(
+			<Grid alignment="spaced" data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'grid',
 			alignItems: 'center',
 			justifyContent: 'space-between',
@@ -104,60 +104,60 @@ describe( 'props', () => {
 	} );
 
 	test( 'should render justify', () => {
-		const { container } = render(
-			<Grid justify="flex-start">
+		render(
+			<Grid justify="flex-start" data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'grid',
 			justifyContent: 'flex-start',
 		} );
 	} );
 
 	test( 'should render isInline', () => {
-		const { container } = render(
-			<Grid columns={ 3 } isInline>
+		render(
+			<Grid columns={ 3 } isInline data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'inline-grid',
 			gridTemplateColumns: 'repeat( 3, 1fr )',
 		} );
 	} );
 
 	test( 'should render custom templateColumns', () => {
-		const { container } = render(
-			<Grid templateColumns="1fr auto 1fr">
+		render(
+			<Grid templateColumns="1fr auto 1fr" data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'grid',
 			gridTemplateColumns: '1fr auto 1fr',
 		} );
 	} );
 
 	test( 'should render custom templateRows', () => {
-		const { container } = render(
-			<Grid templateRows="1fr auto 1fr">
+		render(
+			<Grid templateRows="1fr auto 1fr" data-testid="grid">
 				<View />
 				<View />
 				<View />
 			</Grid>
 		);
 
-		expect( container.firstChild ).toHaveStyle( {
+		expect( screen.getByTestId( 'grid' ) ).toHaveStyle( {
 			display: 'grid',
 			gridTemplateRows: '1fr auto 1fr',
 		} );

From 37fc2a1dbc1671dabe3a4771b5b030814b452aae Mon Sep 17 00:00:00 2001
From: Andrei Draganescu <me@andreidraganescu.info>
Date: Mon, 21 Nov 2022 16:21:13 +0200
Subject: [PATCH 47/76] Enable easier drag and drop for navigation building
 (#45906)

* tweaks the way navigation link and navigation submenu work to enable drag and drop in list view

* Adds deps list to effects for submenu and navigation link blocks.

Co-authored-by: Daniel Richards <677833+talldan@users.noreply.github.com>
Co-authored-by: Maggie <3593343+MaggieCabrera@users.noreply.github.com>
Co-authored-by: Ben Dwyer <275961+scruffian@users.noreply.github.com>

Co-authored-by: Daniel Richards <677833+talldan@users.noreply.github.com>
Co-authored-by: Maggie <3593343+MaggieCabrera@users.noreply.github.com>
Co-authored-by: Ben Dwyer <275961+scruffian@users.noreply.github.com>
---
 .../block-library/src/navigation-link/edit.js | 25 +++++++++++++++++--
 .../src/navigation-submenu/edit.js            |  7 ++++++
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index ed0acced4efe88..30a2f9ebb4b520 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -32,6 +32,7 @@ import {
 	useBlockProps,
 	store as blockEditorStore,
 	getColorClassName,
+	useInnerBlocksProps,
 } from '@wordpress/block-editor';
 import { isURL, prependHTTP, safeDecodeURI } from '@wordpress/url';
 import {
@@ -527,7 +528,9 @@ export default function NavigationLinkEdit( {
 		const newSubmenu = createBlock(
 			'core/navigation-submenu',
 			attributes,
-			innerBlocks
+			innerBlocks.length > 0
+				? innerBlocks
+				: [ createBlock( 'core/navigation-link' ) ]
 		);
 		replaceBlock( clientId, newSubmenu );
 	}
@@ -540,11 +543,14 @@ export default function NavigationLinkEdit( {
 		if ( ! url ) {
 			setIsLinkOpen( true );
 		}
+	}, [ url ] );
+
+	useEffect( () => {
 		// If block has inner blocks, transform to Submenu.
 		if ( hasChildren ) {
 			transformToSubmenu();
 		}
-	}, [] );
+	}, [ hasChildren ] );
 
 	/**
 	 * The hook shouldn't be necessary but due to a focus loss happening
@@ -675,6 +681,20 @@ export default function NavigationLinkEdit( {
 		onKeyDown,
 	} );
 
+	const ALLOWED_BLOCKS = [
+		'core/navigation-link',
+		'core/navigation-submenu',
+	];
+	const DEFAULT_BLOCK = {
+		name: 'core/navigation-link',
+	};
+	const innerBlocksProps = useInnerBlocksProps( blockProps, {
+		allowedBlocks: ALLOWED_BLOCKS,
+		__experimentalDefaultBlock: DEFAULT_BLOCK,
+		__experimentalDirectInsert: true,
+		renderAppender: false,
+	} );
+
 	if ( ! url || isInvalid || isDraft ) {
 		blockProps.onClick = () => setIsLinkOpen( true );
 	}
@@ -915,6 +935,7 @@ export default function NavigationLinkEdit( {
 						</Popover>
 					) }
 				</a>
+				<div { ...innerBlocksProps } />
 			</div>
 		</Fragment>
 	);
diff --git a/packages/block-library/src/navigation-submenu/edit.js b/packages/block-library/src/navigation-submenu/edit.js
index c1dd94a0c10343..9810c7ebab05c6 100644
--- a/packages/block-library/src/navigation-submenu/edit.js
+++ b/packages/block-library/src/navigation-submenu/edit.js
@@ -541,6 +541,13 @@ export default function NavigationSubmenuEdit( {
 		replaceBlock( clientId, newLinkBlock );
 	}
 
+	useEffect( () => {
+		// If block is empty, transform to Navigation Link.
+		if ( ! hasChildren ) {
+			transformToLink();
+		}
+	}, [ hasChildren ] );
+
 	const canConvertToLink =
 		! selectedBlockHasChildren || onlyDescendantIsEmptyLink;
 

From f02087f7f8878a566b63cc02493ee3b24c855e34 Mon Sep 17 00:00:00 2001
From: chad1008 <13856531+chad1008@users.noreply.github.com>
Date: Mon, 21 Nov 2022 15:03:14 -0500
Subject: [PATCH 48/76] Components: Remove CircleIndicatorWrapper
 `focus-visible` outline (#45758)

---
 packages/components/CHANGELOG.md                              | 3 +++
 .../styles/angle-picker-control-styles.js                     | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 2e47db6c778689..c57f3b01d58256 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -13,6 +13,9 @@
 -   `ColorPalette`, `BorderBox`, `BorderBoxControl`: polish and DRY prop types, add default values ([#45463](https://github.com/WordPress/gutenberg/pull/45463)).
 -   `TabPanel`: Add ability to set icon only tab buttons ([#45005](https://github.com/WordPress/gutenberg/pull/45005)).
 
+### Internal
+-   `AnglePickerControl`: remove `:focus-visible' outline on `CircleOutlineWrapper` ([#45758](https://github.com/WordPress/gutenberg/pull/45758))
+
 ### Bug Fix
 
 -   `FormTokenField`: Fix duplicate input in IME composition ([#45607](https://github.com/WordPress/gutenberg/pull/45607)).
diff --git a/packages/components/src/angle-picker-control/styles/angle-picker-control-styles.js b/packages/components/src/angle-picker-control/styles/angle-picker-control-styles.js
index 1a7ed713d72f18..29b38850c055f4 100644
--- a/packages/components/src/angle-picker-control/styles/angle-picker-control-styles.js
+++ b/packages/components/src/angle-picker-control/styles/angle-picker-control-styles.js
@@ -42,6 +42,10 @@ export const CircleIndicatorWrapper = styled.div`
 	position: relative;
 	width: 100%;
 	height: 100%;
+
+	:focus-visible {
+		outline: none;
+	}
 `;
 
 export const CircleIndicator = styled.div`

From 6fa02c7e364424a907838dde14815d771e6e483a Mon Sep 17 00:00:00 2001
From: hiyascout <113260898+hiyascout@users.noreply.github.com>
Date: Mon, 21 Nov 2022 16:58:43 -0800
Subject: [PATCH 49/76] Update applying-styles-with-stylesheets.md (#45925)

Fixed two typos in opening paragraph. ('someway' and 'this guides walks')
---
 .../block-tutorial/applying-styles-with-stylesheets.md          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/how-to-guides/block-tutorial/applying-styles-with-stylesheets.md b/docs/how-to-guides/block-tutorial/applying-styles-with-stylesheets.md
index 815adfdf80c26d..e668a6ac762388 100644
--- a/docs/how-to-guides/block-tutorial/applying-styles-with-stylesheets.md
+++ b/docs/how-to-guides/block-tutorial/applying-styles-with-stylesheets.md
@@ -2,7 +2,7 @@
 
 ## Overview
 
-A block typically inserts markup (HTML) into post content that you want to style in someway. This guides walks through a few different ways you can use CSS with the block editor and how to work with styles and stylesheets.
+A block typically inserts markup (HTML) into post content that you want to style in some way. This guide walks through a few different ways you can use CSS with the block editor and how to work with styles and stylesheets.
 
 ## Before you start
 

From 453866d96b2b1857fd8a2bc9340f3856336c07c8 Mon Sep 17 00:00:00 2001
From: Andrei Draganescu <me@andreidraganescu.info>
Date: Tue, 22 Nov 2022 10:39:14 +0200
Subject: [PATCH 50/76] Add a starting page for page list block's hierarchy
 (#45861)

* adds a rootPageID attribute and handling

* adds UI to control rootPageID

* Rename root to parent, generate fixtures

Co-authored-by: Ben Dwyer <275961+scruffian@users.noreply.github.com>
Co-authored-by: Joen A. <1204802+jasmussen@users.noreply.github.com>

* PHP lint

* PHP Lint

Co-authored-by: Ben Dwyer <275961+scruffian@users.noreply.github.com>
Co-authored-by: Joen A. <1204802+jasmussen@users.noreply.github.com>
---
 docs/reference-guides/core-blocks.md          |  2 +-
 .../block-library/src/page-list/block.json    |  7 +-
 packages/block-library/src/page-list/edit.js  | 65 +++++++++++++++++--
 .../block-library/src/page-list/index.php     |  9 +++
 .../fixtures/blocks/core__page-list.json      |  4 +-
 5 files changed, 79 insertions(+), 8 deletions(-)

diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
index 65e3cb1f65c8fc..8650c9d7d32749 100644
--- a/docs/reference-guides/core-blocks.md
+++ b/docs/reference-guides/core-blocks.md
@@ -429,7 +429,7 @@ Display a list of all pages. ([Source](https://github.com/WordPress/gutenberg/tr
 -	**Name:** core/page-list
 -	**Category:** widgets
 -	**Supports:** ~~html~~, ~~reusable~~
--	**Attributes:** 
+-	**Attributes:** rootPageID
 
 ## Paragraph
 
diff --git a/packages/block-library/src/page-list/block.json b/packages/block-library/src/page-list/block.json
index 3068a1fb8bc008..144cecb428396c 100644
--- a/packages/block-library/src/page-list/block.json
+++ b/packages/block-library/src/page-list/block.json
@@ -7,7 +7,12 @@
 	"description": "Display a list of all pages.",
 	"keywords": [ "menu", "navigation" ],
 	"textdomain": "default",
-	"attributes": {},
+	"attributes": {
+		"rootPageID": {
+			"type": "integer",
+			"default": 0
+		}
+	},
 	"usesContext": [
 		"textColor",
 		"customTextColor",
diff --git a/packages/block-library/src/page-list/edit.js b/packages/block-library/src/page-list/edit.js
index 71cbfa437a1f9a..ac7ed6162cf975 100644
--- a/packages/block-library/src/page-list/edit.js
+++ b/packages/block-library/src/page-list/edit.js
@@ -7,11 +7,18 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 import {
+	InspectorControls,
 	BlockControls,
 	useBlockProps,
 	getColorClassName,
 } from '@wordpress/block-editor';
-import { ToolbarButton, Spinner, Notice } from '@wordpress/components';
+import {
+	PanelBody,
+	ToolbarButton,
+	Spinner,
+	Notice,
+	ComboboxControl,
+} from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useMemo, useState, memo } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
@@ -27,7 +34,13 @@ import { ItemSubmenuIcon } from '../navigation-link/icons';
 // Performance of Navigation Links is not good past this value.
 const MAX_PAGE_COUNT = 100;
 
-export default function PageListEdit( { context, clientId } ) {
+export default function PageListEdit( {
+	context,
+	clientId,
+	attributes,
+	setAttributes,
+} ) {
+	const { parentPageID } = attributes;
 	const { pagesByParentId, totalPages, hasResolvedPages } = usePageData();
 
 	const isNavigationChild = 'showSubmenuIcon' in context;
@@ -86,6 +99,7 @@ export default function PageListEdit( { context, clientId } ) {
 				<ul { ...blockProps }>
 					<PageItems
 						context={ context }
+						parentId={ parentPageID }
 						pagesByParentId={ pagesByParentId }
 					/>
 				</ul>
@@ -93,8 +107,35 @@ export default function PageListEdit( { context, clientId } ) {
 		}
 	};
 
+	const useParentOptions = () => {
+		const [ pages ] = useGetPages();
+		return pages?.reduce( ( accumulator, page ) => {
+			accumulator.push( {
+				value: page.id,
+				label: page.title.rendered,
+			} );
+			return accumulator;
+		}, [] );
+	};
+
 	return (
 		<>
+			<InspectorControls>
+				<PanelBody>
+					<ComboboxControl
+						className="editor-page-attributes__parent"
+						label={ __( 'Parent page' ) }
+						value={ parentPageID }
+						options={ useParentOptions() }
+						onChange={ ( value ) =>
+							setAttributes( { parentPageID: value ?? 0 } )
+						}
+						help={ __(
+							'Choose a page to show only its subpages.'
+						) }
+					/>
+				</PanelBody>
+			</InspectorControls>
 			{ allowConvertToLinks && (
 				<BlockControls group="other">
 					<ToolbarButton title={ __( 'Edit' ) } onClick={ openModal }>
@@ -129,7 +170,7 @@ function useFrontPageId() {
 	}, [] );
 }
 
-function usePageData() {
+function useGetPages() {
 	const { records: pages, hasResolved: hasResolvedPages } = useEntityRecords(
 		'postType',
 		'page',
@@ -142,10 +183,21 @@ function usePageData() {
 		}
 	);
 
+	return [ pages, hasResolvedPages ];
+}
+
+function usePageData( pageId = 0 ) {
+	const [ pages, hasResolvedPages ] = useGetPages();
+
 	return useMemo( () => {
 		// TODO: Once the REST API supports passing multiple values to
 		// 'orderby', this can be removed.
 		// https://core.trac.wordpress.org/ticket/39037
+
+		if ( pageId !== 0 ) {
+			return pages.find( ( page ) => page.id === pageId );
+		}
+
 		const sortedPages = [ ...( pages ?? [] ) ].sort( ( a, b ) => {
 			if ( a.menu_order === b.menu_order ) {
 				return a.title.rendered.localeCompare( b.title.rendered );
@@ -167,7 +219,7 @@ function usePageData() {
 			hasResolvedPages,
 			totalPages: pages?.length ?? null,
 		};
-	}, [ pages, hasResolvedPages ] );
+	}, [ pageId, pages, hasResolvedPages ] );
 }
 
 const PageItems = memo( function PageItems( {
@@ -176,7 +228,10 @@ const PageItems = memo( function PageItems( {
 	parentId = 0,
 	depth = 0,
 } ) {
-	const pages = pagesByParentId.get( parentId );
+	const parentPage = usePageData( parentId );
+	const pages = pagesByParentId.get( parentId )
+		? pagesByParentId.get( parentId )
+		: [ parentPage ];
 	const frontPageId = useFrontPageId();
 
 	if ( ! pages?.length ) {
diff --git a/packages/block-library/src/page-list/index.php b/packages/block-library/src/page-list/index.php
index 32acdad45ed635..7944f6f3a84ad6 100644
--- a/packages/block-library/src/page-list/index.php
+++ b/packages/block-library/src/page-list/index.php
@@ -252,6 +252,8 @@ function render_block_core_page_list( $attributes, $content, $block ) {
 	static $block_id = 0;
 	++$block_id;
 
+	$parent_page_id = $attributes['parentPageID'];
+
 	$all_pages = get_pages(
 		array(
 			'sort_column' => 'menu_order,post_title',
@@ -306,6 +308,13 @@ function render_block_core_page_list( $attributes, $content, $block ) {
 
 	$nested_pages = block_core_page_list_nest_pages( $top_level_pages, $pages_with_children );
 
+	if ( 0 !== $parent_page_id ) {
+		$nested_pages = block_core_page_list_nest_pages(
+			$pages_with_children[ $parent_page_id ],
+			$pages_with_children
+		);
+	}
+
 	$is_navigation_child = array_key_exists( 'showSubmenuIcon', $block->context );
 
 	$open_submenus_on_click = array_key_exists( 'openSubmenusOnClick', $block->context ) ? $block->context['openSubmenusOnClick'] : false;
diff --git a/test/integration/fixtures/blocks/core__page-list.json b/test/integration/fixtures/blocks/core__page-list.json
index 0bb67d8e44efd7..52e22aa9059abd 100644
--- a/test/integration/fixtures/blocks/core__page-list.json
+++ b/test/integration/fixtures/blocks/core__page-list.json
@@ -2,7 +2,9 @@
 	{
 		"name": "core/page-list",
 		"isValid": true,
-		"attributes": {},
+		"attributes": {
+			"rootPageID": 0
+		},
 		"innerBlocks": []
 	}
 ]

From 20cc4aa86e3120449bad0bbf39e5bfb792376da5 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Tue, 22 Nov 2022 11:27:39 +0200
Subject: [PATCH 51/76] Lodash: Simplify a few isEmpty calls (#45525)

---
 packages/block-library/src/audio/edit.native.js              | 3 +--
 packages/block-library/src/embed/embed-preview.native.js     | 3 +--
 packages/block-library/src/gallery/gallery.native.js         | 3 +--
 packages/block-library/src/gallery/v1/gallery.native.js      | 3 +--
 packages/block-library/src/video/edit.native.js              | 3 +--
 .../components/src/mobile/bottom-sheet/switch-cell.native.js | 4 ++--
 packages/editor/src/components/post-title/index.native.js    | 5 ++---
 7 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/packages/block-library/src/audio/edit.native.js b/packages/block-library/src/audio/edit.native.js
index 30ee44ff3f9487..fbc39ba190d3e2 100644
--- a/packages/block-library/src/audio/edit.native.js
+++ b/packages/block-library/src/audio/edit.native.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { TouchableWithoutFeedback } from 'react-native';
-import { isEmpty } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -228,7 +227,7 @@ function AudioEdit( {
 				<BlockCaption
 					accessible={ true }
 					accessibilityLabelCreator={ ( caption ) =>
-						isEmpty( caption )
+						! caption
 							? /* translators: accessibility text. Empty Audio caption. */
 							  __( 'Audio caption. Empty' )
 							: sprintf(
diff --git a/packages/block-library/src/embed/embed-preview.native.js b/packages/block-library/src/embed/embed-preview.native.js
index bb8df663baf281..87abc38348d56a 100644
--- a/packages/block-library/src/embed/embed-preview.native.js
+++ b/packages/block-library/src/embed/embed-preview.native.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { TouchableWithoutFeedback } from 'react-native';
-import { isEmpty } from 'lodash';
 import classnames from 'classnames/dedupe';
 
 /**
@@ -52,7 +51,7 @@ const EmbedPreview = ( {
 		styles[ `embed-preview__sandbox--align-${ align }` ];
 
 	function accessibilityLabelCreator( caption ) {
-		return isEmpty( caption )
+		return ! caption
 			? /* translators: accessibility text. Empty Embed caption. */
 			  __( 'Embed caption. Empty' )
 			: sprintf(
diff --git a/packages/block-library/src/gallery/gallery.native.js b/packages/block-library/src/gallery/gallery.native.js
index 16c504f6ccc19a..a5174d0215c424 100644
--- a/packages/block-library/src/gallery/gallery.native.js
+++ b/packages/block-library/src/gallery/gallery.native.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { View } from 'react-native';
-import { isEmpty } from 'lodash';
 
 /**
  * Internal dependencies
@@ -100,7 +99,7 @@ export const Gallery = ( props ) => {
 				isSelected={ isCaptionSelected }
 				accessible={ true }
 				accessibilityLabelCreator={ ( caption ) =>
-					isEmpty( caption )
+					! caption
 						? /* translators: accessibility text. Empty gallery caption. */
 
 						  'Gallery caption. Empty'
diff --git a/packages/block-library/src/gallery/v1/gallery.native.js b/packages/block-library/src/gallery/v1/gallery.native.js
index 7908d17988a1a4..c1d13cb6313e06 100644
--- a/packages/block-library/src/gallery/v1/gallery.native.js
+++ b/packages/block-library/src/gallery/v1/gallery.native.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { View } from 'react-native';
-import { isEmpty } from 'lodash';
 
 /**
  * Internal dependencies
@@ -142,7 +141,7 @@ export const Gallery = ( props ) => {
 				isSelected={ isCaptionSelected }
 				accessible={ true }
 				accessibilityLabelCreator={ ( caption ) =>
-					isEmpty( caption )
+					! caption
 						? /* translators: accessibility text. Empty gallery caption. */
 						  'Gallery caption. Empty'
 						: sprintf(
diff --git a/packages/block-library/src/video/edit.native.js b/packages/block-library/src/video/edit.native.js
index fb4937ce5da733..99225ba5d5c569 100644
--- a/packages/block-library/src/video/edit.native.js
+++ b/packages/block-library/src/video/edit.native.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { View, TouchableWithoutFeedback, Text } from 'react-native';
-import { isEmpty } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -367,7 +366,7 @@ class VideoEdit extends Component {
 					<BlockCaption
 						accessible={ true }
 						accessibilityLabelCreator={ ( caption ) =>
-							isEmpty( caption )
+							! caption
 								? /* translators: accessibility text. Empty video caption. */
 								  __( 'Video caption. Empty' )
 								: sprintf(
diff --git a/packages/components/src/mobile/bottom-sheet/switch-cell.native.js b/packages/components/src/mobile/bottom-sheet/switch-cell.native.js
index b49f03902ddb85..9dcaf794df750b 100644
--- a/packages/components/src/mobile/bottom-sheet/switch-cell.native.js
+++ b/packages/components/src/mobile/bottom-sheet/switch-cell.native.js
@@ -2,7 +2,7 @@
  * External dependencies
  */
 import { Switch } from 'react-native';
-import { isEmpty } from 'lodash';
+
 /**
  * WordPress dependencies
  */
@@ -20,7 +20,7 @@ export default function BottomSheetSwitchCell( props ) {
 	};
 
 	const getAccessibilityLabel = () => {
-		if ( isEmpty( cellProps.help ) ) {
+		if ( ! cellProps.help ) {
 			return value
 				? sprintf(
 						/* translators: accessibility text. Switch setting ON state. %s: Switch title. */
diff --git a/packages/editor/src/components/post-title/index.native.js b/packages/editor/src/components/post-title/index.native.js
index 0d1d87c81e417e..4da9d8c308110b 100644
--- a/packages/editor/src/components/post-title/index.native.js
+++ b/packages/editor/src/components/post-title/index.native.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { View } from 'react-native';
-import { isEmpty } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -80,7 +79,7 @@ class PostTitle extends Component {
 
 	getTitle( title, postType ) {
 		if ( 'page' === postType ) {
-			return isEmpty( title )
+			return ! title
 				? /* translators: accessibility text. empty page title. */
 				  __( 'Page title. Empty' )
 				: sprintf(
@@ -90,7 +89,7 @@ class PostTitle extends Component {
 				  );
 		}
 
-		return isEmpty( title )
+		return ! title
 			? /* translators: accessibility text. empty post title. */
 			  __( 'Post title. Empty' )
 			: sprintf(

From a7be92761e4707fdf9de6fd5337862d82af02133 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Tue, 22 Nov 2022 11:30:08 +0200
Subject: [PATCH 52/76] Lodash: Refactor away from `_.pick()` in block library
 (#45940)

* Lodash: Refactor away from _.pick() in block library

* Add missing empty section check to updateSelectedCell()

* Revert "Add missing empty section check to updateSelectedCell()"

This reverts commit 9e9bea5766d801d82a8b48cd5c57a45630433721.

* Improve precision of approach

* Null-proofing
---
 packages/block-library/src/gallery/shared.js  |  9 ++++--
 .../block-library/src/gallery/v1/shared.js    |  9 ++++--
 packages/block-library/src/image/edit.js      |  9 ++++--
 packages/block-library/src/image/image.js     | 18 +++++++-----
 packages/block-library/src/site-logo/edit.js  | 13 +++++++--
 packages/block-library/src/table/state.js     | 29 ++++++++++++++-----
 6 files changed, 64 insertions(+), 23 deletions(-)

diff --git a/packages/block-library/src/gallery/shared.js b/packages/block-library/src/gallery/shared.js
index 4765b4395994f7..f3142bbbaf9da6 100644
--- a/packages/block-library/src/gallery/shared.js
+++ b/packages/block-library/src/gallery/shared.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { get, pick } from 'lodash';
+import { get } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -13,7 +13,12 @@ export function defaultColumnsNumber( imageCount ) {
 }
 
 export const pickRelevantMediaFiles = ( image, sizeSlug = 'large' ) => {
-	const imageProps = pick( image, [ 'alt', 'id', 'link' ] );
+	const imageProps = Object.fromEntries(
+		Object.entries( image ?? {} ).filter( ( [ key ] ) =>
+			[ 'alt', 'id', 'link' ].includes( key )
+		)
+	);
+
 	imageProps.url =
 		get( image, [ 'sizes', sizeSlug, 'url' ] ) ||
 		get( image, [ 'media_details', 'sizes', sizeSlug, 'source_url' ] ) ||
diff --git a/packages/block-library/src/gallery/v1/shared.js b/packages/block-library/src/gallery/v1/shared.js
index 484020cb9d58cf..9a0957cc7a120d 100644
--- a/packages/block-library/src/gallery/v1/shared.js
+++ b/packages/block-library/src/gallery/v1/shared.js
@@ -1,10 +1,15 @@
 /**
  * External dependencies
  */
-import { get, pick } from 'lodash';
+import { get } from 'lodash';
 
 export const pickRelevantMediaFiles = ( image, sizeSlug = 'large' ) => {
-	const imageProps = pick( image, [ 'alt', 'id', 'link', 'caption' ] );
+	const imageProps = Object.fromEntries(
+		Object.entries( image ?? {} ).filter( ( [ key ] ) =>
+			[ 'alt', 'id', 'link', 'caption' ].includes( key )
+		)
+	);
+
 	imageProps.url =
 		get( image, [ 'sizes', sizeSlug, 'url' ] ) ||
 		get( image, [ 'media_details', 'sizes', sizeSlug, 'source_url' ] ) ||
diff --git a/packages/block-library/src/image/edit.js b/packages/block-library/src/image/edit.js
index baba2cee24ec33..4e504896b47094 100644
--- a/packages/block-library/src/image/edit.js
+++ b/packages/block-library/src/image/edit.js
@@ -2,7 +2,7 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { get, isEmpty, pick } from 'lodash';
+import { get, isEmpty } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -58,7 +58,12 @@ import {
 } from './constants';
 
 export const pickRelevantMediaFiles = ( image, size ) => {
-	const imageProps = pick( image, [ 'alt', 'id', 'link', 'caption' ] );
+	const imageProps = Object.fromEntries(
+		Object.entries( image ?? {} ).filter( ( [ key ] ) =>
+			[ 'alt', 'id', 'link', 'caption' ].includes( key )
+		)
+	);
+
 	imageProps.url =
 		get( image, [ 'sizes', size, 'url' ] ) ||
 		get( image, [ 'media_details', 'sizes', size, 'source_url' ] ) ||
diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js
index 7245ce232c64b7..1e4881181701b4 100644
--- a/packages/block-library/src/image/image.js
+++ b/packages/block-library/src/image/image.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { get, filter, isEmpty, map, pick } from 'lodash';
+import { get, filter, isEmpty, map } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -135,12 +135,16 @@ export default function Image( {
 				} = select( blockEditorStore );
 
 				const rootClientId = getBlockRootClientId( clientId );
-				const settings = pick( getSettings(), [
-					'imageEditing',
-					'imageSizes',
-					'maxWidth',
-					'mediaUpload',
-				] );
+				const settings = Object.fromEntries(
+					Object.entries( getSettings() ).filter( ( [ key ] ) =>
+						[
+							'imageEditing',
+							'imageSizes',
+							'maxWidth',
+							'mediaUpload',
+						].includes( key )
+					)
+				);
 
 				return {
 					...settings,
diff --git a/packages/block-library/src/site-logo/edit.js b/packages/block-library/src/site-logo/edit.js
index 8b85798baee712..0d752a5dbae31f 100644
--- a/packages/block-library/src/site-logo/edit.js
+++ b/packages/block-library/src/site-logo/edit.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { pick } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -87,7 +86,11 @@ const SiteLogo = ( {
 		);
 		return {
 			title: siteEntities?.name,
-			...pick( getSettings(), [ 'imageEditing', 'maxWidth' ] ),
+			...Object.fromEntries(
+				Object.entries( getSettings() ).filter( ( [ key ] ) =>
+					[ 'imageEditing', 'maxWidth' ].includes( key )
+				)
+			),
 		};
 	}, [] );
 
@@ -121,7 +124,11 @@ const SiteLogo = ( {
 			alt={ alt }
 			onLoad={ ( event ) => {
 				setNaturalSize(
-					pick( event.target, [ 'naturalWidth', 'naturalHeight' ] )
+					Object.fromEntries(
+						Object.entries( event.target ).filter( ( [ key ] ) =>
+							[ 'naturalWidth', 'naturalHeight' ].includes( key )
+						)
+					)
 				);
 			} }
 		/>
diff --git a/packages/block-library/src/table/state.js b/packages/block-library/src/table/state.js
index 68fee2d0bda9b5..a1aafc31459365 100644
--- a/packages/block-library/src/table/state.js
+++ b/packages/block-library/src/table/state.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { get, mapValues, pick } from 'lodash';
+import { get, mapValues } from 'lodash';
 
 const INHERITED_COLUMN_ATTRIBUTES = [ 'align' ];
 
@@ -78,7 +78,11 @@ export function updateSelectedCell( state, selection, updateCell ) {
 		return state;
 	}
 
-	const tableSections = pick( state, [ 'head', 'body', 'foot' ] );
+	const tableSections = Object.fromEntries(
+		Object.entries( state ).filter( ( [ key ] ) =>
+			[ 'head', 'body', 'foot' ].includes( key )
+		)
+	);
 	const { sectionName: selectionSectionName, rowIndex: selectionRowIndex } =
 		selection;
 
@@ -174,9 +178,12 @@ export function insertRow( state, { sectionName, rowIndex, columnCount } ) {
 							[ 'cells', index ],
 							{}
 						);
-						const inheritedAttributes = pick(
-							firstCellInColumn,
-							INHERITED_COLUMN_ATTRIBUTES
+
+						const inheritedAttributes = Object.fromEntries(
+							Object.entries( firstCellInColumn ).filter(
+								( [ key ] ) =>
+									INHERITED_COLUMN_ATTRIBUTES.includes( key )
+							)
 						);
 
 						return {
@@ -220,7 +227,11 @@ export function deleteRow( state, { sectionName, rowIndex } ) {
  * @return {Object} New table state.
  */
 export function insertColumn( state, { columnIndex } ) {
-	const tableSections = pick( state, [ 'head', 'body', 'foot' ] );
+	const tableSections = Object.fromEntries(
+		Object.entries( state ).filter( ( [ key ] ) =>
+			[ 'head', 'body', 'foot' ].includes( key )
+		)
+	);
 
 	return mapValues( tableSections, ( section, sectionName ) => {
 		// Bail early if the table section is empty.
@@ -259,7 +270,11 @@ export function insertColumn( state, { columnIndex } ) {
  * @return {Object} New table state.
  */
 export function deleteColumn( state, { columnIndex } ) {
-	const tableSections = pick( state, [ 'head', 'body', 'foot' ] );
+	const tableSections = Object.fromEntries(
+		Object.entries( state ).filter( ( [ key ] ) =>
+			[ 'head', 'body', 'foot' ].includes( key )
+		)
+	);
 
 	return mapValues( tableSections, ( section ) => {
 		// Bail early if the table section is empty.

From 4c21122dab619ece1678bdfb41b1fc08304028df Mon Sep 17 00:00:00 2001
From: Ramon <ramonjd@users.noreply.github.com>
Date: Tue, 22 Nov 2022 20:53:24 +1100
Subject: [PATCH 53/76] Style engine: trim multiple selector strings (#45873)

* Trim multiple selector string, that is a string of selectors separated by a comma, passed to the style engine.
This is so we can correctly align prettified content,
and remove spaces between multiple selectors with the same styles.

* Only remove selector white spaces when $should_prettify is true

* Updated test
---
 .../class-wp-style-engine-css-rule.php        |  6 +++--
 .../class-wp-style-engine-css-rule-test.php   | 27 +++++++++++++++++++
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/packages/style-engine/class-wp-style-engine-css-rule.php b/packages/style-engine/class-wp-style-engine-css-rule.php
index e1605517573313..76ba12673aeda5 100644
--- a/packages/style-engine/class-wp-style-engine-css-rule.php
+++ b/packages/style-engine/class-wp-style-engine-css-rule.php
@@ -113,8 +113,10 @@ public function get_css( $should_prettify = false, $indent_count = 0 ) {
 		$declarations_indent = $should_prettify ? $indent_count + 1 : 0;
 		$suffix              = $should_prettify ? "\n" : '';
 		$spacer              = $should_prettify ? ' ' : '';
-		$selector            = $should_prettify ? str_replace( ',', ",\n", $this->get_selector() ) : $this->get_selector();
-		$css_declarations    = $this->declarations->get_declarations_string( $should_prettify, $declarations_indent );
+		// Trims any multiple selectors strings.
+		$selector         = $should_prettify ? implode( ',', array_map( 'trim', explode( ',', $this->get_selector() ) ) ) : $this->get_selector();
+		$selector         = $should_prettify ? str_replace( array( ',' ), ",\n", $selector ) : $selector;
+		$css_declarations = $this->declarations->get_declarations_string( $should_prettify, $declarations_indent );
 
 		if ( empty( $css_declarations ) ) {
 			return '';
diff --git a/phpunit/style-engine/class-wp-style-engine-css-rule-test.php b/phpunit/style-engine/class-wp-style-engine-css-rule-test.php
index 02482c70e4d84a..444c83f150f911 100644
--- a/phpunit/style-engine/class-wp-style-engine-css-rule-test.php
+++ b/phpunit/style-engine/class-wp-style-engine-css-rule-test.php
@@ -142,4 +142,31 @@ public function test_should_prettify_css_rule_output() {
 
 		$this->assertSame( $expected, $css_rule->get_css( true ) );
 	}
+
+	/**
+	 * Tests that a string of multiple selectors is trimmed.
+	 *
+	 * @covers ::get_css
+	 */
+	public function test_should_trim_multiple_selectors() {
+		$selector           = '.poirot, .poirot:active, #miss-marple > .st-mary-mead ';
+		$input_declarations = array(
+			'margin-left' => '0',
+			'font-family' => 'Detective Sans',
+		);
+		$css_declarations   = new WP_Style_Engine_CSS_Declarations_Gutenberg( $input_declarations );
+		$css_rule           = new WP_Style_Engine_CSS_Rule_Gutenberg( $selector, $css_declarations );
+		$expected           = '.poirot, .poirot:active, #miss-marple > .st-mary-mead {margin-left:0;font-family:Detective Sans;}';
+
+		$this->assertSame( $expected, $css_rule->get_css(), 'Return value should be not prettified.' );
+
+		$expected_prettified = '.poirot,
+.poirot:active,
+#miss-marple > .st-mary-mead {
+	margin-left: 0;
+	font-family: Detective Sans;
+}';
+
+		$this->assertSame( $expected_prettified, $css_rule->get_css( true ), 'Return value should be prettified with new lines and indents.' );
+	}
 }

From 516d05c1b370665e44b153be32a8f96d6ba902df Mon Sep 17 00:00:00 2001
From: Artemio Morales <artemio@altsalt.com>
Date: Tue, 22 Nov 2022 05:13:29 -0500
Subject: [PATCH 54/76] Clarify explanation of how 'Convert to Links' works in
 Page List block (#45394)

* Clarify explanation of how 'Convert to Links' works

* Remove splitting of translated string

* Update string to use createInterpolateElement to ensure proper translation

* Simplify and clarify language in Page List edit modal

* Remove tip from modal copy
---
 .../src/page-list/convert-to-links-modal.js           | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/block-library/src/page-list/convert-to-links-modal.js b/packages/block-library/src/page-list/convert-to-links-modal.js
index bbb3e1e44e98b1..826539ec378348 100644
--- a/packages/block-library/src/page-list/convert-to-links-modal.js
+++ b/packages/block-library/src/page-list/convert-to-links-modal.js
@@ -91,18 +91,13 @@ export default function ConvertToLinksModal( { onClose, clientId } ) {
 		<Modal
 			closeLabel={ __( 'Close' ) }
 			onRequestClose={ onClose }
-			title={ __( 'Convert to links' ) }
+			title={ __( 'Customize this menu' ) }
 			className={ 'wp-block-page-list-modal' }
 			aria={ { describedby: 'wp-block-page-list-modal__description' } }
 		>
 			<p id={ 'wp-block-page-list-modal__description' }>
 				{ __(
-					'To edit this navigation menu, convert it to single page links. This allows you to add, re-order, remove items, or edit their labels.'
-				) }
-			</p>
-			<p>
-				{ __(
-					"Note: if you add new pages to your site, you'll need to add them to your navigation menu."
+					'This menu is automatically kept in sync with pages on your site. You can manage the menu yourself by clicking customize below.'
 				) }
 			</p>
 			<div className="wp-block-page-list-modal-buttons">
@@ -119,7 +114,7 @@ export default function ConvertToLinksModal( { onClose, clientId } ) {
 						createBlock: create,
 					} ) }
 				>
-					{ __( 'Convert' ) }
+					{ __( 'Customize' ) }
 				</Button>
 			</div>
 		</Modal>

From 6cedad20b0d96ac650b17d37b6071a5d7dbad881 Mon Sep 17 00:00:00 2001
From: Maggie <maggie.cabrera@automattic.com>
Date: Tue, 22 Nov 2022 11:55:52 +0100
Subject: [PATCH 55/76] Include offcanvas specific styles (#45963)

Co-authored-by: Dave Smith <getdavemail@gmail.com>
---
 .../components/off-canvas-editor/style.scss   | 398 +-----------------
 packages/block-editor/src/style.scss          |   3 +
 2 files changed, 4 insertions(+), 397 deletions(-)

diff --git a/packages/block-editor/src/components/off-canvas-editor/style.scss b/packages/block-editor/src/components/off-canvas-editor/style.scss
index 9782dc7027bc7c..7f22f6f5340cfd 100644
--- a/packages/block-editor/src/components/off-canvas-editor/style.scss
+++ b/packages/block-editor/src/components/off-canvas-editor/style.scss
@@ -1,397 +1 @@
-.block-editor-list-view-tree {
-	width: 100%;
-	border-collapse: collapse;
-	padding: 0;
-	margin: 0;
-
-	// Move upwards when in modal.
-	.components-modal__content & {
-		margin: (-$grid-unit-15) (-$grid-unit-15 * 0.5) 0;
-		width: calc(100% + #{ $grid-unit-15 });
-	}
-}
-
-.block-editor-list-view-leaf {
-	// Use position relative for row animation.
-	position: relative;
-
-	// The background has to be applied to the td, not tr, or border-radius won't work.
-	&.is-selected td {
-		background: var(--wp-admin-theme-color);
-	}
-	&.is-selected .block-editor-list-view-block-contents,
-	&.is-selected .components-button.has-icon {
-		color: $white;
-	}
-	&.is-selected .block-editor-list-view-block-contents {
-		// Hide selection styles while a user is dragging blocks/files etc.
-		.is-dragging-components-draggable & {
-			background: none;
-			color: $gray-900;
-		}
-	}
-	&.is-selected .block-editor-list-view-block-contents:focus {
-		&::after {
-			box-shadow:
-				inset 0 0 0 1px $white,
-				0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-		}
-	}
-	&.is-selected .block-editor-list-view-block__menu:focus {
-		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) $white;
-	}
-
-	&.is-dragging {
-		display: none;
-	}
-
-	// Border radius for corners of the selected item.
-	&.is-first-selected td:first-child {
-		border-top-left-radius: $radius-block-ui;
-	}
-	&.is-first-selected td:last-child {
-		border-top-right-radius: $radius-block-ui;
-	}
-	&.is-last-selected td:first-child {
-		border-bottom-left-radius: $radius-block-ui;
-	}
-	&.is-last-selected td:last-child {
-		border-bottom-right-radius: $radius-block-ui;
-	}
-	&.is-branch-selected:not(.is-selected) {
-		// Lighten a CSS variable without introducing a new SASS variable
-		background:
-			linear-gradient(transparentize($white, 0.1), transparentize($white, 0.1)),
-			linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color));
-	}
-	&.is-branch-selected.is-first-selected td:first-child {
-		border-top-left-radius: $radius-block-ui;
-	}
-	&.is-branch-selected.is-first-selected td:last-child {
-		border-top-right-radius: $radius-block-ui;
-	}
-	&[aria-expanded="false"] {
-		&.is-branch-selected.is-first-selected td:first-child {
-			border-top-left-radius: $radius-block-ui;
-		}
-		&.is-branch-selected.is-first-selected td:last-child {
-			border-top-right-radius: $radius-block-ui;
-		}
-		&.is-branch-selected.is-last-selected td:first-child {
-			border-bottom-left-radius: $radius-block-ui;
-		}
-		&.is-branch-selected.is-last-selected td:last-child {
-			border-bottom-right-radius: $radius-block-ui;
-		}
-	}
-	&.is-branch-selected:not(.is-selected) td {
-		border-radius: 0;
-	}
-
-
-	// List View renders a fixed number of items and relies on each item having a fixed height of 36px.
-	// If this value changes, we should also change the itemHeight value set in useFixedWindowList.
-	// See: https://github.com/WordPress/gutenberg/pull/35230 for additional context.
-	.block-editor-list-view-block-contents {
-		display: flex;
-		align-items: center;
-		width: 100%;
-		height: auto;
-		padding: ($grid-unit-15 * 0.5) $grid-unit-05 ($grid-unit-15 * 0.5) 0;
-		text-align: left;
-		color: $gray-900;
-		border-radius: $radius-block-ui;
-		position: relative;
-		white-space: nowrap;
-
-		&.is-dropping-before::before {
-			content: "";
-			position: absolute;
-			pointer-events: none;
-			transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
-			top: -2px;
-			right: 0;
-			left: 0;
-			border-top: 4px solid var(--wp-admin-theme-color);
-		}
-
-		.components-modal__content & {
-			padding-left: 0;
-			padding-right: 0;
-		}
-	}
-
-	.block-editor-list-view-block-contents:focus {
-		box-shadow: none;
-
-		&::after {
-			content: "";
-			position: absolute;
-			top: 0;
-			right: -(24px + 5px); // Icon size + padding.
-			bottom: 0;
-			left: 0;
-			border-radius: inherit;
-			box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-			z-index: 2;
-			pointer-events: none;
-
-			// Hide focus styles while a user is dragging blocks/files etc.
-			.is-dragging-components-draggable & {
-				box-shadow: none;
-			}
-		}
-	}
-	// Fix focus styling width when one row has fewer cells.
-	&.has-single-cell .block-editor-list-view-block-contents:focus::after {
-		right: 0;
-	}
-
-	.block-editor-list-view-block__menu:focus {
-		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-		z-index: 1;
-
-		// Hide focus styles while a user is dragging blocks/files etc.
-		.is-dragging-components-draggable & {
-			box-shadow: none;
-		}
-	}
-
-	&.is-visible .block-editor-list-view-block-contents {
-		opacity: 1;
-		@include edit-post__fade-in-animation;
-	}
-
-	.block-editor-block-icon {
-		align-self: flex-start;
-		margin-right: $grid-unit-10;
-		width: $icon-size;
-	}
-
-	.block-editor-list-view-block__menu-cell,
-	.block-editor-list-view-block__mover-cell,
-	.block-editor-list-view-block__contents-cell {
-		padding-top: 0;
-		padding-bottom: 0;
-	}
-
-	.block-editor-list-view-block__menu-cell,
-	.block-editor-list-view-block__mover-cell {
-		line-height: 0;
-		width: $button-size;
-		vertical-align: middle;
-		@include reduce-motion("transition");
-
-		> * {
-			opacity: 0;
-		}
-
-		// Show on hover, visible, and show above to keep the hit area size.
-		&:hover,
-		&.is-visible {
-			position: relative;
-			z-index: 1;
-
-			> * {
-				opacity: 1;
-				@include edit-post__fade-in-animation;
-			}
-		}
-
-		&,
-		.components-button.has-icon {
-			width: 24px;
-			min-width: 24px;
-			padding: 0;
-		}
-	}
-
-	.block-editor-list-view-block__menu-cell {
-		padding-right: $grid-unit-05;
-
-		.components-button.has-icon {
-			height: 24px;
-		}
-	}
-
-	.block-editor-list-view-block__mover-cell-alignment-wrapper {
-		display: flex;
-		height: 100%;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	// Keep the tap target large but the focus target small.
-	.block-editor-block-mover-button {
-		position: relative;
-		width: $button-size;
-		height: $button-size-small;
-
-		// Position the icon.
-		svg {
-			position: relative;
-			height: $button-size-small;
-		}
-
-		&.is-up-button {
-			margin-top: -$grid-unit-15 * 0.5;
-			align-items: flex-end;
-			svg {
-				bottom: -$grid-unit-05;
-			}
-		}
-
-		&.is-down-button {
-			margin-bottom: -$grid-unit-15 * 0.5;
-			align-items: flex-start;
-			svg {
-				top: -$grid-unit-05;
-			}
-		}
-
-		// Tweak size and position of focus ring.
-		&::before {
-			height: 16px;
-			min-width: 100%;
-			left: 0;
-			right: 0;
-		}
-	}
-
-	.block-editor-inserter__toggle {
-		background: $gray-900;
-		color: $white;
-		height: $grid-unit-30;
-		margin: 6px 6px 6px 1px;
-		min-width: $grid-unit-30;
-
-		&:active {
-			color: $white;
-		}
-	}
-
-	.block-editor-list-view-block-select-button__label-wrapper {
-		min-width: 120px;
-	}
-
-	.block-editor-list-view-block-select-button__title {
-		flex: 1;
-		position: relative;
-
-		.components-truncate {
-			position: absolute;
-			width: 100%;
-			transform: translateY(-50%);
-		}
-	}
-
-	.block-editor-list-view-block-select-button__anchor-wrapper {
-		position: relative;
-		max-width: min(110px, 40%);
-		width: 100%;
-	}
-
-	.block-editor-list-view-block-select-button__anchor {
-		position: absolute;
-		right: 0;
-		transform: translateY(-50%);
-		background: rgba($black, 0.1);
-		border-radius: $radius-block-ui;
-		padding: 2px 6px;
-		max-width: 100%;
-		box-sizing: border-box;
-	}
-
-	&.is-selected .block-editor-list-view-block-select-button__anchor {
-		background: rgba($black, 0.3);
-	}
-
-	.block-editor-list-view-block-select-button__lock {
-		line-height: 0;
-		width: 24px;
-		min-width: 24px;
-		margin-left: auto;
-		padding: 0;
-		vertical-align: middle;
-	}
-}
-
-.block-editor-list-view-block-select-button__description,
-.block-editor-list-view-appender__description {
-	display: none;
-}
-
-.block-editor-list-view-block__contents-cell,
-.block-editor-list-view-appender__cell {
-	.block-editor-list-view-block__contents-container,
-	.block-editor-list-view-appender__container {
-		display: flex;
-	}
-}
-
-// Chevron container metrics.
-.block-editor-list-view__expander {
-	height: $icon-size;
-	margin-left: $grid-unit-05;
-	width: $icon-size;
-}
-
-// First level of indentation is aria-level 2, max indent is 8.
-// Indent is a full icon size, plus 4px which optically aligns child icons to the text label above.
-$block-navigation-max-indent: 8;
-.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander {
-	margin-left: ( $icon-size ) * $block-navigation-max-indent + 4 * ( $block-navigation-max-indent - 1 );
-}
-
-.block-editor-list-view-leaf:not([aria-level="1"]) {
-	.block-editor-list-view__expander {
-		margin-right: 4px;
-	}
-}
-
-@for $i from 0 to $block-navigation-max-indent {
-	.block-editor-list-view-leaf[aria-level="#{ $i + 1 }"] .block-editor-list-view__expander {
-		@if $i - 1 >= 0 {
-			margin-left: ( $icon-size * $i ) + 4 * ($i - 1);
-		}
-		@else {
-			margin-left: ( $icon-size * $i );
-		}
-	}
-}
-
-.block-editor-list-view-leaf .block-editor-list-view__expander {
-	visibility: hidden;
-}
-
-// Point downwards when open.
-.block-editor-list-view-leaf[aria-expanded="true"] .block-editor-list-view__expander svg {
-	visibility: visible;
-	transition: transform 0.2s ease;
-	transform: rotate(90deg);
-	@include reduce-motion("transition");
-}
-
-// Point rightwards when closed
-.block-editor-list-view-leaf[aria-expanded="false"] .block-editor-list-view__expander svg {
-	visibility: visible;
-	transform: rotate(0deg);
-	transition: transform 0.2s ease;
-	@include reduce-motion("transition");
-}
-
-.block-editor-list-view-drop-indicator {
-	pointer-events: none;
-
-	.block-editor-list-view-drop-indicator__line {
-		background: var(--wp-admin-theme-color);
-		height: $border-width;
-	}
-}
-
-.block-editor-list-view-placeholder {
-	padding: 0;
-	margin: 0;
-	height: 36px;
-}
-
+//Styles for off-canvas editor, remove this line when you add some css to this file!
diff --git a/packages/block-editor/src/style.scss b/packages/block-editor/src/style.scss
index 853a030f045945..00737423611582 100644
--- a/packages/block-editor/src/style.scss
+++ b/packages/block-editor/src/style.scss
@@ -65,4 +65,7 @@
 @import "./components/preview-options/style.scss";
 @import "./components/spacing-sizes-control/style.scss";
 
+// Experiments.
+@import "./components/off-canvas-editor/style.scss";
+
 @include wordpress-admin-schemes();

From 821db1c8fc598a8dd69b52a97fe843f691b5cfa4 Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Tue, 22 Nov 2022 11:06:19 +0000
Subject: [PATCH 56/76] Navigation: Add label field to navigation link and
 navigation submenu (#45964)

---
 packages/block-library/src/navigation-link/edit.js    | 8 ++++++++
 packages/block-library/src/navigation-submenu/edit.js | 8 ++++++++
 2 files changed, 16 insertions(+)

diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index 30a2f9ebb4b520..0c08209130ba4c 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -737,6 +737,14 @@ export default function NavigationLinkEdit( {
 			{ /* Warning, this duplicated in packages/block-library/src/navigation-submenu/edit.js */ }
 			<InspectorControls>
 				<PanelBody title={ __( 'Link settings' ) }>
+					<TextControl
+						value={ label || '' }
+						onChange={ ( labelValue ) => {
+							setAttributes( { label: labelValue } );
+						} }
+						label={ __( 'Label' ) }
+						autoComplete="off"
+					/>
 					<TextControl
 						value={ url || '' }
 						onChange={ ( urlValue ) => {
diff --git a/packages/block-library/src/navigation-submenu/edit.js b/packages/block-library/src/navigation-submenu/edit.js
index 9810c7ebab05c6..aa508e63a62262 100644
--- a/packages/block-library/src/navigation-submenu/edit.js
+++ b/packages/block-library/src/navigation-submenu/edit.js
@@ -578,6 +578,14 @@ export default function NavigationSubmenuEdit( {
 			{ /* Warning, this duplicated in packages/block-library/src/navigation-link/edit.js */ }
 			<InspectorControls>
 				<PanelBody title={ __( 'Link settings' ) }>
+					<TextControl
+						value={ label || '' }
+						onChange={ ( labelValue ) => {
+							setAttributes( { label: labelValue } );
+						} }
+						label={ __( 'Label' ) }
+						autoComplete="off"
+					/>
 					<TextControl
 						value={ url || '' }
 						onChange={ ( urlValue ) => {

From 367c180b384f6656aa6fa5f6926e0c39ab073905 Mon Sep 17 00:00:00 2001
From: Ben Dwyer <ben@scruffian.com>
Date: Tue, 22 Nov 2022 13:02:41 +0000
Subject: [PATCH 57/76] Page List: If no parent page is set, still render all
 children (#45967)

* Page List: If no parent page is set, still render all children

* Fixes the block not rendering with no parent by correctly renaming the new parentPageID attribute.

Co-authored-by: Ben Dwyer <275961+scruffian@users.noreply.github.com>

* regenerated fixtures for new attribute name

Co-authored-by: Andrei Draganescu <andrei.draganescu@automattic.com>
Co-authored-by: Ben Dwyer <275961+scruffian@users.noreply.github.com>
---
 docs/reference-guides/core-blocks.md                  | 2 +-
 packages/block-library/src/page-list/block.json       | 2 +-
 test/integration/fixtures/blocks/core__page-list.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
index 8650c9d7d32749..09e48ebda0f65e 100644
--- a/docs/reference-guides/core-blocks.md
+++ b/docs/reference-guides/core-blocks.md
@@ -429,7 +429,7 @@ Display a list of all pages. ([Source](https://github.com/WordPress/gutenberg/tr
 -	**Name:** core/page-list
 -	**Category:** widgets
 -	**Supports:** ~~html~~, ~~reusable~~
--	**Attributes:** rootPageID
+-	**Attributes:** parentPageID
 
 ## Paragraph
 
diff --git a/packages/block-library/src/page-list/block.json b/packages/block-library/src/page-list/block.json
index 144cecb428396c..2fc6993849d6f7 100644
--- a/packages/block-library/src/page-list/block.json
+++ b/packages/block-library/src/page-list/block.json
@@ -8,7 +8,7 @@
 	"keywords": [ "menu", "navigation" ],
 	"textdomain": "default",
 	"attributes": {
-		"rootPageID": {
+		"parentPageID": {
 			"type": "integer",
 			"default": 0
 		}
diff --git a/test/integration/fixtures/blocks/core__page-list.json b/test/integration/fixtures/blocks/core__page-list.json
index 52e22aa9059abd..b1992a437b8849 100644
--- a/test/integration/fixtures/blocks/core__page-list.json
+++ b/test/integration/fixtures/blocks/core__page-list.json
@@ -3,7 +3,7 @@
 		"name": "core/page-list",
 		"isValid": true,
 		"attributes": {
-			"rootPageID": 0
+			"parentPageID": 0
 		},
 		"innerBlocks": []
 	}

From d7e3cc12afac33be0b5b6eb9c85a27506cab4e5d Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Tue, 22 Nov 2022 15:36:31 +0200
Subject: [PATCH 58/76] Lodash: Refactor editor away from _.pick() (#45944)

---
 .../provider/use-block-editor-settings.js     | 97 +++++++++----------
 1 file changed, 48 insertions(+), 49 deletions(-)

diff --git a/packages/editor/src/components/provider/use-block-editor-settings.js b/packages/editor/src/components/provider/use-block-editor-settings.js
index 51d16ef1b6a7d6..0b69dcc66eb81c 100644
--- a/packages/editor/src/components/provider/use-block-editor-settings.js
+++ b/packages/editor/src/components/provider/use-block-editor-settings.js
@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { pick } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -133,50 +128,54 @@ function useBlockEditorSettings( settings, hasTemplate ) {
 
 	return useMemo(
 		() => ( {
-			...pick( settings, [
-				'__experimentalBlockDirectory',
-				'__experimentalDiscussionSettings',
-				'__experimentalFeatures',
-				'__experimentalPreferredStyleVariations',
-				'__experimentalSetIsInserterOpened',
-				'__unstableGalleryWithImageBlocks',
-				'alignWide',
-				'allowedBlockTypes',
-				'bodyPlaceholder',
-				'canLockBlocks',
-				'codeEditingEnabled',
-				'colors',
-				'disableCustomColors',
-				'disableCustomFontSizes',
-				'disableCustomSpacingSizes',
-				'disableCustomGradients',
-				'disableLayoutStyles',
-				'enableCustomLineHeight',
-				'enableCustomSpacing',
-				'enableCustomUnits',
-				'focusMode',
-				'fontSizes',
-				'gradients',
-				'generateAnchors',
-				'hasFixedToolbar',
-				'isDistractionFree',
-				'hasInlineToolbar',
-				'imageDefaultSize',
-				'imageDimensions',
-				'imageEditing',
-				'imageSizes',
-				'isRTL',
-				'keepCaretInsideBlock',
-				'maxWidth',
-				'onUpdateDefaultBlockStyles',
-				'styles',
-				'template',
-				'templateLock',
-				'titlePlaceholder',
-				'supportsLayout',
-				'widgetTypesToHideFromLegacyWidgetBlock',
-				'__unstableResolvedAssets',
-			] ),
+			...Object.fromEntries(
+				Object.entries( settings ).filter( ( [ key ] ) =>
+					[
+						'__experimentalBlockDirectory',
+						'__experimentalDiscussionSettings',
+						'__experimentalFeatures',
+						'__experimentalPreferredStyleVariations',
+						'__experimentalSetIsInserterOpened',
+						'__unstableGalleryWithImageBlocks',
+						'alignWide',
+						'allowedBlockTypes',
+						'bodyPlaceholder',
+						'canLockBlocks',
+						'codeEditingEnabled',
+						'colors',
+						'disableCustomColors',
+						'disableCustomFontSizes',
+						'disableCustomSpacingSizes',
+						'disableCustomGradients',
+						'disableLayoutStyles',
+						'enableCustomLineHeight',
+						'enableCustomSpacing',
+						'enableCustomUnits',
+						'focusMode',
+						'fontSizes',
+						'gradients',
+						'generateAnchors',
+						'hasFixedToolbar',
+						'isDistractionFree',
+						'hasInlineToolbar',
+						'imageDefaultSize',
+						'imageDimensions',
+						'imageEditing',
+						'imageSizes',
+						'isRTL',
+						'keepCaretInsideBlock',
+						'maxWidth',
+						'onUpdateDefaultBlockStyles',
+						'styles',
+						'template',
+						'templateLock',
+						'titlePlaceholder',
+						'supportsLayout',
+						'widgetTypesToHideFromLegacyWidgetBlock',
+						'__unstableResolvedAssets',
+					].includes( key )
+				)
+			),
 			mediaUpload: hasUploadPermissions ? mediaUpload : undefined,
 			__experimentalReusableBlocks: reusableBlocks,
 			__experimentalBlockPatterns: blockPatterns,

From c75fc6d4b8f09dfc4fb2286814cbccc737ccc40f Mon Sep 17 00:00:00 2001
From: Miguel Torres <miguel.torres@automattic.com>
Date: Tue, 22 Nov 2022 17:19:07 +0100
Subject: [PATCH 59/76] Update `gutenberg_get_global_stylesheet` to use
 `WP_Object_Cache` (#45679)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: André <583546+oandregal@users.noreply.github.com>
---
 .../get-global-styles-and-settings.php        |  85 --------------
 .../class-wp-theme-json-resolver-6-2.php      |  25 ++++
 lib/compat/wordpress-6.2/default-filters.php  |  10 ++
 .../get-global-styles-and-settings.php        | 110 ++++++++++++++++++
 phpunit/wp-get-global-stylesheet-test.php     |  98 ++++++++++++++++
 5 files changed, 243 insertions(+), 85 deletions(-)
 create mode 100644 phpunit/wp-get-global-stylesheet-test.php

diff --git a/lib/compat/wordpress-6.1/get-global-styles-and-settings.php b/lib/compat/wordpress-6.1/get-global-styles-and-settings.php
index 35c540ce1c57a6..fd6113c7405c4a 100644
--- a/lib/compat/wordpress-6.1/get-global-styles-and-settings.php
+++ b/lib/compat/wordpress-6.1/get-global-styles-and-settings.php
@@ -54,88 +54,3 @@ function ( $item ) {
 		}
 	}
 }
-
-/**
- * Returns the stylesheet resulting of merging core, theme, and user data.
- *
- * @param array $types Types of styles to load. Optional.
- *                     It accepts 'variables', 'styles', 'presets' as values.
- *                     If empty, it'll load all for themes with theme.json support
- *                     and only [ 'variables', 'presets' ] for themes without theme.json support.
- *
- * @return string Stylesheet.
- */
-function gutenberg_get_global_stylesheet( $types = array() ) {
-	// Return cached value if it can be used and exists.
-	// It's cached by theme to make sure that theme switching clears the cache.
-	$can_use_cached = (
-		( empty( $types ) ) &&
-		( ! defined( 'WP_DEBUG' ) || ! WP_DEBUG ) &&
-		( ! defined( 'SCRIPT_DEBUG' ) || ! SCRIPT_DEBUG ) &&
-		( ! defined( 'REST_REQUEST' ) || ! REST_REQUEST ) &&
-		! is_admin()
-	);
-	$transient_name = 'gutenberg_global_styles_' . get_stylesheet();
-	if ( $can_use_cached ) {
-		$cached = get_transient( $transient_name );
-		if ( $cached ) {
-			return $cached;
-		}
-	}
-	$tree                = WP_Theme_JSON_Resolver_Gutenberg::get_merged_data();
-	$supports_theme_json = wp_theme_has_theme_json();
-	if ( empty( $types ) && ! $supports_theme_json ) {
-		$types = array( 'variables', 'presets', 'base-layout-styles' );
-	} elseif ( empty( $types ) ) {
-		$types = array( 'variables', 'styles', 'presets' );
-	}
-
-	/*
-	 * If variables are part of the stylesheet,
-	 * we add them.
-	 *
-	 * This is so themes without a theme.json still work as before 5.9:
-	 * they can override the default presets.
-	 * See https://core.trac.wordpress.org/ticket/54782
-	 */
-	$styles_variables = '';
-	if ( in_array( 'variables', $types, true ) ) {
-		/*
-		 * We only use the default, theme, and custom origins.
-		 * This is because styles for blocks origin are added
-		 * at a later phase (render cycle) so we only render the ones in use.
-		 * @see wp_add_global_styles_for_blocks
-		 */
-		$origins          = array( 'default', 'theme', 'custom' );
-		$styles_variables = $tree->get_stylesheet( array( 'variables' ), $origins );
-		$types            = array_diff( $types, array( 'variables' ) );
-	}
-
-	/*
-	 * For the remaining types (presets, styles), we do consider origins:
-	 *
-	 * - themes without theme.json: only the classes for the presets defined by core
-	 * - themes with theme.json: the presets and styles classes, both from core and the theme
-	 */
-	$styles_rest = '';
-	if ( ! empty( $types ) ) {
-		/*
-		 * We only use the default, theme, and custom origins.
-		 * This is because styles for blocks origin are added
-		 * at a later phase (render cycle) so we only render the ones in use.
-		 * @see wp_add_global_styles_for_blocks
-		 */
-		$origins = array( 'default', 'theme', 'custom' );
-		if ( ! $supports_theme_json ) {
-			$origins = array( 'default' );
-		}
-		$styles_rest = $tree->get_stylesheet( $types, $origins );
-	}
-	$stylesheet = $styles_variables . $styles_rest;
-	if ( $can_use_cached ) {
-		// Cache for a minute.
-		// This cache doesn't need to be any longer, we only want to avoid spikes on high-traffic sites.
-		set_transient( $transient_name, $stylesheet, MINUTE_IN_SECONDS );
-	}
-	return $stylesheet;
-}
diff --git a/lib/compat/wordpress-6.2/class-wp-theme-json-resolver-6-2.php b/lib/compat/wordpress-6.2/class-wp-theme-json-resolver-6-2.php
index e10710e0f4709f..7adb37ffbd9e01 100644
--- a/lib/compat/wordpress-6.2/class-wp-theme-json-resolver-6-2.php
+++ b/lib/compat/wordpress-6.2/class-wp-theme-json-resolver-6-2.php
@@ -32,4 +32,29 @@ public static function theme_has_support() {
 		return wp_theme_has_theme_json();
 	}
 
+	/**
+	 * Private method to clean the cached data after an upgrade.
+	 *
+	 * It is hooked into the `upgrader_process_complete` action.
+	 *
+	 * @see default-filters.php
+	 *
+	 * @param WP_Upgrader $upgrader WP_Upgrader instance.
+	 * @param array       $options  Array of bulk item update data.
+	 */
+	public static function _clean_cached_data_upon_upgrading( $upgrader, $options ) {
+		if ( 'update' !== $options['action'] ) {
+			return;
+		}
+
+		if (
+			'core' === $options['type'] ||
+			'plugin' === $options['type'] ||
+			// Clean cache only if the active theme was updated.
+			( 'theme' === $options['type'] && ( isset( $options['themes'][ get_stylesheet() ] ) || isset( $options['themes'][ get_template() ] ) ) )
+		) {
+			static::clean_cached_data();
+		}
+	}
+
 }
diff --git a/lib/compat/wordpress-6.2/default-filters.php b/lib/compat/wordpress-6.2/default-filters.php
index 861b8a01421c62..927ff2bd12aa33 100644
--- a/lib/compat/wordpress-6.2/default-filters.php
+++ b/lib/compat/wordpress-6.2/default-filters.php
@@ -20,3 +20,13 @@
 add_action( 'switch_theme', 'wp_theme_has_theme_json_clean_cache' );
 add_action( 'start_previewing_theme', 'wp_theme_has_theme_json_clean_cache' );
 add_action( 'upgrader_process_complete', '_wp_theme_has_theme_json_clean_cache_upon_upgrading_active_theme', 10, 2 );
+add_action( 'save_post_wp_global_styles', array( 'WP_Theme_JSON_Resolver_Gutenberg', 'clean_cached_data' ) );
+add_action( 'activated_plugin', array( 'WP_Theme_JSON_Resolver_Gutenberg', 'clean_cached_data' ) );
+add_action( 'deactivated_plugin', array( 'WP_Theme_JSON_Resolver_Gutenberg', 'clean_cached_data' ) );
+add_action( 'upgrader_process_complete', array( 'WP_Theme_JSON_Resolver_Gutenberg', '_clean_cached_data_upon_upgrading', 10, 2 ) );
+add_action( 'save_post_wp_global_styles', 'gutenberg_get_global_stylesheet_clean_cache' );
+add_action( 'switch_theme', 'gutenberg_get_global_stylesheet_clean_cache' );
+add_action( 'start_previewing_theme', 'gutenberg_get_global_stylesheet_clean_cache' );
+add_action( 'activated_plugin', 'gutenberg_get_global_stylesheet_clean_cache' );
+add_action( 'deactivated_plugin', 'gutenberg_get_global_stylesheet_clean_cache' );
+add_action( 'upgrader_process_complete', '_gutenberg_get_global_stylesheet_clean_cache_upon_upgrading', 10, 2 );
diff --git a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
index be9781556868c0..5d37d3182ccc85 100644
--- a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
+++ b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
@@ -79,3 +79,113 @@ function _wp_theme_has_theme_json_clean_cache_upon_upgrading_active_theme( $upgr
 		}
 	}
 }
+
+/**
+ * Returns the stylesheet resulting of merging core, theme, and user data.
+ *
+ * @param array $types Types of styles to load. Optional.
+ *                     It accepts 'variables', 'styles', 'presets' as values.
+ *                     If empty, it'll load all for themes with theme.json support
+ *                     and only [ 'variables', 'presets' ] for themes without theme.json support.
+ *
+ * @return string Stylesheet.
+ */
+function gutenberg_get_global_stylesheet( $types = array() ) {
+	// Ignore cache when `WP_DEBUG` is enabled, so it doesn't interfere with the theme developers workflow.
+	$can_use_cached = empty( $types ) && ( ! defined( 'WP_DEBUG' ) || ! WP_DEBUG );
+	$cache_key      = 'gutenberg_get_global_stylesheet';
+	$cache_group    = 'theme_json';
+	if ( $can_use_cached ) {
+		$cached = wp_cache_get( $cache_key, $cache_group );
+		if ( $cached ) {
+			return $cached;
+		}
+	}
+	$tree                = WP_Theme_JSON_Resolver_Gutenberg::get_merged_data();
+	$supports_theme_json = wp_theme_has_theme_json();
+	if ( empty( $types ) && ! $supports_theme_json ) {
+		$types = array( 'variables', 'presets', 'base-layout-styles' );
+	} elseif ( empty( $types ) ) {
+		$types = array( 'variables', 'styles', 'presets' );
+	}
+
+	/*
+	 * If variables are part of the stylesheet,
+	 * we add them.
+	 *
+	 * This is so themes without a theme.json still work as before 5.9:
+	 * they can override the default presets.
+	 * See https://core.trac.wordpress.org/ticket/54782
+	 */
+	$styles_variables = '';
+	if ( in_array( 'variables', $types, true ) ) {
+		/*
+		 * We only use the default, theme, and custom origins.
+		 * This is because styles for blocks origin are added
+		 * at a later phase (render cycle) so we only render the ones in use.
+		 * @see wp_add_global_styles_for_blocks
+		 */
+		$origins          = array( 'default', 'theme', 'custom' );
+		$styles_variables = $tree->get_stylesheet( array( 'variables' ), $origins );
+		$types            = array_diff( $types, array( 'variables' ) );
+	}
+
+	/*
+	 * For the remaining types (presets, styles), we do consider origins:
+	 *
+	 * - themes without theme.json: only the classes for the presets defined by core
+	 * - themes with theme.json: the presets and styles classes, both from core and the theme
+	 */
+	$styles_rest = '';
+	if ( ! empty( $types ) ) {
+		/*
+		 * We only use the default, theme, and custom origins.
+		 * This is because styles for blocks origin are added
+		 * at a later phase (render cycle) so we only render the ones in use.
+		 * @see wp_add_global_styles_for_blocks
+		 */
+		$origins = array( 'default', 'theme', 'custom' );
+		if ( ! $supports_theme_json ) {
+			$origins = array( 'default' );
+		}
+		$styles_rest = $tree->get_stylesheet( $types, $origins );
+	}
+	$stylesheet = $styles_variables . $styles_rest;
+	if ( $can_use_cached ) {
+		wp_cache_set( $cache_key, $stylesheet, $cache_group );
+	}
+	return $stylesheet;
+}
+
+/**
+ * Clean the cache used by the `gutenberg_get_global_stylesheet` function.
+ */
+function gutenberg_get_global_stylesheet_clean_cache() {
+	wp_cache_delete( 'gutenberg_get_global_stylesheet', 'theme_json' );
+}
+
+/**
+ * Private function to clean the cache used by the `gutenberg_get_global_stylesheet` function after an upgrade.
+ *
+ * It is hooked into the `upgrader_process_complete` action.
+ *
+ * @see default-filters.php
+ *
+ * @param WP_Upgrader $upgrader WP_Upgrader instance.
+ * @param array       $options  Array of bulk item update data.
+ */
+function _gutenberg_get_global_stylesheet_clean_cache_upon_upgrading( $upgrader, $options ) {
+	if ( 'update' !== $options['action'] ) {
+		return;
+	}
+
+	if (
+		'core' === $options['type'] ||
+		'plugin' === $options['type'] ||
+		// Clean cache only if the active theme was updated.
+		( 'theme' === $options['type'] && ( isset( $options['themes'][ get_stylesheet() ] ) || isset( $options['themes'][ get_template() ] ) ) )
+	) {
+		gutenberg_get_global_stylesheet_clean_cache();
+	}
+}
+
diff --git a/phpunit/wp-get-global-stylesheet-test.php b/phpunit/wp-get-global-stylesheet-test.php
new file mode 100644
index 00000000000000..cb4d0242ce3e3a
--- /dev/null
+++ b/phpunit/wp-get-global-stylesheet-test.php
@@ -0,0 +1,98 @@
+<?php
+/**
+ * Tests wp_get_global_stylesheet().
+ *
+ * @package Gutenberg
+ */
+
+class WP_Get_Global_Stylesheet_Test extends WP_UnitTestCase {
+
+	/**
+	 * Administrator ID.
+	 *
+	 * @var int
+	 */
+	protected static $administrator_id;
+
+	/**
+	 * Theme root directory.
+	 *
+	 * @var string
+	 */
+	private $theme_root;
+
+	/**
+	 * Original theme directory.
+	 *
+	 * @var string
+	 */
+	private $orig_theme_dir;
+
+	public static function set_up_before_class() {
+		parent::set_up_before_class();
+
+		self::$administrator_id = self::factory()->user->create(
+			array(
+				'role'       => 'administrator',
+				'user_email' => 'administrator@example.com',
+			)
+		);
+	}
+
+	public function set_up() {
+		parent::set_up();
+
+		$this->orig_theme_dir = $GLOBALS['wp_theme_directories'];
+		$this->theme_root     = realpath( DIR_TESTDATA . '/themedir1' );
+
+		// /themes is necessary as theme.php functions assume /themes is the root if there is only one root.
+		$GLOBALS['wp_theme_directories'] = array( WP_CONTENT_DIR . '/themes', $this->theme_root );
+
+		// Set up the new root.
+		add_filter( 'theme_root', array( $this, 'filter_set_theme_root' ) );
+		add_filter( 'stylesheet_root', array( $this, 'filter_set_theme_root' ) );
+		add_filter( 'template_root', array( $this, 'filter_set_theme_root' ) );
+
+		// Clear caches.
+		wp_clean_themes_cache();
+		unset( $GLOBALS['wp_themes'] );
+	}
+
+	public function tear_down() {
+		$GLOBALS['wp_theme_directories'] = $this->orig_theme_dir;
+
+		// Clear up the filters to modify the theme root.
+		remove_filter( 'theme_root', array( $this, 'filter_set_theme_root' ) );
+		remove_filter( 'stylesheet_root', array( $this, 'filter_set_theme_root' ) );
+		remove_filter( 'template_root', array( $this, 'filter_set_theme_root' ) );
+
+		wp_clean_themes_cache();
+		unset( $GLOBALS['wp_themes'] );
+
+		parent::tear_down();
+	}
+
+	public function filter_set_theme_root() {
+		return $this->theme_root;
+	}
+
+	public function test_global_styles_user_cpt_change_invalidates_cached_stylesheet() {
+		add_filter( 'wp_get_global_stylesheet_can_use_cache', '__return_true' );
+		switch_theme( 'block-theme' );
+		wp_set_current_user( self::$administrator_id );
+
+		$styles = gutenberg_get_global_stylesheet();
+		$this->assertStringNotContainsString( 'background-color: hotpink;', $styles );
+
+		$user_cpt                                = WP_Theme_JSON_Resolver_Gutenberg::get_user_data_from_wp_global_styles( wp_get_theme(), true );
+		$config                                  = json_decode( $user_cpt['post_content'], true );
+		$config['styles']['color']['background'] = 'hotpink';
+		$user_cpt['post_content']                = wp_json_encode( $config );
+
+		wp_update_post( $user_cpt, true, false );
+
+		$styles = gutenberg_get_global_stylesheet();
+		$this->assertStringContainsString( 'background-color: hotpink;', $styles );
+		remove_filter( 'wp_get_global_stylesheet_can_use_cache', '__return_true' );
+	}
+}

From 6088f5cfaaaee5ee9d378514af0e0e416b1a227e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9?= <583546+oandregal@users.noreply.github.com>
Date: Tue, 22 Nov 2022 11:39:51 -0700
Subject: [PATCH 60/76] Update which origins are queried for
 `gutenberg_get_global_settings` (#45971)

Co-authored-by: Felix Arntz <felixarntz@users.noreply.github.com>
---
 .../get-global-styles-and-settings.php        | 29 --------------
 .../get-global-styles-and-settings.php        | 38 +++++++++++++++++++
 2 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/lib/compat/wordpress-6.0/get-global-styles-and-settings.php b/lib/compat/wordpress-6.0/get-global-styles-and-settings.php
index 9ed3e891182cb5..d4f1f9ef034924 100644
--- a/lib/compat/wordpress-6.0/get-global-styles-and-settings.php
+++ b/lib/compat/wordpress-6.0/get-global-styles-and-settings.php
@@ -5,35 +5,6 @@
  * @package gutenberg
  */
 
-/**
- * Function to get the settings resulting of merging core, theme, and user data.
- *
- * @param array $path    Path to the specific setting to retrieve. Optional.
- *                       If empty, will return all settings.
- * @param array $context {
- *     Metadata to know where to retrieve the $path from. Optional.
- *
- *     @type string $block_name Which block to retrieve the settings from.
- *                              If empty, it'll return the settings for the global context.
- *     @type string $origin     Which origin to take data from.
- *                              Valid values are 'all' (core, theme, and user) or 'base' (core and theme).
- *                              If empty or unknown, 'all' is used.
- * }
- *
- * @return array The settings to retrieve.
- */
-function gutenberg_get_global_settings( $path = array(), $context = array() ) {
-	if ( ! empty( $context['block_name'] ) ) {
-		$path = array_merge( array( 'blocks', $context['block_name'] ), $path );
-	}
-	$origin = 'custom';
-	if ( isset( $context['origin'] ) && 'base' === $context['origin'] ) {
-		$origin = 'theme';
-	}
-	$settings = WP_Theme_JSON_Resolver_Gutenberg::get_merged_data( $origin )->get_settings();
-	return _wp_array_get( $settings, $path, $settings );
-}
-
 /**
  * Function to get the styles resulting of merging core, theme, and user data.
  *
diff --git a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
index 5d37d3182ccc85..cee145acca5fc6 100644
--- a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
+++ b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
@@ -189,3 +189,41 @@ function _gutenberg_get_global_stylesheet_clean_cache_upon_upgrading( $upgrader,
 	}
 }
 
+/**
+ * Function to get the settings resulting of merging core, theme, and user data.
+ *
+ * @param array $path    Path to the specific setting to retrieve. Optional.
+ *                       If empty, will return all settings.
+ * @param array $context {
+ *     Metadata to know where to retrieve the $path from. Optional.
+ *
+ *     @type string $block_name Which block to retrieve the settings from.
+ *                              If empty, it'll return the settings for the global context.
+ *     @type string $origin     Which origin to take data from.
+ *                              Valid values are 'all' (core, theme, and user) or 'base' (core and theme).
+ *                              If empty or unknown, 'all' is used.
+ * }
+ *
+ * @return array The settings to retrieve.
+ */
+function gutenberg_get_global_settings( $path = array(), $context = array() ) {
+	if ( ! empty( $context['block_name'] ) ) {
+		$new_path = array( 'blocks', $context['block_name'] );
+		foreach ( $path as $subpath ) {
+			$new_path[] = $subpath;
+		}
+		$path = $new_path;
+	}
+
+	// This is the default value when no origin is provided or when it is 'all'.
+	$origin = 'custom';
+	if (
+		! wp_theme_has_theme_json() ||
+		( isset( $context['origin'] ) && 'base' === $context['origin'] )
+	) {
+		$origin = 'theme';
+	}
+
+	$settings = WP_Theme_JSON_Resolver_Gutenberg::get_merged_data( $origin )->get_settings();
+	return _wp_array_get( $settings, $path, $settings );
+}

From 4183090b2030efce7f946f88cc3bdbb22ed6f9d5 Mon Sep 17 00:00:00 2001
From: Jonny Harris <spacedmonkey@users.noreply.github.com>
Date: Tue, 22 Nov 2022 20:30:38 +0000
Subject: [PATCH 61/76] Cleaner logic. (#45950)

---
 .../get-global-styles-and-settings.php           | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
index cee145acca5fc6..e74ef3144ef095 100644
--- a/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
+++ b/lib/compat/wordpress-6.2/get-global-styles-and-settings.php
@@ -25,23 +25,23 @@ function wp_theme_has_theme_json() {
 		 * The reason not to store it as a boolean is to avoid working
 		 * with the $found parameter which apparently had some issues in some implementations
 		 * https://developer.wordpress.org/reference/functions/wp_cache_get/
+		 *
+		 * Ignore cache when `WP_DEBUG` is enabled, so it doesn't interfere with the theme developers workflow.
 		 */
-		if (
-			// Ignore cache when `WP_DEBUG` is enabled, so it doesn't interfere with the theme developers workflow.
-			( ! defined( 'WP_DEBUG' ) || ! WP_DEBUG ) &&
-			( 0 === $theme_has_support || 1 === $theme_has_support )
-		) {
+		if ( ! WP_DEBUG && is_int( $theme_has_support ) ) {
 			return (bool) $theme_has_support;
 		}
 
 		// Has the own theme a theme.json?
-		$theme_has_support = is_readable( get_stylesheet_directory() . '/theme.json' ) ? 1 : 0;
+		$theme_has_support = is_readable( get_stylesheet_directory() . '/theme.json' );
 
 		// Look up the parent if the child does not have a theme.json.
-		if ( 0 === $theme_has_support ) {
-			$theme_has_support = is_readable( get_template_directory() . '/theme.json' ) ? 1 : 0;
+		if ( ! $theme_has_support ) {
+			$theme_has_support = is_readable( get_template_directory() . '/theme.json' );
 		}
 
+		$theme_has_support = $theme_has_support ? 1 : 0;
+
 		wp_cache_set( $cache_key, $theme_has_support, $cache_group );
 
 		return (bool) $theme_has_support;

From 7e76592a8fec0ee9e6a8dcb3cfda558fbc07ecec Mon Sep 17 00:00:00 2001
From: Dennis Snell <dennis.snell@automattic.com>
Date: Tue, 15 Nov 2022 16:36:30 -0700
Subject: [PATCH 62/76] Tag Processor: Add ability to stop at tag closers, if
 requested

`WP_HTML_Tag_Processor` introduces the ability to walk through an HTML
document and modify attributes on tag openers.

At times it could be useful to stop also at tag closers in order to
perform augmented inspection and querying of a document.

In this patch we're opening up a mode that allows just that; if
querying with the `[ "tag_closers" => "visit" ]` query parrameter
then in addition to stopping at tag openers, this will allow
stopping at all tag tokens regardless of open or close status.
---
 .../html/class-wp-html-tag-processor.php      | 137 +++++++++++++-----
 phpunit/html/wp-html-tag-processor-test.php   |  56 +++++++
 2 files changed, 159 insertions(+), 34 deletions(-)

diff --git a/lib/experimental/html/class-wp-html-tag-processor.php b/lib/experimental/html/class-wp-html-tag-processor.php
index 6e72fc38ff4118..acdf8d97a95a96 100644
--- a/lib/experimental/html/class-wp-html-tag-processor.php
+++ b/lib/experimental/html/class-wp-html-tag-processor.php
@@ -221,6 +221,14 @@ class WP_HTML_Tag_Processor {
 	 */
 	private $sought_match_offset;
 
+	/**
+	 * Whether to visit tag closers, e.g. </div>, when walking an input document.
+	 *
+	 * @since 6.2.0
+	 * @var boolean
+	 */
+	private $stop_on_tag_closers;
+
 	/**
 	 * The updated HTML document.
 	 *
@@ -276,6 +284,29 @@ class WP_HTML_Tag_Processor {
 	 */
 	private $tag_name_length;
 
+	/**
+	 * Byte offset in input document where current tag token ends.
+	 *
+	 * Example:
+	 * ```
+	 *   <div id="test">...
+	 *   0         1   |
+	 *   01234567890123456
+	 *    --- tag name ends at 14
+	 * ```
+	 *
+	 * @since 6.2.0
+	 * @var ?int
+	 */
+	private $tag_ends_at;
+
+	/**
+	 * Whether the current tag is an opening tag, e.g. <div>, or a closing tag, e.g. </div>.
+	 *
+	 * @var boolean
+	 */
+	private $is_closing_tag;
+
 	/**
 	 * Lazily-built index of attributes found within an HTML tag, keyed by the attribute name.
 	 *
@@ -412,7 +443,16 @@ public function next_tag( $query = null ) {
 				return false;
 			}
 
-			$this->parse_tag_opener_attributes();
+			while ( $this->parse_next_attribute() ) {
+				continue;
+			}
+
+			$tag_ends_at = strpos( $this->html, '>', $this->parsed_bytes );
+			if ( false === $tag_ends_at ) {
+				return false;
+			}
+			$this->tag_ends_at  = $tag_ends_at;
+			$this->parsed_bytes = $tag_ends_at;
 
 			if ( $this->matches() ) {
 				++$already_found;
@@ -495,7 +535,9 @@ private function skip_rcdata( $tag_name ) {
 				continue;
 			}
 
-			$this->skip_tag_closer_attributes();
+			while ( $this->parse_next_attribute() ) {
+				continue;
+			}
 			$at = $this->parsed_bytes;
 			if ( $at >= strlen( $this->html ) ) {
 				return false;
@@ -620,12 +662,14 @@ private function skip_script_data() {
 
 			if ( $is_closing ) {
 				$this->parsed_bytes = $at;
-				$this->skip_tag_closer_attributes();
-
 				if ( $this->parsed_bytes >= $doc_length ) {
 					return false;
 				}
 
+				while ( $this->parse_next_attribute() ) {
+					continue;
+				}
+
 				if ( '>' === $html[ $this->parsed_bytes ] ) {
 					++$this->parsed_bytes;
 					return true;
@@ -656,6 +700,13 @@ private function parse_next_tag() {
 				return false;
 			}
 
+			if ( '/' === $this->html[ $at + 1 ] ) {
+				$this->is_closing_tag = true;
+				$at++;
+			} else {
+				$this->is_closing_tag = false;
+			}
+
 			/*
 			 * HTML tag names must start with [a-zA-Z] otherwise they are not tags.
 			 * For example, "<3" is rendered as text, not a tag opener. This means
@@ -777,35 +828,12 @@ private function parse_next_tag() {
 		return false;
 	}
 
-	/**
-	 * Parses all attributes of the current tag.
-	 *
-	 * @since 6.2.0
-	 */
-	private function parse_tag_opener_attributes() {
-		while ( $this->parse_next_attribute() ) {
-			continue;
-		}
-	}
-
-	/**
-	 * Skips all attributes of the current tag.
-	 *
-	 * @since 6.2.0
-	 */
-	private function skip_tag_closer_attributes() {
-		while ( $this->parse_next_attribute( 'tag-closer' ) ) {
-			continue;
-		}
-	}
-
 	/**
 	 * Parses the next attribute.
 	 *
-	 * @param string $context tag-opener or tag-closer.
 	 * @since 6.2.0
 	 */
-	private function parse_next_attribute( $context = 'tag-opener' ) {
+	private function parse_next_attribute() {
 		// Skip whitespace and slashes.
 		$this->parsed_bytes += strspn( $this->html, " \t\f\r\n/", $this->parsed_bytes );
 		if ( $this->parsed_bytes >= strlen( $this->html ) ) {
@@ -872,7 +900,7 @@ private function parse_next_attribute( $context = 'tag-opener' ) {
 			return false;
 		}
 
-		if ( 'tag-opener' !== $context ) {
+		if ( $this->is_closing_tag ) {
 			return true;
 		}
 
@@ -914,6 +942,8 @@ private function after_tag() {
 		$this->apply_attributes_updates();
 		$this->tag_name_starts_at = null;
 		$this->tag_name_length    = null;
+		$this->tag_ends_at        = null;
+		$this->is_closing_tag     = null;
 		$this->attributes         = array();
 	}
 
@@ -1159,6 +1189,25 @@ public function get_tag() {
 		return strtoupper( $tag_name );
 	}
 
+	/**
+	 * Indicates if the current tag token is a tag closer.
+	 *
+	 * Example:
+	 * <code>
+	 *     $p = new WP_HTML_Tag_Processor( '<div></div>' );
+	 *     $p->next_tag( [ 'tag_name' => 'div', 'tag_closers' => 'visit' ] );
+	 *     $p->is_tag_closer() === false;
+	 *
+	 *     $p->next_tag( [ 'tag_name' => 'div', 'tag_closers' => 'visit' ] );
+	 *     $p->is_tag_closer() === true;
+	 * </code>
+	 *
+	 * @return bool
+	 */
+	public function is_tag_closer() {
+		return $this->is_closing_tag;
+	}
+
 	/**
 	 * Updates or creates a new attribute on the currently matched tag with the value passed.
 	 *
@@ -1175,8 +1224,8 @@ public function get_tag() {
 	 * @throws Exception When WP_DEBUG is true and the attribute name is invalid.
 	 */
 	public function set_attribute( $name, $value ) {
-		if ( null === $this->tag_name_starts_at ) {
-			return;
+		if ( $this->is_closing_tag || null === $this->tag_name_starts_at ) {
+			return false;
 		}
 
 		/*
@@ -1286,8 +1335,8 @@ public function set_attribute( $name, $value ) {
 	 * @param string $name The attribute name to remove.
 	 */
 	public function remove_attribute( $name ) {
-		if ( ! isset( $this->attributes[ $name ] ) ) {
-			return;
+		if ( $this->is_closing_tag || ! isset( $this->attributes[ $name ] ) ) {
+			return false;
 		}
 
 		/*
@@ -1316,6 +1365,10 @@ public function remove_attribute( $name ) {
 	 * @param string $class_name The class name to add.
 	 */
 	public function add_class( $class_name ) {
+		if ( $this->is_closing_tag ) {
+			return false;
+		}
+
 		if ( null !== $this->tag_name_starts_at ) {
 			$this->classname_updates[ $class_name ] = self::ADD_CLASS;
 		}
@@ -1329,6 +1382,10 @@ public function add_class( $class_name ) {
 	 * @param string $class_name The class name to remove.
 	 */
 	public function remove_class( $class_name ) {
+		if ( $this->is_closing_tag ) {
+			return false;
+		}
+
 		if ( null !== $this->tag_name_starts_at ) {
 			$this->classname_updates[ $class_name ] = self::REMOVE_CLASS;
 		}
@@ -1392,7 +1449,9 @@ public function get_updated_html() {
 
 		// Parse the attributes in the updated markup.
 		$this->attributes = array();
-		$this->parse_tag_opener_attributes();
+		while ( $this->parse_next_attribute() ) {
+			continue;
+		}
 
 		return $this->html;
 	}
@@ -1407,6 +1466,7 @@ public function get_updated_html() {
 	 *
 	 *     @type string|null $tag_name     Which tag to find, or `null` for "any tag."
 	 *     @type string|null $class_name   Tag must contain this class name to match.
+	 *     @type string      $tag_closers  "visit" or "skip": whether to stop on tag closers, e.g. </div>.
 	 * }
 	 */
 	private function parse_query( $query ) {
@@ -1418,6 +1478,7 @@ private function parse_query( $query ) {
 		$this->sought_tag_name     = null;
 		$this->sought_class_name   = null;
 		$this->sought_match_offset = 1;
+		$this->stop_on_tag_closers = false;
 
 		// A single string value means "find the tag of this name".
 		if ( is_string( $query ) ) {
@@ -1441,6 +1502,10 @@ private function parse_query( $query ) {
 		if ( isset( $query['match_offset'] ) && is_int( $query['match_offset'] ) && 0 < $query['match_offset'] ) {
 			$this->sought_match_offset = $query['match_offset'];
 		}
+
+		if ( isset( $query['tag_closers'] ) ) {
+			$this->stop_on_tag_closers = 'visit' === $query['tag_closers'];
+		}
 	}
 
 
@@ -1452,6 +1517,10 @@ private function parse_query( $query ) {
 	 * @return boolean
 	 */
 	private function matches() {
+		if ( $this->is_closing_tag && ! $this->stop_on_tag_closers ) {
+			return false;
+		}
+
 		// Do we match a case-insensitive HTML tag name?
 		if ( null !== $this->sought_tag_name ) {
 			/*
diff --git a/phpunit/html/wp-html-tag-processor-test.php b/phpunit/html/wp-html-tag-processor-test.php
index e66b1d50758d0b..273cbddddea4bf 100644
--- a/phpunit/html/wp-html-tag-processor-test.php
+++ b/phpunit/html/wp-html-tag-processor-test.php
@@ -237,6 +237,35 @@ public function test_next_tag_should_return_false_for_a_non_existing_tag() {
 		$this->assertFalse( $p->next_tag( 'p' ), 'Querying a non-existing tag did not return false' );
 	}
 
+	/**
+	 * @covers next_tag
+	 * @covers is_tag_closer
+	 */
+	public function test_next_tag_should_stop_on_closers_only_when_requested() {
+		$p = new WP_HTML_Tag_Processor( '<div><img /></div>' );
+		$this->assertTrue( $p->next_tag( array( 'tag_name' => 'div' ) ), 'Did not find desired tag opener' );
+		$this->assertFalse( $p->next_tag( array( 'tag_name' => 'div' ) ), 'Visited an unwanted tag, a tag closer' );
+
+		$p = new WP_HTML_Tag_Processor( '<div><img /></div>' );
+		$p->next_tag(
+			array(
+				'tag_name'    => 'div',
+				'tag_closers' => 'visit',
+			)
+		);
+		$this->assertFalse( $p->is_tag_closer(), 'Indicated a tag opener is a tag closer' );
+		$this->assertTrue(
+			$p->next_tag(
+				array(
+					'tag_name'    => 'div',
+					'tag_closers' => 'visit',
+				)
+			),
+			'Did not stop at desired tag closer'
+		);
+		$this->assertTrue( $p->is_tag_closer(), 'Indicated a tag closer is a tag opener' );
+	}
+
 	/**
 	 * @ticket 56299
 	 *
@@ -255,6 +284,33 @@ public function test_set_attribute_on_a_non_existing_tag_does_not_change_the_mar
 		);
 	}
 
+	public function test_attribute_ops_on_tag_closer_do_not_change_the_markup() {
+		$p = new WP_HTML_Tag_Processor( '<div id=3></div invalid-id=4>' );
+		$p->next_tag(
+			array(
+				'tag_name'    => 'div',
+				'tag_closers' => 'visit',
+			)
+		);
+		$this->assertFalse( $p->is_tag_closer(), 'Skipped tag opener' );
+		$p->next_tag(
+			array(
+				'tag_name'    => 'div',
+				'tag_closers' => 'visit',
+			)
+		);
+		$this->assertTrue( $p->is_tag_closer(), 'Skipped tag closer' );
+		$this->assertFalse( $p->set_attribute( 'id', 'test' ), "Allowed setting an attribute on a tag closer when it shouldn't have" );
+		$this->assertFalse( $p->remove_attribute( 'invalid-id' ), "Allowed removing an attribute on a tag closer when it shouldn't have" );
+		$this->assertFalse( $p->add_class( 'sneaky' ), "Allowed adding a class on a tag closer when it shouldn't have" );
+		$this->assertFalse( $p->remove_class( 'not-appearing-in-this-test' ), "Allowed removing a class on a tag closer when it shouldn't have" );
+		$this->assertSame(
+			'<div id=3></div invalid-id=4>',
+			$p->get_updated_html(),
+			'Calling get_updated_html after updating a non-existing tag returned an HTML that was different from the original HTML'
+		);
+	}
+
 	/**
 	 * Passing a double quote inside of an attribute values could lead to an XSS attack as follows:
 	 *

From d98e24e94bd6208be85196d409c8e63c8db5627b Mon Sep 17 00:00:00 2001
From: Glen Davies <glendaviesnz@users.noreply.github.com>
Date: Wed, 23 Nov 2022 18:59:44 +1300
Subject: [PATCH 63/76] Colorize template parts and  Reusable blocks (#45473)

---
 packages/base-styles/_colors.scss             |  7 ++++++
 .../src/components/block-card/index.js        | 12 +++++++++-
 .../src/components/block-card/style.scss      |  4 ++++
 .../block-content-overlay/style.scss          |  8 ++++++-
 .../src/components/block-toolbar/index.js     | 17 +++++++++----
 .../src/components/block-toolbar/style.scss   | 10 ++++++++
 .../components/inserter-list-item/index.js    | 12 +++++++++-
 .../components/inserter-list-item/style.scss  |  5 ++++
 .../src/components/list-view/block.js         |  3 +++
 .../src/components/list-view/branch.js        |  7 ++++++
 .../src/components/list-view/style.scss       | 24 +++++++++++++++----
 .../use-block-display-information/index.js    | 19 +++++++++++----
 packages/block-library/src/block/editor.scss  | 17 +++++++++++++
 .../src/template-part/editor.scss             | 22 +++++++++++++++--
 packages/blocks/src/api/registration.js       |  2 +-
 .../document-actions/index.js                 | 23 +++++++++++-------
 .../document-actions/style.scss               |  8 ++++++-
 .../components/template-details/style.scss    |  4 ++++
 18 files changed, 173 insertions(+), 31 deletions(-)

diff --git a/packages/base-styles/_colors.scss b/packages/base-styles/_colors.scss
index 03f6bfbdd566d4..5847a66f8b2435 100644
--- a/packages/base-styles/_colors.scss
+++ b/packages/base-styles/_colors.scss
@@ -1,3 +1,5 @@
+@import "./functions";
+
 /**
  * Colors
  */
@@ -24,3 +26,8 @@ $light-gray-placeholder: rgba($white, 0.65);
 $alert-yellow: #f0b849;
 $alert-red: #cc1818;
 $alert-green: #4ab866;
+
+:root {
+	--wp-block-synced-color: #7a00df;
+	--wp-block-synced-color--rgb: #{hex-to-rgb(#7a00df)};
+}
diff --git a/packages/block-editor/src/components/block-card/index.js b/packages/block-editor/src/components/block-card/index.js
index 6362b1b4ca2c7c..afda93d5ece7af 100644
--- a/packages/block-editor/src/components/block-card/index.js
+++ b/packages/block-editor/src/components/block-card/index.js
@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
@@ -17,6 +22,7 @@ function BlockCard( {
 	blockType,
 	parentBlockClientId,
 	handleBackButton,
+	isSynced,
 } ) {
 	if ( blockType ) {
 		deprecated( '`blockType` property in `BlockCard component`', {
@@ -30,7 +36,11 @@ function BlockCard( {
 		window?.__experimentalEnableOffCanvasNavigationEditor === true;
 
 	return (
-		<div className="block-editor-block-card">
+		<div
+			className={ classnames( 'block-editor-block-card', {
+				'is-synced': isSynced,
+			} ) }
+		>
 			{ isOffCanvasNavigationEditorEnabled && parentBlockClientId && (
 				<Button
 					onClick={ handleBackButton }
diff --git a/packages/block-editor/src/components/block-card/style.scss b/packages/block-editor/src/components/block-card/style.scss
index 07bd4d1ef1d8ed..1b2156c19fa797 100644
--- a/packages/block-editor/src/components/block-card/style.scss
+++ b/packages/block-editor/src/components/block-card/style.scss
@@ -28,3 +28,7 @@
 	width: $button-size-small;
 	height: $button-size-small;
 }
+
+.block-editor-block-card.is-synced .block-editor-block-icon {
+	color: var(--wp-block-synced-color);
+}
diff --git a/packages/block-editor/src/components/block-content-overlay/style.scss b/packages/block-editor/src/components/block-content-overlay/style.scss
index 7795bef2525f0b..17fd28ae07279a 100644
--- a/packages/block-editor/src/components/block-content-overlay/style.scss
+++ b/packages/block-editor/src/components/block-content-overlay/style.scss
@@ -19,10 +19,16 @@
 	}
 
 	&:hover:not(.is-dragging-blocks)::before {
-		background: rgba(var(--wp-admin-theme-color--rgb), 0.3);
+		background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 		box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color) inset;
 	}
 
+	&.is-reusable:hover:not(.is-dragging-blocks)::before,
+	&.wp-block-template-part:hover:not(.is-dragging-blocks)::before {
+		background: rgba(var(--wp-block-synced-color--rgb), 0.04);
+		box-shadow: 0 0 0 $border-width var(--wp-block-synced-color) inset;
+	}
+
 	&.is-selected:not(.is-dragging-blocks)::before {
 		box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color) inset;
 	}
diff --git a/packages/block-editor/src/components/block-toolbar/index.js b/packages/block-editor/src/components/block-toolbar/index.js
index b2160b3db4b6b6..6727851e1647bf 100644
--- a/packages/block-editor/src/components/block-toolbar/index.js
+++ b/packages/block-editor/src/components/block-toolbar/index.js
@@ -9,7 +9,12 @@ import classnames from 'classnames';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useRef } from '@wordpress/element';
 import { useViewportMatch } from '@wordpress/compose';
-import { getBlockType, hasBlockSupport } from '@wordpress/blocks';
+import {
+	getBlockType,
+	hasBlockSupport,
+	isReusableBlock,
+	isTemplatePart,
+} from '@wordpress/blocks';
 import { ToolbarGroup } from '@wordpress/components';
 
 /**
@@ -109,11 +114,13 @@ const BlockToolbar = ( { hideDragHandle } ) => {
 
 	const shouldShowVisualToolbar = isValid && isVisual;
 	const isMultiToolbar = blockClientIds.length > 1;
+	const isSynced =
+		isReusableBlock( blockType ) || isTemplatePart( blockType );
 
-	const classes = classnames(
-		'block-editor-block-toolbar',
-		shouldShowMovers && 'is-showing-movers'
-	);
+	const classes = classnames( 'block-editor-block-toolbar', {
+		'is-showing-movers': shouldShowMovers,
+		'is-synced': isSynced,
+	} );
 
 	return (
 		<div className={ classes }>
diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss
index 00d8d0da47f34e..41faa1a46eaed2 100644
--- a/packages/block-editor/src/components/block-toolbar/style.scss
+++ b/packages/block-editor/src/components/block-toolbar/style.scss
@@ -39,6 +39,16 @@
 		border-right: $border-width solid $gray-300;
 	}
 
+	&.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon {
+		color: var(--wp-block-synced-color);
+	}
+
+	&.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon {
+		&:disabled .block-editor-block-icon.has-colors {
+			color: var(--wp-block-synced-color);
+		}
+	}
+
 	> :last-child,
 	> :last-child .components-toolbar-group,
 	> :last-child .components-toolbar {
diff --git a/packages/block-editor/src/components/inserter-list-item/index.js b/packages/block-editor/src/components/inserter-list-item/index.js
index d24df56df241fe..2c7e73ffc0f68e 100644
--- a/packages/block-editor/src/components/inserter-list-item/index.js
+++ b/packages/block-editor/src/components/inserter-list-item/index.js
@@ -10,6 +10,8 @@ import { useMemo, useRef, memo } from '@wordpress/element';
 import {
 	createBlock,
 	createBlocksFromInnerBlocksTemplate,
+	isReusableBlock,
+	isTemplatePart,
 } from '@wordpress/blocks';
 import { __experimentalTruncate as Truncate } from '@wordpress/components';
 import { ENTER, isAppleOS } from '@wordpress/keycodes';
@@ -47,6 +49,8 @@ function InserterListItem( {
 		];
 	}, [ item.name, item.initialAttributes, item.initialAttributes ] );
 
+	const isSynced = isReusableBlock( item ) || isTemplatePart( item );
+
 	return (
 		<InserterDraggableBlocks
 			isEnabled={ isDraggable && ! item.disabled }
@@ -55,7 +59,13 @@ function InserterListItem( {
 		>
 			{ ( { draggable, onDragStart, onDragEnd } ) => (
 				<div
-					className="block-editor-block-types-list__list-item"
+					className={ classnames(
+						'block-editor-block-types-list__list-item',
+
+						{
+							'is-synced': isSynced,
+						}
+					) }
 					draggable={ draggable }
 					onDragStart={ ( event ) => {
 						isDragging.current = true;
diff --git a/packages/block-editor/src/components/inserter-list-item/style.scss b/packages/block-editor/src/components/inserter-list-item/style.scss
index b3078adb519f15..67e49db0d6c4d9 100644
--- a/packages/block-editor/src/components/inserter-list-item/style.scss
+++ b/packages/block-editor/src/components/inserter-list-item/style.scss
@@ -3,6 +3,11 @@
 	width: 33.33%;
 	padding: 0;
 	margin: 0;
+	&.is-synced {
+		.block-editor-block-icon.has-colors {
+			color: var(--wp-block-synced-color);
+		}
+	}
 }
 
 .components-button.block-editor-block-types-list__item {
diff --git a/packages/block-editor/src/components/list-view/block.js b/packages/block-editor/src/components/list-view/block.js
index f8e19cc6ac3358..c79f463b5ed26e 100644
--- a/packages/block-editor/src/components/list-view/block.js
+++ b/packages/block-editor/src/components/list-view/block.js
@@ -54,6 +54,7 @@ function ListViewBlock( {
 	isExpanded,
 	selectedClientIds,
 	preventAnnouncement,
+	isSyncedBranch,
 } ) {
 	const cellRef = useRef( null );
 	const [ isHovered, setIsHovered ] = useState( false );
@@ -205,8 +206,10 @@ function ListViewBlock( {
 		'is-first-selected': isFirstSelectedBlock,
 		'is-last-selected': isLastSelectedBlock,
 		'is-branch-selected': isBranchSelected,
+		'is-synced-branch': isSyncedBranch,
 		'is-dragging': isDragged,
 		'has-single-cell': ! showBlockActions,
+		'is-synced': blockInformation.isSynced,
 	} );
 
 	// Only include all selected blocks if the currently clicked on block
diff --git a/packages/block-editor/src/components/list-view/branch.js b/packages/block-editor/src/components/list-view/branch.js
index d2ba24065a3282..1ee073445ee448 100644
--- a/packages/block-editor/src/components/list-view/branch.js
+++ b/packages/block-editor/src/components/list-view/branch.js
@@ -14,6 +14,7 @@ import ListViewBlock from './block';
 import { useListViewContext } from './context';
 import { isClientIdSelected } from './utils';
 import { store as blockEditorStore } from '../../store';
+import useBlockDisplayInformation from '../use-block-display-information';
 
 /**
  * Given a block, returns the total number of blocks in that subtree. This is used to help determine
@@ -92,8 +93,12 @@ function ListViewBranch( props ) {
 		isExpanded,
 		parentId,
 		shouldShowInnerBlocks = true,
+		isSyncedBranch = false,
 	} = props;
 
+	const parentBlockInformation = useBlockDisplayInformation( parentId );
+	const syncedBranch = isSyncedBranch || !! parentBlockInformation?.isSynced;
+
 	const canParentExpand = useSelect(
 		( select ) => {
 			if ( ! parentId ) {
@@ -179,6 +184,7 @@ function ListViewBranch( props ) {
 								isExpanded={ shouldExpand }
 								listPosition={ nextPosition }
 								selectedClientIds={ selectedClientIds }
+								isSyncedBranch={ syncedBranch }
 							/>
 						) }
 						{ ! showBlock && (
@@ -199,6 +205,7 @@ function ListViewBranch( props ) {
 								isBranchSelected={ isSelectedBranch }
 								selectedClientIds={ selectedClientIds }
 								isExpanded={ isExpanded }
+								isSyncedBranch={ syncedBranch }
 							/>
 						) }
 					</AsyncModeProvider>
diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss
index 9782dc7027bc7c..9c30798830dae3 100644
--- a/packages/block-editor/src/components/list-view/style.scss
+++ b/packages/block-editor/src/components/list-view/style.scss
@@ -19,6 +19,12 @@
 	&.is-selected td {
 		background: var(--wp-admin-theme-color);
 	}
+	&.is-selected.is-synced td {
+		background: var(--wp-block-synced-color);
+	}
+	&.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon {
+		color: var(--wp-block-synced-color);
+	}
 	&.is-selected .block-editor-list-view-block-contents,
 	&.is-selected .components-button.has-icon {
 		color: $white;
@@ -37,6 +43,13 @@
 				0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 		}
 	}
+	&.is-selected.is-synced .block-editor-list-view-block-contents:focus {
+		&::after {
+			box-shadow:
+				inset 0 0 0 1px $white,
+				0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+		}
+	}
 	&.is-selected .block-editor-list-view-block__menu:focus {
 		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) $white;
 	}
@@ -58,11 +71,11 @@
 	&.is-last-selected td:last-child {
 		border-bottom-right-radius: $radius-block-ui;
 	}
-	&.is-branch-selected:not(.is-selected) {
-		// Lighten a CSS variable without introducing a new SASS variable
-		background:
-			linear-gradient(transparentize($white, 0.1), transparentize($white, 0.1)),
-			linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color));
+	&.is-branch-selected:not(.is-selected):not(.is-synced-branch) {
+		background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+	}
+	&.is-synced-branch:not(.is-selected) {
+		background: rgba(var(--wp-block-synced-color--rgb), 0.04);
 	}
 	&.is-branch-selected.is-first-selected td:first-child {
 		border-top-left-radius: $radius-block-ui;
@@ -142,6 +155,7 @@
 			}
 		}
 	}
+
 	// Fix focus styling width when one row has fewer cells.
 	&.has-single-cell .block-editor-list-view-block-contents:focus::after {
 		right: 0;
diff --git a/packages/block-editor/src/components/use-block-display-information/index.js b/packages/block-editor/src/components/use-block-display-information/index.js
index cb8e7a2122f5e5..e9b1e8865a05cf 100644
--- a/packages/block-editor/src/components/use-block-display-information/index.js
+++ b/packages/block-editor/src/components/use-block-display-information/index.js
@@ -2,7 +2,11 @@
  * WordPress dependencies
  */
 import { useSelect } from '@wordpress/data';
-import { store as blocksStore } from '@wordpress/blocks';
+import {
+	store as blocksStore,
+	isReusableBlock,
+	isTemplatePart,
+} from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -16,10 +20,11 @@ import { store as blockEditorStore } from '../../store';
  *
  * @typedef {Object} WPBlockDisplayInformation
  *
- * @property {string} title       Human-readable block type label.
- * @property {WPIcon} icon        Block type icon.
- * @property {string} description A detailed block type description.
- * @property {string} anchor      HTML anchor.
+ * @property {boolean} isSynced    True if is a reusable block or template part
+ * @property {string}  title       Human-readable block type label.
+ * @property {WPIcon}  icon        Block type icon.
+ * @property {string}  description A detailed block type description.
+ * @property {string}  anchor      HTML anchor.
  */
 
 /**
@@ -50,7 +55,10 @@ export default function useBlockDisplayInformation( clientId ) {
 			if ( ! blockType ) return null;
 			const attributes = getBlockAttributes( clientId );
 			const match = getActiveBlockVariation( blockName, attributes );
+			const isSynced =
+				isReusableBlock( blockType ) || isTemplatePart( blockType );
 			const blockTypeInfo = {
+				isSynced,
 				title: blockType.title,
 				icon: blockType.icon,
 				description: blockType.description,
@@ -59,6 +67,7 @@ export default function useBlockDisplayInformation( clientId ) {
 			if ( ! match ) return blockTypeInfo;
 
 			return {
+				isSynced,
 				title: match.title || blockType.title,
 				icon: match.icon || blockType.icon,
 				description: match.description || blockType.description,
diff --git a/packages/block-library/src/block/editor.scss b/packages/block-library/src/block/editor.scss
index b3eb1a67e99459..c49675392a525e 100644
--- a/packages/block-library/src/block/editor.scss
+++ b/packages/block-library/src/block/editor.scss
@@ -14,3 +14,20 @@
 		display: none;
 	}
 }
+
+.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable {
+	&.is-highlighted,
+	&.is-selected {
+		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+	}
+
+	&.block-editor-block-list__block:not([contenteditable]):focus {
+		&::after {
+			box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+			// Show a light color for dark themes.
+			.is-dark-theme & {
+				box-shadow: 0 0 0 var(--wp-admin-border-width-focus) $dark-theme-focus;
+			}
+		}
+	}
+}
diff --git a/packages/block-library/src/template-part/editor.scss b/packages/block-library/src/template-part/editor.scss
index c17d37a6078e2d..a847ecec01f94d 100644
--- a/packages/block-library/src/template-part/editor.scss
+++ b/packages/block-library/src/template-part/editor.scss
@@ -5,8 +5,8 @@
 	// and height are used instead of max-(width/height).
 	.components-modal__frame {
 		@include break-small() {
-			width: calc(100% - #{ $grid-unit-20 * 2 });
-			height: calc(100% - #{ $header-height * 2 });
+			width: calc(100% - #{$grid-unit-20 * 2});
+			height: calc(100% - #{$header-height * 2});
 		}
 		@include break-medium() {
 			width: $break-medium - $grid-unit-20 * 2;
@@ -24,3 +24,21 @@
 	padding: $grid-unit-20 0;
 	z-index: z-index(".block-library-template-part__selection-search");
 }
+
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable {
+	&.is-highlighted,
+	&.is-selected {
+		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+	}
+
+	&.block-editor-block-list__block:not([contenteditable]):focus {
+		&::after {
+			box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+			// Show a light color for dark themes.
+			.is-dark-theme & {
+				box-shadow: 0 0 0 var(--wp-admin-border-width-focus) $dark-theme-focus;
+			}
+		}
+	}
+}
diff --git a/packages/blocks/src/api/registration.js b/packages/blocks/src/api/registration.js
index f8f5ac996173b6..6c34fea8d95a8d 100644
--- a/packages/blocks/src/api/registration.js
+++ b/packages/blocks/src/api/registration.js
@@ -618,7 +618,7 @@ export function isReusableBlock( blockOrType ) {
  * @return {boolean} Whether the given block is a template part.
  */
 export function isTemplatePart( blockOrType ) {
-	return blockOrType.name === 'core/template-part';
+	return blockOrType?.name === 'core/template-part';
 }
 
 /**
diff --git a/packages/edit-site/src/components/header-edit-mode/document-actions/index.js b/packages/edit-site/src/components/header-edit-mode/document-actions/index.js
index 2bf1ba13a36a1e..b829e19f01342a 100644
--- a/packages/edit-site/src/components/header-edit-mode/document-actions/index.js
+++ b/packages/edit-site/src/components/header-edit-mode/document-actions/index.js
@@ -20,7 +20,11 @@ import {
 } from '@wordpress/components';
 import { chevronDown } from '@wordpress/icons';
 import { useState, useMemo } from '@wordpress/element';
-import { store as blockEditorStore } from '@wordpress/block-editor';
+import {
+	store as blockEditorStore,
+	useBlockDisplayInformation,
+	BlockIcon,
+} from '@wordpress/block-editor';
 import { store as coreStore } from '@wordpress/core-data';
 import { store as editorStore } from '@wordpress/editor';
 import { store as preferencesStore } from '@wordpress/preferences';
@@ -52,10 +56,13 @@ function useSecondaryText() {
 		[]
 	);
 
+	const blockInformation = useBlockDisplayInformation( activeEntityBlockId );
+
 	if ( activeEntityBlockId ) {
 		return {
 			label: getBlockDisplayText( getBlock( activeEntityBlockId ) ),
 			isActive: true,
+			icon: blockInformation?.icon,
 		};
 	}
 
@@ -90,9 +97,10 @@ export default function DocumentActions() {
 				templateType: postType,
 			};
 		}, [] );
+
 	const entityLabel =
 		templateType === 'wp_template_part' ? 'template part' : 'template';
-	const { label } = useSecondaryText();
+	const { label, icon } = useSecondaryText();
 
 	// Use internal state instead of a ref to make sure that the component
 	// re-renders when the popover's anchor updates.
@@ -150,13 +158,10 @@ export default function DocumentActions() {
 					</VisuallyHidden>
 					{ decodeEntities( entityTitle ) }
 				</Text>
-
-				<Text
-					size="body"
-					className="edit-site-document-actions__secondary-item"
-				>
-					{ label ?? '' }
-				</Text>
+				<div className="edit-site-document-actions__secondary-item">
+					<BlockIcon icon={ icon } showColors />
+					<Text size="body">{ label ?? '' }</Text>
+				</div>
 
 				<Dropdown
 					popoverProps={ popoverProps }
diff --git a/packages/edit-site/src/components/header-edit-mode/document-actions/style.scss b/packages/edit-site/src/components/header-edit-mode/document-actions/style.scss
index b83a65938b19a7..9129a025d52616 100644
--- a/packages/edit-site/src/components/header-edit-mode/document-actions/style.scss
+++ b/packages/edit-site/src/components/header-edit-mode/document-actions/style.scss
@@ -44,6 +44,8 @@
 	}
 
 	.edit-site-document-actions__secondary-item {
+		display: flex;
+		align-items: center;
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
@@ -51,9 +53,13 @@
 		opacity: 0;
 		padding: 0;
 		transition: all ease 0.2s;
-		background: $gray-200;
+		background: rgba(var(--wp-block-synced-color--rgb), 0.04);
 		border-radius: 2px;
 		@include reduce-motion(transition);
+
+		.block-editor-block-icon.has-colors {
+			color: var(--wp-block-synced-color);
+		}
 	}
 
 	&.has-secondary-label {
diff --git a/packages/edit-site/src/components/template-details/style.scss b/packages/edit-site/src/components/template-details/style.scss
index 531d4d2487d126..ee840be7c43db7 100644
--- a/packages/edit-site/src/components/template-details/style.scss
+++ b/packages/edit-site/src/components/template-details/style.scss
@@ -20,6 +20,10 @@
 	.edit-site-template-details__template-areas-item {
 		position: relative;
 
+		.components-menu-items__item-icon {
+			color: var(--wp-block-synced-color);
+		}
+
 		.edit-site-template-details__template-areas-item-more {
 			position: absolute;
 			right: 0;

From 9de347165b98abe05fa48c7a7218b1e5c73d3f5f Mon Sep 17 00:00:00 2001
From: Gutenberg Repository Automation <gutenberg@wordpress.org>
Date: Wed, 23 Nov 2022 10:02:36 +0000
Subject: [PATCH 64/76] Bump plugin version to 14.6.0

---
 gutenberg.php     | 2 +-
 package-lock.json | 2 +-
 package.json      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/gutenberg.php b/gutenberg.php
index 9c93c6c823f621..3c45ea942c9171 100644
--- a/gutenberg.php
+++ b/gutenberg.php
@@ -5,7 +5,7 @@
  * Description: Printing since 1440. This is the development plugin for the new block editor in core.
  * Requires at least: 5.9
  * Requires PHP: 5.6
- * Version: 14.6.0-rc.1
+ * Version: 14.6.0
  * Author: Gutenberg Team
  * Text Domain: gutenberg
  *
diff --git a/package-lock.json b/package-lock.json
index adb96b28da9216..daeab8f712fc12 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
 	"name": "gutenberg",
-	"version": "14.6.0-rc.1",
+	"version": "14.6.0",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {
diff --git a/package.json b/package.json
index 0168806a72ec37..759a069c6e9669 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "gutenberg",
-	"version": "14.6.0-rc.1",
+	"version": "14.6.0",
 	"private": true,
 	"description": "A new WordPress editor experience.",
 	"author": "The WordPress Contributors",

From 4687bbd4672ef223f0d71e68ea1c21f40d1b80b7 Mon Sep 17 00:00:00 2001
From: Gutenberg Repository Automation <gutenberg@wordpress.org>
Date: Wed, 23 Nov 2022 10:13:33 +0000
Subject: [PATCH 65/76] Update Changelog for 14.6.0

---
 changelog.txt | 243 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 243 insertions(+)

diff --git a/changelog.txt b/changelog.txt
index 3854aa54dfeb94..e0ff8b9afe40d5 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,5 +1,248 @@
 == Changelog ==
 
+= 14.6.0 =
+
+## Changelog
+
+### Enhancements
+
+#### Block Library
+
+-   Latest posts: Add color support. ([41874](https://github.com/WordPress/gutenberg/pull/41874))
+-   Latest posts and latest comments: Add spacing support. ([45110](https://github.com/WordPress/gutenberg/pull/45110))
+-   Navigation: Adds a list view. ([45546](https://github.com/WordPress/gutenberg/pull/45546))
+-   Navigation: Add a new ManageMenusButton component. ([45782](https://github.com/WordPress/gutenberg/pull/45782))
+-   Navigation: Reposition the navigation selector. ([45555](https://github.com/WordPress/gutenberg/pull/45555))
+-   Navigation Link: Add the URL field to the Navigation Link inspector controls. ([45751](https://github.com/WordPress/gutenberg/pull/45751))
+-   Author: Make the Author selector display all users instead of just 10. ([45640](https://github.com/WordPress/gutenberg/pull/45640))
+-   Columns: Add transform to unwrap the contents. ([45666](https://github.com/WordPress/gutenberg/pull/45666))
+-   Read More: Add aria-label and screen reader text. ([45490](https://github.com/WordPress/gutenberg/pull/45490))
+-   Group: Use a variation picker in the placeholder. ([43496](https://github.com/WordPress/gutenberg/pull/43496))
+
+#### Components
+
+-   Use new theming accent color in all components. ([45289](https://github.com/WordPress/gutenberg/pull/45289))
+-   CheckboxControl: Replace margin overrides with new opt-in prop. ([45434](https://github.com/WordPress/gutenberg/pull/45434))
+-   FocalPointPicker: Update the design of the focal point handle. ([45053](https://github.com/WordPress/gutenberg/pull/45053))
+-   FontSizePicker: Update hint text to match the design. ([44966](https://github.com/WordPress/gutenberg/pull/44966))
+-   CheckboxControl: Move icons out of labels. ([45535](https://github.com/WordPress/gutenberg/pull/45535))
+
+#### Block Editor
+
+-   Converts paragraphs to headings with keyboard shortcuts. ([44681](https://github.com/WordPress/gutenberg/pull/44681))
+-   Restore the empty paragraph inserter. ([45542](https://github.com/WordPress/gutenberg/pull/45542))
+-   Transform: Select all blocks if the result has more than one block. ([45015](https://github.com/WordPress/gutenberg/pull/45015))
+-   Content-only locked patterns: Move "Modify" to the ellipsis menu. ([45391](https://github.com/WordPress/gutenberg/pull/45391))
+-   Patterns: Adjust the space in the pattern explorer list. ([45730](https://github.com/WordPress/gutenberg/pull/45730))
+-   Update: Lock icon to outline. ([45645](https://github.com/WordPress/gutenberg/pull/45645))
+-   Don't use capital case for 'Distraction free' strings. ([45538](https://github.com/WordPress/gutenberg/pull/45538))
+-   Replace Justification/Orientation controls with ToggleGroupControl. ([45637](https://github.com/WordPress/gutenberg/pull/45637))
+
+#### Site Editor
+
+-   Replace FSE with Site Editor. ([45699](https://github.com/WordPress/gutenberg/pull/45699))
+
+#### Design Tools
+
+-   Add a minHeight block support under dimensions. ([45300](https://github.com/WordPress/gutenberg/pull/45300))
+-   Hide the block toolbar when the spacing visualizer is showing. ([45131](https://github.com/WordPress/gutenberg/pull/45131))
+
+#### Global Styles
+
+-   Elements: Add a text decoration control to link elements. ([45643](https://github.com/WordPress/gutenberg/pull/45643))
+-   Global styles: Convert preset font size values to CSS vars. ([44967](https://github.com/WordPress/gutenberg/pull/44967))
+-   Fluid typography: Adjust font size min and max rules. ([45536](https://github.com/WordPress/gutenberg/pull/45536))
+-   Try generating random color palettes. ([40988](https://github.com/WordPress/gutenberg/pull/40988))
+
+#### Plugin
+
+-   Updates tested up to version to 6.1. ([45630](https://github.com/WordPress/gutenberg/pull/45630))
+
+#### Patterns
+
+-   Pattern Directory API: Add support for pagination parameters. ([45293](https://github.com/WordPress/gutenberg/pull/45293))
+-   Update bundled patterns compat directory. ([45620](https://github.com/WordPress/gutenberg/pull/45620))
+
+### Bug Fixes
+
+#### Block Library
+
+-   Change the order of the pseudo-states in the pseudo-selectors array. ([45559](https://github.com/WordPress/gutenberg/pull/45559))
+-   Cover: Avoid content loss when the templateLock value is all or contentOnly. ([45632](https://github.com/WordPress/gutenberg/pull/45632))
+-   Fix alignment of create new post link. ([45638](https://github.com/WordPress/gutenberg/pull/45638))
+-   Fix navigation appender position to prevent obstructing its items. ([43530](https://github.com/WordPress/gutenberg/pull/43530))
+-   Fix: Button block text alignment. ([45663](https://github.com/WordPress/gutenberg/pull/45663))
+-   Query Pagination: Fix positioning of the next link in editor when the parent is selected. ([45651](https://github.com/WordPress/gutenberg/pull/45651))
+-   Site Logo: Use the correct home URL setting. ([45476](https://github.com/WordPress/gutenberg/pull/45476))
+-   Switch background color to text color on the block separator. ([44943](https://github.com/WordPress/gutenberg/pull/44943))
+-   Table Block: Apply borders and padding on both front end and editor. ([45069](https://github.com/WordPress/gutenberg/pull/45069))
+-   Table block: Fix error in margin value. ([45674](https://github.com/WordPress/gutenberg/pull/45674))
+-   Template Part Block: Update block isActive method. ([45672](https://github.com/WordPress/gutenberg/pull/45672))
+-   Navigation: Fix overflowing menu name in the navigation selector dropdown. ([45647](https://github.com/WordPress/gutenberg/pull/45647))
+
+#### Accessibility
+
+-   Fix focus return when closing the Post publish panel. ([45623](https://github.com/WordPress/gutenberg/pull/45623))
+-   Fix navigate regions backwards for macOS Firefox and Safari. ([45019](https://github.com/WordPress/gutenberg/pull/45019))
+-   Fix the Save buttons labeling and tooltip. ([43952](https://github.com/WordPress/gutenberg/pull/43952))
+-   Fix the navigate regions focus style. ([45369](https://github.com/WordPress/gutenberg/pull/45369))
+-   Fix: Contrast checker appears unexpectedly on some blocks. ([45639](https://github.com/WordPress/gutenberg/pull/45639))
+-   Fix: Contrast checker does not update properly. ([45686](https://github.com/WordPress/gutenberg/pull/45686))
+
+#### Components
+
+-   Autocomplete: Fix unexpected block insertion during IME composition. ([45510](https://github.com/WordPress/gutenberg/pull/45510))
+-   Fix ESLint warning for Dashicon. ([45795](https://github.com/WordPress/gutenberg/pull/45795))
+-   FormTokenField: Fix duplicate input in IME composition. ([45607](https://github.com/WordPress/gutenberg/pull/45607))
+-   Making size prop work for icon components using dash icon strings. ([45593](https://github.com/WordPress/gutenberg/pull/45593))
+-   ToolsPanel: Prevent calling deselect when panel remounts. ([45673](https://github.com/WordPress/gutenberg/pull/45673))
+-   Color Picker: Prevent all number fields to become 0 when one of them is an empty string. ([45649](https://github.com/WordPress/gutenberg/pull/45649))
+-   ToggleGroupControl: Only show the enclosing border when `isBlock`. ([45492](https://github.com/WordPress/gutenberg/pull/45492))
+-   Autocomplete: Check key events more strictly in IME composition. ([45626](https://github.com/WordPress/gutenberg/pull/45626))
+
+#### CSS & Styling
+
+-   Inherit font from theme on overlay close button. ([45635](https://github.com/WordPress/gutenberg/pull/45635))
+-   Navigation: Fix font inheritance when using text menu button. ([45514](https://github.com/WordPress/gutenberg/pull/45514))
+-   Remove hover style to button on dark block tools UI. ([45653](https://github.com/WordPress/gutenberg/pull/45653))
+-   Remove width from block mover button focus style. ([45665](https://github.com/WordPress/gutenberg/pull/45665))
+-   Site editor hover/select: Fix double border. ([45589](https://github.com/WordPress/gutenberg/pull/45589))
+-   Remove duplicate output of existing classnames in layout classnames. ([45499](https://github.com/WordPress/gutenberg/pull/45499))
+
+#### Post Editor
+
+-   BlockManagerCategory: Fix styles for indeterminate. ([45564](https://github.com/WordPress/gutenberg/pull/45564))
+-   Fix: Updated names from List View to Document Overview. ([45524](https://github.com/WordPress/gutenberg/pull/45524))
+-   Strip HTML from Post Title when pasting multiline title containing HTML. ([35825](https://github.com/WordPress/gutenberg/pull/35825))
+
+#### Site Editor
+
+-   Decode entities in template title and description. ([45716](https://github.com/WordPress/gutenberg/pull/45716))
+-   Link to homeUrl from site editor view menu. ([45475](https://github.com/WordPress/gutenberg/pull/45475))
+
+#### Block Editor
+
+-   Fix Link UI popover positioning when inspector control input is focused. ([45661](https://github.com/WordPress/gutenberg/pull/45661))
+-   Paste: Fix list only paste from Google documentation. ([45498](https://github.com/WordPress/gutenberg/pull/45498))
+-   Make Manage Reusable blocks match similar links. ([45641](https://github.com/WordPress/gutenberg/pull/45641))([45689](https://github.com/WordPress/gutenberg/pull/45689))
+-   List View: Disable branch expansion when block editing is locked. ([45541](https://github.com/WordPress/gutenberg/pull/45541))
+-   Spacing visualizer: Fix display of unexpected visualizer for certain mouse actions. ([45739](https://github.com/WordPress/gutenberg/pull/45739))
+
+### Experiments
+
+-   A list view duplicate for use in navigation list view experiment. ([45544](https://github.com/WordPress/gutenberg/pull/45544))
+-   Introduce experiment for inspector based navigation editing. ([45515](https://github.com/WordPress/gutenberg/pull/45515))
+
+### Documentation
+
+-   Add missing CHANGELOG entry. ([45691](https://github.com/WordPress/gutenberg/pull/45691))
+-   Change Title: How to use JavaScript with Gutenberg. ([45323](https://github.com/WordPress/gutenberg/pull/45323))
+-   Docs: Update the readme for the integration test fixtures. ([45581](https://github.com/WordPress/gutenberg/pull/45581))
+-   Summarize "Available commands" section and refer them it to `scripts` documentation. ([45636](https://github.com/WordPress/gutenberg/pull/45636))
+-   Update applying-styles-with-stylesheets.md. ([45604](https://github.com/WordPress/gutenberg/pull/45604))
+-   [create-block] Reorganized sections to provide a better learning experience of this package. ([45676](https://github.com/WordPress/gutenberg/pull/45676))
+-   Change "block style variations" references to "block style". ([45650](https://github.com/WordPress/gutenberg/pull/45650))
+
+### Performance
+
+-   Lodash: Refactor away from `_.reduce()`. ([45460](https://github.com/WordPress/gutenberg/pull/45460))
+-   Lodash: Refactor block editor away from `_.reduce()`. ([45455](https://github.com/WordPress/gutenberg/pull/45455))
+-   Lodash: Refactor blocks away from `_.reduce()`. ([45457](https://github.com/WordPress/gutenberg/pull/45457))
+-   Lodash: Refactor site editor away from `_.reduce()`. ([45459](https://github.com/WordPress/gutenberg/pull/45459))
+-   Lodash: Refactor post editor away from `_.reduce()`. ([45458](https://github.com/WordPress/gutenberg/pull/45458))
+-   Do not look for block variants, if not supporting block-templates. ([45362](https://github.com/WordPress/gutenberg/pull/45362))
+-   List: Disable nested list drop zone so dropping list items works. ([45321](https://github.com/WordPress/gutenberg/pull/45321))
+-   Use low-level cache for get_user_data_from_wp_global_styles. ([45634](https://github.com/WordPress/gutenberg/pull/45634))
+-   Update: Improve performance of block template object retrieval. ([45646](https://github.com/WordPress/gutenberg/pull/45646))
+
+### Code Quality
+
+#### Block Editor
+
+-   Block Editor: Improve `LinkControl` tests. ([45609](https://github.com/WordPress/gutenberg/pull/45609))
+-   Block Editor: Improve `ResponsiveBlockControl` tests. ([45610](https://github.com/WordPress/gutenberg/pull/45610))
+-   Block Editor: Improve `ReusableBlocksTab` tests. ([45652](https://github.com/WordPress/gutenberg/pull/45652))
+-   LinkControl: Suppress errors on null values. ([45742](https://github.com/WordPress/gutenberg/pull/45742))
+-   Simplify ResizableEditor component. ([45578](https://github.com/WordPress/gutenberg/pull/45578))
+-   Remove duplicate colon. ([45763](https://github.com/WordPress/gutenberg/pull/45763))
+-   Extract the manage menus button to a shared component to reduce duplicate code. ([45769](https://github.com/WordPress/gutenberg/pull/45769))
+-   Backport pseudo selector comments from core. ([45619](https://github.com/WordPress/gutenberg/pull/45619))
+-   unstableSubscribeStore: Support store descriptors. ([45481](https://github.com/WordPress/gutenberg/pull/45481))
+
+#### Components
+
+-   BaseField: Remove unnecessary `.firstChild` from tests. ([45687](https://github.com/WordPress/gutenberg/pull/45687))
+-   DateTime: Remove unused types. ([45615](https://github.com/WordPress/gutenberg/pull/45615))
+-   Draggable: Convert component to TypeScript. ([45471](https://github.com/WordPress/gutenberg/pull/45471))
+-   Fix `no-container` violations in `FormGroup` tests. ([45662](https://github.com/WordPress/gutenberg/pull/45662))
+-   Fix `testing-library/no-node-access` in `TreeGrid` tests. ([45554](https://github.com/WordPress/gutenberg/pull/45554))
+-   FontSizePicker: Use components instead of helper functions. ([44891](https://github.com/WordPress/gutenberg/pull/44891))
+-   Improve tests for `ToggleGroupControl`. ([45627](https://github.com/WordPress/gutenberg/pull/45627))
+-   MenuGroup: Convert component to TypeScript. ([45617](https://github.com/WordPress/gutenberg/pull/45617))
+-   Popover: Fix exhaustive-deps warning. ([45656](https://github.com/WordPress/gutenberg/pull/45656))
+-   Refactor `ItemGroup` to pass `exhaustive-deps`. ([45531](https://github.com/WordPress/gutenberg/pull/45531))
+-   Refactor `useFlex` to pass `exhaustive-deps`. ([45528](https://github.com/WordPress/gutenberg/pull/45528))
+-   Refactor `withNotices` to pass `exhaustive-deps`. ([45530](https://github.com/WordPress/gutenberg/pull/45530))
+-   Refactor`PaletteEditListView` to ignore `exhaustive-deps`. ([45467](https://github.com/WordPress/gutenberg/pull/45467))
+-   TabPanel: Fix the `exhaustive-deps` warning. ([45660](https://github.com/WordPress/gutenberg/pull/45660))
+-   ToolsPanel: Fix exhaustive-deps hook warning. ([45715](https://github.com/WordPress/gutenberg/pull/45715))
+-   Truncate: Remove unnecessary `.firstChild` from tests. ([45694](https://github.com/WordPress/gutenberg/pull/45694))
+-   View component: Rename index.js to index.ts. ([45667](https://github.com/WordPress/gutenberg/pull/45667))
+-   `ColorPalette`, `BorderBox`, `BorderBoxControl`: Polish and DRY prop types, add default values. ([45463](https://github.com/WordPress/gutenberg/pull/45463))
+-   `NavigatorScreen`: Satisfy `exhaustive-deps` eslint rule. ([45648](https://github.com/WordPress/gutenberg/pull/45648))
+-   Fix `useCx` story to satisfy `exhaustive-deps` eslint rule. ([45614](https://github.com/WordPress/gutenberg/pull/45614))
+-   URLPopover: Use new placement prop instead of legacy position prop. ([44391](https://github.com/WordPress/gutenberg/pull/44391))
+-   Tidy and minor refactor of Link UI code. ([37833](https://github.com/WordPress/gutenberg/pull/37833))
+
+#### Block Library
+
+-   Avatar: Escape the 'get_author_posts_url()'. ([45427](https://github.com/WordPress/gutenberg/pull/45427))
+-   Button: Remove unnecessary 'useCallback'. ([45584](https://github.com/WordPress/gutenberg/pull/45584))
+-   Make unwrapping columns slighly more efficient. ([45684](https://github.com/WordPress/gutenberg/pull/45684))
+-   Simplfy handling of save of Nav block uncontrolled inner blocks. ([45517](https://github.com/WordPress/gutenberg/pull/45517))
+-   Lodash: Refactor block library away from `_.reduce()`. ([45456](https://github.com/WordPress/gutenberg/pull/45456))
+
+### Tools
+
+#### Testing
+
+-   Components: Add `exhaustive-deps` eslint rule. ([41166](https://github.com/WordPress/gutenberg/pull/41166))
+-   Fix typos in Paragraph block end-to-end tests. ([45611](https://github.com/WordPress/gutenberg/pull/45611))
+-   FontSizePicker: Fix a buggy unit test. ([45529](https://github.com/WordPress/gutenberg/pull/45529))
+-   Ignore warnings for `window.wp` in Playwright. ([45598](https://github.com/WordPress/gutenberg/pull/45598))
+-   Migrate mentions tests to playwright. ([43064](https://github.com/WordPress/gutenberg/pull/43064))
+-   Navigation Toggle unit test: Unmount synchronously to cancel popover positioning. ([45726](https://github.com/WordPress/gutenberg/pull/45726))
+-   React Native unit tests: Migrate getByA11yLabel usages. ([45454](https://github.com/WordPress/gutenberg/pull/45454))
+-   Unit Tests: Rewrite ReactDOM.render usages to RTL. ([45453](https://github.com/WordPress/gutenberg/pull/45453))
+-   E2E: Add site and widget editor supports for ensureSidebarOpened. ([45480](https://github.com/WordPress/gutenberg/pull/45480))
+
+#### Build Tooling
+
+-   Include TS and JSX files to testing-library lint. ([45533](https://github.com/WordPress/gutenberg/pull/45533))
+-   Remove use of `set-output` in workflows. ([45357](https://github.com/WordPress/gutenberg/pull/45357))
+
+#### Triage
+
+-   Configure labels for GHA Dependabot PRs. ([45516](https://github.com/WordPress/gutenberg/pull/45516))
+
+## First time contributors
+
+The following PRs were merged by first time contributors:
+
+- @edanzer: Template Part Block: Update block isActive method. ([45672](https://github.com/WordPress/gutenberg/pull/45672))
+- @TimBroddin: Fix alignment of create new post link. ([45638](https://github.com/WordPress/gutenberg/pull/45638))
+- @wojtekn: Make Author block selector to display all users instead of just 10. ([45640](https://github.com/WordPress/gutenberg/pull/45640))
+
+
+## Contributors
+
+The following contributors merged PRs in this release:
+
+@aaronrobertshaw @afercia @andrewserong @bph @brookewp @c4rl0sbr4v0 @carolinan @chad1008 @ciampo @Copons @DaisyOlsen @desrosj @dinhtungdu @draganescu @dsas @edanzer @ellatrix @enejb @flootr @getdave @glendaviesnz @hz-tyfoon @jasmussen @javierarce @jffng @jonathanbossenger @jorgefilipecosta @jsnajdr @juanmaguitar @juhi123 @kevin940726 @Mamaduka @matiasbenedetto @mikachan @mirka @mmtr @mtias @ndiego @nielslange @noisysocks @ntsekouras @peterwilsoncc @ramonjd @ryelle @scruffian @spacedmonkey @t-hamano @TimBroddin @tyxla @vcanales @walbo @wojtekn @youknowriad @yuliyan
+
+
+
+
 = 14.5.4 =
 
 ## Changelog

From ca1bf14078d4119e7933743aece48ee1ca5d5d97 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Wed, 23 Nov 2022 12:40:23 +0200
Subject: [PATCH 66/76] Block Editor: Fix no-node-access in RecursionProvider
 tests (#45902)

---
 .../recursion-provider/test/index.js          | 56 +++++++++----------
 1 file changed, 27 insertions(+), 29 deletions(-)

diff --git a/packages/block-editor/src/components/recursion-provider/test/index.js b/packages/block-editor/src/components/recursion-provider/test/index.js
index d2b4a06bce7954..e835cec670b3de 100644
--- a/packages/block-editor/src/components/recursion-provider/test/index.js
+++ b/packages/block-editor/src/components/recursion-provider/test/index.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 
 /**
  * Internal dependencies
@@ -19,12 +19,12 @@ function Edit( { attributes: { uniqueId } } ) {
 	const hasRecursion = useHasRecursion( uniqueId );
 
 	if ( hasRecursion ) {
-		return <div className={ `wp-block__${ name }--halted` }>Halt</div>;
+		return <div data-testid={ `wp-block__${ name }--halted` }>Halt</div>;
 	}
 
 	return (
 		<RecursionProvider uniqueId={ uniqueId }>
-			<div className={ `wp-block__${ name }` }>
+			<div data-testid={ `wp-block__${ name }` }>
 				{ uniqueId === 'SIMPLE' && <p>Done</p> }
 				{ uniqueId === 'SINGLY-RECURSIVE' && (
 					<Edit attributes={ { uniqueId } } />
@@ -51,76 +51,74 @@ describe( 'useHasRecursion/RecursionProvider', () => {
 	const context = { name: 'reusable-block' };
 
 	it( 'allows a single block to render', () => {
-		const { container } = render(
+		render(
 			<BlockEditContextProvider value={ context }>
 				<Edit attributes={ { uniqueId: 'SIMPLE' } } />
 			</BlockEditContextProvider>
 		);
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block' )
-		).toHaveLength( 1 );
+			screen.getByTestId( 'wp-block__reusable-block' )
+		).toBeVisible();
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block--halted' )
-		).toHaveLength( 0 );
+			screen.queryByTestId( 'wp-block__reusable-block--halted' )
+		).not.toBeInTheDocument();
 	} );
 
 	it( 'allows equal but sibling blocks to render', () => {
-		const { container } = render(
+		render(
 			<BlockEditContextProvider value={ context }>
 				<Edit attributes={ { uniqueId: 'SIMPLE' } } />
 				<Edit attributes={ { uniqueId: 'SIMPLE' } } />
 			</BlockEditContextProvider>
 		);
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block' )
+			screen.getAllByTestId( 'wp-block__reusable-block' )
 		).toHaveLength( 2 );
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block--halted' )
-		).toHaveLength( 0 );
+			screen.queryByTestId( 'wp-block__reusable-block--halted' )
+		).not.toBeInTheDocument();
 	} );
 
 	it( 'prevents a block from rendering itself', () => {
-		const { container } = render(
+		render(
 			<BlockEditContextProvider value={ context }>
 				<Edit attributes={ { uniqueId: 'SINGLY-RECURSIVE' } } />
 			</BlockEditContextProvider>
 		);
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block' )
-		).toHaveLength( 1 );
+			screen.getByTestId( 'wp-block__reusable-block' )
+		).toBeVisible();
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block--halted' )
-		).toHaveLength( 1 );
+			screen.getByTestId( 'wp-block__reusable-block--halted' )
+		).toBeVisible();
 	} );
 
 	it( 'prevents a block from rendering itself only when the same block type', () => {
-		const { container } = render(
+		render(
 			<BlockEditContextProvider value={ context }>
 				<Edit attributes={ { uniqueId: 'ANOTHER-BLOCK-SAME-ID' } } />
 			</BlockEditContextProvider>
 		);
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block' )
-		).toHaveLength( 1 );
+			screen.getByTestId( 'wp-block__reusable-block' )
+		).toBeVisible();
+		expect( screen.getByTestId( 'wp-block__another-block' ) ).toBeVisible();
 		expect(
-			container.querySelectorAll( '.wp-block__another-block' )
-		).toHaveLength( 1 );
-		expect(
-			container.querySelectorAll( '.wp-block__another-block--halted' )
-		).toHaveLength( 1 );
+			screen.getByTestId( 'wp-block__another-block--halted' )
+		).toBeVisible();
 	} );
 
 	it( 'prevents mutual recursion between two blocks', () => {
-		const { container } = render(
+		render(
 			<BlockEditContextProvider value={ context }>
 				<Edit attributes={ { uniqueId: 'MUTUALLY-RECURSIVE-1' } } />
 			</BlockEditContextProvider>
 		);
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block' )
+			screen.getAllByTestId( 'wp-block__reusable-block' )
 		).toHaveLength( 2 );
 		expect(
-			container.querySelectorAll( '.wp-block__reusable-block--halted' )
-		).toHaveLength( 1 );
+			screen.getByTestId( 'wp-block__reusable-block--halted' )
+		).toBeVisible();
 	} );
 } );

From f6d83438813bf140dea5b6904a1ae288453f5f08 Mon Sep 17 00:00:00 2001
From: George Mamadashvili <georgemamadashvili@gmail.com>
Date: Wed, 23 Nov 2022 14:41:12 +0400
Subject: [PATCH 67/76] Post Author: Avoid errors when the user avatars are
 disabled (#45989)

---
 packages/block-library/src/post-author/edit.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/block-library/src/post-author/edit.js b/packages/block-library/src/post-author/edit.js
index 1fc13ea42add9f..be92912e41db8a 100644
--- a/packages/block-library/src/post-author/edit.js
+++ b/packages/block-library/src/post-author/edit.js
@@ -62,7 +62,7 @@ function PostAuthorEdit( {
 		attributes;
 	const avatarSizes = [];
 	const authorName = authorDetails?.name || __( 'Post Author' );
-	if ( authorDetails ) {
+	if ( authorDetails?.avatar_urls ) {
 		Object.keys( authorDetails.avatar_urls ).forEach( ( size ) => {
 			avatarSizes.push( {
 				value: size,
@@ -172,7 +172,7 @@ function PostAuthorEdit( {
 			</BlockControls>
 
 			<div { ...blockProps }>
-				{ showAvatar && authorDetails && (
+				{ showAvatar && authorDetails?.avatar_urls && (
 					<div className="wp-block-post-author__avatar">
 						<img
 							width={ attributes.avatarSize }

From cad25e4f21f570a08dea2c2f1a657e164c6e626c Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Wed, 23 Nov 2022 12:47:00 +0200
Subject: [PATCH 68/76] Lodash: Refactor blocks away from _.pick() (#45945)

---
 packages/blocks/src/store/actions.js | 36 ++++++++++++++--------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/packages/blocks/src/store/actions.js b/packages/blocks/src/store/actions.js
index 76cf631e81448c..f8ba8ac83769ff 100644
--- a/packages/blocks/src/store/actions.js
+++ b/packages/blocks/src/store/actions.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { isPlainObject } from 'is-plain-object';
-import { pick } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -72,23 +71,24 @@ const processBlockType = ( blockType, { select } ) => {
 
 	if ( settings.deprecated ) {
 		settings.deprecated = settings.deprecated.map( ( deprecation ) =>
-			pick(
-				// Only keep valid deprecation keys.
-				applyFilters(
-					'blocks.registerBlockType',
-					// Merge deprecation keys with pre-filter settings
-					// so that filters that depend on specific keys being
-					// present don't fail.
-					{
-						// Omit deprecation keys here so that deprecations
-						// can opt out of specific keys like "supports".
-						...omit( blockType, DEPRECATED_ENTRY_KEYS ),
-						...deprecation,
-					},
-					name,
-					deprecation
-				),
-				DEPRECATED_ENTRY_KEYS
+			Object.fromEntries(
+				Object.entries(
+					// Only keep valid deprecation keys.
+					applyFilters(
+						'blocks.registerBlockType',
+						// Merge deprecation keys with pre-filter settings
+						// so that filters that depend on specific keys being
+						// present don't fail.
+						{
+							// Omit deprecation keys here so that deprecations
+							// can opt out of specific keys like "supports".
+							...omit( blockType, DEPRECATED_ENTRY_KEYS ),
+							...deprecation,
+						},
+						name,
+						deprecation
+					)
+				).filter( ( [ key ] ) => DEPRECATED_ENTRY_KEYS.includes( key ) )
 			)
 		);
 	}

From 116a4ad57868836a668ea09874125382641a4f34 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Wed, 23 Nov 2022 12:48:01 +0200
Subject: [PATCH 69/76] Lodash: Refactor away from `_.pick()` in block editor
 (#45942)

* Lodash: Refactor away from _.pick() in block editor

* Add a fallback in case of no attributes
---
 .../block-editor/src/components/block-edit/edit.js    |  7 +++++--
 .../src/components/block-edit/edit.native.js          | 11 +++++------
 .../src/components/block-list/block.native.js         |  7 +++++--
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/packages/block-editor/src/components/block-edit/edit.js b/packages/block-editor/src/components/block-edit/edit.js
index f9154067e0729a..1154b99efebab5 100644
--- a/packages/block-editor/src/components/block-edit/edit.js
+++ b/packages/block-editor/src/components/block-edit/edit.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { pick } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -38,7 +37,11 @@ export const Edit = ( props ) => {
 	// Assign context values using the block type's declared context needs.
 	const context = useMemo( () => {
 		return blockType && blockType.usesContext
-			? pick( blockContext, blockType.usesContext )
+			? Object.fromEntries(
+					Object.entries( blockContext ).filter( ( [ key ] ) =>
+						blockType.usesContext.includes( key )
+					)
+			  )
 			: DEFAULT_BLOCK_CONTEXT;
 	}, [ blockType, blockContext ] );
 
diff --git a/packages/block-editor/src/components/block-edit/edit.native.js b/packages/block-editor/src/components/block-edit/edit.native.js
index 80b07374cf11ef..12d16d155d7b31 100644
--- a/packages/block-editor/src/components/block-edit/edit.native.js
+++ b/packages/block-editor/src/components/block-edit/edit.native.js
@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { pick } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -34,7 +29,11 @@ export const Edit = ( props ) => {
 	// Assign context values using the block type's declared context needs.
 	const context = useMemo( () => {
 		return blockType && blockType.usesContext
-			? pick( blockContext, blockType.usesContext )
+			? Object.fromEntries(
+					Object.entries( blockContext ).filter( ( [ key ] ) =>
+						blockType.usesContext.includes( key )
+					)
+			  )
 			: DEFAULT_BLOCK_CONTEXT;
 	}, [ blockType, blockContext ] );
 
diff --git a/packages/block-editor/src/components/block-list/block.native.js b/packages/block-editor/src/components/block-list/block.native.js
index bf62fe9c24e13e..171ea747fe6f44 100644
--- a/packages/block-editor/src/components/block-list/block.native.js
+++ b/packages/block-editor/src/components/block-list/block.native.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { View, Text, TouchableWithoutFeedback, Dimensions } from 'react-native';
-import { pick } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -74,7 +73,11 @@ function BlockForType( {
 		// Thanks to the JSON.stringify we check if the value is the same instead of reference.
 		JSON.stringify( wrapperProps.style ),
 		JSON.stringify(
-			pick( attributes, GlobalStylesContext.BLOCK_STYLE_ATTRIBUTES )
+			Object.fromEntries(
+				Object.entries( attributes ?? {} ).filter( ( [ key ] ) =>
+					GlobalStylesContext.BLOCK_STYLE_ATTRIBUTES.includes( key )
+				)
+			)
 		),
 	] );
 

From 3a5f1f08d40a00baa49e14424ace8f2b6c7831c4 Mon Sep 17 00:00:00 2001
From: Dave Smith <getdavemail@gmail.com>
Date: Wed, 23 Nov 2022 11:32:24 +0000
Subject: [PATCH 70/76] Alternative: add inserter to Nav block offcanvas
 experiment (#45947)

* Include offcanvas specific styles

* Use standard Inserter only

* Avoid using underscore naming convention

* Use standard UI components for keyboard navigation

* Extract appender to file

* Apply TreeGridRow props

* Remove clientId prop drilling

* Remove need to pass clientID to offcanvas component
---
 .../components/off-canvas-editor/appender.js  | 46 +++++++++++++++++++
 .../src/components/off-canvas-editor/index.js | 44 ++++++++++++++----
 .../components/off-canvas-editor/style.scss   | 16 ++++++-
 3 files changed, 95 insertions(+), 11 deletions(-)
 create mode 100644 packages/block-editor/src/components/off-canvas-editor/appender.js

diff --git a/packages/block-editor/src/components/off-canvas-editor/appender.js b/packages/block-editor/src/components/off-canvas-editor/appender.js
new file mode 100644
index 00000000000000..bf4d4e7804fd5f
--- /dev/null
+++ b/packages/block-editor/src/components/off-canvas-editor/appender.js
@@ -0,0 +1,46 @@
+/**
+ * WordPress dependencies
+ */
+import { useSelect } from '@wordpress/data';
+import { forwardRef } from '@wordpress/element';
+/**
+ * Internal dependencies
+ */
+import { store as blockEditorStore } from '../../store';
+import Inserter from '../inserter';
+
+export const Appender = forwardRef( ( props, ref ) => {
+	const { hideInserter, clientId } = useSelect( ( select ) => {
+		const {
+			getTemplateLock,
+			__unstableGetEditorMode,
+			getSelectedBlockClientId,
+		} = select( blockEditorStore );
+
+		const _clientId = getSelectedBlockClientId();
+
+		return {
+			clientId: getSelectedBlockClientId(),
+			hideInserter:
+				!! getTemplateLock( _clientId ) ||
+				__unstableGetEditorMode() === 'zoom-out',
+		};
+	}, [] );
+
+	if ( hideInserter ) {
+		return null;
+	}
+
+	return (
+		<div className="offcanvas-editor__appender">
+			<Inserter
+				ref={ ref }
+				rootClientId={ clientId }
+				position="bottom right"
+				isAppender
+				__experimentalIsQuick
+				{ ...props }
+			/>
+		</div>
+	);
+} );
diff --git a/packages/block-editor/src/components/off-canvas-editor/index.js b/packages/block-editor/src/components/off-canvas-editor/index.js
index dd88b9ec43cc94..96fd4f819af5f7 100644
--- a/packages/block-editor/src/components/off-canvas-editor/index.js
+++ b/packages/block-editor/src/components/off-canvas-editor/index.js
@@ -5,7 +5,11 @@ import {
 	useMergeRefs,
 	__experimentalUseFixedWindowList as useFixedWindowList,
 } from '@wordpress/compose';
-import { __experimentalTreeGrid as TreeGrid } from '@wordpress/components';
+import {
+	__experimentalTreeGrid as TreeGrid,
+	__experimentalTreeGridRow as TreeGridRow,
+	__experimentalTreeGridCell as TreeGridCell,
+} from '@wordpress/components';
 import { AsyncModeProvider, useSelect } from '@wordpress/data';
 import {
 	useCallback,
@@ -28,6 +32,7 @@ import useListViewClientIds from './use-list-view-client-ids';
 import useListViewDropZone from './use-list-view-drop-zone';
 import useListViewExpandSelectedItem from './use-list-view-expand-selected-item';
 import { store as blockEditorStore } from '../../store';
+import { Appender } from './appender';
 
 const expanded = ( state, action ) => {
 	if ( Array.isArray( action.clientIds ) ) {
@@ -104,9 +109,9 @@ function __ExperimentalOffCanvasEditor(
 		setExpandedState,
 	} );
 	const selectEditorBlock = useCallback(
-		( event, clientId ) => {
-			updateBlockSelection( event, clientId );
-			setSelectedTreeId( clientId );
+		( event, blockClientId ) => {
+			updateBlockSelection( event, blockClientId );
+			setSelectedTreeId( blockClientId );
 		},
 		[ setSelectedTreeId, updateBlockSelection ]
 	);
@@ -128,20 +133,26 @@ function __ExperimentalOffCanvasEditor(
 	);
 
 	const expand = useCallback(
-		( clientId ) => {
-			if ( ! clientId ) {
+		( blockClientId ) => {
+			if ( ! blockClientId ) {
 				return;
 			}
-			setExpandedState( { type: 'expand', clientIds: [ clientId ] } );
+			setExpandedState( {
+				type: 'expand',
+				clientIds: [ blockClientId ],
+			} );
 		},
 		[ setExpandedState ]
 	);
 	const collapse = useCallback(
-		( clientId ) => {
-			if ( ! clientId ) {
+		( blockClientId ) => {
+			if ( ! blockClientId ) {
 				return;
 			}
-			setExpandedState( { type: 'collapse', clientIds: [ clientId ] } );
+			setExpandedState( {
+				type: 'collapse',
+				clientIds: [ blockClientId ],
+			} );
 		},
 		[ setExpandedState ]
 	);
@@ -208,9 +219,22 @@ function __ExperimentalOffCanvasEditor(
 						shouldShowInnerBlocks={ shouldShowInnerBlocks }
 						selectBlockInCanvas={ selectBlockInCanvas }
 					/>
+					<TreeGridRow
+						level={ 1 }
+						setSize={ 1 }
+						positionInSet={ 1 }
+						isExpanded={ true }
+					>
+						<TreeGridCell>
+							{ ( treeGridCellProps ) => (
+								<Appender { ...treeGridCellProps } />
+							) }
+						</TreeGridCell>
+					</TreeGridRow>
 				</ListViewContext.Provider>
 			</TreeGrid>
 		</AsyncModeProvider>
 	);
 }
+
 export default forwardRef( __ExperimentalOffCanvasEditor );
diff --git a/packages/block-editor/src/components/off-canvas-editor/style.scss b/packages/block-editor/src/components/off-canvas-editor/style.scss
index 7f22f6f5340cfd..611ac309bf535b 100644
--- a/packages/block-editor/src/components/off-canvas-editor/style.scss
+++ b/packages/block-editor/src/components/off-canvas-editor/style.scss
@@ -1 +1,15 @@
-//Styles for off-canvas editor, remove this line when you add some css to this file!
+.offcanvas-editor__appender .block-editor-inserter__toggle {
+	background-color: #1e1e1e;
+	color: #fff;
+	margin: $grid-unit-10 0 0 28px;
+	border-radius: 2px;
+	height: 24px;
+	min-width: 24px;
+	padding: 0;
+
+	&:hover,
+	&:focus {
+		background: var(--wp-admin-theme-color);
+		color: #fff;
+	}
+}

From 8e93b93ce4756ebd4b9b3d13fa53f1969c685efb Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Wed, 23 Nov 2022 15:02:27 +0200
Subject: [PATCH 71/76] Lodash: Refactor getMergedGlobalStyles() away from
 _.pick() (#45943)

---
 .../global-styles-context/index.native.js     | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/components/src/mobile/global-styles-context/index.native.js b/packages/components/src/mobile/global-styles-context/index.native.js
index c16843b4b3f158..3bae44222f70f3 100644
--- a/packages/components/src/mobile/global-styles-context/index.native.js
+++ b/packages/components/src/mobile/global-styles-context/index.native.js
@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { pick } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -34,15 +29,18 @@ export const getMergedGlobalStyles = (
 	const baseGlobalColors = {
 		baseColors: baseGlobalStyles || {},
 	};
-	const blockStyleAttributes = pick(
-		blockAttributes,
-		BLOCK_STYLE_ATTRIBUTES
+	const blockStyleAttributes = Object.fromEntries(
+		Object.entries( blockAttributes ?? {} ).filter( ( [ key ] ) =>
+			BLOCK_STYLE_ATTRIBUTES.includes( key )
+		)
 	);
+
 	// This prevents certain wrapper styles from being applied to blocks that
 	// don't support them yet.
-	const wrapperPropsStyleFiltered = pick(
-		wrapperPropsStyle,
-		BLOCK_STYLE_ATTRIBUTES
+	const wrapperPropsStyleFiltered = Object.fromEntries(
+		Object.entries( wrapperPropsStyle ?? {} ).filter( ( [ key ] ) =>
+			BLOCK_STYLE_ATTRIBUTES.includes( key )
+		)
 	);
 
 	const mergedStyle = {

From 5d4a12df29b530e59247b429c6447170ebc9ef50 Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Wed, 23 Nov 2022 17:16:38 +0200
Subject: [PATCH 72/76] Components: Bump DateTimePicker deprecated prop removal
 version (#46006)

---
 packages/components/src/date-time/date-time/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/date-time/date-time/index.tsx b/packages/components/src/date-time/date-time/index.tsx
index 3d97b19dc17c6c..123f20e76c640b 100644
--- a/packages/components/src/date-time/date-time/index.tsx
+++ b/packages/components/src/date-time/date-time/index.tsx
@@ -43,14 +43,14 @@ function UnforwardedDateTimePicker(
 	if ( ! __nextRemoveHelpButton ) {
 		deprecated( 'Help button in wp.components.DateTimePicker', {
 			since: '13.4',
-			version: '14.6', // Six months of plugin releases.
+			version: '15.8', // One year of plugin releases.
 			hint: 'Set the `__nextRemoveHelpButton` prop to `true` to remove this warning and opt in to the new behaviour, which will become the default in a future version.',
 		} );
 	}
 	if ( ! __nextRemoveResetButton ) {
 		deprecated( 'Reset button in wp.components.DateTimePicker', {
 			since: '13.4',
-			version: '14.6', // Six months of plugin releases.
+			version: '15.8', // One year of plugin releases.
 			hint: 'Set the `__nextRemoveResetButton` prop to `true` to remove this warning and opt in to the new behaviour, which will become the default in a future version.',
 		} );
 	}

From affc1e57fb81f5a422daddd016eccb62593f2cab Mon Sep 17 00:00:00 2001
From: Nik Tsekouras <ntsekouras@outlook.com>
Date: Wed, 23 Nov 2022 17:42:54 +0200
Subject: [PATCH 73/76] [Patterns]: Update pattern category descriptions
 (#46005)

* [Patterns]: Update pattern category descriptions

* add hyphen
---
 lib/compat/wordpress-6.2/block-patterns.php | 25 +++++++++++++--------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/lib/compat/wordpress-6.2/block-patterns.php b/lib/compat/wordpress-6.2/block-patterns.php
index a28566d441e7a8..413ba6c0df0ac1 100644
--- a/lib/compat/wordpress-6.2/block-patterns.php
+++ b/lib/compat/wordpress-6.2/block-patterns.php
@@ -6,7 +6,7 @@
  */
 
 /**
- * Registers the block pattern categories REST API routes.
+ * Registers the block pattern categories.
  */
 function gutenberg_register_core_block_patterns_and_categories() {
 	register_block_pattern_category(
@@ -18,50 +18,57 @@ function gutenberg_register_core_block_patterns_and_categories() {
 	register_block_pattern_category(
 		'buttons',
 		array(
-			'label' => _x( 'Buttons', 'Block pattern category', 'gutenberg' ),
+			'label'       => _x( 'Buttons', 'Block pattern category', 'gutenberg' ),
+			'description' => __( 'Patterns that contain buttons and call to actions.', 'gutenberg' ),
 		)
 	);
 	register_block_pattern_category(
 		'columns',
 		array(
-			'label' => _x( 'Columns', 'Block pattern category', 'gutenberg' ),
+			'label'       => _x( 'Columns', 'Block pattern category', 'gutenberg' ),
+			'description' => __( 'Multi-column patterns with more complex layouts.', 'gutenberg' ),
 		)
 	);
 	register_block_pattern_category(
 		'footer',
 		array(
-			'label' => _x( 'Footers', 'Block pattern category', 'gutenberg' ),
+			'label'       => _x( 'Footers', 'Block pattern category', 'gutenberg' ),
+			'description' => __( 'A variety of footer designs displaying information and site navigation.', 'gutenberg' ),
 		)
 	);
 	register_block_pattern_category(
 		'gallery',
 		array(
-			'label' => _x( 'Gallery', 'Block pattern category', 'gutenberg' ),
+			'label'       => _x( 'Gallery', 'Block pattern category', 'gutenberg' ),
+			'description' => __( 'Patterns containing mostly images or other media.', 'gutenberg' ),
 		)
 	);
 	register_block_pattern_category(
 		'header',
 		array(
-			'label' => _x( 'Headers', 'Block pattern category', 'gutenberg' ),
+			'label'       => _x( 'Headers', 'Block pattern category', 'gutenberg' ),
+			'description' => __( 'A variety of header designs displaying your site title and navigation.', 'gutenberg' ),
 		)
 	);
 	register_block_pattern_category(
 		'text',
 		array(
-			'label' => _x( 'Text', 'Block pattern category', 'gutenberg' ),
+			'label'       => _x( 'Text', 'Block pattern category', 'gutenberg' ),
+			'description' => __( 'Patterns containing mostly text.', 'gutenberg' ),
 		)
 	);
 	register_block_pattern_category(
 		'query',
 		array(
 			'label'       => _x( 'Posts', 'Block pattern category', 'gutenberg' ),
-			'description' => __( 'Display post summaries in lists, grids, and other layouts.', 'gutenberg' ),
+			'description' => __( 'Display your latest posts in lists, grids or other layouts.', 'gutenberg' ),
 		)
 	);
 	register_block_pattern_category(
 		'featured',
 		array(
-			'label' => _x( 'Featured', 'Block pattern category', 'gutenberg' ),
+			'label'       => _x( 'Featured', 'Block pattern category', 'gutenberg' ),
+			'description' => __( 'A set of high quality curated patterns.', 'gutenberg' ),
 		)
 	);
 }

From 1d9ea72b7a28a97d80a7a588070d32b550d6bb4b Mon Sep 17 00:00:00 2001
From: Ella <4710635+ellatrix@users.noreply.github.com>
Date: Wed, 23 Nov 2022 18:12:50 +0100
Subject: [PATCH 74/76] Rich text: create undo level before autocorrect
 (#45670)

---
 .../src/components/rich-text/index.js         |  2 ++
 .../rich-text/use-insert-replacement-text.js  | 31 +++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 packages/block-editor/src/components/rich-text/use-insert-replacement-text.js

diff --git a/packages/block-editor/src/components/rich-text/index.js b/packages/block-editor/src/components/rich-text/index.js
index ee364e8c3beaeb..8378c3718d33fc 100644
--- a/packages/block-editor/src/components/rich-text/index.js
+++ b/packages/block-editor/src/components/rich-text/index.js
@@ -44,6 +44,7 @@ import { useFormatTypes } from './use-format-types';
 import { useRemoveBrowserShortcuts } from './use-remove-browser-shortcuts';
 import { useShortcuts } from './use-shortcuts';
 import { useInputEvents } from './use-input-events';
+import { useInsertReplacementText } from './use-insert-replacement-text';
 import { useFirefoxCompat } from './use-firefox-compat';
 import FormatEdit from './format-edit';
 import { getMultilineTag, getAllowedFormats } from './utils';
@@ -408,6 +409,7 @@ function RichTextWrapper(
 						onReplace,
 						selectionChange,
 					} ),
+					useInsertReplacementText(),
 					useRemoveBrowserShortcuts(),
 					useShortcuts( keyboardShortcuts ),
 					useInputEvents( inputEvents ),
diff --git a/packages/block-editor/src/components/rich-text/use-insert-replacement-text.js b/packages/block-editor/src/components/rich-text/use-insert-replacement-text.js
new file mode 100644
index 00000000000000..e5ec7c23e906b8
--- /dev/null
+++ b/packages/block-editor/src/components/rich-text/use-insert-replacement-text.js
@@ -0,0 +1,31 @@
+/**
+ * WordPress dependencies
+ */
+import { useRefEffect } from '@wordpress/compose';
+import { useDispatch } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
+import { store as blockEditorStore } from '../../store';
+
+/**
+ * When the browser is about to auto correct, add an undo level so the user can
+ * revert the change.
+ */
+export function useInsertReplacementText() {
+	const { __unstableMarkLastChangeAsPersistent } =
+		useDispatch( blockEditorStore );
+	return useRefEffect( ( element ) => {
+		function onInput( event ) {
+			if ( event.inputType === 'insertReplacementText' ) {
+				__unstableMarkLastChangeAsPersistent();
+			}
+		}
+
+		element.addEventListener( 'beforeinput', onInput );
+		return () => {
+			element.removeEventListener( 'beforeinput', onInput );
+		};
+	}, [] );
+}

From 6a56b9b859624ce07e861260ee9a02077414d02b Mon Sep 17 00:00:00 2001
From: Felix Arntz <felixarntz@google.com>
Date: Wed, 16 Nov 2022 12:57:59 -0800
Subject: [PATCH 75/76] Do not unnecessarily pass post ID to various query loop
 aware functions.

---
 packages/block-library/src/post-featured-image/index.php | 7 +++----
 packages/block-library/src/post-title/index.php          | 9 ++-------
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/packages/block-library/src/post-featured-image/index.php b/packages/block-library/src/post-featured-image/index.php
index dfb03c5a89065c..03bd89669e72fd 100644
--- a/packages/block-library/src/post-featured-image/index.php
+++ b/packages/block-library/src/post-featured-image/index.php
@@ -17,7 +17,6 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 	if ( ! isset( $block->context['postId'] ) ) {
 		return '';
 	}
-	$post_ID = $block->context['postId'];
 
 	// Check is needed for backward compatibility with third-party plugins
 	// that might rely on the `in_the_loop` check; calling `the_post` sets it to true.
@@ -31,7 +30,7 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 	$overlay_markup = get_block_core_post_featured_image_overlay_element_markup( $attributes );
 
 	if ( $is_link ) {
-		$attr['alt'] = trim( strip_tags( get_the_title( $post_ID ) ) );
+		$attr['alt'] = trim( strip_tags( get_the_title() ) );
 	}
 
 	if ( ! empty( $attributes['height'] ) ) {
@@ -42,7 +41,7 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 		$attr['style'] = empty( $attr['style'] ) ? $extra_styles : $attr['style'] . $extra_styles;
 	}
 
-	$featured_image = get_the_post_thumbnail( $post_ID, $size_slug, $attr );
+	$featured_image = get_the_post_thumbnail( null, $size_slug, $attr );
 	if ( ! $featured_image ) {
 		return '';
 	}
@@ -51,7 +50,7 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 		$rel            = ! empty( $attributes['rel'] ) ? 'rel="' . esc_attr( $attributes['rel'] ) . '"' : '';
 		$featured_image = sprintf(
 			'<a href="%1$s" target="%2$s" %3$s>%4$s%5$s</a>',
-			get_the_permalink( $post_ID ),
+			get_the_permalink(),
 			esc_attr( $link_target ),
 			$rel,
 			$featured_image,
diff --git a/packages/block-library/src/post-title/index.php b/packages/block-library/src/post-title/index.php
index 125a2d81ddcbe3..3a90e46763d795 100644
--- a/packages/block-library/src/post-title/index.php
+++ b/packages/block-library/src/post-title/index.php
@@ -15,12 +15,7 @@
  * @return string Returns the filtered post title for the current post wrapped inside "h1" tags.
  */
 function render_block_core_post_title( $attributes, $content, $block ) {
-	if ( ! isset( $block->context['postId'] ) ) {
-		return '';
-	}
-
-	$post_ID = $block->context['postId'];
-	$title   = get_the_title();
+	$title = get_the_title();
 
 	if ( ! $title ) {
 		return '';
@@ -35,7 +30,7 @@ function render_block_core_post_title( $attributes, $content, $block ) {
 
 	if ( isset( $attributes['isLink'] ) && $attributes['isLink'] ) {
 		$rel   = ! empty( $attributes['rel'] ) ? 'rel="' . esc_attr( $attributes['rel'] ) . '"' : '';
-		$title = sprintf( '<a href="%1$s" target="%2$s" %3$s>%4$s</a>', get_the_permalink( $post_ID ), esc_attr( $attributes['linkTarget'] ), $rel, $title );
+		$title = sprintf( '<a href="%1$s" target="%2$s" %3$s>%4$s</a>', get_the_permalink(), esc_attr( $attributes['linkTarget'] ), $rel, $title );
 	}
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) );
 

From b522579d0fa768aa3b82f83e0dd5d28b755c0bc2 Mon Sep 17 00:00:00 2001
From: Felix Arntz <felixarntz@google.com>
Date: Fri, 18 Nov 2022 09:38:32 -0800
Subject: [PATCH 76/76] Bring back checks for postId context.

---
 packages/block-library/src/post-featured-image/index.php | 2 ++
 packages/block-library/src/post-title/index.php          | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/packages/block-library/src/post-featured-image/index.php b/packages/block-library/src/post-featured-image/index.php
index 03bd89669e72fd..052b2aa5dbed95 100644
--- a/packages/block-library/src/post-featured-image/index.php
+++ b/packages/block-library/src/post-featured-image/index.php
@@ -14,6 +14,8 @@
  * @return string Returns the featured image for the current post.
  */
 function render_block_core_post_featured_image( $attributes, $content, $block ) {
+	// While postId is not used in this function, we should keep this guard to
+	// make sure the block is rendered in the correct context.
 	if ( ! isset( $block->context['postId'] ) ) {
 		return '';
 	}
diff --git a/packages/block-library/src/post-title/index.php b/packages/block-library/src/post-title/index.php
index 3a90e46763d795..4c1f57f6a9f0af 100644
--- a/packages/block-library/src/post-title/index.php
+++ b/packages/block-library/src/post-title/index.php
@@ -15,6 +15,12 @@
  * @return string Returns the filtered post title for the current post wrapped inside "h1" tags.
  */
 function render_block_core_post_title( $attributes, $content, $block ) {
+	// While postId is not used in this function, we should keep this guard to
+	// make sure the block is rendered in the correct context.
+	if ( ! isset( $block->context['postId'] ) ) {
+		return '';
+	}
+
 	$title = get_the_title();
 
 	if ( ! $title ) {