@mjhls/mjh-framework 1.0.889 → 1.0.891

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.889
+# mjh-framework v. 1.0.891
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

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-bce0ba07.js');
-var Pagination = require('./Pagination-be11c32e.js');
+var Pagination = require('./Pagination-4a929dd5.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -42,6 +42,9 @@ require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('react-paginate');
+require('react-bootstrap/Button');
+require('./index.esm-8647570b.js');
+require('./iconBase-be4097c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -393,7 +396,8 @@ var DeckContent = function (_React$Component) {
               pageCount: Math.ceil(this.state.totalDataCount / this.state.itemsPerPage),
               pageRangeDisplayed: main.main_43 ? 3 : 9,
               currentPage: this.state.currentPage,
-              onPageChange: this.handlePageChange
+              onPageChange: this.handlePageChange,
+              needLargePaginateButtons: this.props.needLargePaginateButtons
             }),
             React__default['default'].createElement(
               'style',

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-be11c32e.js');
+var Pagination = require('./Pagination-4a929dd5.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -37,6 +37,9 @@ require('./eq-5fc26c07.js');
 require('./slicedToArray-067dd3bc.js');
 require('./index-d48b231c.js');
 require('react-paginate');
+require('react-bootstrap/Button');
+require('./index.esm-8647570b.js');
+require('./iconBase-be4097c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -312,7 +315,8 @@ var DeckQueue = function (_React$Component) {
               pageCount: Math.ceil(totalDataCount / itemsPerPage),
               pageRangeDisplayed: main.main_43 ? 3 : 9,
               currentPage: currentPage,
-              onPageChange: this.handlePageChange
+              onPageChange: this.handlePageChange,
+              needLargePaginateButtons: this.props.needLargePaginateButtons
             }),
             React__default['default'].createElement(
               'style',

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-be11c32e.js');
+var Pagination = require('./Pagination-4a929dd5.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -50,6 +50,8 @@ require('./eq-5fc26c07.js');
 require('./index-d48b231c.js');
 require('react-bootstrap/Button');
 require('react-paginate');
+require('./index.esm-8647570b.js');
+require('./iconBase-be4097c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -667,7 +669,8 @@ var GridContent = function (_React$Component) {
               pageCount: Math.ceil(this.state.totalDataCount / this.state.itemsPerPage),
               pageRangeDisplayed: main.main_43 ? 3 : 9,
               currentPage: this.state.currentPage,
-              onPageChange: this.handlePageChange
+              onPageChange: this.handlePageChange,
+              needLargePaginateButtons: this.props.needLargePaginateButtons
             }),
             React__default['default'].createElement(
               'style',

package/dist/cjs/HorizontalHero.js

@@ -3,7 +3,7 @@
 var React = require('react');
 require('./moment-aca40de1.js');
 var urlFor = require('./urlFor.js');
-var index_esm = require('./index.esm-f27f80d9.js');
+var index_esm = require('./index.esm-8647570b.js');
 require('./_commonjsHelpers-06173234.js');
 require('./slicedToArray-067dd3bc.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/MasterDeckPaginated.js

@@ -14,7 +14,7 @@ var lodash = require('./lodash-f0783643.js');
 var main = require('./main-f1c77adb.js');
 var ADlgInfeed = require('./ADlgInfeed-950b414b.js');
 var ADInfeed = require('./ADInfeed-bce0ba07.js');
-var Pagination = require('./Pagination-be11c32e.js');
+var Pagination = require('./Pagination-4a929dd5.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -36,6 +36,9 @@ require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
 require('react-paginate');
+require('react-bootstrap/Button');
+require('./index.esm-8647570b.js');
+require('./iconBase-be4097c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -231,7 +234,16 @@ var MasterDeck = function (_React$Component) {
             return React__default['default'].createElement(
               React__default['default'].Fragment,
               { key: index },
-              React__default['default'].createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding }),
+              React__default['default'].createElement(_this2.Deck, {
+                data: row,
+                currentPage: _this.state.currentPage,
+                itemsPerPage: _this.state.itemsPerPage,
+                variant: variant,
+                index: index,
+                client: _this.props.client,
+                defaultImage: _this.defaultImage,
+                isSeriesLanding: _this.isSeriesLanding
+              }),
               _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
                 'div',
                 { className: 'ad-container', style: { margin: '0 auto' } },
@@ -247,7 +259,16 @@ var MasterDeck = function (_React$Component) {
             return React__default['default'].createElement(
               React__default['default'].Fragment,
               { key: index },
-              React__default['default'].createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding })
+              React__default['default'].createElement(_this2.Deck, {
+                data: row,
+                currentPage: _this.state.currentPage,
+                itemsPerPage: _this.state.itemsPerPage,
+                variant: variant,
+                index: index,
+                client: _this.props.client,
+                defaultImage: _this.defaultImage,
+                isSeriesLanding: _this.isSeriesLanding
+              })
             );
           }
         }) : React__default['default'].createElement(
@@ -411,7 +432,8 @@ var MasterDeck = function (_React$Component) {
               pageCount: Math.ceil(totalDataCount / itemsPerPage),
               pageRangeDisplayed: main.main_43 ? 3 : 9,
               currentPage: currentPage,
-              onPageChange: this.handlePageChange
+              onPageChange: this.handlePageChange,
+              needLargePaginateButtons: this.props.needLargePaginateButtons
             }),
             React__default['default'].createElement(
               'style',

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -46,8 +46,11 @@ require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./ADInfeed-bce0ba07.js');
-require('./Pagination-be11c32e.js');
+require('./Pagination-4a929dd5.js');
 require('react-paginate');
+require('react-bootstrap/Button');
+require('./index.esm-8647570b.js');
+require('./iconBase-be4097c0.js');
 require('react-bootstrap');
 require('./index-187c967e.js');
 require('./util-93a37fd0.js');
@@ -59,12 +62,10 @@ require('next/head');
 require('react-share');
 require('./_object-to-array-ce86cae7.js');
 require('react-bootstrap/Pagination');
-require('react-bootstrap/Button');
 require('./entities-df1aed86.js');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('./index.esm-00a6aade.js');
-require('./iconBase-be4097c0.js');
 require('react-bootstrap/Figure');
 require('react-bootstrap/OverlayTrigger');
 require('react-bootstrap/Tooltip');
@@ -391,7 +392,7 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
       params: params && params,
       currentPage: currentPage,
       pageview: pageview,
-      autoScroll: true,
+      needLargePaginateButtons: props.needLargePaginateButtons,
       seoPaginate: true
     })
   );

