@mjhls/mjh-framework 1.0.821-url-pagination-v2 → 1.0.822

package/dist/cjs/PubSection.js

@@ -1,47 +1,47 @@
 'use strict';
 
+var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+var _extends = require('./extends-29bdbc6d.js');
+var React = require('react');
+var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./toConsumableArray-9a3476fe.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-0a918631.js');
-require('./web.dom.iterable-a0e279c1.js');
-var React = require('react');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_iter-detect-55a5657a.js');
+require('./_object-pie-083f2dd6.js');
+require('./toConsumableArray-ddb70795.js');
+require('react-bootstrap');
+require('./urlFor.js');
+require('./index-efca863c.js');
+require('./index.es-f3e47207.js');
+require('./moment-aca40de1.js');
+require('./visibility-sensor-eb2c5b69.js');
+require('react-dom');
+require('./index-fc2f1ca2.js');
 require('./events-1b438fe7.js');
-require('./index-2cf30c83.js');
 require('prop-types');
-require('react-bootstrap/Card');
-require('./moment-ca3bd9fb.js');
 require('next/router');
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-require('./index.es-f3e47207.js');
-require('react-dom');
-require('./visibility-sensor-eb2c5b69.js');
-require('./index-b5eb3ff8.js');
-require('./urlFor.js');
-require('./index-9d365128.js');
-require('./main-7b5e57b0.js');
-require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
-require('./Segment.js');
-require('./Beam.js');
+require('./index-eadd5035.js');
+require('./main-025fdc78.js');
+require('./entities-3f9d0f2f.js');
+require('./ADInfeed-8b336c67.js');
+require('react-bootstrap/Card');
 require('./AdSlot.js');
-require('./ADInfeed-0158bee3.js');
-require('./lodash-7fd85bcf.js');
-require('./ADlgInfeed-3583144f.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./Beam.js');
+require('./stringify-c9ac1214.js');
+require('./Segment.js');
+require('./AuthorComponent-c21aac7f.js');
+require('./lodash-f0783643.js');
+require('./ADlgInfeed-aedd5e18.js');
 require('./getContentCategory-f38a4c00.js');
-require('./AuthorComponent-ac8972ce.js');
-require('react-bootstrap');
 require('./timeDifferenceCalc.js');
-var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/PubToc.js

@@ -1,15 +1,15 @@
 'use strict';
 
+var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+var React = require('react');
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
-var React = require('react');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_iter-detect-55a5657a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/PublicationDeck.js

@@ -1,25 +1,25 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-require('prop-types');
 var Row = require('react-bootstrap/Row');
 var Col = require('react-bootstrap/Col');
+var Button = require('react-bootstrap/Button');
 var Card = require('react-bootstrap/Card');
-require('react-dom');
-require('./index-b5eb3ff8.js');
+var index = require('./index-eadd5035.js');
 var urlFor = require('./urlFor.js');
