@mjhls/mjh-framework 1.0.559 → 1.0.561

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.559
+# mjh-framework v. 1.0.561
 
 > Foundation Framework 
 

package/dist/cjs/ArticleQueue.js

@@ -20,6 +20,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var index = require('./index-f7ee1612.js');
 require('prop-types');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
 var moment = require('./moment-66a6a284.js');
 require('next/router');
 var isSymbol = require('./isSymbol-488934a7.js');
@@ -1123,7 +1125,7 @@ var Article = function Article(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 2px solid var(--franchise-primary, #484848);\n          width: fit-content;\n          padding: 5px;\n          color: var(--franchise-primary, #484848);\n          border-radius: 2px;\n        }\n      '
+      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 2px solid #484848;\n          width: fit-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

package/dist/cjs/ExternalResources.js

@@ -17,6 +17,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-f7ee1612.js');
 require('prop-types');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
 require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);

package/dist/cjs/IssueContentDeck.js

@@ -246,7 +246,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid var(--franchise-primary, #484848);\n            display: inline;\n            width: max-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n        '
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid #484848;\n            display: inline;\n            width: max-content;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/cjs/PartnerDetailListing.js

@@ -18,6 +18,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-f7ee1612.js');
 require('prop-types');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
 require('react-bootstrap/Card');
 var moment = require('./moment-66a6a284.js');
 require('next/router');

package/dist/cjs/PublicationLanding.js

@@ -555,7 +555,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid var(--franchise-primary, #484848);\n          display: inline;\n          width: max-content;\n          padding: 5px;\n          color: var(--franchise-primary, #484848);\n          border-radius: 2px;\n        }\n      '
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid #484848;\n          display: inline;\n          width: max-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

package/dist/cjs/QueueDeckExpanded.js

@@ -1090,7 +1090,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            display: inline;\n            width: max-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: 100%;\n            max-width: 240px;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
     )
   );
 };

package/dist/cjs/View.js

@@ -20,6 +20,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var index = require('./index-f7ee1612.js');
 require('prop-types');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
 var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);

package/dist/cjs/getQuery.js

