@mjhls/mjh-framework 1.0.392 → 1.0.394

package/README.md

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

package/dist/cjs/{AuthorComponent-37deda17.js → AuthorComponent-4706f297.js}

@@ -31,7 +31,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
             { href: '/authors/' + url.current, className: 'text-muted' },
             displayName
           ),
-          length !== index + 1 && ' , '
+          length !== index + 1 && ', '
         );
       } else if (displayName) {
         return React__default.createElement(
@@ -46,11 +46,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
             'span',
             { className: 'text-muted' },
             displayName,
-            length !== index + 1 && React__default.createElement(
-              'span',
-              { className: 'author-seperator' },
-              ','
-            )
+            length !== index + 1 && ', '
           )
         );
       }
@@ -91,7 +87,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
     React__default.createElement(
       'style',
       { jsx: true },
-      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n          .author-seperator {\n            padding-left: 2px;\n            padding-right: 2px;\n          }\n        '
+      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '
     )
   );
 };

package/dist/cjs/{GridContent-1871749e.js → GridContent-dd1844d5.js}

@@ -22,7 +22,7 @@ var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var ADInfeed = require('./ADInfeed-f544f2a5.js');
 var get$1 = require('./get-5aa7468c.js');
-var AuthorComponent = require('./AuthorComponent-37deda17.js');
+var AuthorComponent = require('./AuthorComponent-4706f297.js');
 
 var Dfp = React__default.lazy(function () {
   return Promise.resolve().then(function () { return require('./Dfp-27b922b0.js'); });

package/dist/cjs/GridContent.js

@@ -29,8 +29,8 @@ require('./AdSlot-1e40a214.js');
 require('./promise-d5136080.js');
 require('./ADInfeed-f544f2a5.js');
 require('./get-5aa7468c.js');
-var GridContent = require('./GridContent-1871749e.js');
-require('./AuthorComponent-37deda17.js');
+var GridContent = require('./GridContent-dd1844d5.js');
+require('./AuthorComponent-4706f297.js');
 
 
 

package/dist/cjs/IssueContentDeck.js

@@ -16,7 +16,7 @@ require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 require('./slicedToArray-419d467a.js');
-var AuthorComponent = require('./AuthorComponent-37deda17.js');
+var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var Badge = _interopDefault(require('react-bootstrap/Badge'));
 
 var urlFor = function urlFor(source, client) {

package/dist/cjs/QueueDeckExpanded.js

@@ -27,7 +27,7 @@ var slicedToArray = require('./slicedToArray-419d467a.js');
 require('./AdSlot-1e40a214.js');
 require('./promise-d5136080.js');
 var ADInfeed = require('./ADInfeed-f544f2a5.js');
-var AuthorComponent = require('./AuthorComponent-37deda17.js');
+var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {

package/dist/cjs/index.js

@@ -36,8 +36,8 @@ var promise = require('./promise-d5136080.js');
 var ADInfeed = require('./ADInfeed-f544f2a5.js');
 var DeckContent = require('./DeckContent.js');
 var get$1 = require('./get-5aa7468c.js');
-var GridContent = require('./GridContent-1871749e.js');
-var AuthorComponent = require('./AuthorComponent-37deda17.js');
+var GridContent = require('./GridContent-dd1844d5.js');
+var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.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();
@@ -17401,14 +17454,14 @@ var renderAuthor$1 = function renderAuthor(authorName, authorURL, index, length)
         { href: '/' + defaultUrl + '/' + authorURL.current, key: index },
         authorName
       ),
-      length !== index + 1 && ' , '
+      length !== index + 1 && ', '
     );
   } else if (authorName) {
     return React__default.createElement(
       'span',
       { key: index },
       authorName,
-      length !== index + 1 && ' , '
+      length !== index + 1 && ', '
     );
   }
 };

package/dist/esm/{AuthorComponent-beb2ad16.js → AuthorComponent-c9e46673.js}

@@ -26,7 +26,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
             { href: '/authors/' + url.current, className: 'text-muted' },
             displayName
           ),
-          length !== index + 1 && ' , '
+          length !== index + 1 && ', '
         );
       } else if (displayName) {
         return React__default.createElement(
@@ -41,11 +41,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
             'span',
             { className: 'text-muted' },
             displayName,
-            length !== index + 1 && React__default.createElement(
-              'span',
-              { className: 'author-seperator' },
-              ','
-            )
+            length !== index + 1 && ', '
           )
         );
       }
@@ -86,7 +82,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
     React__default.createElement(
       'style',
       { jsx: true },
-      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n          .author-seperator {\n            padding-left: 2px;\n            padding-right: 2px;\n          }\n        '
+      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '
     )
   );
 };

package/dist/esm/{GridContent-3229be76.js → GridContent-4a5cef9e.js}

@@ -16,7 +16,7 @@ import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { A as ADInfeed } from './ADInfeed-88c335d9.js';
 import { g as get_1 } from './get-53653403.js';
-import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
+import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 
 var Dfp = React__default.lazy(function () {
   return import('./Dfp-3b3273ee.js');

package/dist/esm/GridContent.js

@@ -27,5 +27,5 @@ import './AdSlot-971ce41c.js';
 import './promise-5d7cd78a.js';
 import './ADInfeed-88c335d9.js';
 import './get-53653403.js';
-export { G as default } from './GridContent-3229be76.js';
-import './AuthorComponent-beb2ad16.js';
+export { G as default } from './GridContent-4a5cef9e.js';
+import './AuthorComponent-c9e46673.js';

package/dist/esm/IssueContentDeck.js

@@ -11,7 +11,7 @@ import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import './slicedToArray-04e02710.js';
-import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
+import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 import Badge from 'react-bootstrap/Badge';
 
 var urlFor = function urlFor(source, client) {

package/dist/esm/QueueDeckExpanded.js

@@ -21,7 +21,7 @@ import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import './AdSlot-971ce41c.js';
 import './promise-5d7cd78a.js';
 import { A as ADInfeed } from './ADInfeed-88c335d9.js';
-import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
+import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {

package/dist/esm/index.js

@@ -29,8 +29,8 @@ import { _ as _anInstance, a as _forOf, b as _redefineAll, c as _setSpecies } fr
 import { A as ADInfeed } from './ADInfeed-88c335d9.js';
 export { default as DeckContent } from './DeckContent.js';
 import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-53653403.js';
-export { A as AD, G as GridContent } from './GridContent-3229be76.js';
-import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
+export { A as AD, G as GridContent } from './GridContent-4a5cef9e.js';
+import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.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();
@@ -17398,14 +17451,14 @@ var renderAuthor$1 = function renderAuthor(authorName, authorURL, index, length)
         { href: '/' + defaultUrl + '/' + authorURL.current, key: index },
         authorName
       ),
-      length !== index + 1 && ' , '
+      length !== index + 1 && ', '
     );
   } else if (authorName) {
     return React__default.createElement(
       'span',
       { key: index },
       authorName,
-      length !== index + 1 && ' , '
+      length !== index + 1 && ', '
     );
   }
 };

package/package.json

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