atlas-homepage-cards - npm Package Compare versions

Comparing version 1.0.0-beta to 1.0.0-rc1

lib/cards/ExtendableCard.js

@@ -110,3 +110,3 @@ "use strict";
         onClick: this.onClick
-      }, this.state.isHidden ? "Show all" : "Show less"));
+      }, this.state.isHidden ? "Show all" : "Show fewer"));
     }
@@ -113,0 +113,0 @@ }]);

lib/cards/SpeciesCard.js

@@ -32,3 +32,3 @@ "use strict";
     style: {
-      fontSize: "600%",
+      fontSize: "6rem",
       borderBottom: 0
@@ -41,3 +41,3 @@ },
     style: {
-      fontSize: "600%"
+      fontSize: "6rem"
     }
@@ -44,0 +44,0 @@ }, _react.default.createElement(_reactEbiSpecies.default, {

lib/containers/HcaLandingPageContainer.js

@@ -14,4 +14,2 @@ "use strict";
 
-var _FetchLoader = _interopRequireDefault(require("./FetchLoader"));
-
 var _cardPropTypes = _interopRequireDefault(require("../cards/cardPropTypes"));
@@ -35,20 +33,53 @@
 
+var partitionArray = function partitionArray(arr, lengthOfPartition) {
+  var result = [];
+  var thisPartitionElements = [];
+
+  for (var i = 0; i < arr.length; i++) {
+    if (lengthOfPartition - thisPartitionElements.length === 0) {
+      result.push(thisPartitionElements);
+      thisPartitionElements = [];
+    }
+
+    thisPartitionElements.push(arr[i]);
+  } // If there is an incomplete row left...
+
+
+  if (thisPartitionElements.length !== 0) {
+    result.push(thisPartitionElements);
+  }
+
+  return result;
+};
+
 var CardContainer = _styledComponents.default.div(_templateObject());
 
-var HcaCardContainer = function HcaCardContainer(_ref) {
+var HcaLandingPageCardContainer = function HcaLandingPageCardContainer(_ref) {
   var cards = _ref.cards;
+  var columnsPerRow = 12; // A Foundation thing
+
+  var columnsPerCard = 4; // Our thing, 4 cards per row
+
+  var cardsSplitByRow = partitionArray(cards, columnsPerRow / columnsPerCard);
   return _react.default.createElement("div", {
     className: "row"
-  }, Array.isArray(cards) && cards.map(function (card, index) {
-    return _react.default.createElement(CardContainer, {
-      className: "small-3 small-centered",
-      key: index
-    }, _react.default.createElement(_ExtendableCard.default, card));
+  }, cardsSplitByRow.map(function (rowCards, rowIndex) {
+    return _react.default.createElement("div", {
+      className: "columns small-".concat(rowCards.length * columnsPerCard, " small-centered"),
+      key: rowIndex
+    }, _react.default.createElement("div", {
+      className: "row"
+    }, rowCards.map(function (card, index) {
+      return _react.default.createElement(CardContainer, {
+        className: "small-".concat(columnsPerRow / rowCards.length, " columns"),
+        key: "".concat(rowIndex, "-").concat(index)
+      }, _react.default.createElement(_ExtendableCard.default, card));
+    })));
   }));
 };
 
-HcaCardContainer.propTypes = {
+HcaLandingPageCardContainer.propTypes = {
   cards: _propTypes.default.arrayOf(_propTypes.default.shape(_cardPropTypes.default)).isRequired
 };
-var _default = HcaCardContainer;
+var _default = HcaLandingPageCardContainer;
 exports.default = _default;

lib/containers/SceaHomepageSpeciesContainer.js

@@ -14,4 +14,2 @@ "use strict";
 
-var _FetchLoader = _interopRequireDefault(require("./FetchLoader"));
-
 var _cardPropTypes = _interopRequireDefault(require("../cards/cardPropTypes"));
@@ -18,0 +16,0 @@

package.json

 {
   "name": "atlas-homepage-cards",
-  "version": "1.0.0-beta",
+  "version": "1.0.0-rc1",
   "description": "A package that renders grids of cards.",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

27385

3.63%

Lines of code

464

5.22%

Number of medium supply chain risk alerts

1

-50%

No dependency changes