package/dist/cjs/Pagination-4a929dd5.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var React = require('react');
+var ReactPaginate = require('react-paginate');
+var Button = require('react-bootstrap/Button');
+var index_esm = require('./index.esm-8647570b.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+
+var Pagination = function Pagination(props) {
+  var pageCount = props.pageCount,
+      _props$marginPagesDis = props.marginPagesDisplayed,
+      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
+      _props$pageRangeDispl = props.pageRangeDisplayed,
+      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      _onPageChange = props.onPageChange,
+      _props$needLargePagin = props.needLargePaginateButtons,
+      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
+
+  if (!pageCount || pageCount <= 1) return null;
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    needLargePaginateButtons && React__default['default'].createElement(
+      'div',
+      { className: 'pagination-lg-btn-nxt' },
+      React__default['default'].createElement(
+        Button__default['default'],
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage + 1);
+          },
+          disabled: currentPage === pageCount,
+          href: '?page=' + (currentPage + 1) },
+        'NEXT PAGE',
+        React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
+      )
+    ),
+    React__default['default'].createElement(ReactPaginate__default['default'], {
+      pageCount: pageCount,
+      marginPagesDisplayed: marginPagesDisplayed,
+      pageRangeDisplayed: pageRangeDisplayed,
+      forcePage: currentPage - 1,
+      onPageChange: function onPageChange(_ref) {
+        var selected = _ref.selected;
+        return _onPageChange(selected + 1);
+      },
+      hrefBuilder: function hrefBuilder(page) {
+        return '?page=' + page;
+      },
+      previousLabel: '<',
+      nextLabel: '>',
+      containerClassName: 'pagination-container',
+      previousLinkClassName: 'previous',
+      nextLinkClassName: 'next',
+      disabledClassName: 'disbaled',
+      activeClassName: 'active'
+    }),
+    needLargePaginateButtons && React__default['default'].createElement(
+      'div',
+      { className: 'pagination-lg-btn-prv' },
+      React__default['default'].createElement(
+        Button__default['default'],
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage - 1);
+          },
+          disabled: currentPage === 1,
+          href: '?page=' + (currentPage - 1) },
+        React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
+        'PREVIOUS PAGE'
+      )
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disbaled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
+    )
+  );
+};
+
+exports.Pagination = Pagination;

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -46,8 +46,11 @@ require('./AuthorComponent-39b37d84.js');
 require('./ADlgInfeed-950b414b.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
-require('./Pagination-be11c32e.js');
+require('./Pagination-4a929dd5.js');
 require('react-paginate');
+require('react-bootstrap/Button');
+require('./index.esm-8647570b.js');
+require('./iconBase-be4097c0.js');
 require('./index-d48b231c.js');
 require('react-bootstrap/Breadcrumb');
 require('react-bootstrap/Carousel');
@@ -62,14 +65,12 @@ require('next/head');
 require('react-share');
 require('./_object-to-array-ce86cae7.js');
 require('react-bootstrap/Pagination');
-require('react-bootstrap/Button');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('./inherits-de66ea16.js');
 require('./_object-sap-d1978572.js');
 require('./define-property-e8404b64.js');
 require('./index.esm-00a6aade.js');
-require('./iconBase-be4097c0.js');
 require('react-bootstrap/Figure');
 require('react-bootstrap/OverlayTrigger');
 require('react-bootstrap/Tooltip');
@@ -97,7 +98,8 @@ var PartnerDetails = function PartnerDetails(_ref) {
       client = _ref.client,
       Settings = _ref.Settings,
       pageview = _ref.pageview,
-      page = _ref.page;
+      page = _ref.page,
+      needLargePaginateButtons = _ref.needLargePaginateButtons;
 
   return React__default['default'].createElement(
     React__default['default'].Fragment,
@@ -218,7 +220,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
           columns: 'rotate',
           variant: 'top',
           page: page,
-          autoScroll: true,
+          needLargePaginateButtons: needLargePaginateButtons,
           defaultImage: Settings.logo,
           showPublished: true,
           showCategory: true,

package/dist/cjs/QueueDeckExpandedPaginated.js

@@ -19,7 +19,7 @@ var ADlgInfeed = require('./ADlgInfeed-950b414b.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var timeDifferenceCalc = require('./timeDifferenceCalc.js');
 var urlFor = require('./urlFor.js');
-var Pagination = require('./Pagination-be11c32e.js');
+var Pagination = require('./Pagination-4a929dd5.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -39,6 +39,9 @@ require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./index-d48b231c.js');
 require('react-paginate');
+require('react-bootstrap/Button');
+require('./index.esm-8647570b.js');
+require('./iconBase-be4097c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1364,7 +1367,13 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default['default'].createElement(
         'div',
         { className: 'pagination-wrapper' },
-        React__default['default'].createElement(Pagination.Pagination, { pageCount: Math.ceil(totalDataCount / itemsPerPage), pageRangeDisplayed: main.main_43 ? 3 : 9, currentPage: currentPage, onPageChange: handlePageChange }),
+        React__default['default'].createElement(Pagination.Pagination, {
+          pageCount: Math.ceil(totalDataCount / itemsPerPage),
+          pageRangeDisplayed: main.main_43 ? 3 : 9,
+          currentPage: currentPage,
+          onPageChange: handlePageChange,
+          needLargePaginateButtons: props.needLargePaginateButtons
+        }),
         React__default['default'].createElement(
           'style',
           { jsx: 'true' },

package/dist/cjs/RecentNews.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index_esm = require('./index.esm-f27f80d9.js');
+var index_esm = require('./index.esm-8647570b.js');
 require('./iconBase-be4097c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/Ustream.js

@@ -4,7 +4,7 @@ var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var index_esm$1 = require('./index.esm-00a6aade.js');
-var index_esm = require('./index.esm-f27f80d9.js');
+var index_esm = require('./index.esm-8647570b.js');
 var main = require('./main-f1c77adb.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/View.js

@@ -24,7 +24,7 @@ var getTargeting = require('./getTargeting-9d509319.js');
 var getKeywords = require('./getKeywords.js');
 var urlFor = require('./urlFor.js');
 var _typeof = require('./typeof-567e31ff.js');
-var index_esm = require('./index.esm-f27f80d9.js');
+var index_esm = require('./index.esm-8647570b.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('./index-eadd5035.js');
 var disqusReact = require('disqus-react');

package/dist/cjs/getQuery.js

@@ -16,9 +16,9 @@ var getQuery = function getQuery(type) {
     case 'publication':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                thumbnail{ ..., asset-> },\n                taxonomyMapping[]->,\n                pdf{asset->},\n              } | order(year desc, month desc)\n      }';
     case 'issue':
-      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n            ' + params + '\n            ...,\n            \'issue\': *[_type == \'publication\'\n                && references(^._id)\n                && identifier.current == $issue][0] {\n                    ...,\n                    \'articles\': *[_type == \'article\'\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && is_visible\n                        && defined(url)\n                        && defined(published) \n                        && dateTime(published) <= dateTime(now())\n                        && passwordLock != true\n                        && references(^._id)] | order(published desc) {\n                          ...,\n                          authorMapping[0]->,\n                          contentCategory->,\n                          issueSection-> {\n                            name\n                          },\n                          \'pageNumber\': 1\n                        }\n                }\n        }';
+      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n            ' + params + '\n            ...,\n            \'issue\': *[_type == \'publication\'\n                && references(^._id)\n                && identifier.current == $issue][0] {\n                    ...,\n                    \'articles\': *[_type == \'article\'\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && is_visible\n                        && defined(url)\n                        && defined(published) \n                        && dateTime(published) <= dateTime(now())\n                        && passwordLock != true\n                        && references(^._id)] | order(published desc) {\n                          ...,\n                          thumbnail{ ..., asset-> },\n                          authorMapping[0]->,\n                          contentCategory->,\n                          issueSection-> {\n                            name\n                          },\n                          \'pageNumber\': 1\n                        }\n                }\n        }';
     case 'externalResources':
-      return '{\n        \'archived\': *[_type == "external" && archived && isVisible ' + conditions + '] | order(displayDate desc),\n        \'recent\': *[_type == "external" && archived != true && isVisible ' + conditions + '] | order(displayDate asc)\n      }';
+      return '{\n        \'archived\': *[_type == "external" && archived && isVisible ' + conditions + '] | order(displayDate desc){ ..., thumbnail{ ..., asset-> }},\n        \'recent\': *[_type == "external" && archived != true && isVisible ' + conditions + '] | order(displayDate asc){ ..., thumbnail{ ..., asset-> }}\n      }';
     case 'mediaseries':
       return '\n        \n        ';
   }

package/dist/cjs/{index.esm-f27f80d9.js → index.esm-8647570b.js}

@@ -3,7 +3,11 @@
 var iconBase = require('./iconBase-be4097c0.js');
 
 // THIS FILE IS AUTO GENERATED
-function FaLongArrowAltRight (props) {
+function FaArrowLeft (props) {
+  return iconBase.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"}}]})(props);
+}function FaArrowRight (props) {
+  return iconBase.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"}}]})(props);
+}function FaLongArrowAltRight (props) {
   return iconBase.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"}}]})(props);
 }function FaMinus (props) {
   return iconBase.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"}}]})(props);
@@ -13,6 +17,8 @@ function FaLongArrowAltRight (props) {
   return iconBase.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z"}}]})(props);
 }
 
+exports.FaArrowLeft = FaArrowLeft;
+exports.FaArrowRight = FaArrowRight;
 exports.FaLongArrowAltRight = FaLongArrowAltRight;
 exports.FaMinus = FaMinus;
 exports.FaPlus = FaPlus;

package/dist/cjs/index.js

@@ -178,7 +178,7 @@ require('react-bootstrap/Breadcrumb');
 require('./keys-e982b3fa.js');
 require('react-bootstrap/DropdownButton');
 require('react-bootstrap/Dropdown');
-require('./index.esm-f27f80d9.js');
+require('./index.esm-8647570b.js');
 require('./brightcove-react-player-loader.es-a195642e.js');
 require('react-bootstrap/Modal');
 require('./util-93a37fd0.js');

package/dist/esm/ContentCardPaginated.js

@@ -15,7 +15,7 @@ import { L as LazyLoad } from './index-755f2cc2.js';
 import { m as main_43 } from './main-1894c974.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
 import { A as ADInfeed } from './ADInfeed-0a55cd2d.js';
-import { P as Pagination } from './Pagination-4ece8cb4.js';
+import { P as Pagination } from './Pagination-b1ec9ba8.js';
 import Spinner from 'react-bootstrap/Spinner';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
@@ -40,6 +40,9 @@ import './Beam.js';
 import './stringify-2b084bee.js';
 import './Segment.js';
 import 'react-paginate';
+import 'react-bootstrap/Button';
+import './index.esm-0a31ab97.js';
+import './iconBase-ccc56b97.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);
@@ -382,7 +385,8 @@ var DeckContent = function (_React$Component) {
               pageCount: Math.ceil(this.state.totalDataCount / this.state.itemsPerPage),
               pageRangeDisplayed: main_43 ? 3 : 9,
               currentPage: this.state.currentPage,
-              onPageChange: this.handlePageChange
+              onPageChange: this.handlePageChange,
+              needLargePaginateButtons: this.props.needLargePaginateButtons
             }),
             React__default.createElement(
               'style',

package/dist/esm/DeckQueuePaginated.js

@@ -16,7 +16,7 @@ import { g as get_1 } from './get-3c308da4.js';
 import { m as main_43 } from './main-1894c974.js';
 import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { P as Pagination } from './Pagination-4ece8cb4.js';
+import { P as Pagination } from './Pagination-b1ec9ba8.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -35,6 +35,9 @@ import './eq-bdcbf886.js';
 import './slicedToArray-6ebcbfea.js';
 import './index-3f5c03b2.js';
 import 'react-paginate';
+import 'react-bootstrap/Button';
+import './index.esm-0a31ab97.js';
+import './iconBase-ccc56b97.js';
 
 var DeckQueue = function (_React$Component) {
   _inherits(DeckQueue, _React$Component);
@@ -301,7 +304,8 @@ var DeckQueue = function (_React$Component) {
               pageCount: Math.ceil(totalDataCount / itemsPerPage),
               pageRangeDisplayed: main_43 ? 3 : 9,
               currentPage: currentPage,
-              onPageChange: this.handlePageChange
+              onPageChange: this.handlePageChange,
+              needLargePaginateButtons: this.props.needLargePaginateButtons
             }),
             React__default.createElement(
               'style',

package/dist/esm/GridContentPaginated.js

@@ -22,7 +22,7 @@ import urlFor from './urlFor.js';
 import { m as main_43 } from './main-1894c974.js';
 import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
 import { P as PublicationFeature } from './PublicationFeature-d88e76b9.js';
-import { P as Pagination } from './Pagination-4ece8cb4.js';
+import { P as Pagination } from './Pagination-b1ec9ba8.js';
 import Spinner from 'react-bootstrap/Spinner';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
@@ -48,6 +48,8 @@ import './eq-bdcbf886.js';
 import './index-3f5c03b2.js';
 import 'react-bootstrap/Button';
 import 'react-paginate';
+import './index.esm-0a31ab97.js';
+import './iconBase-ccc56b97.js';
 
 var GridContent = function (_React$Component) {
   _inherits(GridContent, _React$Component);
@@ -656,7 +658,8 @@ var GridContent = function (_React$Component) {
               pageCount: Math.ceil(this.state.totalDataCount / this.state.itemsPerPage),
               pageRangeDisplayed: main_43 ? 3 : 9,
               currentPage: this.state.currentPage,
-              onPageChange: this.handlePageChange
+              onPageChange: this.handlePageChange,
+              needLargePaginateButtons: this.props.needLargePaginateButtons
             }),
             React__default.createElement(
               'style',

package/dist/esm/HorizontalHero.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import './moment-bc12cb97.js';
 import urlFor from './urlFor.js';
-import { a as FaLongArrowAltRight } from './index.esm-d4932dea.js';
+import { a as FaLongArrowAltRight } from './index.esm-0a31ab97.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './slicedToArray-6ebcbfea.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/MasterDeckPaginated.js

@@ -12,7 +12,7 @@ import { l as lodash } from './lodash-f97fd99a.js';
 import { m as main_43 } from './main-1894c974.js';
 import { A as ADlgInfeed } from './ADlgInfeed-013e1f4a.js';
 import { A as ADInfeed } from './ADInfeed-0a55cd2d.js';
-import { P as Pagination } from './Pagination-4ece8cb4.js';
+import { P as Pagination } from './Pagination-b1ec9ba8.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -34,6 +34,9 @@ import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
 import 'react-paginate';
+import 'react-bootstrap/Button';
+import './index.esm-0a31ab97.js';
+import './iconBase-ccc56b97.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);
@@ -223,7 +226,16 @@ var MasterDeck = function (_React$Component) {
             return React__default.createElement(
               React__default.Fragment,
               { key: index },
-              React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding }),
+              React__default.createElement(_this2.Deck, {
+                data: row,
+                currentPage: _this.state.currentPage,
+                itemsPerPage: _this.state.itemsPerPage,
+                variant: variant,
+                index: index,
+                client: _this.props.client,
+                defaultImage: _this.defaultImage,
+                isSeriesLanding: _this.isSeriesLanding
+              }),
               _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
                 'div',
                 { className: 'ad-container', style: { margin: '0 auto' } },
@@ -239,7 +251,16 @@ var MasterDeck = function (_React$Component) {
             return React__default.createElement(
               React__default.Fragment,
               { key: index },
-              React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding })
+              React__default.createElement(_this2.Deck, {
+                data: row,
+                currentPage: _this.state.currentPage,
+                itemsPerPage: _this.state.itemsPerPage,
+                variant: variant,
+                index: index,
+                client: _this.props.client,
+                defaultImage: _this.defaultImage,
+                isSeriesLanding: _this.isSeriesLanding
+              })
             );
           }
         }) : React__default.createElement(
@@ -403,7 +424,8 @@ var MasterDeck = function (_React$Component) {
               pageCount: Math.ceil(totalDataCount / itemsPerPage),
               pageRangeDisplayed: main_43 ? 3 : 9,
               currentPage: currentPage,
-              onPageChange: this.handlePageChange
+              onPageChange: this.handlePageChange,
+              needLargePaginateButtons: this.props.needLargePaginateButtons
             }),
             React__default.createElement(
               'style',

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -44,8 +44,11 @@ import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
 import './ADInfeed-0a55cd2d.js';
-import './Pagination-4ece8cb4.js';
+import './Pagination-b1ec9ba8.js';
 import 'react-paginate';
+import 'react-bootstrap/Button';
+import './index.esm-0a31ab97.js';
+import './iconBase-ccc56b97.js';
 import 'react-bootstrap';
 import './index-c7e2ac95.js';
 import './util-8ed16d48.js';
@@ -57,12 +60,10 @@ import 'next/head';
 import 'react-share';
 import './_object-to-array-2300e51b.js';
 import 'react-bootstrap/Pagination';
-import 'react-bootstrap/Button';
 import './entities-6d9154b4.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import './index.esm-f6156a57.js';
-import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
@@ -384,7 +385,7 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
       params: params && params,
       currentPage: currentPage,
       pageview: pageview,
-      autoScroll: true,
+      needLargePaginateButtons: props.needLargePaginateButtons,
       seoPaginate: true
     })
   );

package/dist/esm/Pagination-b1ec9ba8.js

@@ -0,0 +1,82 @@
+import React__default from 'react';
+import ReactPaginate from 'react-paginate';
+import Button from 'react-bootstrap/Button';
+import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-0a31ab97.js';
+
+var Pagination = function Pagination(props) {
+  var pageCount = props.pageCount,
+      _props$marginPagesDis = props.marginPagesDisplayed,
+      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
+      _props$pageRangeDispl = props.pageRangeDisplayed,
+      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      _onPageChange = props.onPageChange,
+      _props$needLargePagin = props.needLargePaginateButtons,
+      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
+
+  if (!pageCount || pageCount <= 1) return null;
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    needLargePaginateButtons && React__default.createElement(
+      'div',
+      { className: 'pagination-lg-btn-nxt' },
+      React__default.createElement(
+        Button,
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage + 1);
+          },
+          disabled: currentPage === pageCount,
+          href: '?page=' + (currentPage + 1) },
+        'NEXT PAGE',
+        React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
+      )
+    ),
+    React__default.createElement(ReactPaginate, {
+      pageCount: pageCount,
+      marginPagesDisplayed: marginPagesDisplayed,
+      pageRangeDisplayed: pageRangeDisplayed,
+      forcePage: currentPage - 1,
+      onPageChange: function onPageChange(_ref) {
+        var selected = _ref.selected;
+        return _onPageChange(selected + 1);
+      },
+      hrefBuilder: function hrefBuilder(page) {
+        return '?page=' + page;
+      },
+      previousLabel: '<',
+      nextLabel: '>',
+      containerClassName: 'pagination-container',
+      previousLinkClassName: 'previous',
+      nextLinkClassName: 'next',
+      disabledClassName: 'disbaled',
+      activeClassName: 'active'
+    }),
+    needLargePaginateButtons && React__default.createElement(
+      'div',
+      { className: 'pagination-lg-btn-prv' },
+      React__default.createElement(
+        Button,
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage - 1);
+          },
+          disabled: currentPage === 1,
+          href: '?page=' + (currentPage - 1) },
+        React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
+        'PREVIOUS PAGE'
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disbaled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
+    )
+  );
+};
+
+export { Pagination as P };

