@mjhls/mjh-framework 1.0.61 → 1.0.63

package/dist/index.js

@@ -3979,6 +3979,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,
@@ -3995,7 +3996,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,
@@ -4007,7 +4008,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,
@@ -7393,21 +7394,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(
       reactBootstrap.Figure,
-      null,
+      { style: { width: imgWidth } },
       React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(asset).url() }),
       caption && React__default.createElement(
         reactBootstrap.Figure.Caption,
@@ -11115,9 +11121,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;