@mjhls/mjh-framework 1.0.444 → 1.0.445

package/README.md

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

package/dist/cjs/{GridContent-0df16724.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,14 +93,6 @@ var GridContent = function (_React$Component) {
         };
       }, _this.loadData);
     }, 0), _this.componentDidMount = function () {
-      //  Setting desktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
-      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);
@@ -272,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);
@@ -362,12 +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);
 
         //  Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
-        if (desktopView) {
+        //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+        if (lgInfeedAd && window && window.innerWidth >= 1200) {
           var lgInFeedAd = {
             _type: 'lg-infeed',
             adUnit: brandInsight.adUnit,
@@ -393,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;
@@ -685,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,
@@ -693,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-0df16724.js');
+var GridContent = require('./GridContent-6a0216fb.js');
 require('./AuthorComponent-b44bb44e.js');
 
 

package/dist/cjs/QueueDeckExpanded.js

@@ -145,16 +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, desktopView) {
+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)));
   };
 
   //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
-  if (desktopView && brandInsightAd) {
-    var lgInfeedAd = {
+  //  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',
@@ -170,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);
@@ -179,7 +179,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
 
   if (showBI && brandInsightAd) {
-    if (desktopView) 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 = {
@@ -648,11 +649,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       values = _useState10[0],
       setValues = _useState10[1];
 
-  var _useState11 = React.useState(false),
-      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      desktopView = _useState12[0],
-      setDesktopView = _useState12[1];
-
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
@@ -674,10 +670,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   }, [initialData]);
 
   React.useEffect(function () {
-    //  Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
-    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);
@@ -714,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, desktopView)
+          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(
@@ -728,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, desktopView)
+        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-0df16724.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' } },

package/dist/esm/{GridContent-2173a84c.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,14 +83,6 @@ var GridContent = function (_React$Component) {
         };
       }, _this.loadData);
     }, 0), _this.componentDidMount = function () {
-      //  Setting desktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
-      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);
@@ -262,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);
@@ -352,12 +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);
 
         //  Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
-        if (desktopView) {
+        //  Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
+        if (lgInfeedAd && window && window.innerWidth >= 1200) {
           var lgInFeedAd = {
             _type: 'lg-infeed',
             adUnit: brandInsight.adUnit,
@@ -383,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;
@@ -675,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,
@@ -683,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-2173a84c.js';
+export { G as default } from './GridContent-7e11f013.js';
 import './AuthorComponent-4f5f15ed.js';

package/dist/esm/QueueDeckExpanded.js

@@ -139,16 +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, desktopView) {
+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)));
   };
 
   //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
-  if (desktopView && brandInsightAd) {
-    var lgInfeedAd = {
+  //  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',
@@ -164,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);
@@ -173,7 +173,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
 
   if (showBI && brandInsightAd) {
-    if (desktopView) 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 = {
@@ -642,11 +643,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       values = _useState10[0],
       setValues = _useState10[1];
 
-  var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      desktopView = _useState12[0],
-      setDesktopView = _useState12[1];
-
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
@@ -668,10 +664,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   }, [initialData]);
 
   useEffect(function () {
-    //  Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
-    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);
@@ -708,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, desktopView)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd)
         )
       ),
       React.createElement(
@@ -722,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, desktopView)
+        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-2173a84c.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' } },

package/package.json

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