@mjhls/mjh-framework 1.0.205 → 1.0.207

package/dist/esm/index.js

@@ -1,16 +1,15 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import { c as createCommonjsModule, u as unwrapExports, a as commonjsGlobal } from './_commonjsHelpers-ae1b5db5.js';
-import { l as lib_3 } from './visibility-sensor-3cfe6713.js';
+import { l as lib_1, a as lib_3 } from './index-6a79dad6.js';
 import PropTypes from 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { m as moment } from './index.es-f369b3e8.js';
+import { m as moment } from './visibility-sensor-675d3fa1.js';
 import 'next/link';
 import Router, { useRouter } from 'next/router';
-import './isSymbol-c2b7d05a.js';
-import './debounce-a0242b4a.js';
+import './debounce-dc0c02e5.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import './index-3c1ee9ab.js';
@@ -18,10 +17,9 @@ import { m as main_35, a as main_36 } from './main-dea495b7.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-e85d3a4a.js';
 import { s as slicedToArray, _ as _extends$2, t as toConsumableArray } from './_babelHelpers-67c05996.js';
 export { default as DeckContent } from './DeckContent.js';
-import './get-b684ff61.js';
-import { A as AD } from './AD-1b2a3dd3.js';
-export { A as AD } from './AD-1b2a3dd3.js';
-export { default as GridContent } from './GridContent.js';
+import './get-b074314b.js';
+import { A as AD } from './GridContent-214acb61.js';
+export { A as AD, G as GridContent } from './GridContent-214acb61.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
@@ -29,8 +27,8 @@ import { B as BlockContent } from './TaxonomyCard-f9c93953.js';
 export { T as TaxonomyCard } from './TaxonomyCard-f9c93953.js';
 import GroupDeck from './GroupDeck.js';
 export { default as GroupDeck } from './GroupDeck.js';
-import { g as getYoutubeId } from './YoutubeGroup-06df4923.js';
-export { Y as YoutubeGroup } from './YoutubeGroup-06df4923.js';
+import { g as getYoutubeId } from './YoutubeGroup-dc617e8b.js';
+export { Y as YoutubeGroup } from './YoutubeGroup-dc617e8b.js';
 import { Figure, Carousel, Table, Button, ProgressBar, Card } from 'react-bootstrap';
 export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
 import { I as IoMdArrowDropdown } from './index.esm-536609db.js';
@@ -41,8 +39,8 @@ export { default as PublicationDeck } from './PublicationDeck.js';
 export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