@@ -14,7 +14,7 @@ var getQuery = function getQuery(type) {
     case 'related':
       return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && published <= now()\n                && passwordLock!=true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                ' + conditions + '\n              ]| order(published desc)[$index]{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                  body[] {\n                    ...,\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds\n                  },\n                    documentGroup-> {\n                      name,\n                      thumbnail,\n                      parent->{...,parent->},\n                    \'path\': identifier.current\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current\n                    },\n                    \'url\' : pdf.asset-> url\n                  }\n                }';
     case 'article':
-      return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                          body[] {\n                            ...,\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier\n                          },\n                            documentGroup-> {\n                              name,\n                              thumbnail,\n                              parent->{...,parent->},\n                            \'path\': identifier.current\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
+      return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                          body[] {\n                            ...,\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{ \n                              ...,\n                              upload_doc { \n                                _type,\n                                asset-> \n                              } \n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier\n                          },\n                            documentGroup-> {\n                              name,\n                              thumbnail,\n                              parent->{...,parent->},\n                            \'path\': identifier.current\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
     case 'publication':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                pdf{asset->}\n              } | order(year desc, month desc)\n      }';
     case 'issue':

package/dist/cjs/getSerializers.js

@@ -17,6 +17,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var index = require('./index-f7ee1612.js');
 var PropTypes = _interopDefault(require('prop-types'));
+var Row = _interopDefault(require('react-bootstrap/Row'));
+var Col = _interopDefault(require('react-bootstrap/Col'));
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('./isSymbol-488934a7.js');
@@ -7794,6 +7796,55 @@ var urlFor$2 = function urlFor(source, client) {
   return builder.image(source).auto('format');
 };
 
+var MultiMedia = function MultiMedia(props) {
+  var medias = props.node.medias,
+      client = props.client;
+
+
+  if (medias && medias.length > 0) {
+    return React__default.createElement(
+      'div',
+      { className: 'multi-media-container' },
+      React__default.createElement(
+        Row,
+        { noGutters: true },
+        medias.map(function (media) {
+          return React__default.createElement(
+            Col,
+            { xs: 12, md: 12 / medias.length, key: media._key },
+            React__default.createElement(
+              'a',
+              _extends._extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
+                style: { cursor: media.upload_doc && media.upload_doc.asset && media.upload_doc.asset.url ? 'pointer' : 'default' } }),
+              React__default.createElement(
+                'div',
+                { className: 'multi-media-image-container' },
+                React__default.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor$2(media.poster, client).url(), alt: media.alt }),
+                media.caption && React__default.createElement(
+                  'span',
+                  { className: 'multi-media-caption' },
+                  media.caption
+                )
+              )
+            )
+          );
+        })
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .multi-media-container {\n            margin-bottom: 1rem;\n          }\n          .multi-media-image {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n          }\n\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-media-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-media-image[images-count=\'4\'] {\n              height: 100px;\n            }\n            .multi-media-image[images-count=\'3\'] {\n              height: 130px;\n            }\n            .multi-media-image[images-count=\'2\'] {\n              height: 200px;\n            }\n            .multi-media-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-media-image[images-count=\'4\'] {\n              height: 150px;\n            }\n            .multi-media-image[images-count=\'3\'] {\n              height: 200px;\n            }\n            .multi-media-image[images-count=\'2\'] {\n              height: 300px;\n            }\n          }\n\n          .multi-media-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
+var urlFor$3 = function urlFor(source, client) {
+  var builder = index$1.imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
 var compareProps = function compareProps(prevProps, nextProps) {
   if (nextProps.node.asset && nextProps.node.asset._ref) {
     return prevProps.node.asset._ref === nextProps.node.asset._ref;
@@ -7888,7 +7939,7 @@ var FigureComponent = function FigureComponent(props) {
       link ? React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default.createElement(reactBootstrap.Figure.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$2(node, client).url(), alt: alt && alt }),
+        React__default.createElement(reactBootstrap.Figure.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$3(node, client).url(), alt: alt && alt }),
         caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
       ) : React__default.createElement(
         React__default.Fragment,
@@ -7896,10 +7947,10 @@ var FigureComponent = function FigureComponent(props) {
         React__default.createElement(reactBootstrap.Figure.Image, {
           style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
           className: 'figure-image',
-          src: urlFor$2(node, client).url(),
+          src: urlFor$3(node, client).url(),
           alt: alt && alt,
           onClick: function onClick() {
-            setOpenImgSrc(urlFor$2(node, client).url());
+            setOpenImgSrc(urlFor$3(node, client).url());
             setOpenImg(true);
           }
         }),
@@ -7928,7 +7979,7 @@ var FigureComponent = function FigureComponent(props) {
 
 var Figure = React__default.memo(FigureComponent, compareProps);
 
-var urlFor$3 = function urlFor(source, client) {
+var urlFor$4 = function urlFor(source, client) {
   var builder = index$1.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -7955,7 +8006,7 @@ var MultiFigure = function MultiFigure(props) {
               React__default.createElement(
                 'div',
                 { className: 'multi-figure-image-container' },
-                React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$3(image.asset, client).url(), alt: image.alt }),
+                React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt }),
                 image.caption && React__default.createElement(
                   'span',
                   { className: 'multi-figure-caption' },
@@ -8154,6 +8205,11 @@ var getSerializers = function getSerializers() {
       },
       brtag: function brtag() {
         return React__default.createElement('br', { className: 'line-break' });
+      },
+      multimedia: function multimedia(_ref18) {
+        var node = _ref18.node;
+
+        return React__default.createElement(MultiMedia, { node: node, client: client });
       }
     },
     marks: {
@@ -8197,32 +8253,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref18) {
-        var children = _ref18.children;
+      alignleft: function alignleft(_ref19) {
+        var children = _ref19.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref19) {
-        var children = _ref19.children;
+      alignright: function alignright(_ref20) {
+        var children = _ref20.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref20) {
-        var children = _ref20.children;
+      aligncenter: function aligncenter(_ref21) {
+        var children = _ref21.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref21) {
-        var children = _ref21.children;
+      alignjustify: function alignjustify(_ref22) {
+        var children = _ref22.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },

package/dist/esm/ArticleQueue.js

@@ -15,6 +15,8 @@ import './_is-array-dd5523d6.js';
 import React__default, { useState, useEffect } from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
 import { m as moment } from './moment-12415288.js';
 import 'next/router';
 import { i as isObjectLike_1, _ as _baseGetTag } from './isSymbol-b7b7434f.js';
@@ -1118,7 +1120,7 @@ var Article = function Article(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 2px solid var(--franchise-primary, #484848);\n          width: fit-content;\n          padding: 5px;\n          color: var(--franchise-primary, #484848);\n          border-radius: 2px;\n        }\n      '
+      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 2px solid #484848;\n          width: fit-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

package/dist/esm/ExternalResources.js

@@ -12,6 +12,8 @@ import './_is-array-dd5523d6.js';
 import React__default, { useState, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
 import './moment-12415288.js';
 import { useRouter } from 'next/router';
 import './isSymbol-b7b7434f.js';

package/dist/esm/IssueContentDeck.js

@@ -241,7 +241,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid var(--franchise-primary, #484848);\n            display: inline;\n            width: max-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n        '
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid #484848;\n            display: inline;\n            width: max-content;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/esm/PartnerDetailListing.js

@@ -13,6 +13,8 @@ import './_is-array-dd5523d6.js';
 import React__default from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import { m as moment } from './moment-12415288.js';
 import 'next/router';

package/dist/esm/PublicationLanding.js

@@ -549,7 +549,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid var(--franchise-primary, #484848);\n          display: inline;\n          width: max-content;\n          padding: 5px;\n          color: var(--franchise-primary, #484848);\n          border-radius: 2px;\n        }\n      '
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid #484848;\n          display: inline;\n          width: max-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

package/dist/esm/QueueDeckExpanded.js

@@ -1084,7 +1084,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            display: inline;\n            width: max-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: 100%;\n            max-width: 240px;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
     )
   );
 };

package/dist/esm/View.js

@@ -15,6 +15,8 @@ import './_is-array-dd5523d6.js';
 import React__default, { useState, useEffect } from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
 import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
 import './isSymbol-b7b7434f.js';

package/dist/esm/getQuery.js

@@ -12,7 +12,7 @@ var getQuery = function getQuery(type) {
     case 'related':
       return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && published <= now()\n                && passwordLock!=true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                ' + conditions + '\n              ]| order(published desc)[$index]{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                  body[] {\n                    ...,\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds\n                  },\n                    documentGroup-> {\n                      name,\n                      thumbnail,\n                      parent->{...,parent->},\n                    \'path\': identifier.current\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current\n                    },\n                    \'url\' : pdf.asset-> url\n                  }\n                }';
     case 'article':
-      return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                          body[] {\n                            ...,\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier\n                          },\n                            documentGroup-> {\n                              name,\n                              thumbnail,\n                              parent->{...,parent->},\n                            \'path\': identifier.current\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
+      return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                          body[] {\n                            ...,\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{ \n                              ...,\n                              upload_doc { \n                                _type,\n                                asset-> \n                              } \n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier\n                          },\n                            documentGroup-> {\n                              name,\n                              thumbnail,\n                              parent->{...,parent->},\n                            \'path\': identifier.current\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
     case 'publication':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                pdf{asset->}\n              } | order(year desc, month desc)\n      }';
     case 'issue':

package/dist/esm/getSerializers.js

@@ -12,6 +12,8 @@ import './_is-array-dd5523d6.js';
 import React__default, { useState, useEffect } from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import PropTypes from 'prop-types';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
 import Router, { useRouter } from 'next/router';
 import './isSymbol-b7b7434f.js';
 import './debounce-048d9cb6.js';
@@ -29,7 +31,7 @@ import DFPAdSlot from './AdSlot.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import { g as getYoutubeId } from './smoothscroll-4b699764.js';
 import GroupDeck from './GroupDeck.js';
-import { Carousel, Table, Figure as Figure$1, Button, ProgressBar, Row, Col } from 'react-bootstrap';
+import { Carousel, Table, Figure as Figure$1, Button, ProgressBar, Row as Row$1, Col as Col$1 } from 'react-bootstrap';
 import Button$1 from 'react-bootstrap/Button';
 import { u as util } from './util-7700fc59.js';
 import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-83f53e4e.js';
@@ -7788,6 +7790,55 @@ var urlFor$2 = function urlFor(source, client) {
   return builder.image(source).auto('format');
 };
 
+var MultiMedia = function MultiMedia(props) {
+  var medias = props.node.medias,
+      client = props.client;
+
+
+  if (medias && medias.length > 0) {
+    return React__default.createElement(
+      'div',
+      { className: 'multi-media-container' },
+      React__default.createElement(
+        Row,
+        { noGutters: true },
+        medias.map(function (media) {
+          return React__default.createElement(
+            Col,
+            { xs: 12, md: 12 / medias.length, key: media._key },
+            React__default.createElement(
+              'a',
+              _extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
+                style: { cursor: media.upload_doc && media.upload_doc.asset && media.upload_doc.asset.url ? 'pointer' : 'default' } }),
+              React__default.createElement(
+                'div',
+                { className: 'multi-media-image-container' },
+                React__default.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor$2(media.poster, client).url(), alt: media.alt }),
+                media.caption && React__default.createElement(
+                  'span',
+                  { className: 'multi-media-caption' },
+                  media.caption
+                )
+              )
+            )
+          );
+        })
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .multi-media-container {\n            margin-bottom: 1rem;\n          }\n          .multi-media-image {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n          }\n\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-media-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-media-image[images-count=\'4\'] {\n              height: 100px;\n            }\n            .multi-media-image[images-count=\'3\'] {\n              height: 130px;\n            }\n            .multi-media-image[images-count=\'2\'] {\n              height: 200px;\n            }\n            .multi-media-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-media-image[images-count=\'4\'] {\n              height: 150px;\n            }\n            .multi-media-image[images-count=\'3\'] {\n              height: 200px;\n            }\n            .multi-media-image[images-count=\'2\'] {\n              height: 300px;\n            }\n          }\n\n          .multi-media-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
+var urlFor$3 = function urlFor(source, client) {
+  var builder = imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
 var compareProps = function compareProps(prevProps, nextProps) {
   if (nextProps.node.asset && nextProps.node.asset._ref) {
     return prevProps.node.asset._ref === nextProps.node.asset._ref;
@@ -7882,7 +7933,7 @@ var FigureComponent = function FigureComponent(props) {
       link ? React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default.createElement(Figure$1.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$2(node, client).url(), alt: alt && alt }),
+        React__default.createElement(Figure$1.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$3(node, client).url(), alt: alt && alt }),
         caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
       ) : React__default.createElement(
         React__default.Fragment,
@@ -7890,10 +7941,10 @@ var FigureComponent = function FigureComponent(props) {
         React__default.createElement(Figure$1.Image, {
           style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
           className: 'figure-image',
-          src: urlFor$2(node, client).url(),
+          src: urlFor$3(node, client).url(),
           alt: alt && alt,
           onClick: function onClick() {
-            setOpenImgSrc(urlFor$2(node, client).url());
+            setOpenImgSrc(urlFor$3(node, client).url());
             setOpenImg(true);
           }
         }),
@@ -7922,7 +7973,7 @@ var FigureComponent = function FigureComponent(props) {
 
 var Figure = React__default.memo(FigureComponent, compareProps);
 
-var urlFor$3 = function urlFor(source, client) {
+var urlFor$4 = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -7937,11 +7988,11 @@ var MultiFigure = function MultiFigure(props) {
       'div',
       { className: 'multi-figure-container' },
       React__default.createElement(
-        Row,
+        Row$1,
         { noGutters: true },
         images.map(function (image, index) {
           return React__default.createElement(
-            Col,
+            Col$1,
             { xs: 12, md: 12 / images.length, key: index },
             React__default.createElement(
               'a',
@@ -7949,7 +8000,7 @@ var MultiFigure = function MultiFigure(props) {
               React__default.createElement(
                 'div',
                 { className: 'multi-figure-image-container' },
-                React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$3(image.asset, client).url(), alt: image.alt }),
+                React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt }),
                 image.caption && React__default.createElement(
                   'span',
                   { className: 'multi-figure-caption' },
@@ -8148,6 +8199,11 @@ var getSerializers = function getSerializers() {
       },
       brtag: function brtag() {
         return React__default.createElement('br', { className: 'line-break' });
+      },
+      multimedia: function multimedia(_ref18) {
+        var node = _ref18.node;
+
+        return React__default.createElement(MultiMedia, { node: node, client: client });
       }
     },
     marks: {
@@ -8191,32 +8247,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref18) {
-        var children = _ref18.children;
+      alignleft: function alignleft(_ref19) {
+        var children = _ref19.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref19) {
-        var children = _ref19.children;
+      alignright: function alignright(_ref20) {
+        var children = _ref20.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref20) {
-        var children = _ref20.children;
+      aligncenter: function aligncenter(_ref21) {
+        var children = _ref21.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref21) {
-        var children = _ref21.children;
+      alignjustify: function alignjustify(_ref22) {
+        var children = _ref22.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },

package/package.json

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