@mjhls/mjh-framework 1.0.271 → 1.0.272

package/dist/cjs/{Normal-2eec2d56.js → Normal-47f04b2b.js}

@@ -13,7 +13,7 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Link = _interopDefault(require('next/link'));
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-93d892f5.js');
+var AdSlot = require('./AdSlot-f69a31ec.js');
 var get$1 = require('./get-1f91592f.js');
 var reactBootstrap = require('react-bootstrap');
 var index_esm = require('./index.esm-340d3792.js');
@@ -675,8 +675,8 @@ var renderLink = function renderLink(row) {
 };
 
 var SideFooter = function SideFooter(props) {
-  /*
-  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
   */
   var _get = get$1.get_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,
@@ -1249,15 +1249,15 @@ var SocialNavFooter = function SocialNavFooter(props) {
 };
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-    <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+   <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -1297,7 +1297,6 @@ var NavMagazine = function NavMagazine(props) {
 
   React.useEffect(function () {
     var navOffsetTop = navRef.current.getBoundingClientRect().top;
-    var navOffsetHeight = navRef.current.getBoundingClientRect().height;
     var adSection = document.querySelector('.AD728x90');
     var stickyNav = window.addEventListener('scroll', function () {
       if (window.pageYOffset > navOffsetTop) {
@@ -1306,7 +1305,6 @@ var NavMagazine = function NavMagazine(props) {
           navRef.current.style.top = 0;
           navRef.current.style.width = '100%';
           navRef.current.style.zIndex = '9999';
-          adSection.style.marginTop = navOffsetHeight + 'px';
         }
       } else {
         if (navRef.current && navRef.current.style) {
@@ -1571,15 +1569,15 @@ var NavMagazine = function NavMagazine(props) {
 var MagazineNav = React__default.memo(NavMagazine);
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-    <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+   <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -1973,15 +1971,15 @@ var NavDvm = function NavDvm(props) {
 };
 
 var HamMagazine = function HamMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -2071,7 +2069,6 @@ var HamMagazine = function HamMagazine(props) {
 
   React.useEffect(function () {
     var navOffsetTop = navRef.current.getBoundingClientRect().top;
-    var navOffsetHeight = navRef.current.getBoundingClientRect().height;
     var adSection = document.querySelector('.AD728x90');
     var stickyNav = window.addEventListener('scroll', function () {
       if (window.pageYOffset > navOffsetTop) {
@@ -2080,7 +2077,6 @@ var HamMagazine = function HamMagazine(props) {
           navRef.current.style.top = 0;
           navRef.current.style.width = '100%';
           navRef.current.style.zIndex = '9999';
-          adSection.style.marginTop = navOffsetHeight + 'px';
         }
       } else {
         if (navRef.current && navRef.current.style) {
@@ -2371,8 +2367,29 @@ var AD728x90 = function AD728x90(_ref) {
       adTargeting = _useState4[0],
       setTargeting = _useState4[1];
 
+  var adRef = React.useRef(null);
+
   React.useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
+      var navbar = document.querySelector('.navbar');
+      var AdOffsetTop = adRef.current.getBoundingClientRect().top;
+      window.addEventListener('scroll', function () {
+        if (window.pageYOffset + (AdOffsetTop - navbar.offsetHeight) > AdOffsetTop) {
+          if (adRef.current && adRef.current.style) {
+            adRef.current.style.position = 'fixed';
+            adRef.current.style.top = '60px';
+            adRef.current.style.left = '0px';
+            adRef.current.style.zIndex = '9999';
+            adRef.current.style.width = '100%';
+            adRef.current.style.marginTop = '2px';
+          }
+        } else {
+          if (adRef.current && adRef.current.style) {
+            adRef.current.style.position = 'relative';
+            adRef.current.style.top = '';
+          }
+        }
+      });
       setMobileView(true);
       adTargeting['pos'] = pos && pos.length ? pos : 'top-mobile';
     } else {
@@ -2384,21 +2401,25 @@ var AD728x90 = function AD728x90(_ref) {
   var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
   var mobileSizes = [[320, 50], [300, 50]];
 
-  return React__default.createElement(AdSlot.DFPAdSlot, {
-    slotId: slotId,
-    networkID: networkID,
-    adUnit: adUnit,
-    targeting: adTargeting,
-    className: 'AD728x90',
-    sizes: mobileView ? mobileSizes : browserSizes,
-    sizeMapping: [{
-      viewport: [768, 1],
-      sizes: [[728, 90], [970, 90]]
-    }, {
-      viewport: [1, 1],
-      sizes: [[320, 50], [300, 50]]
-    }]
-  });
+  return React__default.createElement(
+    'div',
+    { className: 'leaderboard-ad-wrapper', ref: adRef, style: { backgroundColor: '#fff' } },
+    React__default.createElement(AdSlot.DFPAdSlot, {
+      slotId: slotId,
+      networkID: networkID,
+      adUnit: adUnit,
+      targeting: adTargeting,
+      className: 'AD728x90',
+      sizes: mobileView ? mobileSizes : browserSizes,
+      sizeMapping: [{
+        viewport: [768, 1],
+        sizes: [[728, 90], [970, 90]]
+      }, {
+        viewport: [1, 1],
+        sizes: [[320, 50], [300, 50]]
+      }]
+    })
+  );
 };
 
 // Main

package/dist/cjs/PublicationDeck.js

@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('next/link');
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
+var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 

package/dist/cjs/QueueDeckExpanded.js

@@ -18,7 +18,7 @@ require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
+var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-e38fb29d.js');

package/dist/cjs/{TaxonomyCard-b5074d6e.js → TaxonomyCard-e3566492.js}

@@ -10,7 +10,7 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
-var index$1 = require('./index-39beccb3.js');
+var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 
 /*

package/dist/cjs/TaxonomyCard.js

@@ -10,9 +10,9 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
 require('react-dom');
-require('./index-39beccb3.js');
+require('./index-be0c82be.js');
 require('./index-fa0fb52c.js');
-var TaxonomyCard = require('./TaxonomyCard-b5074d6e.js');
+var TaxonomyCard = require('./TaxonomyCard-e3566492.js');
 
 
 

package/dist/cjs/TemplateNormal.js

@@ -15,13 +15,13 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('next/link');
 require('./slicedToArray-e38fb29d.js');
-require('./AdSlot-93d892f5.js');
+require('./AdSlot-f69a31ec.js');
 require('./promise-b96c61f8.js');
 require('./get-1f91592f.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-2eec2d56.js');
+var TemplateNormal = require('./Normal-47f04b2b.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/ThumbnailCard.js

@@ -7,7 +7,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
+var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var Media$1 = _interopDefault(require('react-bootstrap/Media'));

package/dist/cjs/VideoSeriesListing.js

@@ -19,8 +19,7 @@ var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
 require('./index-fa0fb52c.js');
-var YoutubeGroup = require('./YoutubeGroup-78e6bcc3.js');
-require('smoothscroll-polyfill');
+var YoutubeGroup = require('./YoutubeGroup-94e6efea.js');
 var index_esm = require('./index.esm-340d3792.js');
 
 var VideoSeriesListing = function (_React$Component) {