@mjhls/mjh-framework 1.0.393 → 1.0.394

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.393
+# mjh-framework v. 1.0.394
 
 
 > Foundation Framework

package/dist/cjs/index.js

@@ -14234,6 +14234,54 @@ var NativeAd = function NativeAd(props) {
   );
 };
 
+var urlFor$4 = function urlFor(source, client) {
+  var builder = index.imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var MultiFigure = function MultiFigure(props) {
+  var images = props.node.images,
+      client = props.client;
+
+
+  if (images && images.length > 0) {
+    return React__default.createElement(
+      'div',
+      { className: 'multi-figure-container' },
+      React__default.createElement(
+        reactBootstrap.Row,
+        { noGutters: true },
+        images.map(function (image, index) {
+          return React__default.createElement(
+            reactBootstrap.Col,
+            { xs: 12, md: 12 / images.length, key: index },
+            React__default.createElement(
+              'a',
+              _extends$2._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'text' } }),
+              React__default.createElement(
+                'div',
+                null,
+                React__default.createElement('img', { className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt }),
+                image.caption && React__default.createElement(
+                  'p',
+                  { className: 'multi-figure-caption' },
+                  image.caption
+                )
+              )
+            )
+          );
+        })
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .multi-figure-container {\n            margin-bottom: 8px;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            max-height: 180px;\n            min-height: 150px;\n            object-fit: cover;\n          }\n          .multi-figure-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n\n          @media only screen and (min-width: 768px) {\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 10px;\n            }\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
 var Figure = dynamic(function () {
   return Promise.resolve().then(function () { return require('./Figure-c49ee0f8.js'); });
 }, { ssr: false });
@@ -14300,70 +14348,75 @@ var getSerializers = function getSerializers() {
 
         return React__default.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag });
       },
