@blaze-cms/react-page-builder 0.146.0-core-styles.45 → 0.146.0-core-styles.52

package/tests/unit/src/components/ItemList/__snapshots__/ItemListButton.test.js.snap

@@ -3,24 +3,50 @@
 exports[`ItemListButton component should add and remove item to the list on click 1`] = `
 <DocumentFragment>
   <div
-    aria-label="Add to list_name"
     class="item-list-button item-list-button--selected modifier"
     role="button"
+    tabindex="0"
   >
     <i>
       <svg
-        fill="currentColor"
-        height="1em"
-        stroke="currentColor"
-        stroke-width="0"
-        viewBox="0 0 16 16"
-        width="1em"
+        height="33px"
+        version="1.1"
+        viewBox="0 0 24 33"
+        width="24px"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm8.854-9.646a.5.5 0 0 0-.708-.708L7.5 7.793 6.354 6.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"
+        <title>
+          wishlist-button/added
+        </title>
+        <g
+          fill="none"
           fill-rule="evenodd"
-        />
+          id="Wishlist"
+          stroke="none"
+          stroke-width="1"
+        >
+          <g
+            id="components"
+            transform="translate(-417, -433)"
+          >
+            <g
+              id="Group"
+              transform="translate(417, 433.0588)"
+            >
+              <path
+                d="M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z"
+                fill="#C31629"
+                fill-rule="nonzero"
+                id="Shape"
+              />
+              <path
+                d="M19.5735342,9.48562495 C20.1421553,8.91700384 20.1421553,7.99508691 19.5735342,7.42646583 C19.0049131,6.85784474 18.0829962,6.85784472 17.514375,7.42646579 L9.81870394,15.1250453 L6.48565817,11.7890911 C6.11782481,11.4212578 5.58169601,11.2776025 5.0792263,11.4122388 C4.57675658,11.5468752 4.18428306,11.9393487 4.04964671,12.4418184 C3.91501035,12.9442881 4.05866564,13.4804169 4.42649901,13.8482503 L8.78912435,18.2108756 C9.06194626,18.4843881 9.43238689,18.638104 9.81870394,18.638104 C10.205021,18.638104 10.5754616,18.4843881 10.8482835,18.2108756 L19.5735342,9.48562495 Z"
+                fill="#FFFFFF"
+                id="Path"
+              />
+            </g>
+          </g>
+        </g>
       </svg>
     </i>
   </div>
@@ -30,24 +56,50 @@ exports[`ItemListButton component should add and remove item to the list on clic
 exports[`ItemListButton component should add and remove item to the list on click 2`] = `
 <DocumentFragment>
   <div
-    aria-label="Add to list_name"
     class="item-list-button item-list-button--selected modifier"
     role="button"
+    tabindex="0"
   >
     <i>
       <svg
-        fill="currentColor"
-        height="1em"
-        stroke="currentColor"
-        stroke-width="0"
-        viewBox="0 0 16 16"
-        width="1em"
+        height="33px"
+        version="1.1"
+        viewBox="0 0 24 33"
+        width="24px"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm8.854-9.646a.5.5 0 0 0-.708-.708L7.5 7.793 6.354 6.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"
+        <title>
+          wishlist-button/added
+        </title>
+        <g
+          fill="none"
           fill-rule="evenodd"
-        />
+          id="Wishlist"
+          stroke="none"
+          stroke-width="1"
+        >
+          <g
+            id="components"
+            transform="translate(-417, -433)"
+          >
+            <g
+              id="Group"
+              transform="translate(417, 433.0588)"
+            >
+              <path
+                d="M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z"
+                fill="#C31629"
+                fill-rule="nonzero"
+                id="Shape"
+              />
+              <path
+                d="M19.5735342,9.48562495 C20.1421553,8.91700384 20.1421553,7.99508691 19.5735342,7.42646583 C19.0049131,6.85784474 18.0829962,6.85784472 17.514375,7.42646579 L9.81870394,15.1250453 L6.48565817,11.7890911 C6.11782481,11.4212578 5.58169601,11.2776025 5.0792263,11.4122388 C4.57675658,11.5468752 4.18428306,11.9393487 4.04964671,12.4418184 C3.91501035,12.9442881 4.05866564,13.4804169 4.42649901,13.8482503 L8.78912435,18.2108756 C9.06194626,18.4843881 9.43238689,18.638104 9.81870394,18.638104 C10.205021,18.638104 10.5754616,18.4843881 10.8482835,18.2108756 L19.5735342,9.48562495 Z"
+                fill="#FFFFFF"
+                id="Path"
+              />
+            </g>
+          </g>
+        </g>
       </svg>
     </i>
   </div>
@@ -57,24 +109,50 @@ exports[`ItemListButton component should add and remove item to the list on clic
 exports[`ItemListButton component should render button marked selected when current parent is in the list 1`] = `
 <DocumentFragment>
   <div
-    aria-label="Add to list_name"
     class="item-list-button item-list-button--selected modifier"
     role="button"
+    tabindex="0"
   >
     <i>
       <svg
-        fill="currentColor"
-        height="1em"
-        stroke="currentColor"
-        stroke-width="0"
-        viewBox="0 0 16 16"
-        width="1em"
+        height="33px"
+        version="1.1"
+        viewBox="0 0 24 33"
+        width="24px"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm8.854-9.646a.5.5 0 0 0-.708-.708L7.5 7.793 6.354 6.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"
+        <title>
+          wishlist-button/added
+        </title>
+        <g
+          fill="none"
           fill-rule="evenodd"
-        />
+          id="Wishlist"
+          stroke="none"
+          stroke-width="1"
+        >
+          <g
+            id="components"
+            transform="translate(-417, -433)"
+          >
+            <g
+              id="Group"
+              transform="translate(417, 433.0588)"
+            >
+              <path
+                d="M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z"
+                fill="#C31629"
+                fill-rule="nonzero"
+                id="Shape"
+              />
+              <path
+                d="M19.5735342,9.48562495 C20.1421553,8.91700384 20.1421553,7.99508691 19.5735342,7.42646583 C19.0049131,6.85784474 18.0829962,6.85784472 17.514375,7.42646579 L9.81870394,15.1250453 L6.48565817,11.7890911 C6.11782481,11.4212578 5.58169601,11.2776025 5.0792263,11.4122388 C4.57675658,11.5468752 4.18428306,11.9393487 4.04964671,12.4418184 C3.91501035,12.9442881 4.05866564,13.4804169 4.42649901,13.8482503 L8.78912435,18.2108756 C9.06194626,18.4843881 9.43238689,18.638104 9.81870394,18.638104 C10.205021,18.638104 10.5754616,18.4843881 10.8482835,18.2108756 L19.5735342,9.48562495 Z"
+                fill="#FFFFFF"
+                id="Path"
+              />
+            </g>
+          </g>
+        </g>
       </svg>
     </i>
   </div>
@@ -84,26 +162,56 @@ exports[`ItemListButton component should render button marked selected when curr
 exports[`ItemListButton component should render button not marked selected when current parent is not in the list 1`] = `
 <DocumentFragment>
   <div
-    aria-label="Add to list_name"
     class="item-list-button modifier"
     role="button"
+    tabindex="0"
   >
     <i>
       <svg
-        fill="currentColor"
-        height="1em"
-        stroke="currentColor"
-        stroke-width="0"
-        viewBox="0 0 16 16"
-        width="1em"
+        height="32px"
+        version="1.1"
+        viewBox="0 0 24 32"
+        width="24px"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <path
-          d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"
-        />
-        <path
-          d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"
-        />
+        <title>
+          wishlist-button/base
+        </title>
+        <g
+          fill="none"
+          fill-rule="evenodd"
+          id="Wishlist"
+          stroke="none"
+          stroke-width="1"
+        >
+          <g
+            id="components"
+            transform="translate(-417, -237)"
+          >
+            <g
+              id="Group"
+              transform="translate(417, 237)"
+            >
+              <path
+                d="M0,4.00006438 C0,1.79088983 1.79088983,0 4.00006438,0 L20.0003219,0 C22.2094965,0 24.0003863,1.79088983 24.0003863,4.00006438 L24.0003863,31.000499 C24.0003863,31.3690566 23.7972987,31.707635 23.4723789,31.8815946 C23.1474592,32.0555542 22.7531917,32.0366934 22.4463613,31.8325124 L12.0001931,26.2024217 L1.55402501,31.8325124 C1.24719462,32.0366934 0.852927098,32.0555542 0.528007369,31.8815946 C0.203087639,31.707635 0,31.3690566 0,31.000499 L0,4.00006438 Z"
+                fill="#FFFFFF"
+                id="Path"
+              />
+              <path
+                d="M11.4884365,6.3199776 C11.5838756,6.12420508 11.7826038,6 12.0004007,6 C12.2181976,6 12.4169257,6.12420508 12.5123648,6.3199776 L14.5410228,10.4316897 C14.623468,10.6005456 14.7838925,10.717871 14.9697928,10.7452678 L19.5134747,11.4044216 C19.9774422,11.4716169 20.166229,12.0443768 19.8270528,12.3739538 L16.5440826,15.5769295 C16.4096115,15.7082089 16.3485531,15.8973704 16.380894,16.0824941 L17.1552398,20.6069774 C17.1907134,20.8200705 17.1025787,21.0348915 16.927666,21.1616693 C16.7527533,21.2884471 16.5211722,21.3053581 16.3296976,21.2053355 L12.2659821,19.0678851 C12.1006216,18.9813923 11.9033796,18.9813923 11.7380191,19.0678851 L7.67430355,21.2053355 C7.48306696,21.3035559 7.2528198,21.2857277 7.07898266,21.1592392 C6.90514552,21.0327507 6.81734235,20.8191571 6.85196113,20.6069774 L7.62630692,16.0824941 C7.6594628,15.8979103 7.5996286,15.7088342 7.46631812,15.5769295 L4.17054885,12.3739538 C4.01657399,12.222779 3.96125182,11.9975718 4.027656,11.7922609 C4.09406017,11.58695 4.2707867,11.4367948 4.48412689,11.4044216 L9.0278088,10.7452678 C9.21370906,10.717871 9.3741336,10.6005456 9.45657878,10.4316897 L11.4884365,6.3199776 Z"
+                fill="#C31629"
+                fill-rule="nonzero"
+                id="Path"
+              />
+              <path
+                d="M0,4.00006438 C0,1.79088983 1.79088983,0 4.00006438,0 L20.0003219,0 C22.2094965,0 24.0003863,1.79088983 24.0003863,4.00006438 L24.0003863,31.000499 C24.0003863,31.3690566 23.7972987,31.707635 23.4723789,31.8815946 C23.1474592,32.0555542 22.7531917,32.0366934 22.4463613,31.8325124 L12.0001931,26.2024217 L1.55402501,31.8325124 C1.24719462,32.0366934 0.852927098,32.0555542 0.528007369,31.8815946 C0.203087639,31.707635 0,31.3690566 0,31.000499 L0,4.00006438 Z M4.00006438,2.00003219 C2.8954771,2.00003219 2.00003219,2.8954771 2.00003219,4.00006438 L2.00003219,29.1324689 L11.4461842,24.168389 C11.7817677,23.9450743 12.2186186,23.9450743 12.5542021,24.168389 L22.0003541,29.1324689 L22.0003541,4.00006438 C22.0003541,2.8954771 21.1049092,2.00003219 20.0003219,2.00003219 L4.00006438,2.00003219 Z"
+                fill="#C31629"
+                fill-rule="nonzero"
+                id="Shape"
+              />
+            </g>
+          </g>
+        </g>
       </svg>
     </i>
   </div>

package/tests/unit/src/components/ItemList/__snapshots__/ItemListCounter.test.js.snap

@@ -9,18 +9,44 @@ exports[`ItemListCounter component should display listItem count and route to ur
     type="button"
   >
     <svg