-import { M as MdPictureAsPdf } from './Normal-403c5666.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-403c5666.js';
+import { D as DFPAdSlot, M as MdPictureAsPdf } from './Normal-be430fa9.js';
+export { A as AD728x90, D as AdSlot, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-be430fa9.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -202,7 +200,7 @@ var AD300x250 = function AD300x250(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
-  return React__default.createElement(AD, {
+  return React__default.createElement(DFPAdSlot, {
     networkID: networkID,
     adUnit: adUnit,
     slotId: slotId,
@@ -219,7 +217,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
-  return React__default.createElement(AD, {
+  return React__default.createElement(DFPAdSlot, {
     networkID: networkID,
     adUnit: adUnit,
     className: 'AD300x250',
@@ -260,6 +258,25 @@ var ADFooter = function ADFooter(_ref) {
   );
 };
 
+var AdSlotsProvider = function AdSlotsProvider(_ref) {
+  var children = _ref.children,
+      networkID = _ref.networkID,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$singleRequest = _ref.singleRequest,
+      singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest;
+
+  return React__default.createElement(
+    lib_1,
+    {
+      dfpNetworkId: networkID,
+      targeting: targeting,
+      singleRequest: singleRequest,
+      lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
+    children
+  );
+};
+
 var urlFor = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source);
@@ -9973,7 +9990,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var seriesVid = params.get('seriesVid') || 1;
     var data = [];
     nodes.videos.forEach(function (vid) {
-      data.push({ title: vid.title, thumbnail: 'http://img.youtube.com/vi/' + getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
+      data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' + getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
     });
     // if series number doesn't exist, route back to first vid of series
     if (data.length < seriesVid) {
@@ -11549,7 +11566,8 @@ var OncliveHero = function OncliveHero(props) {
 
 var OncliveLargeHero = function OncliveLargeHero(props) {
   var topArticle = props.dataRecord[0];
-  var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
+  var middleArticles = props.dataRecord.slice(1, 3);
+  var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
   var client = props.client;
 
   var builder = imageUrlBuilder(client);
@@ -11570,81 +11588,177 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
     'div',
     { className: 'article-hero-container' },
     React__default.createElement(
-      'a',
-      { href: '/view/' + topArticle.url.current, className: 'top-article' },
-      React__default.createElement(
-        'figure',
-        null,
-        React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
-      ),
+      'div',
+      { className: 'top-outer' },
       React__default.createElement(
-        'div',
-        { className: 'top-article--body' },
-        React__default.createElement(
-          'h1',
-          null,
-          topArticle.title
-        ),
+        'a',
+        { href: '/view/' + topArticle.url.current, className: 'top-article' },
         React__default.createElement(
-          'p',
+          'figure',
           null,
-          moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+          React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
         ),
         React__default.createElement(
-          'p',
-          null,
-          clean_html_1(topArticle.summary)
+          'div',
+          { className: 'top-article--body' },
+          React__default.createElement(
+            'h1',
+            null,
+            topArticle.title
+          ),
+          React__default.createElement(
+            'p',
+            null,
+            moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+          ),
+          React__default.createElement(
+            'p',
+            null,
+            clean_html_1(topArticle.summary)
+          )
         )
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'sub-articles-container middle-single' },
+        middleArticles && middleArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default.createElement(
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
+            React__default.createElement(
+              'figure',
+              null,
+              React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'sub-article--body' },
+              React__default.createElement(
+                'h2',
+                null,
+                article.title
+              ),
+              React__default.createElement('div', null),
+              moment(article.published).format('MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
+                'p',
+                { className: 'mb-2' },
+                'By ',
+                React__default.createElement(
+                  'b',
+                  null,
+                  article.authorMapping[0].displayName
+                )
+              )
+            )
+          );
+        })
       )
     ),
     React__default.createElement(
       'div',
-      { className: 'sub-articles-container' },
-      subArticles && subArticles.map(function (article, index) {
-        var articleThumbnail = '';
-        var articleAltText = article.title;
-        if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
-          articleAltText = article.thumbnail.asset.originalFileName;
-        } else if (props.thumbnail) {
-          articleThumbnail = props.thumbnail;
-        }
-        return React__default.createElement(
-          'a',
-          { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
-          React__default.createElement(
-            'figure',
-            null,
-            React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
-          ),
-          React__default.createElement(
-            'div',
-            { className: 'sub-article--body' },
+      { className: 'sub-outer-container' },
+      React__default.createElement(
+        'div',
+        { className: 'sub-articles-container middle-group' },
+        middleArticles && middleArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default.createElement(
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
             React__default.createElement(
-              'h2',
+              'figure',
               null,
-              article.title
+              React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
             ),
-            React__default.createElement('div', null),
-            moment(article.published).format('MMMM Do YYYY, h:mma'),
-            article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
-              'p',
-              { className: 'mb-2' },
-              'By ',
+            React__default.createElement(
+              'div',
+              { className: 'sub-article--body' },
               React__default.createElement(
-                'b',
+                'h2',
                 null,
-                article.authorMapping[0].displayName
+                article.title
+              ),
+              React__default.createElement('div', null),
+              moment(article.published).format('MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
+                'p',
+                { className: 'mb-2' },
+                'By ',
+                React__default.createElement(
+                  'b',
+                  null,
+                  article.authorMapping[0].displayName
+                )
               )
             )
-          )
-        );
-      })
+          );
+        })
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'sub-articles-container' },
+        subArticles && subArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default.createElement(
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
+            React__default.createElement(
+              'figure',
+              null,
+              React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'sub-article--body' },
+              React__default.createElement(
+                'h2',
+                null,
+                article.title
+              ),
+              React__default.createElement('div', null),
+              moment(article.published).format('MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
+                'p',
+                { className: 'mb-2' },
+                'By ',
+                React__default.createElement(
+                  'b',
+                  null,
+                  article.authorMapping[0].displayName
+                )
+              )
+            )
+          );
+        })
+      )
     ),
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .article-hero-container {\n          display: flex;\n          flex-direction: row;\n          margin: 0 -1rem;\n        }\n        .top-article {\n          width: 50%;\n          margin: 0 1rem;\n          height: 100%;\n          display: block;\n        }\n        .top-article figure {\n          width: 100%;\n          height: 60%;\n        }\n        .top-article figure img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n        .top-article--body h1 {\n          font-size: 1.4rem;\n          color: black !important;\n          font-weight: bold;\n        }\n        .sub-articles-container {\n          width: 50%;\n          flex: 1 1 auto;\n          min-width: 350px;\n        }\n        .sub-article {\n          margin: 0 1rem 1rem;\n          display: flex;\n          flex-direction: row;\n        }\n        .sub-article figure {\n          width: 125px;\n        }\n        .sub-article figure img {\n          width: 125px;\n          height: auto;\n          object-fit: cover;\n        }\n        .sub-article--body {\n          padding-left: 1rem;\n          font-size: 0.9rem;\n        }\n        .sub-article--body h2 {\n          font-size: 1rem;\n          font-weight: bold;\n        }\n        @media screen and (max-width: 1368px) {\n          .article-hero-container {\n            flex-direction: column;\n          }\n          .top-article {\n            width: unset;\n            flex: 1 1 auto;\n          }\n          .sub-articles-container {\n            width: 100%;\n            margin-top: 1rem;\n            min-width: 280px;\n          }\n        }\n      '
+      '\n        .article-hero-container {\n          display: flex;\n          flex-direction: row;\n          margin: 0 -1rem;\n        }\n        .top-article {\n          // width: 50%;\n          margin: 0 1rem;\n          height: 100%;\n          display: block;\n        }\n        .top-article figure {\n          width: 100%;\n          height: 60%;\n        }\n        .top-article figure img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n        .top-article--body h1 {\n          font-size: 1.4rem;\n          color: black !important;\n          font-weight: bold;\n        }\n        // .sub-articles-container {\n        //   width: 50%;\n        //   flex: 1 1 auto;\n        //   min-width: 350px;\n        // }\n        .sub-article {\n          margin: 0 1rem 1rem;\n          display: flex;\n          flex-direction: row;\n        }\n        .sub-article figure {\n          width: 125px;\n        }\n        .sub-article figure img {\n          width: 125px;\n          height: auto;\n          object-fit: cover;\n        }\n        .sub-article--body {\n          padding-left: 1rem;\n          font-size: 0.9rem;\n        }\n        .sub-article--body h2 {\n          font-size: 1rem;\n          font-weight: bold;\n        }\n        @media screen and (max-width: 1368px) {\n          .article-hero-container {\n            flex-direction: column;\n          }\n          .top-article {\n            // width: unset;\n            flex: 1 1 auto;\n          }\n          .sub-articles-container {\n            width: 100%;\n            margin-top: 1rem;\n            min-width: 280px;\n          }\n        }\n        @media screen and (max-width: 1399px) and (min-width: 992px) {\n          .top-article {\n            // width: 50%;\n            flex: 1 1 auto;\n          }\n          .middle-group {\n            display: none;\n          }\n          .middle-single {\n            display: block !important;\n            margin-top: 0 !important;\n          }\n        }\n        // @media only screen and (min-width) {\n        //   .sub-outer-container {\n        //     width: 50%;\n        //     flex: 1 1 auto;\n        //     min-width: 350px;\n        //   }\n        // }\n        .middle-single {\n          display: none;\n        }\n        .top-outer {\n          display: flex;\n        }\n      '
     )
   );
 };
@@ -11988,4 +12102,4 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
   );
 };
 
-export { AD300x250, AD300x250x600, ADFooter, AccordionPanel, AlphabeticList, ArticleDetailDropdown, Breadcrumbs$1 as Breadcrumbs, ConferenceArticleCard, Feature, fbsHero as ForbesHero, Hero, HorizontalHero, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };
+export { AD300x250, AD300x250x600, ADFooter, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, Breadcrumbs$1 as Breadcrumbs, ConferenceArticleCard, Feature, fbsHero as ForbesHero, Hero, HorizontalHero, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };