Update wordpress monorepo (#6013)

Co-authored-by: Renovate Bot <[email protected]>
Co-authored-by: Lourens Schep <[email protected]>
Co-authored-by: Sam Seay <[email protected]>

Author: 4 people

client/analytics/components/leaderboard/test/__snapshots__/index.js.snap

@@ -6,7 +6,7 @@ exports[`Leaderboard should render correct data in the table 1`] = `
     class="components-card is-size-medium woocommerce-table woocommerce-leaderboard css-1xs3c37-CardUI e1q7k77g0"
   >
     <div
-      class="components-flex components-card__header is-size-medium e1q7k77g1 css-aafj2m-Flex-HeaderUI eboqfv50"
+      class="components-flex components-card__header is-size-medium e1q7k77g1 css-jsa6v9-Flex-HeaderUI eboqfv50"
     >
       <h2
         class="css-1ahfdc3-Text e15wbhsk0"
@@ -258,7 +258,7 @@ exports[`Leaderboard should render correct data in the table 1`] = `
       </div>
     </div>
     <div
-      class="components-flex components-card__footer is-size-medium e1q7k77g4 css-ndnb5h-Flex-FooterUI eboqfv50"
+      class="components-flex components-card__footer is-size-medium e1q7k77g4 css-5hda2c-Flex-FooterUI eboqfv50"
     />
   </div>
 </div>
@@ -270,7 +270,7 @@ exports[`Leaderboard should render empty message when there are no rows 1`] = `
     class="components-card is-size-medium woocommerce-leaderboard css-1xs3c37-CardUI e1q7k77g0"
   >
     <div
-      class="components-flex components-card__header is-size-medium e1q7k77g1 css-jsa6v9-Flex-HeaderUI eboqfv50"
+      class="components-flex components-card__header is-size-medium e1q7k77g1 css-1ufeymn-Flex-HeaderUI eboqfv50"
     >
       <h3
         class="css-1ahfdc3-Text e15wbhsk0"

client/inbox-panel/card.js

@@ -32,6 +32,7 @@ class InboxNoteCard extends Component {
 		this.openDismissModal = this.openDismissModal.bind( this );
 		this.closeDismissModal = this.closeDismissModal.bind( this );
 		this.bodyNotificationRef = createRef();
+		this.toggleButtonRef = createRef();
 		this.screen = getScreenName();
 	}
 
@@ -116,9 +117,13 @@ class InboxNoteCard extends Component {
 			'components-popover__content',
 		];
 		// This line is for IE compatibility.
-		const relatedTarget = event.relatedTarget
-			? event.relatedTarget
-			: document.activeElement;
+		let relatedTarget;
+		if ( event.relatedTarget ) {
+			relatedTarget = event.relatedTarget;
+		} else if ( this.toggleButtonRef.current ) {
+			const ownerDoc = this.toggleButtonRef.current.ownerDocument;
+			relatedTarget = ownerDoc ? ownerDoc.activeElement : null;
+		}
 		const isClickOutsideDropdown = relatedTarget
 			? dropdownClasses.some( ( className ) =>
 					relatedTarget.className.includes( className )
@@ -146,6 +151,7 @@ class InboxNoteCard extends Component {
 					<Button
 						isTertiary
 						onClick={ onToggle }
+						ref={ this.toggleButtonRef }
 						onBlur={ ( event ) =>
 							this.handleBlur( event, onClose )
 						}

client/profile-wizard/steps/product-types/test/__snapshots__/index.js.snap

@@ -26,10 +26,10 @@ exports[`ProductTypes should render product types 1`] = `
         class="components-card__body css-xmjzce-BodyUI e1q7k77g3"
       >
         <div
-          class="components-base-control woocommerce-profile-wizard__checkbox"
+          class="components-base-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u0"
         >
           <div
-            class="components-base-control__field"
+            class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
           >
             <span
               class="components-checkbox-control__input-container"
@@ -79,10 +79,10 @@ you can purchase and install it later.
           </div>
         </div>
         <div
-          class="components-base-control woocommerce-profile-wizard__checkbox"
+          class="components-base-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u0"
         >
           <div
-            class="components-base-control__field"
+            class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
           >
             <span
               class="components-checkbox-control__input-container"
@@ -104,7 +104,7 @@ you can purchase and install it later.
         </div>
       </div>
       <div
-        class="components-flex components-card__footer is-borderless is-size-medium e1q7k77g4 css-5hda2c-Flex-FooterUI eboqfv50"
+        class="components-flex components-card__footer is-borderless is-size-medium e1q7k77g4 css-1fpr7ir-Flex-FooterUI eboqfv50"
       >
         <button
           class="components-button is-primary"
@@ -183,10 +183,10 @@ exports[`ProductTypes should show annual prices on toggle 1`] = `
         class="components-card__body css-xmjzce-BodyUI e1q7k77g3"
       >
         <div
-          class="components-base-control woocommerce-profile-wizard__checkbox"
+          class="components-base-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u0"
         >
           <div
-            class="components-base-control__field"
+            class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
           >
             <span
               class="components-checkbox-control__input-container"
@@ -236,10 +236,10 @@ you can purchase and install it later.
           </div>
         </div>
         <div
-          class="components-base-control woocommerce-profile-wizard__checkbox"
+          class="components-base-control woocommerce-profile-wizard__checkbox css-wdf2ti-Wrapper e1puf3u0"
         >
           <div
-            class="components-base-control__field"
+            class="components-base-control__field css-11vcxb9-StyledField e1puf3u1"
           >
             <span
               class="components-checkbox-control__input-container"
@@ -261,7 +261,7 @@ you can purchase and install it later.
         </div>
       </div>
       <div
-        class="components-flex components-card__footer is-borderless is-size-medium e1q7k77g4 css-5hda2c-Flex-FooterUI eboqfv50"
+        class="components-flex components-card__footer is-borderless is-size-medium e1q7k77g4 css-1fpr7ir-Flex-FooterUI eboqfv50"
       >
         <button
           class="components-button is-primary"