@mjhls/mjh-framework 1.0.944 → 1.0.945-nojs-pagination-v2

package/dist/cjs/ArticleProgramLandingPage.js

@@ -141,7 +141,8 @@ ArticleProgramLandingPage.getInitialData = function () {
             start = (currentPage - 1) * itemsPerPage;
             params = {
               from: start,
-              to: start + itemsPerPage
+              to: start + itemsPerPage,
+              itemsPerPage: itemsPerPage
             };
             query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'' + taxonomyId + '\')\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n      \'pageNumber\': ' + currentPage + '\n    }';
             postsPromise = client.fetch(query, params);

package/dist/cjs/ArticleSeriesLandingPage.js

@@ -118,7 +118,8 @@ ArticleSeriesLandingPage.getInitialData = function () {
             start = (currentPage - 1) * itemsPerPage;
             params = {
               from: start,
-              to: start + itemsPerPage
+              to: start + itemsPerPage,
+              itemsPerPage: itemsPerPage
             };
             query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'' + taxonomyId + '\')\n    && url.current == \'' + seriesName + '\'\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      summary,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n    }';
             _context.next = 9;

package/dist/cjs/AuthWrapper.js

@@ -1767,7 +1767,7 @@ client$1.Provider;
 
 var client = client$1.default;
 
-var css = ".AuthWrapper-module_loginBox__3l-BE {\n  margin-bottom: 2rem;\n  width: 350px;\n  max-width: 90vw;\n  margin-left: auto;\n  margin-right: auto;\n  /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\n  background: #fff;\n  z-index: 1;\n}\n.AuthWrapper-module_loginBox_title__12rGD {\n  margin-bottom: 2rem;\n  text-align: center;\n}\n.AuthWrapper-module_bar__1dafn {\n  background: #eee;\n  margin-left: unset;\n  margin-right: unset;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\n  float: left;\n  border-right: 1rem solid #fff;\n  background: rgb(245, 245, 245);\n  height: 10rem;\n  width: 25%;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 2rem;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\n  width: 97%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\n  width: 96%;\n  height: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\n  width: 72%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\n  width: 88%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n\n.AuthWrapper-module_iframe__2wDJW {\n  margin-top: -3rem;\n  border: none;\n  width: 100%;\n  height: 1900px;\n}";
+var css = ".AuthWrapper-module_loginBox__3l-BE {\r\n  margin-bottom: 2rem;\r\n  width: 350px;\r\n  max-width: 90vw;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\r\n  background: #fff;\r\n  z-index: 1;\r\n}\r\n.AuthWrapper-module_loginBox_title__12rGD {\r\n  margin-bottom: 2rem;\r\n  text-align: center;\r\n}\r\n.AuthWrapper-module_bar__1dafn {\r\n  background: #eee;\r\n  margin-left: unset;\r\n  margin-right: unset;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\r\n  float: left;\r\n  border-right: 1rem solid #fff;\r\n  background: rgb(245, 245, 245);\r\n  height: 10rem;\r\n  width: 25%;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  margin-bottom: 2rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\r\n  width: 97%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\r\n  width: 96%;\r\n  height: 1.5rem;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\r\n  width: 72%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\r\n  width: 88%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.AuthWrapper-module_iframe__2wDJW {\r\n  margin-top: -3rem;\r\n  border: none;\r\n  width: 100%;\r\n  height: 1900px;\r\n}";
 var styles = { "loginBox": "AuthWrapper-module_loginBox__3l-BE", "loginBox_title": "AuthWrapper-module_loginBox_title__12rGD", "bar": "AuthWrapper-module_bar__1dafn", "iframe": "AuthWrapper-module_iframe__2wDJW" };
 styleInject_es.styleInject(css);
 

package/dist/cjs/ConferenceArticleCard.js

@@ -13,21 +13,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-Example usage - targetedonc.com/latest-conference
-const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
-                    ...,
-                    title,
-                    summary,
-                    thumbnail,
-                    url,
-                    published,
-                    documentGroup->,
-                    contentCategory->,
-                    'pageNumber': ${currentPage}
-                  }`
-
-  const posts = await client.fetch(query, params)
+/*
+Example usage - targetedonc.com/latest-conference
+const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    documentGroup->,
+                    contentCategory->,
+                    'pageNumber': ${currentPage}
+                  }`
+
+  const posts = await client.fetch(query, params)
 */
 
 var ConferenceArticleCard = function ConferenceArticleCard(props) {

package/dist/cjs/ContentCardPaginated.js

@@ -17,7 +17,7 @@ var index$1 = require('./index-eadd5035.js');
 var main = require('./main-f1c77adb.js');
 var entities = require('./entities-df1aed86.js');
 var ADInfeed = require('./ADInfeed-44d43b8a.js');
-var Pagination = require('./Pagination-885dcfbd.js');
+var Pagination = require('./Pagination-42f92f7c.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -41,7 +41,6 @@ require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
-require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/DeckContent.js

@@ -74,7 +74,9 @@ var DeckContent = function (_React$Component) {
       total_pages: null,
       scrolling: true,
       query: _this.query,
-      currentPage: _this.props.currentPage || 1
+      currentPage: _this.props.currentPage || 1,
+      lastDataSize: _this.data ? _this.data.length : 0,
+      itemsPerPage: _this.params.itemsPerPage || 3
     }, _this.loadMore = debounce.debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -116,18 +118,26 @@ var DeckContent = function (_React$Component) {
           if (dataArr.length > 0) {
             return {
               data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
-              scrolling: true
+              scrolling: true,
+              lastDataSize: dataArr.length
             };
           } else {
             return {
-              scrolling: false
+              scrolling: false,
+              lastDataSize: 0
             };
           }
         });
       });
     }, _this.renderCardImage = function (row, page) {
       if (row.thumbnail && row.thumbnail.asset) {
-        var url = urlFor({ client: _this.client, source: row.thumbnail, imageHeight: _this.props.imageHeight || null, imageWidth: _this.props.imageWidth || null, imageFit: _this.props.imageFit || null });
+        var url = urlFor({
+          client: _this.client,
+          source: row.thumbnail,
+          imageHeight: _this.props.imageHeight || null,
+          imageWidth: _this.props.imageWidth || null,
+          imageFit: _this.props.imageFit || null
+        });
         return url;
       } else {
         return _this.defaultImage;
@@ -182,14 +192,14 @@ var DeckContent = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -370,7 +380,8 @@ var DeckContent = function (_React$Component) {
         { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
         rightItems[i].component
       );
-    }, _this.renderManualPagination = function () {
+    }, _this.renderManualPagination = function (_ref2) {
+      var nextPagePostsCount = _ref2.nextPagePostsCount;
       var currentPage = _this.state.currentPage;
 
       return React__default['default'].createElement(
@@ -381,7 +392,7 @@ var DeckContent = function (_React$Component) {
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default['default'].createElement(
+        !(_this.state.lastDataSize < _this.state.itemsPerPage) && nextPagePostsCount > 0 && React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -425,7 +436,9 @@ var DeckContent = function (_React$Component) {
           page = _props.page,
           showBI = _props.showBI,
           brandInsight = _props.brandInsight,
-          biStart = _props.biStart;
+          biStart = _props.biStart,
+          _props$nextPagePostsC = _props.nextPagePostsCount,
+          nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC;
 
 
       return React__default['default'].createElement(
@@ -446,7 +459,7 @@ var DeckContent = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination()
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         ) : React__default['default'].createElement(
           React__default['default'].Fragment,
@@ -480,7 +493,7 @@ var DeckContent = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination()
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         )
       );

package/dist/cjs/DeckQueue.js

@@ -69,7 +69,8 @@ var DeckQueue = function (_React$Component) {
       total_pages: null,
       scrolling: true,
       query: _this.query,
-      currentPage: _this.props.currentPage || 1
+      currentPage: _this.props.currentPage || 1,
+      lastDataSize: _this.data ? _this.data.length : 0
     }, _this.loadMore = debounce.debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -109,11 +110,13 @@ var DeckQueue = function (_React$Component) {
           if (dataArr.length > 0) {
             return {
               data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
+              lastDataSize: dataArr.length,
               scrolling: true
             };
           } else {
             return {
-              scrolling: false
+              scrolling: false,
+              lastDataSize: 0
             };
           }
         });
@@ -199,8 +202,12 @@ var DeckQueue = function (_React$Component) {
         { style: { display: 'flex', flex: '1 0 auto' } },
         rightItems[i].component
       );
-    }, _this.renderManualPagination = function () {
-      var currentPage = _this.state.currentPage;
+    }, _this.renderManualPagination = function (_ref2) {
+      var nextPagePostsCount = _ref2.nextPagePostsCount;
+      var _this$state2 = _this.state,
+          currentPage = _this$state2.currentPage,
+          per = _this$state2.per,
+          lastDataSize = _this$state2.lastDataSize;
 
       return React__default['default'].createElement(
         'div',
@@ -210,7 +217,7 @@ var DeckQueue = function (_React$Component) {
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default['default'].createElement(
+        !(lastDataSize < per) && nextPagePostsCount > 0 && React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -325,19 +332,30 @@ var DeckQueue = function (_React$Component) {
           columns = _props.columns,
           variant = _props.variant,
           autoScroll = _props.autoScroll,
-          page = _props.page;
+          page = _props.page,
+          _props$nextPagePostsC = _props.nextPagePostsCount,
+          nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC;
 
 
       return React__default['default'].createElement(
         'div',
         { className: 'contentDeck' },
         autoScroll ? React__default['default'].createElement(
-          index_es.InfiniteScroll,
-          { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
+          React__default['default'].Fragment,
+          null,
           React__default['default'].createElement(
-            Container__default['default'],
+            index_es.InfiniteScroll,
+            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
+            React__default['default'].createElement(
+              Container__default['default'],
+              null,
+              this.cardLoader(page, columns, variant)
+            )
+          ),
+          React__default['default'].createElement(
+            'noscript',
             null,
-            this.cardLoader(page, columns, variant)
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         ) : React__default['default'].createElement(
           React__default['default'].Fragment,
@@ -371,7 +389,7 @@ var DeckQueue = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination()
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         )
       );

package/dist/cjs/DeckQueuePaginated.js

@@ -18,7 +18,7 @@ var get = require('./get-5839e5b5.js');
 var main = require('./main-f1c77adb.js');
 var urlFor = require('./urlFor.js');
 var entities = require('./entities-df1aed86.js');
-var Pagination = require('./Pagination-885dcfbd.js');
+var Pagination = require('./Pagination-42f92f7c.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -36,7 +36,6 @@ require('./isSymbol-03abbdf0.js');
 require('./eq-5fc26c07.js');
 require('./slicedToArray-067dd3bc.js');
 require('./index-d48b231c.js');
-require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/EventsDeck.js

@@ -256,23 +256,23 @@ var EventsDeck = function EventsDeck(_ref) {
     if (cventAccessToken && cventAccessToken !== 'undefined') {
       setAccessToken(cventAccessToken);
     } else {
-      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
-      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
-      const url = `https://api-platform.cvent.com/ea/oauth2/token`
-      fetch(url, {
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          Authorization: `Basic ${encodedData}`
-        },
-        method: 'POST',
-        body: `grant_type=client_credentials&client_id=${clientId}`
-      })
-        .then((response) => response.json())
-        .then((json) => {
-          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
-          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
-          setAccessToken(json.access_token)
-        })
+      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
+      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
+      const url = `https://api-platform.cvent.com/ea/oauth2/token`
+      fetch(url, {
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+          Authorization: `Basic ${encodedData}`
+        },
+        method: 'POST',
+        body: `grant_type=client_credentials&client_id=${clientId}`
+      })
+        .then((response) => response.json())
+        .then((json) => {
+          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
+          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
+          setAccessToken(json.access_token)
+        })
         .catch((e) => console.log(e))*/
       // hello
       var url = 'https://beam.mjhlifesciences.com/api/cvent/token';

package/dist/cjs/GridContent.js

@@ -85,7 +85,8 @@ var GridContent = function (_React$Component) {
       currentPage: _this.props.currentPage || 1,
       lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false,
       showCategory: _this.props.showCategory ? _this.props.showCategory : false,
-      contentCategoryMapping: _this.props.contentCategoryMapping ? contentCategoryMapping : []
+      contentCategoryMapping: _this.props.contentCategoryMapping ? contentCategoryMapping : [],
+      lastDataSize: _this.data ? _this.data.length : 0
     }, _this.loadMore = debounce.debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -140,11 +141,13 @@ var GridContent = function (_React$Component) {
           if (dataArr.length > 0) {
             return {
               data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
-              scrolling: true
+              scrolling: true,
+              lastDataSize: dataArr.length
             };
           } else {
             return {
-              scrolling: false
+              scrolling: false,
+              lastDataSize: 0
             };
           }
         });
@@ -236,7 +239,8 @@ var GridContent = function (_React$Component) {
         { style: { display: 'flex', flex: '1 0 auto' } },
         rightItems[i].component
       );
-    }, _this.renderManualPagination = function () {
+    }, _this.renderManualPagination = function (_ref2) {
+      var nextPagePostsCount = _ref2.nextPagePostsCount;
       var currentPage = _this.state.currentPage;
 
       return React__default['default'].createElement(
@@ -247,7 +251,7 @@ var GridContent = function (_React$Component) {
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default['default'].createElement(
+        !(_this.state.lastDataSize < _this.state.itemsPerPage) && nextPagePostsCount > 0 && React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -739,19 +743,30 @@ var GridContent = function (_React$Component) {
           showVideo = _props.showVideo,
           VideoPlayer = _props.VideoPlayer,
           showBI = _props.showBI,
-          brandInsight = _props.brandInsight;
+          brandInsight = _props.brandInsight,
+          _props$nextPagePostsC = _props.nextPagePostsCount,
+          nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC;
 
 
       return React__default['default'].createElement(
         'div',
         { className: 'contentDeck' },
         autoScroll ? React__default['default'].createElement(
-          index_es.InfiniteScroll,
-          { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
+          React__default['default'].Fragment,
+          null,
           React__default['default'].createElement(
-            Container__default['default'],
+            index_es.InfiniteScroll,
+            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
+            React__default['default'].createElement(
+              Container__default['default'],
+              null,
+              this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd, this.state.contentCategoryMapping)
+            )
+          ),
+          React__default['default'].createElement(
+            'noscript',
             null,
-            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd, this.state.contentCategoryMapping)
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         ) : React__default['default'].createElement(
           React__default['default'].Fragment,
@@ -785,7 +800,7 @@ var GridContent = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination()
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         )
       );

package/dist/cjs/GridContentPaginated.js

@@ -24,7 +24,7 @@ var urlFor = require('./urlFor.js');
 var main = require('./main-f1c77adb.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
 var PublicationFeature = require('./PublicationFeature-5ccf9b13.js');
-var Pagination = require('./Pagination-885dcfbd.js');
+var Pagination = require('./Pagination-42f92f7c.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -49,7 +49,6 @@ require('./Segment.js');
 require('./eq-5fc26c07.js');
 require('./index-d48b231c.js');
 require('react-bootstrap/Button');
-require('react-paginate');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');
 

package/dist/cjs/HamMagazine.js

@@ -38,15 +38,15 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 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}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black

package/dist/cjs/IssueLanding.js

@@ -76,35 +76,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* usage
-import Settings, { Ads } from '../../../../settings'
-import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
-import client from '../../../../client'
-import moment from 'moment'
-import Shell from '../../../../components/2.0/Shell'
-import { pageview } from '../../../../utilities/gtag'
-
-const Issue = (props) => {
-  const { pubIssue, cache } = props
-  const targeting = {
-    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-  }
-  return (
-    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
-      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
-    </Shell>
-  )
-}
-
-Issue.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
-  )
-  return { pubIssue }
-}
-
-export default Issue
+/* usage
+import Settings, { Ads } from '../../../../settings'
+import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
+import client from '../../../../client'
+import moment from 'moment'
+import Shell from '../../../../components/2.0/Shell'
+import { pageview } from '../../../../utilities/gtag'
+
+const Issue = (props) => {
+  const { pubIssue, cache } = props
+  const targeting = {
+    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+  }
+  return (
+    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
+      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
+    </Shell>
+  )
+}
+
+Issue.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
+  )
+  return { pubIssue }
+}
+
+export default Issue
 */
 
 var IssueLanding = function IssueLanding(props) {
@@ -128,7 +128,9 @@ var IssueLanding = function IssueLanding(props) {
       _props$imageHeight = props.imageHeight,
       imageHeight = _props$imageHeight === undefined ? 270 : _props$imageHeight,
       _props$imageWidth = props.imageWidth,
-      imageWidth = _props$imageWidth === undefined ? 480 : _props$imageWidth;
+      imageWidth = _props$imageWidth === undefined ? 480 : _props$imageWidth,
+      _props$nextPagePostsC = props.nextPagePostsCount,
+      nextPagePostsCount = _props$nextPagePostsC === undefined ? 1 : _props$nextPagePostsC;
 
   return React__default['default'].createElement(
     'div',
@@ -162,7 +164,8 @@ var IssueLanding = function IssueLanding(props) {
       showPubInfo: showPubInfo,
       columns: 'rotate',
       variant: 'top',
-      contentCategoryMapping: settings.contentCategoryMapping ? settings.contentCategoryMapping : []
+      contentCategoryMapping: settings.contentCategoryMapping ? settings.contentCategoryMapping : [],
+      nextPagePostsCount: nextPagePostsCount
     })
   );
 };

package/dist/cjs/KMTracker.js

@@ -1,27 +1,27 @@
 'use strict';
 
 var KMTracker = function KMTracker(props) {
-  var id = props.id;
+      var id = props.id;
 
-  if (document && id) {
+      if (document && id) {
 (function () {
-      var ecnJquery = document.createElement('script');
+                  var ecnJquery = document.createElement('script');
 
-      ecnJquery.type = 'text/javascript';
-      ecnJquery.async = true;
-      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
+                  ecnJquery.type = 'text/javascript';
+                  ecnJquery.async = true;
+                  ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
 
-      var ecnScript = document.createElement('script');
+                  var ecnScript = document.createElement('script');
 
-      ecnScript.type = 'text/javascript';
-      ecnScript.async = true;
-      ecnScript.id = 'km-tracker';
-      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
+                  ecnScript.type = 'text/javascript';
+                  ecnScript.async = true;
+                  ecnScript.id = 'km-tracker';
+                  ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
 
-      document.head.appendChild(ecnJquery);
-      document.head.appendChild(ecnScript);
-    })();
-  }
+                  document.head.appendChild(ecnJquery);
+                  document.head.appendChild(ecnScript);
+            })();
+      }
 };
 
 module.exports = KMTracker;