package/dist/esm/PartnerDetailListingPaginated.js

@@ -44,8 +44,11 @@ import './AuthorComponent-11adff02.js';
 import './ADlgInfeed-013e1f4a.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
-import './Pagination-4ece8cb4.js';
+import './Pagination-b1ec9ba8.js';
 import 'react-paginate';
+import 'react-bootstrap/Button';
+import './index.esm-0a31ab97.js';
+import './iconBase-ccc56b97.js';
 import './index-3f5c03b2.js';
 import 'react-bootstrap/Breadcrumb';
 import 'react-bootstrap/Carousel';
@@ -60,14 +63,12 @@ import 'next/head';
 import 'react-share';
 import './_object-to-array-2300e51b.js';
 import 'react-bootstrap/Pagination';
-import 'react-bootstrap/Button';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import './inherits-a6ba2ec4.js';
 import './_object-sap-7cee6f84.js';
 import './define-property-5f1bda73.js';
 import './index.esm-f6156a57.js';
-import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
@@ -91,7 +92,8 @@ var PartnerDetails = function PartnerDetails(_ref) {
       client = _ref.client,
       Settings = _ref.Settings,
       pageview = _ref.pageview,
-      page = _ref.page;
+      page = _ref.page,
+      needLargePaginateButtons = _ref.needLargePaginateButtons;
 
   return React__default.createElement(
     React__default.Fragment,
@@ -212,7 +214,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
           columns: 'rotate',
           variant: 'top',
           page: page,
-          autoScroll: true,
+          needLargePaginateButtons: needLargePaginateButtons,
           defaultImage: Settings.logo,
           showPublished: true,
           showCategory: true,

package/dist/esm/QueueDeckExpandedPaginated.js

@@ -17,7 +17,7 @@ import { A as ADlgInfeed } from './ADlgInfeed-013e1f4a.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import timeDifferenceCalc from './timeDifferenceCalc.js';
 import urlFor from './urlFor.js';
-import { P as Pagination } from './Pagination-4ece8cb4.js';
+import { P as Pagination } from './Pagination-b1ec9ba8.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -37,6 +37,9 @@ import './stringify-2b084bee.js';
 import './Segment.js';
 import './index-3f5c03b2.js';
 import 'react-paginate';
+import 'react-bootstrap/Button';
+import './index.esm-0a31ab97.js';
+import './iconBase-ccc56b97.js';
 
 var _this = undefined;
 
@@ -1358,7 +1361,13 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default.createElement(
         'div',
         { className: 'pagination-wrapper' },
-        React__default.createElement(Pagination, { pageCount: Math.ceil(totalDataCount / itemsPerPage), pageRangeDisplayed: main_43 ? 3 : 9, currentPage: currentPage, onPageChange: handlePageChange }),
+        React__default.createElement(Pagination, {
+          pageCount: Math.ceil(totalDataCount / itemsPerPage),
+          pageRangeDisplayed: main_43 ? 3 : 9,
+          currentPage: currentPage,
+          onPageChange: handlePageChange,
+          needLargePaginateButtons: props.needLargePaginateButtons
+        }),
         React__default.createElement(
           'style',
           { jsx: 'true' },

package/dist/esm/RecentNews.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { a as FaLongArrowAltRight } from './index.esm-d4932dea.js';
+import { a as FaLongArrowAltRight } from './index.esm-0a31ab97.js';
 import './iconBase-ccc56b97.js';
 
 var RecentNews = function RecentNews(_ref) {

package/dist/esm/Ustream.js

@@ -2,7 +2,7 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-5ef
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import { c as IoIosOpen } from './index.esm-f6156a57.js';
-import { F as FaRegWindowClose } from './index.esm-d4932dea.js';
+import { F as FaRegWindowClose } from './index.esm-0a31ab97.js';
 import { m as main_43 } from './main-1894c974.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/View.js

@@ -22,7 +22,7 @@ import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-4
 import getKeywords from './getKeywords.js';
 import urlFor from './urlFor.js';
 import { _ as _typeof } from './typeof-e9fc0c5d.js';
-import { b as FaMinus, c as FaPlus } from './index.esm-d4932dea.js';
+import { b as FaMinus, c as FaPlus } from './index.esm-0a31ab97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './index-755f2cc2.js';
 import { DiscussionEmbed } from 'disqus-react';

package/dist/esm/getQuery.js

@@ -14,9 +14,9 @@ var getQuery = function getQuery(type) {
     case 'publication':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                thumbnail{ ..., asset-> },\n                taxonomyMapping[]->,\n                pdf{asset->},\n              } | order(year desc, month desc)\n      }';
     case 'issue':
-      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n            ' + params + '\n            ...,\n            \'issue\': *[_type == \'publication\'\n                && references(^._id)\n                && identifier.current == $issue][0] {\n                    ...,\n                    \'articles\': *[_type == \'article\'\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && is_visible\n                        && defined(url)\n                        && defined(published) \n                        && dateTime(published) <= dateTime(now())\n                        && passwordLock != true\n                        && references(^._id)] | order(published desc) {\n                          ...,\n                          authorMapping[0]->,\n                          contentCategory->,\n                          issueSection-> {\n                            name\n                          },\n                          \'pageNumber\': 1\n                        }\n                }\n        }';
+      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n            ' + params + '\n            ...,\n            \'issue\': *[_type == \'publication\'\n                && references(^._id)\n                && identifier.current == $issue][0] {\n                    ...,\n                    \'articles\': *[_type == \'article\'\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && is_visible\n                        && defined(url)\n                        && defined(published) \n                        && dateTime(published) <= dateTime(now())\n                        && passwordLock != true\n                        && references(^._id)] | order(published desc) {\n                          ...,\n                          thumbnail{ ..., asset-> },\n                          authorMapping[0]->,\n                          contentCategory->,\n                          issueSection-> {\n                            name\n                          },\n                          \'pageNumber\': 1\n                        }\n                }\n        }';
     case 'externalResources':
-      return '{\n        \'archived\': *[_type == "external" && archived && isVisible ' + conditions + '] | order(displayDate desc),\n        \'recent\': *[_type == "external" && archived != true && isVisible ' + conditions + '] | order(displayDate asc)\n      }';
+      return '{\n        \'archived\': *[_type == "external" && archived && isVisible ' + conditions + '] | order(displayDate desc){ ..., thumbnail{ ..., asset-> }},\n        \'recent\': *[_type == "external" && archived != true && isVisible ' + conditions + '] | order(displayDate asc){ ..., thumbnail{ ..., asset-> }}\n      }';
     case 'mediaseries':
       return '\n        \n        ';
   }

package/dist/esm/{index.esm-d4932dea.js → index.esm-0a31ab97.js}

@@ -1,7 +1,11 @@
 import { G as GenIcon } from './iconBase-ccc56b97.js';
 
 // THIS FILE IS AUTO GENERATED
-function FaLongArrowAltRight (props) {
+function FaArrowLeft (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"}}]})(props);
+}function FaArrowRight (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"}}]})(props);
+}function FaLongArrowAltRight (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"}}]})(props);
 }function FaMinus (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"}}]})(props);
@@ -11,4 +15,4 @@ function FaLongArrowAltRight (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z"}}]})(props);
 }
 
-export { FaRegWindowClose as F, FaLongArrowAltRight as a, FaMinus as b, FaPlus as c };
+export { FaRegWindowClose as F, FaLongArrowAltRight as a, FaMinus as b, FaPlus as c, FaArrowRight as d, FaArrowLeft as e };

package/dist/esm/index.js

@@ -175,7 +175,7 @@ import 'react-bootstrap/Breadcrumb';
 import './keys-31dcdb31.js';
 import 'react-bootstrap/DropdownButton';
 import 'react-bootstrap/Dropdown';
-import './index.esm-d4932dea.js';
+import './index.esm-0a31ab97.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
 import 'react-bootstrap/Modal';
 import './util-8ed16d48.js';

package/package.json

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

package/dist/cjs/Pagination-be11c32e.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ReactPaginate = require('react-paginate');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
-
-var Pagination = function Pagination(props) {
-  var pageCount = props.pageCount,
-      _props$marginPagesDis = props.marginPagesDisplayed,
-      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
-      _props$pageRangeDispl = props.pageRangeDisplayed,
-      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
-      _props$currentPage = props.currentPage,
-      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
-      _onPageChange = props.onPageChange;
-
-  if (!pageCount || pageCount <= 1) return null;
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
-    null,
-    React__default['default'].createElement(ReactPaginate__default['default'], {
-      pageCount: pageCount,
-      marginPagesDisplayed: marginPagesDisplayed,
-      pageRangeDisplayed: pageRangeDisplayed,
-      forcePage: currentPage - 1,
-      onPageChange: function onPageChange(_ref) {
-        var selected = _ref.selected;
-        return _onPageChange(selected + 1);
-      },
-      hrefBuilder: function hrefBuilder(page) {
-        return '?page=' + page;
-      },
-      previousLabel: '<',
-      nextLabel: '>',
-      containerClassName: 'pagination-container',
-      previousLinkClassName: 'previous',
-      nextLinkClassName: 'next',
-      disabledClassName: 'disbaled',
-      activeClassName: 'active'
-    }),
-    React__default['default'].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 6px;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container .previous a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container .next a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disbaled a {\n          cursor: default;\n        }\n      '
-    )
-  );
-};
-
-exports.Pagination = Pagination;

package/dist/esm/Pagination-4ece8cb4.js

@@ -1,46 +0,0 @@
-import React__default from 'react';
-import ReactPaginate from 'react-paginate';
-
-var Pagination = function Pagination(props) {
-  var pageCount = props.pageCount,
-      _props$marginPagesDis = props.marginPagesDisplayed,
-      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
-      _props$pageRangeDispl = props.pageRangeDisplayed,
-      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
-      _props$currentPage = props.currentPage,
-      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
-      _onPageChange = props.onPageChange;
-
-  if (!pageCount || pageCount <= 1) return null;
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(ReactPaginate, {
-      pageCount: pageCount,
-      marginPagesDisplayed: marginPagesDisplayed,
-      pageRangeDisplayed: pageRangeDisplayed,
-      forcePage: currentPage - 1,
-      onPageChange: function onPageChange(_ref) {
-        var selected = _ref.selected;
-        return _onPageChange(selected + 1);
-      },
-      hrefBuilder: function hrefBuilder(page) {
-        return '?page=' + page;
-      },
-      previousLabel: '<',
-      nextLabel: '>',
-      containerClassName: 'pagination-container',
-      previousLinkClassName: 'previous',
-      nextLinkClassName: 'next',
-      disabledClassName: 'disbaled',
-      activeClassName: 'active'
-    }),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 6px;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container .previous a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container .next a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disbaled a {\n          cursor: default;\n        }\n      '
-    )
-  );
-};
-
-export { Pagination as P };