Merge pull request #43 from ASUWebPlatforms/WS2-1237

WS2-1237: Sending showBorders prop to React Card componenets.

.gitignore

@@ -18,5 +18,24 @@ node_modules/@asu-design-system/components-core/*
 node_modules/@asu-design-system/components-core/dist/*
 !node_modules/@asu-design-system/components-core/dist/libCore.min.js
 !node_modules/@asu-design-system/components-core/dist/libCore.umd.js
+
+!node_modules/@asu
+node_modules/@asu/*
+!node_modules/@asu/component-carousel
+node_modules/@asu/component-carousel/*
+!node_modules/@asu/component-carousel/dist
+node_modules/@asu/component-carousel/dist/*
+!node_modules/@asu/component-carousel/dist/carousel.production.js
+!node_modules/@asu/component-carousel/dist/core.production.js
+!node_modules/@asu/component-carousel/dist/vendor.production.js
+!node_modules/@asu/component-carousel/dist/asuCarousel.umd.js
+!node_modules/@asu/component-carousel/dist/vendor.umd.js
+!node_modules/@asu/components-core
+node_modules/@asu/components-core/*
+!node_modules/@asu/components-core/dist
+node_modules/@asu/components-core/dist/*
+!node_modules/@asu/components-core/dist/libCore.min.js
+!node_modules/@asu/components-core/dist/libCore.umd.js
+
 .idea/
 .DS_Store

asu_react_core.libraries.yml

@@ -6,14 +6,14 @@ react-core:
     - core/drupalSettings
     - asu_react_integration/reactjs
   js:
-    node_modules/@asu-design-system/components-core/dist/libCore.umd.js: {}
+    node_modules/@asu/components-core/dist/libCore.umd.js: {}
 react-carousel:
   version: 0.0.1
   dependencies:
     - asu_react_core/react-core
   js:
-    node_modules/@asu-design-system/component-carousel/dist/vendor.umd.js: { }
-    node_modules/@asu-design-system/component-carousel/dist/asuCarousel.umd.js: {}
+    node_modules/@asu/component-carousel/dist/vendor.umd.js: { }
+    node_modules/@asu/component-carousel/dist/asuCarousel.umd.js: {}
 testimonial-carousel:
   version: 0.0.1
   dependencies:
@@ -61,4 +61,4 @@ testimonial-on-image-background:
   dependencies:
     - asu_react_core/react-core
   js:
-    js/testimonial-on-image-background.js: { }
+    js/testimonial-on-image-background.js: { }

js/component-card-arrangement.js

@@ -31,6 +31,7 @@
               linkLabel: card.linkLabel,
               linkUrl: card.linkUrl,
               tags: card.tags,
+              showBorders: card.showBorders,
             },
           });
 	      });

js/component-card.js

@@ -30,6 +30,7 @@
             linkLabel: card.linkLabel,
             linkUrl: card.linkUrl,
             tags: card.tags,
+            showBorders: card.showBorders,
           },
         });
 

package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "@asu-design-system/component-carousel": "1.16.0",
-    "@asu-design-system/components-core": "1.26.8"
+    "@asu/component-carousel": "1.2.0",
+    "@asu/components-core": "1.4.0"
   }
 }

src/Utils/ReactComponentHelperFunctions.php

@@ -137,6 +137,11 @@ public function getCardContent($paragraph) {
       $card->clickHref = $link->toString();
     }
 
+    $card->showBorders = false;
+    if ($paragraph->field_show_borders && $paragraph->field_show_borders->value) {
+      $card->showBorders = true;
+    }
+
     $settings = [];
     $settings['components']['card'][$id] = $card;