-      slideshow: function slideshow(_ref4) {
+      multifigure: function multifigure(_ref4) {
         var node = _ref4.node;
+
+        return React__default.createElement(MultiFigure, { node: node, client: client });
+      },
+      slideshow: function slideshow(_ref5) {
+        var node = _ref5.node;
         var slides = node.slides;
 
         return React__default.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
       },
-      sidebar: function sidebar(_ref5) {
-        var node = _ref5.node;
+      sidebar: function sidebar(_ref6) {
+        var node = _ref6.node;
         var caption = node.caption,
             content = node.content;
 
         return React__default.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
       },
-      datatable: function datatable(_ref6) {
-        var node = _ref6.node;
+      datatable: function datatable(_ref7) {
+        var node = _ref7.node;
         var table = node.table;
 
         return React__default.createElement(TableShow, { rows: table.rows });
       },
-      media: function media(_ref7) {
-        var node = _ref7.node;
+      media: function media(_ref8) {
+        var node = _ref8.node;
 
         return React__default.createElement(Media, { node: node, client: client });
       },
-      iframe: function iframe(_ref8) {
-        var node = _ref8.node;
+      iframe: function iframe(_ref9) {
+        var node = _ref9.node;
 
         return React__default.createElement(IFrame, { url: node.url });
       },
-      video: function video(_ref9) {
-        var node = _ref9.node;
+      video: function video(_ref10) {
+        var node = _ref10.node;
 
         return React__default.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {} });
       },
-      audio: function audio(_ref10) {
-        var node = _ref10.node;
+      audio: function audio(_ref11) {
+        var node = _ref11.node;
 
         return React__default.createElement(Audio, { node: node });
       },
-      poll: function poll(_ref11) {
-        var node = _ref11.node;
+      poll: function poll(_ref12) {
+        var node = _ref12.node;
 
         return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, onVote: onVote, showVotes: showVotes, getSerializers: getSerializers(props) });
       },
-      quiz: function quiz(_ref12) {
-        var node = _ref12.node;
+      quiz: function quiz(_ref13) {
+        var node = _ref13.node;
         var quizzes = node.quizzes;
 
         return React__default.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
       },
-      leads: function leads(_ref13) {
-        var node = _ref13.node;
+      leads: function leads(_ref14) {
+        var node = _ref14.node;
         var leadID = node.leadID;
 
         var url = '' + drupalLeadSettings.baseUrl + leadID;
         return React__default.createElement(Leads, { url: url });
       },
-      slideshows: function slideshows(_ref14) {
-        var node = _ref14.node;
+      slideshows: function slideshows(_ref15) {
+        var node = _ref15.node;
 
         return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
-      nativeAd: function nativeAd(_ref15) {
-        var node = _ref15.node;
+      nativeAd: function nativeAd(_ref16) {
+        var node = _ref16.node;
 
         return React__default.createElement(NativeAd, { node: node });
       }
@@ -14396,32 +14449,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref16) {
-        var children = _ref16.children;
+      alignleft: function alignleft(_ref17) {
+        var children = _ref17.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref17) {
-        var children = _ref17.children;
+      alignright: function alignright(_ref18) {
+        var children = _ref18.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref18) {
-        var children = _ref18.children;
+      aligncenter: function aligncenter(_ref19) {
+        var children = _ref19.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref19) {
-        var children = _ref19.children;
+      alignjustify: function alignjustify(_ref20) {
+        var children = _ref20.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },
@@ -14628,13 +14681,13 @@ var SetCookie = function SetCookie(key, value) {
   js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
 };
 
-var urlFor$4 = function urlFor(source, client) {
+var urlFor$5 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
 var renderCardImage$1 = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
-  var url = urlFor$4(thumbnail, client);
+  var url = urlFor$5(thumbnail, client);
   if (imageHeight) url = url.height(imageHeight);
   if (imageWidth) url = url.width(imageWidth);
   return url.url();

package/dist/esm/index.js

@@ -14231,6 +14231,54 @@ var NativeAd = function NativeAd(props) {
   );
 };
 
+var urlFor$4 = function urlFor(source, client) {
+  var builder = imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var MultiFigure = function MultiFigure(props) {
+  var images = props.node.images,
+      client = props.client;
+
+
+  if (images && images.length > 0) {
+    return React__default.createElement(
+      'div',
+      { className: 'multi-figure-container' },
+      React__default.createElement(
+        Row$1,
+        { noGutters: true },
+        images.map(function (image, index) {
+          return React__default.createElement(
+            Col$1,
+            { xs: 12, md: 12 / images.length, key: index },
+            React__default.createElement(
+              'a',
+              _extends$2({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'text' } }),
+              React__default.createElement(
+                'div',
+                null,
+                React__default.createElement('img', { className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt }),
+                image.caption && React__default.createElement(
+                  'p',
+                  { className: 'multi-figure-caption' },
+                  image.caption
+                )
+              )
+            )
+          );
+        })
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .multi-figure-container {\n            margin-bottom: 8px;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            max-height: 180px;\n            min-height: 150px;\n            object-fit: cover;\n          }\n          .multi-figure-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n\n          @media only screen and (min-width: 768px) {\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 10px;\n            }\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
 var Figure = dynamic(function () {
   return import('./Figure-7ba30e53.js');
 }, { ssr: false });
@@ -14297,70 +14345,75 @@ var getSerializers = function getSerializers() {
 
         return React__default.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag });
       },
-      slideshow: function slideshow(_ref4) {
+      multifigure: function multifigure(_ref4) {
         var node = _ref4.node;
+
+        return React__default.createElement(MultiFigure, { node: node, client: client });
+      },
+      slideshow: function slideshow(_ref5) {
+        var node = _ref5.node;
         var slides = node.slides;
 
         return React__default.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
       },
-      sidebar: function sidebar(_ref5) {
-        var node = _ref5.node;
+      sidebar: function sidebar(_ref6) {
+        var node = _ref6.node;
         var caption = node.caption,
             content = node.content;
 
         return React__default.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
       },
-      datatable: function datatable(_ref6) {
-        var node = _ref6.node;
+      datatable: function datatable(_ref7) {
+        var node = _ref7.node;
         var table = node.table;
 
         return React__default.createElement(TableShow, { rows: table.rows });
       },
-      media: function media(_ref7) {
-        var node = _ref7.node;
+      media: function media(_ref8) {
+        var node = _ref8.node;
 
         return React__default.createElement(Media, { node: node, client: client });
       },
-      iframe: function iframe(_ref8) {
-        var node = _ref8.node;
+      iframe: function iframe(_ref9) {
+        var node = _ref9.node;
 
         return React__default.createElement(IFrame, { url: node.url });
       },
-      video: function video(_ref9) {
-        var node = _ref9.node;
+      video: function video(_ref10) {
+        var node = _ref10.node;
 
         return React__default.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {} });
       },
-      audio: function audio(_ref10) {
-        var node = _ref10.node;
+      audio: function audio(_ref11) {
+        var node = _ref11.node;
 
         return React__default.createElement(Audio, { node: node });
       },
-      poll: function poll(_ref11) {
-        var node = _ref11.node;
+      poll: function poll(_ref12) {
+        var node = _ref12.node;
 
         return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, onVote: onVote, showVotes: showVotes, getSerializers: getSerializers(props) });
       },
-      quiz: function quiz(_ref12) {
-        var node = _ref12.node;
+      quiz: function quiz(_ref13) {
+        var node = _ref13.node;
         var quizzes = node.quizzes;
 
         return React__default.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
       },
-      leads: function leads(_ref13) {
-        var node = _ref13.node;
+      leads: function leads(_ref14) {
+        var node = _ref14.node;
         var leadID = node.leadID;
 
         var url = '' + drupalLeadSettings.baseUrl + leadID;
         return React__default.createElement(Leads, { url: url });
       },
-      slideshows: function slideshows(_ref14) {
-        var node = _ref14.node;
+      slideshows: function slideshows(_ref15) {
+        var node = _ref15.node;
 
         return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
-      nativeAd: function nativeAd(_ref15) {
-        var node = _ref15.node;
+      nativeAd: function nativeAd(_ref16) {
+        var node = _ref16.node;
 
         return React__default.createElement(NativeAd, { node: node });
       }
@@ -14393,32 +14446,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref16) {
-        var children = _ref16.children;
+      alignleft: function alignleft(_ref17) {
+        var children = _ref17.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref17) {
-        var children = _ref17.children;
+      alignright: function alignright(_ref18) {
+        var children = _ref18.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref18) {
-        var children = _ref18.children;
+      aligncenter: function aligncenter(_ref19) {
+        var children = _ref19.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref19) {
-        var children = _ref19.children;
+      alignjustify: function alignjustify(_ref20) {
+        var children = _ref20.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },
@@ -14625,13 +14678,13 @@ var SetCookie = function SetCookie(key, value) {
   js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
 };
 
-var urlFor$4 = function urlFor(source, client) {
+var urlFor$5 = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
 var renderCardImage$1 = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
-  var url = urlFor$4(thumbnail, client);
+  var url = urlFor$5(thumbnail, client);
   if (imageHeight) url = url.height(imageHeight);
   if (imageWidth) url = url.width(imageWidth);
   return url.url();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.393",
+  "version": "1.0.394",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",