@magento/venia-ui 11.7.1 → 11.7.2-alpha3

package/lib/components/ProductFullDetail/__tests__/__snapshots__/productFullDetail.spec.js.snap

@@ -106,6 +106,7 @@ exports[`it disables the add to cart button when the talon indicates 1`] = `
         aria-disabled={true}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -257,6 +258,7 @@ exports[`it does not render options if the product is not a ConfigurableProduct
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -269,6 +271,7 @@ exports[`it does not render options if the product is not a ConfigurableProduct
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -444,6 +447,7 @@ exports[`it renders an error for an invalid cart 1`] = `
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -456,6 +460,7 @@ exports[`it renders an error for an invalid cart 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -631,6 +636,7 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -643,6 +649,7 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -819,6 +826,7 @@ Array [
           aria-disabled={false}
           aria-label=""
           className="root_highPriority"
+          data-react-aria-pressable={true}
           disabled={false}
           onClick={[Function]}
           onDragStart={[Function]}
@@ -831,6 +839,7 @@ Array [
           onTouchEnd={[Function]}
           onTouchMove={[Function]}
           onTouchStart={[Function]}
+          tabIndex={0}
           type="submit"
         >
           <span
@@ -1003,6 +1012,7 @@ exports[`it renders correctly 1`] = `
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1015,6 +1025,7 @@ exports[`it renders correctly 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -1186,6 +1197,7 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1198,6 +1210,7 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -1369,6 +1382,7 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1381,6 +1395,7 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -1552,6 +1567,7 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1564,6 +1580,7 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -1739,6 +1756,7 @@ exports[`it renders form level errors 1`] = `
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1751,6 +1769,7 @@ exports[`it renders form level errors 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -1922,6 +1941,7 @@ exports[`it renders message with everything out of stock 1`] = `
         aria-disabled={true}
         aria-label="This item is currently out of stock"
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -2264,6 +2284,7 @@ exports[`out of stock disabled CTA button is rendered if out of stock 1`] = `
         aria-disabled={true}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -2447,6 +2468,7 @@ exports[`renders a WishlistButton with props 1`] = `
         aria-disabled={false}
         aria-label=""
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -2459,6 +2481,7 @@ exports[`renders a WishlistButton with props 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span

package/lib/components/ProductImageCarousel/__tests__/__snapshots__/carousel.spec.js.snap

@@ -10,6 +10,7 @@ exports[`renders a transparent main image if no file name is provided 1`] = `
     <button
       aria-label="Previous Image"
       className="previousButton"
+      data-react-aria-pressable={true}
       onClick={[Function]}
       onDragStart={[Function]}
       onKeyDown={[Function]}
@@ -21,6 +22,7 @@ exports[`renders a transparent main image if no file name is provided 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -68,6 +70,7 @@ exports[`renders a transparent main image if no file name is provided 1`] = `
     <button
       aria-label="Next Image"
       className="nextButton"
+      data-react-aria-pressable={true}
       onClick={[Function]}
       onDragStart={[Function]}
       onKeyDown={[Function]}
@@ -79,6 +82,7 @@ exports[`renders a transparent main image if no file name is provided 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -119,6 +123,7 @@ exports[`renders the Carousel component correctly w/ sorted images 1`] = `
     <button
       aria-label="Previous Image"
       className="previousButton"
+      data-react-aria-pressable={true}
       onClick={[Function]}
       onDragStart={[Function]}
       onKeyDown={[Function]}
@@ -130,6 +135,7 @@ exports[`renders the Carousel component correctly w/ sorted images 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -198,6 +204,7 @@ exports[`renders the Carousel component correctly w/ sorted images 1`] = `
     <button
       aria-label="Next Image"
       className="nextButton"
+      data-react-aria-pressable={true}
       onClick={[Function]}
       onDragStart={[Function]}
       onKeyDown={[Function]}
@@ -209,6 +216,7 @@ exports[`renders the Carousel component correctly w/ sorted images 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/ProductSort/__tests__/__snapshots__/productSort.spec.js.snap

@@ -6,6 +6,7 @@ exports[`renders correctly 1`] = `
 >
   <button
     aria-label="Sort Button Collapsed"
+    data-react-aria-pressable={true}
     disabled={false}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -18,6 +19,7 @@ exports[`renders correctly 1`] = `
     onTouchEnd={[Function]}
     onTouchMove={[Function]}
     onTouchStart={[Function]}
+    tabIndex={0}
     type="button"
   >
     <span>

package/lib/components/RobotsMeta/robotsMeta.gql.js

@@ -0,0 +1,10 @@
+import { gql } from '@apollo/client';
+
+export const GET_ROBOTS_CONFIG = gql`
+    query GetRobotsConfig {
+        robotsConfig {
+            defaultRobots
+            customInstructions
+        }
+    }
+`;

package/lib/components/RobotsMeta/robotsMeta.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useQuery } from '@apollo/client';
+import { Helmet } from 'react-helmet-async';
+import { GET_ROBOTS_CONFIG } from './robotsMeta.gql';
+
+const RobotsMeta = () => {
+    const { data, loading, error } = useQuery(GET_ROBOTS_CONFIG);
+
+    if (loading || error) {
+        return null;
+    }
+
+    const robots = data?.robotsConfig?.defaultRobots;
+
+    if (!robots) {
+        return null;
+    }
+
+    return (
+        <Helmet>
+            <meta name="robots" content={robots} />
+        </Helmet>
+    );
+};
+
+export default RobotsMeta;

package/lib/components/SavedPaymentsPage/__tests__/__snapshots__/creditCard.spec.js.snap

@@ -27,6 +27,7 @@ exports[`renders delete confirmation 1`] = `
   >
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[MockFunction toggleDeleteConfirmation]}
       onDragStart={[Function]}
@@ -95,6 +96,7 @@ exports[`renders delete confirmation 1`] = `
   >
     <button
       className="root_normalPriorityNegative"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[MockFunction handleDeletePayment]}
       onDragStart={[Function]}
@@ -120,6 +122,7 @@ exports[`renders delete confirmation 1`] = `
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[MockFunction toggleDeleteConfirmation]}
       onDragStart={[Function]}
@@ -196,6 +199,7 @@ exports[`should render properly 1`] = `
   >
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction toggleDeleteConfirmation]}
       onDragStart={[Function]}
@@ -208,6 +212,7 @@ exports[`should render properly 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -264,6 +269,7 @@ exports[`should render properly 1`] = `
   >
     <button
       className="root_normalPriorityNegative"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleDeletePayment]}
       onDragStart={[Function]}
@@ -276,6 +282,7 @@ exports[`should render properly 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -289,6 +296,7 @@ exports[`should render properly 1`] = `
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction toggleDeleteConfirmation]}
       onDragStart={[Function]}
@@ -301,6 +309,7 @@ exports[`should render properly 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/Wishlist/AddToListButton/__tests__/__snapshots__/addToListButton.ce.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`renders button 1`] = `
 <button
   className="root"
+  data-react-aria-pressable={true}
   onClick={[Function]}
   onDragStart={[Function]}
   onKeyDown={[Function]}
@@ -14,6 +15,7 @@ exports[`renders button 1`] = `
   onTouchEnd={[Function]}
   onTouchMove={[Function]}
   onTouchStart={[Function]}
+  tabIndex={0}
   type="button"
 >
   <span
@@ -43,6 +45,7 @@ exports[`renders button 1`] = `
 exports[`renders selected button 1`] = `
 <button
   className="root_selected"
+  data-react-aria-pressable={true}
   onClick={[Function]}
   onDragStart={[Function]}
   onKeyDown={[Function]}
@@ -54,6 +57,7 @@ exports[`renders selected button 1`] = `
   onTouchEnd={[Function]}
   onTouchMove={[Function]}
   onTouchStart={[Function]}
+  tabIndex={0}
   type="button"
 >
   <span

package/lib/components/Wishlist/AddToListButton/__tests__/__snapshots__/addToListButton.ee.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`renders button 1`] = `
 <button
   className="root"
+  data-react-aria-pressable={true}
   onClick={[Function]}
   onDragStart={[Function]}
   onKeyDown={[Function]}
@@ -14,6 +15,7 @@ exports[`renders button 1`] = `
   onTouchEnd={[Function]}
   onTouchMove={[Function]}
   onTouchStart={[Function]}
+  tabIndex={0}
   type="button"
 >
   <span
@@ -43,6 +45,7 @@ exports[`renders button 1`] = `
 exports[`renders selected button 1`] = `
 <button
   className="root_selected"
+  data-react-aria-pressable={true}
   onClick={[Function]}
   onDragStart={[Function]}
   onKeyDown={[Function]}
@@ -54,6 +57,7 @@ exports[`renders selected button 1`] = `
   onTouchEnd={[Function]}
   onTouchMove={[Function]}
   onTouchStart={[Function]}
+  tabIndex={0}
   type="button"
 >
   <span
@@ -84,6 +88,7 @@ exports[`renders wishlist dialog with modal props 1`] = `
 Array [
   <button
     className="root"
+    data-react-aria-pressable={true}
     onClick={[Function]}
     onDragStart={[Function]}
     onKeyDown={[Function]}
@@ -95,6 +100,7 @@ Array [
     onTouchEnd={[Function]}
     onTouchMove={[Function]}
     onTouchStart={[Function]}
+    tabIndex={0}
     type="button"
   >
     <span

package/lib/components/Wishlist/WishlistDialog/CreateWishlistForm/__tests__/__snapshots__/createWishlistForm.spec.js.snap

@@ -56,6 +56,7 @@ exports[`disables save if isSaveDisabled is true 1`] = `
   >
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -68,6 +69,7 @@ exports[`disables save if isSaveDisabled is true 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="reset"
     >
       <span
@@ -78,6 +80,7 @@ exports[`disables save if isSaveDisabled is true 1`] = `
     </button>
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -158,6 +161,7 @@ exports[`renders the correct tree 1`] = `
   >
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -170,6 +174,7 @@ exports[`renders the correct tree 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="reset"
     >
       <span
@@ -180,6 +185,7 @@ exports[`renders the correct tree 1`] = `
     </button>
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -192,6 +198,7 @@ exports[`renders the correct tree 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magento/venia-ui",
-  "version": "11.7.1",
+  "version": "11.7.2-alpha3",
   "publishConfig": {
     "access": "public"
   },
@@ -80,7 +80,7 @@
   "peerDependencies": {
     "@apollo/client": "~3.5.0",
     "@magento/babel-preset-peregrine": "~1.3.3",
-    "@magento/peregrine": "~15.6.2",
+    "@magento/peregrine": "15.7.2-alpha3",
     "@magento/pwa-buildpack": "~11.5.5",
     "apollo-cache-persist": "~0.1.1",
     "braintree-web-drop-in": "~1.43.0",