-      fill="currentColor"
-      height="1em"
-      stroke="currentColor"
-      stroke-width="0"
-      viewBox="0 0 16 16"
-      width="1em"
+      height="33px"
+      version="1.1"
+      viewBox="0 0 24 33"
+      width="24px"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <path
-        d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zM8.16 4.1a.178.178 0 0 0-.32 0l-.634 1.285a.178.178 0 0 1-.134.098l-1.42.206a.178.178 0 0 0-.098.303L6.58 6.993c.042.041.061.1.051.158L6.39 8.565a.178.178 0 0 0 .258.187l1.27-.668a.178.178 0 0 1 .165 0l1.27.668a.178.178 0 0 0 .257-.187L9.368 7.15a.178.178 0 0 1 .05-.158l1.028-1.001a.178.178 0 0 0-.098-.303l-1.42-.206a.178.178 0 0 1-.134-.098L8.16 4.1z"
+      <title>
+        wishlist-button/added
+      </title>
+      <g
+        fill="none"
         fill-rule="evenodd"
-      />
+        id="Wishlist"
+        stroke="none"
+        stroke-width="1"
+      >
+        <g
+          id="components"
+          transform="translate(-417, -433)"
+        >
+          <g
+            id="Group"
+            transform="translate(417, 433.0588)"
+          >
+            <path
+              d="M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z"
+              fill="#C31629"
+              fill-rule="nonzero"
+              id="Shape"
+            />
+            <path
+              d="M19.5735342,9.48562495 C20.1421553,8.91700384 20.1421553,7.99508691 19.5735342,7.42646583 C19.0049131,6.85784474 18.0829962,6.85784472 17.514375,7.42646579 L9.81870394,15.1250453 L6.48565817,11.7890911 C6.11782481,11.4212578 5.58169601,11.2776025 5.0792263,11.4122388 C4.57675658,11.5468752 4.18428306,11.9393487 4.04964671,12.4418184 C3.91501035,12.9442881 4.05866564,13.4804169 4.42649901,13.8482503 L8.78912435,18.2108756 C9.06194626,18.4843881 9.43238689,18.638104 9.81870394,18.638104 C10.205021,18.638104 10.5754616,18.4843881 10.8482835,18.2108756 L19.5735342,9.48562495 Z"
+              fill="#FFFFFF"
+              id="Path"
+            />
+          </g>
+        </g>
+      </g>
     </svg>
     <span
       class="item-list-counter__badge"

