@mjhls/mjh-framework 1.0.443 → 1.0.445

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.443
+# mjh-framework v. 1.0.445
 
 > Foundation Framework 
 

package/dist/cjs/{GridContent-25762807.js → GridContent-6a0216fb.js}

@@ -78,8 +78,7 @@ var GridContent = function (_React$Component) {
       scrolling: true,
       query: _this.query,
       currentPage: _this.props.currentPage || 1,
-      lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false,
-      desktopView: false
+      lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false
     }, _this.loadMore = debounce.debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -94,13 +93,6 @@ var GridContent = function (_React$Component) {
         };
       }, _this.loadData);
     }, 0), _this.componentDidMount = function () {
-      if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
-        _this.setState(function (state) {
-          return _extends._extends({}, state, {
-            desktopView: true
-          });
-        });
-      }
       document.addEventListener('scroll', _this.trackScrolling);
     }, _this.componentWillUnmount = function () {
       document.removeEventListener('scroll', _this.trackScrolling);
@@ -271,7 +263,7 @@ var GridContent = function (_React$Component) {
 
   inherits._createClass(GridContent, [{
     key: 'cardLoader',
-    value: function cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, desktopView) {
+    value: function cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, lgInfeedAd) {
       var _this2 = this;
 
       var lgVar = Math.floor(12 / columns);
@@ -361,11 +353,13 @@ var GridContent = function (_React$Component) {
         return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
       };
       var posts = [];
-      if (brandInsight && (desktopView || showBI)) {
+      if (brandInsight && (lgInfeedAd || showBI)) {
         var firstThree = this.state.data.slice(0, 3);
         var data = this.state.data.slice(3);
 
-        if (desktopView) {
+        //  Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
+        //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+        if (lgInfeedAd && window && window.innerWidth >= 1200) {
           var lgInFeedAd = {
             _type: 'lg-infeed',
             adUnit: brandInsight.adUnit,
@@ -391,7 +385,8 @@ var GridContent = function (_React$Component) {
         }
 
         if (showBI) {
-          if (desktopView) {
+          //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+          if (lgInfeedAd && window && window.innerWidth >= 1200) {
             brandInsight.interval = 8;
           } else {
             brandInsight.interval = 5;
@@ -421,7 +416,11 @@ var GridContent = function (_React$Component) {
         posts = firstThree.concat(posts);
         posts = posts.map(function (ele, i) {
           if (ele._type === 'lg-infeed') {
-            return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
+            //  Setting pos as top2 for the first occurence of large infeed ad
+            var _pos = posts.indexOf(posts.find(function (d) {
+              return d._type === 'lg-infeed';
+            })) === i ? 'top2' : 'lg-infeed_' + i;
+            return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
           } else {
             return ele;
           }
@@ -679,7 +678,7 @@ var GridContent = function (_React$Component) {
           React__default['default'].createElement(
             Container__default['default'],
             null,
-            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.desktopView)
+            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd)
           )
         ) : React__default['default'].createElement(
           React__default['default'].Fragment,
@@ -687,7 +686,7 @@ var GridContent = function (_React$Component) {
           React__default['default'].createElement(
             Container__default['default'],
             null,
-            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.desktopView)
+            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd)
           ),
           React__default['default'].createElement(
             'div',

package/dist/cjs/GridContent.js

@@ -33,7 +33,7 @@ require('./ADInfeed-ae1f348d.js');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-f4c4a1bf.js');
 require('./get-7a75c563.js');
-var GridContent = require('./GridContent-25762807.js');
+var GridContent = require('./GridContent-6a0216fb.js');
 require('./AuthorComponent-b44bb44e.js');
 
 

package/dist/cjs/QueueDeckExpanded.js

@@ -145,15 +145,16 @@ var checkExternalUrl = function checkExternalUrl(url) {
   return new RegExp(['http', 'https'].join('|')).test(url);
 };
 
-var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView) {
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd) {
   var numberOfItemsBeforeAd = 6;
-
   var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
     return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
   };
 
-  if (dektopView && brandInsightAd) {
-    var lgInfeedAd = {
+  //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
+  //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+  if (lgInfeedAd && brandInsightAd && window && window.innerWidth >= 1200) {
+    var lgInfeed = {
       _type: 'lg-infeed',
       adUnit: brandInsightAd.adUnit,
       className: 'lg-infeed',
@@ -169,7 +170,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       var set = lodash.lodash.chunk(chunk, 2);
       for (var i = 0; i < set.length; i++) {
         if (i !== set.length - 1) {
-          set[i].push(lgInfeedAd);
+          set[i].push(lgInfeed);
         }
       }
       return lodash.lodash.flattenDeep(set);
@@ -178,7 +179,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
 
   if (showBI && brandInsightAd) {
-    if (dektopView) brandInsightAd.interval = 8;
+    //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+    if (lgInfeedAd && window && window.innerWidth >= 1200) brandInsightAd.interval = 8;
     var pos = 0;
     for (var i = 1; pos < data.length; i++) {
       var inFeedAd = {
@@ -201,14 +203,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
   data = data.map(function (ele, i) {
     if (ele._type === 'lg-infeed') {
-      return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
+      //  Setting pos as top2 for the first occurence of large infeed ad
+      var _pos = data.indexOf(data.find(function (d) {
+        return d._type === 'lg-infeed';
+      })) === i ? 'top2' : 'lg-infeed_' + i;
+      return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
     } else {
       return ele;
     }
   });
 
   var featureCount = 0;
-
   return React__default['default'].createElement(
     'div',
     null,
@@ -644,16 +649,11 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       values = _useState10[0],
       setValues = _useState10[1];
 
-  var _useState11 = React.useState(false),
-      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      dektopView = _useState12[0],
-      setDesktopView = _useState12[1];
-
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
 
-  //check for change in filter parameters from client side and refresh the page
+  //  check for change in filter parameters from client side and refresh the page
   React.useEffect(function () {
     if (initialData && data !== initialData && initialData.length >= 0) {
       setData(initialData);
@@ -670,9 +670,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   }, [initialData]);
 
   React.useEffect(function () {
-    if (lgInfeedAd && window && window.innerWidth >= 1200) {
-      setDesktopView(true);
-    }
     if (prevValues) {
       if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
         loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray);
@@ -709,7 +706,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React__default['default'].createElement(
           reactBootstrap.Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd)
         )
       ),
       React__default['default'].createElement(
@@ -723,7 +720,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default['default'].createElement(
         reactBootstrap.Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd)
       ),
       React__default['default'].createElement(
         'div',

package/dist/cjs/index.js

@@ -36,7 +36,7 @@ var DeckContent = require('./DeckContent.js');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-f4c4a1bf.js');
 var get$1 = require('./get-7a75c563.js');
-var GridContent = require('./GridContent-25762807.js');
+var GridContent = require('./GridContent-6a0216fb.js');
 var AuthorComponent = require('./AuthorComponent-b44bb44e.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
@@ -15028,6 +15028,11 @@ var PublicationLanding = function PublicationLanding(props) {
   return React__default['default'].createElement(
     'div',
     { id: 'publicationLanding' },
+    React__default['default'].createElement(
+      'style',
+      { jsx: true },
+      '\n          #pubYearFilter .dropdown-menu.show {\n            max-height: 25vh;\n          }\n        '
+    ),
     React__default['default'].createElement(
       Row__default['default'],
       { style: { marginBottom: '1rem' } },
@@ -17315,10 +17320,10 @@ var Article = function Article(props) {
         contextualAD: _extends$2._extends({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
-          // Adding new ad size for large contextual ad for desktop screens >= 1200x768
+          // Adding new ad size for large contextual ad for desktop screen width >= 1400
           sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
           sizeMapping: lgContextAd ? [{
-            viewport: [1200, 768],
+            viewport: [1400, 0],
             sizes: [[728, 90], 'fluid', [300, 100]]
           }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
         })

package/dist/esm/{GridContent-93e5f16a.js → GridContent-7e11f013.js}

@@ -68,8 +68,7 @@ var GridContent = function (_React$Component) {
       scrolling: true,
       query: _this.query,
       currentPage: _this.props.currentPage || 1,
-      lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false,
-      desktopView: false
+      lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false
     }, _this.loadMore = debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -84,13 +83,6 @@ var GridContent = function (_React$Component) {
         };
       }, _this.loadData);
     }, 0), _this.componentDidMount = function () {
-      if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
-        _this.setState(function (state) {
-          return _extends({}, state, {
-            desktopView: true
-          });
-        });
-      }
       document.addEventListener('scroll', _this.trackScrolling);
     }, _this.componentWillUnmount = function () {
       document.removeEventListener('scroll', _this.trackScrolling);
@@ -261,7 +253,7 @@ var GridContent = function (_React$Component) {
 
   _createClass(GridContent, [{
     key: 'cardLoader',
-    value: function cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, desktopView) {
+    value: function cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, lgInfeedAd) {
       var _this2 = this;
 
       var lgVar = Math.floor(12 / columns);
@@ -351,11 +343,13 @@ var GridContent = function (_React$Component) {
         return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
       };
       var posts = [];
-      if (brandInsight && (desktopView || showBI)) {
+      if (brandInsight && (lgInfeedAd || showBI)) {
         var firstThree = this.state.data.slice(0, 3);
         var data = this.state.data.slice(3);
 
-        if (desktopView) {
+        //  Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
+        //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+        if (lgInfeedAd && window && window.innerWidth >= 1200) {
           var lgInFeedAd = {
             _type: 'lg-infeed',
             adUnit: brandInsight.adUnit,
@@ -381,7 +375,8 @@ var GridContent = function (_React$Component) {
         }
 
         if (showBI) {
-          if (desktopView) {
+          //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+          if (lgInfeedAd && window && window.innerWidth >= 1200) {
             brandInsight.interval = 8;
           } else {
             brandInsight.interval = 5;
@@ -411,7 +406,11 @@ var GridContent = function (_React$Component) {
         posts = firstThree.concat(posts);
         posts = posts.map(function (ele, i) {
           if (ele._type === 'lg-infeed') {
-            return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
+            //  Setting pos as top2 for the first occurence of large infeed ad
+            var _pos = posts.indexOf(posts.find(function (d) {
+              return d._type === 'lg-infeed';
+            })) === i ? 'top2' : 'lg-infeed_' + i;
+            return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
           } else {
             return ele;
           }
@@ -669,7 +668,7 @@ var GridContent = function (_React$Component) {
           React.createElement(
             Container,
             null,
-            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.desktopView)
+            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd)
           )
         ) : React.createElement(
           React.Fragment,
@@ -677,7 +676,7 @@ var GridContent = function (_React$Component) {
           React.createElement(
             Container,
             null,
-            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.desktopView)
+            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd)
           ),
           React.createElement(
             'div',

package/dist/esm/GridContent.js

@@ -31,5 +31,5 @@ import './ADInfeed-dff74bbe.js';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-7b29db85.js';
 import './get-bc6cf9fb.js';
-export { G as default } from './GridContent-93e5f16a.js';
+export { G as default } from './GridContent-7e11f013.js';
 import './AuthorComponent-4f5f15ed.js';

package/dist/esm/QueueDeckExpanded.js

@@ -139,15 +139,16 @@ var checkExternalUrl = function checkExternalUrl(url) {
   return new RegExp(['http', 'https'].join('|')).test(url);
 };
 
-var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView) {
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd) {
   var numberOfItemsBeforeAd = 6;
-
   var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
     return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
   };
 
-  if (dektopView && brandInsightAd) {
-    var lgInfeedAd = {
+  //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
+  //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+  if (lgInfeedAd && brandInsightAd && window && window.innerWidth >= 1200) {
+    var lgInfeed = {
       _type: 'lg-infeed',
       adUnit: brandInsightAd.adUnit,
       className: 'lg-infeed',
@@ -163,7 +164,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       var set = lodash.chunk(chunk, 2);
       for (var i = 0; i < set.length; i++) {
         if (i !== set.length - 1) {
-          set[i].push(lgInfeedAd);
+          set[i].push(lgInfeed);
         }
       }
       return lodash.flattenDeep(set);
@@ -172,7 +173,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
 
   if (showBI && brandInsightAd) {
-    if (dektopView) brandInsightAd.interval = 8;
+    //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+    if (lgInfeedAd && window && window.innerWidth >= 1200) brandInsightAd.interval = 8;
     var pos = 0;
     for (var i = 1; pos < data.length; i++) {
       var inFeedAd = {
@@ -195,14 +197,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
   data = data.map(function (ele, i) {
     if (ele._type === 'lg-infeed') {
-      return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
+      //  Setting pos as top2 for the first occurence of large infeed ad
+      var _pos = data.indexOf(data.find(function (d) {
+        return d._type === 'lg-infeed';
+      })) === i ? 'top2' : 'lg-infeed_' + i;
+      return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
     } else {
       return ele;
     }
   });
 
   var featureCount = 0;
-
   return React.createElement(
     'div',
     null,
@@ -638,16 +643,11 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       values = _useState10[0],
       setValues = _useState10[1];
 
-  var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      dektopView = _useState12[0],
-      setDesktopView = _useState12[1];
-
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
 
-  //check for change in filter parameters from client side and refresh the page
+  //  check for change in filter parameters from client side and refresh the page
   useEffect(function () {
     if (initialData && data !== initialData && initialData.length >= 0) {
       setData(initialData);
@@ -664,9 +664,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   }, [initialData]);
 
   useEffect(function () {
-    if (lgInfeedAd && window && window.innerWidth >= 1200) {
-      setDesktopView(true);
-    }
     if (prevValues) {
       if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
         loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray);
@@ -703,7 +700,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React.createElement(
           Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd)
         )
       ),
       React.createElement(
@@ -717,7 +714,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React.createElement(
         Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd)
       ),
       React.createElement(
         'div',

package/dist/esm/index.js

@@ -33,7 +33,7 @@ export { default as DeckContent } from './DeckContent.js';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-7b29db85.js';
 import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-bc6cf9fb.js';
-export { A as AD, G as GridContent } from './GridContent-93e5f16a.js';
+export { A as AD, G as GridContent } from './GridContent-7e11f013.js';
 import { A as AuthorComponent } from './AuthorComponent-4f5f15ed.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
@@ -15004,6 +15004,11 @@ var PublicationLanding = function PublicationLanding(props) {
   return React.createElement(
     'div',
     { id: 'publicationLanding' },
+    React.createElement(
+      'style',
+      { jsx: true },
+      '\n          #pubYearFilter .dropdown-menu.show {\n            max-height: 25vh;\n          }\n        '
+    ),
     React.createElement(
       Row,
       { style: { marginBottom: '1rem' } },
@@ -17291,10 +17296,10 @@ var Article = function Article(props) {
         contextualAD: _extends$2({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
-          // Adding new ad size for large contextual ad for desktop screens >= 1200x768
+          // Adding new ad size for large contextual ad for desktop screen width >= 1400
           sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
           sizeMapping: lgContextAd ? [{
-            viewport: [1200, 768],
+            viewport: [1400, 0],
             sizes: [[728, 90], 'fluid', [300, 100]]
           }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
         })

package/package.json

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