-var index = require('./index-9d365128.js');
-var lodash = require('./lodash-7fd85bcf.js');
-var Button = require('react-bootstrap/Button');
+var lodash = require('./lodash-f0783643.js');
+require('./_commonjsHelpers-06173234.js');
+require('react-dom');
+require('prop-types');
+require('./index-efca863c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
 var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
-var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,

package/dist/cjs/PublicationLanding.js

@@ -1,42 +1,42 @@
 'use strict';
 
+var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
+var _extends = require('./extends-29bdbc6d.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var _toObject = require('./_to-object-329a650b.js');
-var es6_string_iterator = require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
-var core_getIteratorMethod = require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-0a918631.js');
-var web_dom_iterable = require('./web.dom.iterable-a0e279c1.js');
-var _isArray = require('./_is-array-754e012d.js');
+var es6_string_iterator = require('./es6.string.iterator-c2573ffd.js');
+var web_dom_iterable = require('./web.dom.iterable-46657b5c.js');
+var _toObject = require('./_to-object-6de10e57.js');
+var _isArray = require('./_is-array-6128bd56.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-f474eacc.js');
+var toConsumableArray = require('./toConsumableArray-ddb70795.js');
 var React = require('react');
-require('prop-types');
 var Row = require('react-bootstrap/Row');
 var Col = require('react-bootstrap/Col');
+var Dropdown = require('react-bootstrap/Dropdown');
 var Card = require('react-bootstrap/Card');
 var Router = require('next/router');
+var index = require('./index-eadd5035.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-55a5657a.js');
+require('./_object-pie-083f2dd6.js');
 require('react-dom');
-var index = require('./index-9d365128.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
-var Dropdown = require('react-bootstrap/Dropdown');
+require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
 var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
-var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 
 var _validateCollection = function (it, TYPE) {
   if (!_toObject._isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
   return it;
 };
 
-var dP = _toObject._objectDp.f;
+var dP$1 = _toObject._objectDp.f;
 
 
 
@@ -119,7 +119,7 @@ var _collectionStrong = {
         return !!getEntry(_validateCollection(this, NAME), key);
       }
     });
-    if (_toObject._descriptors) dP(C.prototype, 'size', {
+    if (_toObject._descriptors) dP$1(C.prototype, 'size', {
       get: function () {
         return _validateCollection(this, NAME)[SIZE];
       }
@@ -247,7 +247,7 @@ var _arrayMethods = function (TYPE, $create) {
   };
 };
 
-var dP$1 = _toObject._objectDp.f;
+var dP = _toObject._objectDp.f;
 var each = _arrayMethods(0);
 
 
@@ -279,7 +279,7 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
         return IS_ADDER ? this : result;
       });
     });
-    IS_WEAK || dP$1(C.prototype, 'size', {
+    IS_WEAK || dP(C.prototype, 'size', {
       get: function () {
         return this._c.size;
       }
@@ -299,7 +299,7 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
 var SET = 'Set';
 
 // 23.2 Set Objects
-var es6_set = _collection(SET, function (get) {
+_collection(SET, function (get) {
   return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
 }, {
   // 23.2.3.1 Set.prototype.add(value)
@@ -375,40 +375,40 @@ var _setCollectionFrom = function (COLLECTION) {
 // https://tc39.github.io/proposal-setmap-offrom/#sec-set.from
 _setCollectionFrom('Set');
 
-var set = _toObject._core.Set;
+var set$1 = _toObject._core.Set;
 
-var set$1 = _commonjsHelpers.createCommonjsModule(function (module) {
-module.exports = { "default": set, __esModule: true };
+var set = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": set$1, __esModule: true };
 });
 
-var _Set = _commonjsHelpers.unwrapExports(set$1);
-
-/* 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 _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
 */
 
 var generateContentPlacements = function generateContentPlacements(issues) {
@@ -431,9 +431,9 @@ var PublicationLanding = function PublicationLanding(props) {
   var publication = props.publication,
       _props$year = props.year,
       year = _props$year === undefined ? '' : _props$year,
-      href = props.href,
-      pdf = props.pdf,
-      _props$contentPlaceme = props.contentPlacement,
+      href = props.href;
+      props.pdf;
+      var _props$contentPlaceme = props.contentPlacement,
       contentPlacement = _props$contentPlaceme === undefined ? '' : _props$contentPlaceme,
       client = props.client;
 

package/dist/cjs/QueueDeckExpanded.js

@@ -1,46 +1,46 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-0a918631.js');
-require('./web.dom.iterable-a0e279c1.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+var toConsumableArray = require('./toConsumableArray-ddb70795.js');
+var _extends = require('./extends-29bdbc6d.js');
 var React = require('react');
-require('./events-1b438fe7.js');
-var index$1 = require('./index-2cf30c83.js');
-require('prop-types');
-require('react-bootstrap/Card');
-var moment = require('./moment-ca3bd9fb.js');
-var Router = require('next/router');
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
+var reactBootstrap = require('react-bootstrap');
+var urlFor = require('./urlFor.js');
 var index_es = require('./index.es-f3e47207.js');
-require('react-dom');
+var moment = require('./moment-aca40de1.js');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
-require('./index-b5eb3ff8.js');
-var urlFor = require('./urlFor.js');
-var index = require('./index-9d365128.js');
-var main = require('./main-7b5e57b0.js');
-var entities = require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-140e5f89.js');
-require('./Segment.js');
-require('./Beam.js');
-require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-0158bee3.js');
-var lodash = require('./lodash-7fd85bcf.js');
-var ADlgInfeed = require('./ADlgInfeed-3583144f.js');
+var index$1 = require('./index-fc2f1ca2.js');
+var Router = require('next/router');
+var index = require('./index-eadd5035.js');
+var main = require('./main-025fdc78.js');
+var entities = require('./entities-3f9d0f2f.js');
+var ADInfeed = require('./ADInfeed-8b336c67.js');
+var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
+var lodash = require('./lodash-f0783643.js');
+var ADlgInfeed = require('./ADlgInfeed-aedd5e18.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
-var AuthorComponent = require('./AuthorComponent-ac8972ce.js');
-var reactBootstrap = require('react-bootstrap');
 var timeDifferenceCalc = require('./timeDifferenceCalc.js');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_iter-detect-55a5657a.js');
+require('./_object-pie-083f2dd6.js');
+require('./index-efca863c.js');
+require('react-dom');
+require('./events-1b438fe7.js');
+require('prop-types');
+require('react-bootstrap/Card');
+require('./AdSlot.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./Beam.js');
+require('./stringify-c9ac1214.js');
+require('./asyncToGenerator-58c289d9.js');
+require('./_library-dd23b178.js');
+require('./Segment.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -128,11 +128,11 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
       path += '?' + queryString;
     }
 
-    pageNumber = parseInt(pageNumber);
-    // const index = Number(itemIndex)
-    // const perPage = Number(itemsPerPage)
+    // pageNumber = parseInt(pageNumber)
+    var index = Number(itemIndex);
+    var perPage = Number(itemsPerPage);
 
-    // pageNumber = Math.ceil((index + 1) / perPage)
+    pageNumber = Math.ceil((index + 1) / perPage);
 
     if (currentPage !== pageNumber) {
       index$1.lib_3.refresh();
@@ -277,7 +277,7 @@ var cardLoader = function cardLoader(data, client, mapping, values, seoPaginate,
               key: article._id ? article._id : index$1,
               partialVisibility: true,
               onChange: function onChange(isVisible) {
-                isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
+                isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, index$1);
               } },
             React__default['default'].createElement(
               React__default['default'].Fragment,
@@ -437,7 +437,7 @@ var cardLoader = function cardLoader(data, client, mapping, values, seoPaginate,
               key: article._id ? article._id : index$1,
               partialVisibility: true,
               onChange: function onChange(isVisible) {
-                isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
+                isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, index$1);
               } },
             React__default['default'].createElement(
               React__default['default'].Fragment,
@@ -771,7 +771,7 @@ var cardLoader = function cardLoader(data, client, mapping, values, seoPaginate,
             React__default['default'].createElement(
               'div',
               null,
-              main.main_40 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index$1, numberOfItemsBeforeAd, rightItems)
+              main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index$1, numberOfItemsBeforeAd, rightItems)
             )
           )
         );
@@ -794,7 +794,7 @@ var cardLoader = function cardLoader(data, client, mapping, values, seoPaginate,
                 key: article._id ? article._id : index$1,
                 partialVisibility: true,
                 onChange: function onChange(isVisible) {
-                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
+                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, index$1);
                 } },
               React__default['default'].createElement(
                 React__default['default'].Fragment,
@@ -954,7 +954,7 @@ var cardLoader = function cardLoader(data, client, mapping, values, seoPaginate,
                 key: article._id ? article._id : index$1,
                 partialVisibility: true,
                 onChange: function onChange(isVisible) {
-                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
+                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, index$1);
                 } },
               React__default['default'].createElement(
                 React__default['default'].Fragment,
@@ -1277,7 +1277,7 @@ var cardLoader = function cardLoader(data, client, mapping, values, seoPaginate,
               React__default['default'].createElement(
                 'div',
                 null,
-                main.main_40 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index$1, numberOfItemsBeforeAd, rightItems)
+                main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index$1, numberOfItemsBeforeAd, rightItems)
               )
             )
           );
@@ -1413,7 +1413,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   var _useState13 = React.useState({
     from: params ? params.from : 0,
     to: params ? params.to : 0,
-    page: initialCurrentPage ? initialCurrentPage : 1
+    page: 1
   }),
       _useState14 = slicedToArray._slicedToArray(_useState13, 2),
       values = _useState14[0],
@@ -1478,7 +1478,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   var trackScrolling = function trackScrolling(current) {
     if (window.pageYOffset === 0) {
       if (currentPage > 1) {
-        changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
+        changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, 1);
       }
     }
   };

package/dist/cjs/RecentNews.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-require('./iconBase-68959171.js');
 var index_esm = require('./index.esm-05850a2f.js');
+require('./iconBase-68959171.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var RecentNews = function RecentNews(_ref) {
-  var client = _ref.client,
-      _ref$dataRecord = _ref.dataRecord,
+  _ref.client;
+      var _ref$dataRecord = _ref.dataRecord,
       dataRecord = _ref$dataRecord === undefined ? [] : _ref$dataRecord,
       _ref$linkTo = _ref.linkTo,
       linkTo = _ref$linkTo === undefined ? '/news' : _ref$linkTo,

package/dist/cjs/RelatedContent.js

@@ -1,47 +1,47 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-require('prop-types');
-var moment = require('./moment-ca3bd9fb.js');
-require('react-dom');
-require('./index-b5eb3ff8.js');
-var urlFor = require('./urlFor.js');
-var index = require('./index-9d365128.js');
+var moment = require('./moment-aca40de1.js');
 require('react-bootstrap/Media');
+var urlFor = require('./urlFor.js');
+var index = require('./index-eadd5035.js');
+require('./_commonjsHelpers-06173234.js');
+require('./index-efca863c.js');
+require('react-dom');
+require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 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/Search.js

@@ -1,22 +1,22 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var Button = require('react-bootstrap/Button');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
+var Button = require('react-bootstrap/Button');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
 var Search = function Search(props) {
   var _props$placeholder = props.placeholder,