package/tests/unit/src/helpers/build-props-query.test.js

@@ -3,7 +3,7 @@
  */
 import buildPropsQuery from '../../../../src/helpers/build-props-query';
 
-const CONTENT_INTERFACE = 'content/content';
+const CONTENT_INTERFACE = 'content/content-base';
 
 describe('get card render props', () => {
   const relations = [
@@ -60,7 +60,7 @@ describe('get card render props', () => {
     };
     const query = buildPropsQuery(_data, [], cardProps);
     expect(query).toEqual(
-      'id,name,url,sponsored,featured,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}},image{id,url,data}'
+      'id,name,url,sponsored,featured,live,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}},image{id,url,data}'
     );
   });
 
@@ -70,7 +70,7 @@ describe('get card render props', () => {
       displayThumbnail: false
     });
     expect(query).toEqual(
-      'id,name,alternativePreHeader{name},alternativeHeadline,url,sponsored,featured'
+      'id,name,alternativePreHeader{name},alternativeHeadline,url,sponsored,featured,live'
     );
   });
 
@@ -92,18 +92,20 @@ describe('get card render props', () => {
       displayThumbnail: false
     });
     expect(query).toEqual(
-      'id,name,alternativePreHeader{name},alternativeHeadline,url,sponsored,featured,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}}'
+      'id,name,alternativePreHeader{name},alternativeHeadline,url,sponsored,featured,live,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}}'
     );
   });
 
   it('should not include category if the schema does not have a category', () => {
     const query = buildPropsQuery(data, [], cardProps);
-    expect(query).toEqual('id,name,url,sponsored,featured,image{id,url,data}');
+    expect(query).toEqual('id,name,url,sponsored,featured,live,image{id,url,data}');
   });
 
   it('should return complex props when base includes published', () => {
     const query = buildPropsQuery(data, ['published.date'], cardProps);
-    expect(query).toEqual('id,name,url,sponsored,featured,image{id,url,data},published{date,url}');
+    expect(query).toEqual(
+      'id,name,url,sponsored,featured,live,image{id,url,data},published{date,url}'
+    );
   });
 
   it('should return result as if isCard was false when isCard is not passed', () => {
@@ -113,7 +115,7 @@ describe('get card render props', () => {
 
   it('should return result as if isCard was false when extraProps were not passed', () => {
     const query = buildPropsQuery(data, undefined, cardProps);
-    expect(query).toEqual('id,name,url,sponsored,featured,image{id,url,data}');
+    expect(query).toEqual('id,name,url,sponsored,featured,live,image{id,url,data}');
   });
 
   it('should return a string with respective props query when isCard is passed as true', () => {
@@ -136,7 +138,7 @@ describe('get card render props', () => {
 
   it('should not include category and image props if card options says not to', () => {
     const query = buildPropsQuery(data, [], { displayCategory: false, displayThumbnail: false });
-    expect(query).toEqual('id,name,url,sponsored,featured');
+    expect(query).toEqual('id,name,url,sponsored,featured,live');
   });
 
   it('should not fetch image if the schema does not have imageId property', () => {
@@ -153,7 +155,7 @@ describe('get card render props', () => {
     };
     const query = buildPropsQuery(_data, [], cardProps);
     expect(query).toEqual(
-      'id,name,url,sponsored,featured,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}}'
+      'id,name,url,sponsored,featured,live,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}}'
     );
   });
 
@@ -179,7 +181,7 @@ describe('get card render props', () => {
     };
     const query = buildPropsQuery(_data, ['address.country'], cardProps);
     expect(query).toEqual(
-      'id,name,url,sponsored,featured,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}},address{country,id}'
+      'id,name,url,sponsored,featured,live,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}},address{country,id}'
     );
   });
 
@@ -204,7 +206,7 @@ describe('get card render props', () => {
     const linkProps = ['nestedProperty.title', 'nestedDynamicProperty.title', 'address.title'];
     const query = buildPropsQuery(_data, linkProps, {}, linkProps);
     expect(query).toEqual(
-      'id,name,url,sponsored,featured,nestedProperty{title,url},nestedDynamicProperty{title,url},address{title,id,url}'
+      'id,name,url,sponsored,featured,live,nestedProperty{title,url},nestedDynamicProperty{title,url},address{title,id,url}'
     );
   });
 });