@mjhls/mjh-framework 1.0.979-ris-update-v2 → 1.0.979

package/dist/cjs/MediaSeriesLanding.js

@@ -5,12 +5,13 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-1a62916a.js');
+var MediaSeriesCard = require('./MediaSeriesCard-a415ce94.js');
+require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-bb00ade7.js');
+var getSerializers = require('./index-d394c167.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -28,7 +29,8 @@ require('./toConsumableArray-d7797c2b.js');
 require('./inherits-de66ea16.js');
 require('./_object-sap-d1978572.js');
 require('./define-property-e8404b64.js');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
@@ -40,13 +42,13 @@ require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 require('./index.es-f3e47207.js');
 require('./visibility-sensor-eb2c5b69.js');
-require('./ADlgInfeed-d06624d8.js');
+require('./ADlgInfeed-0db07099.js');
 require('./AdSlot.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./main-f1c77adb.js');
-require('./ADInfeed-cf54cb8a.js');
+require('./ADInfeed-81006615.js');
 require('react-bootstrap');
 require('./index-187c967e.js');
 require('./util-93a37fd0.js');
@@ -98,11 +100,11 @@ var Filter = function Filter(_ref) {
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -5,12 +5,13 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-1a62916a.js');
+var MediaSeriesCard = require('./MediaSeriesCard-a415ce94.js');
+require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 var MasterDeckPaginated = require('./MasterDeckPaginated.js');
-var getSerializers = require('./index-bb00ade7.js');
+var getSerializers = require('./index-d394c167.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -29,13 +30,14 @@ require('./toConsumableArray-d7797c2b.js');
 require('./inherits-de66ea16.js');
 require('./_object-sap-d1978572.js');
 require('./define-property-e8404b64.js');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('react-bootstrap/Container');
 require('react-bootstrap/Spinner');
 require('next/router');
 require('./lodash-f0783643.js');
 require('./main-f1c77adb.js');
-require('./ADlgInfeed-d06624d8.js');
+require('./ADlgInfeed-0db07099.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -43,8 +45,9 @@ require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
-require('./ADInfeed-cf54cb8a.js');
-require('./Pagination-2a3d0103.js');
+require('./ADInfeed-81006615.js');
+require('./Pagination-1e0d5f1d.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');
@@ -99,11 +102,11 @@ var Filter = function Filter(_ref) {
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 

package/dist/cjs/NavMagazine.js

@@ -38,16 +38,16 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     user={props.cache.user}
+     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/NavNative.js

@@ -315,15 +315,15 @@ function chunk(array, size, guard) {
 var chunk_1 = chunk;
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
   // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
   var logo = props.logo,

package/dist/cjs/Pagination-1e0d5f1d.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-d51c9ac6.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: currentPage === pageCount ? '' : '?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: 'disabled',
+      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: currentPage <= 1 ? '?page=1' : '?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 .disabled 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/PartnerDetailListing.js

@@ -13,7 +13,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-bb00ade7.js');
+var getSerializers = require('./index-d394c167.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -28,12 +28,13 @@ require('react-bootstrap');
 require('./index.es-f3e47207.js');
 require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('next/router');
 require('./index-eadd5035.js');
 require('./main-f1c77adb.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-cf54cb8a.js');
+require('./ADInfeed-81006615.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -44,7 +45,7 @@ require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./AuthorComponent-39b37d84.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-d06624d8.js');
+require('./ADlgInfeed-0db07099.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 require('./index-d48b231c.js');

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -13,7 +13,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-bb00ade7.js');
+var getSerializers = require('./index-d394c167.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -25,14 +25,15 @@ require('prop-types');
 require('./smoothscroll-99df7f93.js');
 require('./toConsumableArray-d7797c2b.js');
 require('react-bootstrap');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('next/router');
 require('./index-eadd5035.js');
 require('react-dom');
 require('./lodash-f0783643.js');
 require('./main-f1c77adb.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-cf54cb8a.js');
+require('./ADInfeed-81006615.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -42,10 +43,11 @@ require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./AuthorComponent-39b37d84.js');
-require('./ADlgInfeed-d06624d8.js');
+require('./ADlgInfeed-0db07099.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
-require('./Pagination-2a3d0103.js');
+require('./Pagination-1e0d5f1d.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/PubSection.js

@@ -19,13 +19,14 @@ require('./index.es-f3e47207.js');
 require('./moment-aca40de1.js');
 require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('next/router');
 require('./index-eadd5035.js');
 require('./main-f1c77adb.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-cf54cb8a.js');
+require('./ADInfeed-81006615.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -36,7 +37,7 @@ require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./AuthorComponent-39b37d84.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-d06624d8.js');
+require('./ADlgInfeed-0db07099.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 

package/dist/cjs/PublicationLanding.js

@@ -386,32 +386,32 @@ module.exports = { "default": set$1, __esModule: true };
 
 var _Set = _commonjsHelpers.unwrapExports(set);
 
-/* usage & query
-const Publication = (props) => {
-  const { cache, pub, year } = props
-  const targeting = {
-    content_placement: [`/journals/${pub.identifier.current}`],
-    document_url: [`/journals/${pub.identifier.current}`],
-  }
-  return (
-    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
-      <PublicationLanding publication={pub} year={year} href={'journals'} />
-    </Shell>
-  )
-}
-Publication.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const {
-    query: { year },
-  } = ctx
-  const pub = await client.fetch(getQuery('publication'), query)
- **import urlFor from framework**
-  pub.issues.map((issue) => {
-    issue.thumbnail = urlFor({client, source: issue.thumbnail})
-  })
-  return { pub, year }
-}
-export default Publication
+/* usage & query
+const Publication = (props) => {
+  const { cache, pub, year } = props
+  const targeting = {
+    content_placement: [`/journals/${pub.identifier.current}`],
+    document_url: [`/journals/${pub.identifier.current}`],
+  }
+  return (
+    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
+      <PublicationLanding publication={pub} year={year} href={'journals'} />
+    </Shell>
+  )
+}
+Publication.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const {
+    query: { year },
+  } = ctx
+  const pub = await client.fetch(getQuery('publication'), query)
+ **import urlFor from framework**
+  pub.issues.map((issue) => {
+    issue.thumbnail = urlFor({client, source: issue.thumbnail})
+  })
+  return { pub, year }
+}
+export default Publication
 */
 
 var generateContentPlacements = function generateContentPlacements(issues) {

package/dist/cjs/QueueDeckExpanded.js

@@ -9,15 +9,15 @@ var urlFor = require('./urlFor.js');
 var index_es = require('./index.es-f3e47207.js');
 var moment = require('./moment-aca40de1.js');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
-var index$1 = require('./index-0e4427c8.js');
+var index$1 = require('./index-fc2f1ca2.js');
 var Router = require('next/router');
 var index = require('./index-eadd5035.js');
 var main = require('./main-f1c77adb.js');
 var entities = require('./entities-df1aed86.js');
-var ADInfeed = require('./ADInfeed-cf54cb8a.js');
+var ADInfeed = require('./ADInfeed-81006615.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
 var lodash = require('./lodash-f0783643.js');
-var ADlgInfeed = require('./ADlgInfeed-d06624d8.js');
+var ADlgInfeed = require('./ADlgInfeed-0db07099.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var timeDifferenceCalc = require('./timeDifferenceCalc.js');
 require('./_commonjsHelpers-06173234.js');
@@ -27,6 +27,7 @@ require('./_iter-detect-b1df62f0.js');
 require('./_object-pie-083f2dd6.js');
 require('./index-d48b231c.js');
 require('react-dom');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('react-bootstrap/Card');
 require('./AdSlot.js');

package/dist/cjs/QueueDeckExpandedPaginated.js

@@ -7,25 +7,26 @@ var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
 var React = require('react');
 var reactBootstrap = require('react-bootstrap');
 var moment = require('./moment-aca40de1.js');
-var index = require('./index-0e4427c8.js');
+var index = require('./index-fc2f1ca2.js');
 var Router = require('next/router');
 var index$1 = require('./index-eadd5035.js');
 var lodash = require('./lodash-f0783643.js');
 var main = require('./main-f1c77adb.js');
 var entities = require('./entities-df1aed86.js');
-var ADInfeed = require('./ADInfeed-cf54cb8a.js');
+var ADInfeed = require('./ADInfeed-81006615.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
-var ADlgInfeed = require('./ADlgInfeed-d06624d8.js');
+var ADlgInfeed = require('./ADlgInfeed-0db07099.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var timeDifferenceCalc = require('./timeDifferenceCalc.js');
 var urlFor = require('./urlFor.js');
-var Pagination = require('./Pagination-2a3d0103.js');
+var Pagination = require('./Pagination-1e0d5f1d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('./_object-pie-083f2dd6.js');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('react-dom');
 require('react-bootstrap/Card');
@@ -37,6 +38,7 @@ require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./index-d48b231c.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/RelatedContent.js

@@ -17,34 +17,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-Sample query
-                let references = ''
-                if(article.taxonomyMapping.length > 0){
-                    article.taxonomyMapping.forEach((ref, index) => {
-                    references = references + `references('${ref._ref}') `
-                    if(index+1 !== article.taxonomyMapping.length){
-                        references = references + ` && `
-                    }
-                    })
-                }
-                
-                const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
-                    ...,
-                    title,
-                    summary,
-                    thumbnail,
-                    url,
-                    published,
-                    authorMapping[]->,
-                    contentCategory->
-                }`
-                const relatedArticles = await client.fetch(relatedArticlesQuery)
-
-Sample usage
-            <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
-
-
+/*
+Sample query
+                let references = ''
+                if(article.taxonomyMapping.length > 0){
+                    article.taxonomyMapping.forEach((ref, index) => {
+                    references = references + `references('${ref._ref}') `
+                    if(index+1 !== article.taxonomyMapping.length){
+                        references = references + ` && `
+                    }
+                    })
+                }
+                
+                const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    authorMapping[]->,
+                    contentCategory->
+                }`
+                const relatedArticles = await client.fetch(relatedArticlesQuery)
+
+Sample usage
+            <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
+
+
 */
 var RelatedContent = function RelatedContent(props) {
   var client = props.client,

package/dist/cjs/RelatedTopicsDropdown.js

@@ -22,16 +22,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
       _ref$className = _ref.className,
       className = _ref$className === undefined ? '' : _ref$className;
 
-  /*
-  Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
-  example:
-  <RelatedTopicDropdown
-      page='/clinical'
-      exclude="clinical"
-      className='mb-3'
-      parentTaxonomy={props.parentTaxonomy}
-      subTaxonomies={props.subTaxonomies}
-  />
+  /*
+  Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
+  example:
+  <RelatedTopicDropdown
+      page='/clinical'
+      exclude="clinical"
+      className='mb-3'
+      parentTaxonomy={props.parentTaxonomy}
+      subTaxonomies={props.subTaxonomies}
+  />
   */
   if (subTaxonomies.length === 0 && parentTaxonomy) {
     if (parentTaxonomy.identifier == exclude) {

package/dist/cjs/SeriesListingDeck.js

@@ -5,15 +5,16 @@ var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var Router = require('next/router');
-var index = require('./index-0e4427c8.js');
+var index = require('./index-fc2f1ca2.js');
 var index_es = require('./index.es-f3e47207.js');
-var SeriesSlider = require('./SeriesSlider-74546d19.js');
+var SeriesSlider = require('./SeriesSlider-594b19eb.js');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_iter-detect-b1df62f0.js');
 require('./_object-pie-083f2dd6.js');
 require('./web.dom.iterable-d98303e0.js');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('./index-187c967e.js');
 require('./index-eadd5035.js');

package/dist/cjs/{SeriesSlider-74546d19.js → SeriesSlider-594b19eb.js}

@@ -12,10 +12,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var SeriesSlider = function SeriesSlider(_ref) {

package/dist/cjs/SideFooter.js

@@ -38,8 +38,8 @@ var renderLink = function renderLink(row) {
 };
 
 var SideFooter = function SideFooter(props) {
-  /*
-  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
   */
   var _get = get.get_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,