@mjhls/mjh-framework 1.0.62 → 1.0.63

package/dist/index.js

@@ -7394,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,
@@ -11116,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;