@mjhls/mjh-framework 1.0.61 → 1.0.63

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.61
+# mjh-framework v. 1.0.62
 
 > Foundation Framework
 

package/dist/index.es.js

@@ -3972,6 +3972,7 @@ var DeckContent = function (_React$Component) {
           }
 
           var pageNumber = row.pageNumber || _this.state.page;
+          var contentCategoryName = row.contentCategory ? row.contentCategory.name : 'Articles';
 
           return React__default.createElement(
             VisibilitySensor,
@@ -3988,7 +3989,7 @@ var DeckContent = function (_React$Component) {
                 { className: 'content-card', style: { flexDirection: mode } },
                 React__default.createElement(
                   Link,
-                  { href: _this.mapping[row.contentCategory.name] + '/[url]', as: _this.mapping[row.contentCategory.name] + '/' + row.url.current },
+                  { href: _this.mapping[contentCategoryName] + '/[url]', as: _this.mapping[contentCategoryName] + '/' + row.url.current },
                   React__default.createElement(
                     'a',
                     null,
@@ -4000,7 +4001,7 @@ var DeckContent = function (_React$Component) {
                   null,
                   React__default.createElement(
                     Link,
-                    { href: _this.mapping[row.contentCategory.name] + '/[url]', as: _this.mapping[row.contentCategory.name] + '/' + row.url.current },
+                    { href: _this.mapping[contentCategoryName] + '/[url]', as: _this.mapping[contentCategoryName] + '/' + row.url.current },
                     React__default.createElement(
                       'a',
                       null,
@@ -7386,21 +7387,26 @@ var AD300x250x600 = function AD300x250x600(_ref) {
 
 var FigureComponent = function FigureComponent(_ref) {
   var caption = _ref.caption,
+      _ref$widthP = _ref.widthP,
+      widthP = _ref$widthP === undefined ? '100' : _ref$widthP,
+      _ref$alignment = _ref.alignment,
+      alignment = _ref$alignment === undefined ? 'center' : _ref$alignment,
       asset = _ref.asset,
       client = _ref.client;
 
+
   var builder = imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
     return builder.image(source);
   };
-
+  var imgWidth = widthP + '%';
   return React__default.createElement(
     'div',
-    { style: { textAlign: 'center', marginTop: '1em', marginBottom: '1em' } },
+    { style: { textAlign: alignment, marginTop: '1em', marginBottom: '1em' } },
     React__default.createElement(
       Figure,
-      null,
+      { style: { width: imgWidth } },
       React__default.createElement(Figure.Image, { src: urlFor(asset).url() }),
       caption && React__default.createElement(
         Figure.Caption,
@@ -11108,9 +11114,11 @@ var getSerializers$1 = function getSerializers(client) {
       figure: function figure(_ref2) {
         var node = _ref2.node;
         var asset = node.asset,
-            caption = node.caption;
+            caption = node.caption,
+            widthP = node.widthP,
+            alignment = node.alignment;
 
-        return React__default.createElement(FigureComponent, { caption: caption, asset: asset, client: client });
+        return React__default.createElement(FigureComponent, { caption: caption, asset: asset, client: client, widthP: widthP, alignment: alignment });
       },
       slideshow: function slideshow(_ref3) {
         var node = _ref3.node;