@mjhls/mjh-framework 1.0.1008 → 1.0.1010

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.1008
+# mjh-framework v. 1.0.1010
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var _extends = require('./extends-7c86182f.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 var index = require('./index-96c331fd.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');

package/dist/cjs/HorizontalArticleListing.js

@@ -5,7 +5,7 @@ var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
 var index_esm = require('./index.esm-d81454e7.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/IssueLanding.js

@@ -5,7 +5,7 @@ var React = require('react');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/{MediaSeriesCard-aa63ea9e.js → MediaSeriesCard-7f8ea2ea.js}

@@ -7,7 +7,7 @@ var urlFor = require('./urlFor.js');
 var moment = require('./moment-aca40de1.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/MediaSeriesLanding.js

@@ -10,9 +10,9 @@ require('./index-b95410f0.js');
 require('react-dom');
 var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
-var MediaSeriesCard = require('./MediaSeriesCard-aa63ea9e.js');
+var MediaSeriesCard = require('./MediaSeriesCard-7f8ea2ea.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -11,8 +11,8 @@ require('react-dom');
 var Link = require('next/link');
 var BlockContent = require('./BlockContent-96b44364.js');
 var MasterDeckPaginated = require('./MasterDeckPaginated.js');
-var MediaSeriesCard = require('./MediaSeriesCard-aa63ea9e.js');
-var getSerializers = require('./index-312148a5.js');
+var MediaSeriesCard = require('./MediaSeriesCard-7f8ea2ea.js');
+var getSerializers = require('./index-b41ea6a0.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/PartnerDetailListing.js

@@ -12,7 +12,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var checkSisterSite = require('./checkSisterSite-b29833b2.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -12,7 +12,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var checkSisterSite = require('./checkSisterSite-b29833b2.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/PodcastsLanding.js

@@ -6,9 +6,9 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
-var MediaSeriesCard = require('./MediaSeriesCard-aa63ea9e.js');
+var MediaSeriesCard = require('./MediaSeriesCard-7f8ea2ea.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/TaxonomyDescription.js

@@ -7,7 +7,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-96b44364.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/View.js

@@ -17,7 +17,7 @@ var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-56020df6.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-18fc6e71.js');
 var getTargeting = require('./getTargeting-ba942d9a.js');
@@ -189,21 +189,30 @@ var DocumentGroup = function DocumentGroup(_ref) {
   if (mediaSeriesGroup.thumbnail) {
     thumbnailUrl = urlFor({ client: client, source: mediaSeriesGroup.thumbnail });
   }
-
+  var margin = article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText || article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? 'none' : '1rem';
   return React__default["default"].createElement(
-    'a',
-    {
-      href: url,
-      className: 'doc-group',
-      style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
-    thumbnailUrl && !disableThumbnail && React__default["default"].createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
-    (disableThumbnail || !thumbnailUrl) && React__default["default"].createElement('p', {
-      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_43 ? 'left' : 'right', marginTop: '.25rem' },
-      dangerouslySetInnerHTML: { __html: name } }),
-    main.main_43 && !thumbnailUrl && React__default["default"].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n          a.doc-group {\n            display: block !important;\n            padding: 0 !important;\n          }\n        '
+    'div',
+    null,
+    React__default["default"].createElement(
+      'p',
+      { style: { textAlign: 'center', fontWeight: 600 } },
+      article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText ? article.documentGroupMapping[0].parent.parent.contextText : article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? article.documentGroup.parent.parent.contextText : null
+    ),
+    React__default["default"].createElement(
+      'a',
+      {
+        href: url,
+        className: 'doc-group',
+        style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
+      thumbnailUrl && !disableThumbnail && React__default["default"].createElement('img', { style: { maxWidth: '210px', maxHeight: '100px', marginTop: margin }, src: thumbnailUrl, alt: name }),
+      (disableThumbnail || !thumbnailUrl) && React__default["default"].createElement('p', {
+        style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_43 ? 'left' : 'right', marginTop: '.25rem' },
+        dangerouslySetInnerHTML: { __html: name } }),
+      main.main_43 && !thumbnailUrl && React__default["default"].createElement(
+        'style',
+        { jsx: 'true' },
+        '\n            a.doc-group {\n              display: block !important;\n              padding: 0 !important;\n            }\n          '
+      )
     )
   );
 };
@@ -1057,7 +1066,7 @@ var Article = React__default["default"].memo(React.forwardRef(function (props, r
       ind === 0 ? articleRecsQuery = articleRecsQuery.concat('[\'' + rec + '\', ') : ind === articleRecs.length - 1 ? articleRecsQuery = articleRecsQuery.concat('\'' + rec + '\']]') : articleRecsQuery = articleRecsQuery.concat('\'' + rec + '\', ');
     });
   }
-  //next video url
+  // next video url
   if (sliderData) {
     var nextArticle = void 0;
     sliderData.forEach(function (data, index) {
@@ -1741,7 +1750,14 @@ var Article = React__default["default"].memo(React.forwardRef(function (props, r
             ),
             React__default["default"].createElement(
               'div',
-              { className: 'mb-3 doc-group-container', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end' } },
+              { className: 'mb-3 doc-group-container',
+                style: {
+                  display: 'flex',
+                  justifyContent: 'space-between',
+                  alignItems: article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText || article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? 'flex-start' : 'flex-end',
+                  margin: '0, 0, 1rem, 0'
+                  // margin: article.documentGroup && article.documentGroup.thumbnail && article.documentGroup.thumbnail.caption ? '1rem 0 1rem 0' : '0 0 1rem 0'
+                } },
               React__default["default"].createElement(
                 'style',
                 { jsx: 'true' },

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 require('./BlockContent-96b44364.js');
 require('./entities-df1aed86.js');
 require('./slicedToArray-067dd3bc.js');

package/dist/cjs/{index-312148a5.js → index-b41ea6a0.js}

@@ -10379,6 +10379,7 @@ var BlockTable = function BlockTable(props) {
 
   var _borderColor = borderColor ? borderColor.hex : '#000000';
   var holder = React.useRef();
+
   React.useEffect(function () {
     var handleResize = function handleResize() {
       var holderWidth = holder.current.offsetWidth;
@@ -10394,20 +10395,39 @@ var BlockTable = function BlockTable(props) {
       return window.removeEventListener('resize', handleResize);
     };
   }, []);
+
+  var styles = {
+    blockTableRow: { display: 'flex', borderTop: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none' },
+    blockTableRowLast: {
+      display: 'flex',
+      borderTop: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none',
+      borderBottom: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none'
+    },
+    blockTableCell: {
+      padding: '.5rem',
+      borderLeft: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none'
+    },
+    blockTableCellLast: {
+      padding: '.5rem',
+      borderLeft: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none',
+      borderRight: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none'
+    }
+  };
+
   return React__default["default"].createElement(
     'div',
     { className: 'blockTableHolder', ref: holder },
     React__default["default"].createElement(
       'div',
       { className: 'blockTable' },
-      rows && rows.map(function (row) {
+      rows && rows.map(function (row, index) {
         return React__default["default"].createElement(
           'div',
-          { className: 'blockTableRow' },
-          row.cells && row.cells.map(function (cell) {
+          { key: 'tr-' + index, className: 'blockTableRow', style: index == rows.length - 1 ? styles.blockTableRowLast : styles.blockTableRow },
+          row.cells && row.cells.map(function (cell, cellIndex) {
             return React__default["default"].createElement(
               'div',
-              { className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
+              { key: 'cell-' + cellIndex, className: 'blockTableCell', style: cellIndex == row.cells.length - 1 ? _extends._extends({ width: (100 / row.cells.length).toFixed(2) + '%' }, styles.blockTableCellLast) : _extends._extends({ width: (100 / row.cells.length).toFixed(2) + '%' }, styles.blockTableCell) },
               React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
             );
           })
@@ -10417,7 +10437,7 @@ var BlockTable = function BlockTable(props) {
     React__default["default"].createElement(
       'style',
       { jsx: true },
-      '\n        .blockTableRow {\n          display: flex;\n          ' + (showBorders && 'border-top: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTable {\n          min-width: ' + minTableWidth + 'px;\n        }\n        .blockTableRow:last-of-type {\n          ' + (showBorders && 'border-bottom: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell {\n          padding: 0.5rem;\n          ' + (showBorders && 'border-left: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell > div {\n          width: 100%;\n        }\n        .blockTableCell > div p {\n          margin: 0;\n        }\n        .blockTableCell > div figure {\n          margin: 0 !important;\n        }\n        .blockTableCell > div figure img {\n          margin: 0 !important;\n        }\n        .blockTableCell:last-of-type {\n          ' + (showBorders && 'border-right: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        @media only screen and (max-width: 800px) {\n          .blockTableCell {\n            padding: 0.25rem;\n          }\n        }\n      '
+      '\n        .blockTable {\n          min-width: ' + minTableWidth + 'px;\n        }\n\n        .blockTableCell > div {\n          width: 100%;\n        }\n        .blockTableCell > div p {\n          margin: 0;\n        }\n        .blockTableCell > div figure {\n          margin: 0 !important;\n        }\n        .blockTableCell > div figure img {\n          margin: 0 !important;\n        }\n\n        @media only screen and (max-width: 800px) {\n          .blockTableCell {\n            padding: 0.25rem;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/index.js

@@ -90,7 +90,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-312148a5.js');
+var getSerializers = require('./index-b41ea6a0.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import React__default from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import { m as momentTimezone } from './index-30a6257d.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/{MediaSeriesCard-7c59d797.js → MediaSeriesCard-478f939a.js}

@@ -5,7 +5,7 @@ import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 
 var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
 var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };

package/dist/esm/MediaSeriesLanding.js

@@ -8,9 +8,9 @@ import './index-174b5baf.js';
 import 'react-dom';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
-import { M as MediaSeriesCard } from './MediaSeriesCard-7c59d797.js';
+import { M as MediaSeriesCard } from './MediaSeriesCard-478f939a.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -9,8 +9,8 @@ import 'react-dom';
 import Link from 'next/link';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import MasterDeck from './MasterDeckPaginated.js';
-import { M as MediaSeriesCard } from './MediaSeriesCard-7c59d797.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { M as MediaSeriesCard } from './MediaSeriesCard-478f939a.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/PartnerDetailListing.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/PartnerDetailListingPaginated.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/PodcastsLanding.js

@@ -4,9 +4,9 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState } from 'react';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
-import { M as MediaSeriesCard } from './MediaSeriesCard-7c59d797.js';
+import { M as MediaSeriesCard } from './MediaSeriesCard-478f939a.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/TaxonomyDescription.js

@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-d5ac0b7c.js';
+import { g as getSerializers } from './index-dd204fd9.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-d5ac0b7c.js';
+import { r as renderAuthor, g as getSerializers } from './index-dd204fd9.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-5728e349.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-9bd28724.js';
@@ -179,21 +179,30 @@ var DocumentGroup = function DocumentGroup(_ref) {
   if (mediaSeriesGroup.thumbnail) {
     thumbnailUrl = urlFor({ client: client, source: mediaSeriesGroup.thumbnail });
   }
-
+  var margin = article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText || article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? 'none' : '1rem';
   return React__default.createElement(
-    'a',
-    {
-      href: url,
-      className: 'doc-group',
-      style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
-    thumbnailUrl && !disableThumbnail && React__default.createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
-    (disableThumbnail || !thumbnailUrl) && React__default.createElement('p', {
-      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_43 ? 'left' : 'right', marginTop: '.25rem' },
-      dangerouslySetInnerHTML: { __html: name } }),
-    main_43 && !thumbnailUrl && React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n          a.doc-group {\n            display: block !important;\n            padding: 0 !important;\n          }\n        '
+    'div',
+    null,
+    React__default.createElement(
+      'p',
+      { style: { textAlign: 'center', fontWeight: 600 } },
+      article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText ? article.documentGroupMapping[0].parent.parent.contextText : article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? article.documentGroup.parent.parent.contextText : null
+    ),
+    React__default.createElement(
+      'a',
+      {
+        href: url,
+        className: 'doc-group',
+        style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
+      thumbnailUrl && !disableThumbnail && React__default.createElement('img', { style: { maxWidth: '210px', maxHeight: '100px', marginTop: margin }, src: thumbnailUrl, alt: name }),
+      (disableThumbnail || !thumbnailUrl) && React__default.createElement('p', {
+        style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_43 ? 'left' : 'right', marginTop: '.25rem' },
+        dangerouslySetInnerHTML: { __html: name } }),
+      main_43 && !thumbnailUrl && React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n            a.doc-group {\n              display: block !important;\n              padding: 0 !important;\n            }\n          '
+      )
     )
   );
 };
@@ -1047,7 +1056,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
       ind === 0 ? articleRecsQuery = articleRecsQuery.concat('[\'' + rec + '\', ') : ind === articleRecs.length - 1 ? articleRecsQuery = articleRecsQuery.concat('\'' + rec + '\']]') : articleRecsQuery = articleRecsQuery.concat('\'' + rec + '\', ');
     });
   }
-  //next video url
+  // next video url
   if (sliderData) {
     var nextArticle = void 0;
     sliderData.forEach(function (data, index) {
@@ -1731,7 +1740,14 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
             ),
             React__default.createElement(
               'div',
-              { className: 'mb-3 doc-group-container', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end' } },
+              { className: 'mb-3 doc-group-container',
+                style: {
+                  display: 'flex',
+                  justifyContent: 'space-between',
+                  alignItems: article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText || article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? 'flex-start' : 'flex-end',
+                  margin: '0, 0, 1rem, 0'
+                  // margin: article.documentGroup && article.documentGroup.thumbnail && article.documentGroup.thumbnail.caption ? '1rem 0 1rem 0' : '0 0 1rem 0'
+                } },
               React__default.createElement(
                 'style',
                 { jsx: 'true' },

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-d5ac0b7c.js';
+export { g as default } from './index-dd204fd9.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './slicedToArray-6ebcbfea.js';

package/dist/esm/{index-d5ac0b7c.js → index-dd204fd9.js}

@@ -10359,6 +10359,7 @@ var BlockTable = function BlockTable(props) {
 
   var _borderColor = borderColor ? borderColor.hex : '#000000';
   var holder = useRef();
+
   useEffect(function () {
     var handleResize = function handleResize() {
       var holderWidth = holder.current.offsetWidth;
@@ -10374,20 +10375,39 @@ var BlockTable = function BlockTable(props) {
       return window.removeEventListener('resize', handleResize);
     };
   }, []);
+
+  var styles = {
+    blockTableRow: { display: 'flex', borderTop: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none' },
+    blockTableRowLast: {
+      display: 'flex',
+      borderTop: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none',
+      borderBottom: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none'
+    },
+    blockTableCell: {
+      padding: '.5rem',
+      borderLeft: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none'
+    },
+    blockTableCellLast: {
+      padding: '.5rem',
+      borderLeft: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none',
+      borderRight: showBorders ? borderWidth + 'px solid ' + _borderColor : 'none'
+    }
+  };
+
   return React__default.createElement(
     'div',
     { className: 'blockTableHolder', ref: holder },
     React__default.createElement(
       'div',
       { className: 'blockTable' },
-      rows && rows.map(function (row) {
+      rows && rows.map(function (row, index) {
         return React__default.createElement(
           'div',
-          { className: 'blockTableRow' },
-          row.cells && row.cells.map(function (cell) {
+          { key: 'tr-' + index, className: 'blockTableRow', style: index == rows.length - 1 ? styles.blockTableRowLast : styles.blockTableRow },
+          row.cells && row.cells.map(function (cell, cellIndex) {
             return React__default.createElement(
               'div',
-              { className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
+              { key: 'cell-' + cellIndex, className: 'blockTableCell', style: cellIndex == row.cells.length - 1 ? _extends({ width: (100 / row.cells.length).toFixed(2) + '%' }, styles.blockTableCellLast) : _extends({ width: (100 / row.cells.length).toFixed(2) + '%' }, styles.blockTableCell) },
               React__default.createElement(BlockContent, _extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
             );
           })
@@ -10397,7 +10417,7 @@ var BlockTable = function BlockTable(props) {
     React__default.createElement(
       'style',
       { jsx: true },
-      '\n        .blockTableRow {\n          display: flex;\n          ' + (showBorders && 'border-top: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTable {\n          min-width: ' + minTableWidth + 'px;\n        }\n        .blockTableRow:last-of-type {\n          ' + (showBorders && 'border-bottom: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell {\n          padding: 0.5rem;\n          ' + (showBorders && 'border-left: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell > div {\n          width: 100%;\n        }\n        .blockTableCell > div p {\n          margin: 0;\n        }\n        .blockTableCell > div figure {\n          margin: 0 !important;\n        }\n        .blockTableCell > div figure img {\n          margin: 0 !important;\n        }\n        .blockTableCell:last-of-type {\n          ' + (showBorders && 'border-right: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        @media only screen and (max-width: 800px) {\n          .blockTableCell {\n            padding: 0.25rem;\n          }\n        }\n      '
+      '\n        .blockTable {\n          min-width: ' + minTableWidth + 'px;\n        }\n\n        .blockTableCell > div {\n          width: 100%;\n        }\n        .blockTableCell > div p {\n          margin: 0;\n        }\n        .blockTableCell > div figure {\n          margin: 0 !important;\n        }\n        .blockTableCell > div figure img {\n          margin: 0 !important;\n        }\n\n        @media only screen and (max-width: 800px) {\n          .blockTableCell {\n            padding: 0.25rem;\n          }\n        }\n      '
     )
   );
 };

package/dist/esm/index.js

@@ -87,7 +87,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-d5ac0b7c.js';
+export { g as getSerializers } from './index-dd204fd9.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';

package/package.json

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