@mjhls/mjh-framework 1.0.918-ris-update-v1 → 1.0.918

package/dist/esm/{MediaSeriesCard-e62d78e7.js → MediaSeriesCard-8a9b91e6.js}

@@ -2626,6 +2626,45 @@ function getBasePlacement(placement) {
   return placement.split('-')[0];
 }
 
+function getBoundingClientRect(element) {
+  var rect = element.getBoundingClientRect();
+  return {
+    width: rect.width,
+    height: rect.height,
+    top: rect.top,
+    right: rect.right,
+    bottom: rect.bottom,
+    left: rect.left,
+    x: rect.left,
+    y: rect.top
+  };
+}
+
+// means it doesn't take into account transforms.
+
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
+  // Fixes https://github.com/popperjs/popper-core/issues/1223
+
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width: width,
+    height: height
+  };
+}
+
 function getWindow(node) {
   if (node == null) {
     return window;
@@ -2659,59 +2698,6 @@ function isShadowRoot(node) {
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 
-var round$1 = Math.round;
-function getBoundingClientRect(element, includeScale) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-
-  var rect = element.getBoundingClientRect();
-  var scaleX = 1;
-  var scaleY = 1;
-
-  if (isHTMLElement(element) && includeScale) {
-    // Fallback to 1 in case both values are `0`
-    scaleX = rect.width / element.offsetWidth || 1;
-    scaleY = rect.height / element.offsetHeight || 1;
-  }
-
-  return {
-    width: round$1(rect.width / scaleX),
-    height: round$1(rect.height / scaleY),
-    top: round$1(rect.top / scaleY),
-    right: round$1(rect.right / scaleX),
-    bottom: round$1(rect.bottom / scaleY),
-    left: round$1(rect.left / scaleX),
-    x: round$1(rect.left / scaleX),
-    y: round$1(rect.top / scaleY)
-  };
-}
-
-// means it doesn't take into account transforms.
-
-function getLayoutRect(element) {
-  var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
-  // Fixes https://github.com/popperjs/popper-core/issues/1223
-
-  var width = element.offsetWidth;
-  var height = element.offsetHeight;
-
-  if (Math.abs(clientRect.width - width) <= 1) {
-    width = clientRect.width;
-  }
-
-  if (Math.abs(clientRect.height - height) <= 1) {
-    height = clientRect.height;
-  }
-
-  return {
-    x: element.offsetLeft,
-    y: element.offsetTop,
-    width: width,
-    height: height
-  };
-}
-
 function contains$1(parent, child) {
   var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
 
@@ -3938,24 +3924,16 @@ function getNodeScroll(node) {
   }
 }
 
-function isElementScaled(element) {
-  var rect = element.getBoundingClientRect();
-  var scaleX = rect.width / element.offsetWidth || 1;
-  var scaleY = rect.height / element.offsetHeight || 1;
-  return scaleX !== 1 || scaleY !== 1;
-} // Returns the composite rect of an element relative to its offsetParent.
 // Composite means it takes into account transforms as well as layout.
 
-
 function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   if (isFixed === void 0) {
     isFixed = false;
   }
 
-  var isOffsetParentAnElement = isHTMLElement(offsetParent);
-  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement);
+  var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -3972,7 +3950,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     }
 
     if (isHTMLElement(offsetParent)) {
-      offsets = getBoundingClientRect(offsetParent, true);
+      offsets = getBoundingClientRect(offsetParent);
       offsets.x += offsetParent.clientLeft;
       offsets.y += offsetParent.clientTop;
     } else if (documentElement) {
@@ -9449,7 +9427,7 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
 Tooltip.defaultProps = defaultProps;
 Tooltip.displayName = 'Tooltip';
 
-var css = ".MediaSeriesCard-module_article__SAFYK {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n  width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n  color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n  font-size: 1.3rem;\r\n  font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .MediaSeriesCard-module_article__SAFYK {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .MediaSeriesCard-module_article__SAFYK a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU figure {\r\n    margin: 0;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o {\r\n    width: 90%;\r\n    padding: 0rem !important;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o h2 {\r\n    font-size: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_name__2m5KY {\r\n    font-size: 1rem;\r\n    \r\n  }\r\n}\r\n";
+var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
 var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
 styleInject(css);
 

package/dist/esm/MediaSeriesLanding.js

@@ -3,7 +3,7 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-e62d78e7.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-8a9b91e6.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
@@ -90,11 +90,11 @@ var Filter = function Filter(_ref) {
       _useState6 = _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
+    }
     */
 
 
@@ -482,4 +482,4 @@ MediaSeriesLanding.getInitialData = function () {
   };
 }();
 
-export { MediaSeriesLanding as default };
+export default MediaSeriesLanding;

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -3,7 +3,7 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-e62d78e7.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-8a9b91e6.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
@@ -44,7 +44,8 @@ import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
 import './ADInfeed-0a55cd2d.js';
-import './Pagination-484b86c5.js';
+import './Pagination-59436882.js';
+import 'react-paginate';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
@@ -91,11 +92,11 @@ var Filter = function Filter(_ref) {
       _useState6 = _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
+    }
     */
 
 
@@ -515,4 +516,4 @@ MediaSeriesLanding.getInitialData = function () {
   };
 }();
 
-export { MediaSeriesLanding as default };
+export default MediaSeriesLanding;

package/dist/esm/NavDvm.js

@@ -229,4 +229,5 @@ var NavDvm = function NavDvm(props) {
   );
 };
 
-export { NavDvm, NavDvm as default };
+export default NavDvm;
+export { NavDvm };

package/dist/esm/NavMagazine.js

@@ -26,16 +26,16 @@ import 'react-bootstrap/FormControl';
 import 'react-bootstrap/Button';
 
 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
@@ -579,4 +579,5 @@ var NavMagazine = function NavMagazine(props) {
 
 var MagazineNav = React__default.memo(NavMagazine);
 
-export { NavMagazine, MagazineNav as default };
+export default MagazineNav;
+export { NavMagazine };

package/dist/esm/NavNative.js

@@ -300,15 +300,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,
@@ -842,4 +842,5 @@ var NavNative = function NavNative(props) {
   );
 };
 
-export { NavNative, NavNative as default };
+export default NavNative;
+export { NavNative };

package/dist/esm/OncliveHero.js

@@ -70,4 +70,4 @@ var OncliveHero = function OncliveHero(props) {
   );
 };
 
-export { OncliveHero as default };
+export default OncliveHero;

package/dist/esm/OncliveLargeHero.js

@@ -232,4 +232,4 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
   );
 };
 
-export { OncliveLargeHero as default };
+export default OncliveLargeHero;

package/dist/esm/PageFilter.js

@@ -63,4 +63,4 @@ var PageFilter = function PageFilter(props) {
   return null;
 };
 
-export { PageFilter as default };
+export default PageFilter;

package/dist/esm/Pagination-59436882.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-1bd8a0a8.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/PartnerDetailListing.js

@@ -293,4 +293,4 @@ PartnerDetails.returnGetInitialProps = function () {
   };
 }();
 
-export { PartnerDetails as default };
+export default PartnerDetails;

package/dist/esm/PartnerDetailListingPaginated.js

@@ -44,7 +44,8 @@ import './AuthorComponent-11adff02.js';
 import './ADlgInfeed-013e1f4a.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
-import './Pagination-484b86c5.js';
+import './Pagination-59436882.js';
+import 'react-paginate';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
@@ -307,4 +308,4 @@ PartnerDetails.returnGetInitialProps = function () {
   };
 }();
 
-export { PartnerDetails as default };
+export default PartnerDetails;

package/dist/esm/PdfDownload.js

@@ -19,4 +19,4 @@ var PdfDownload = function PdfDownload(props) {
   );
 };
 
-export { PdfDownload as default };
+export default PdfDownload;

package/dist/esm/PopUpModal.js

@@ -48,4 +48,4 @@ var PopUpModal = function PopUpModal(props) {
   );
 };
 
-export { PopUpModal as default };
+export default PopUpModal;

package/dist/esm/PubSection.js

@@ -112,4 +112,4 @@ PubSection.getInitialProps = function () {
   };
 }();
 
-export { PubSection as default };
+export default PubSection;

package/dist/esm/PubToc.js

@@ -78,4 +78,4 @@ PubToc.getInitialProps = function () {
   };
 }();
 
-export { PubToc as default };
+export default PubToc;

package/dist/esm/PublicationDeck.js

@@ -170,4 +170,4 @@ var PublicationDeck = function PublicationDeck(props) {
   }
 };
 
-export { PublicationDeck as default };
+export default PublicationDeck;

package/dist/esm/PublicationLanding.js

@@ -376,32 +376,32 @@ module.exports = { "default": set$1, __esModule: true };
 
 var _Set = 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) {
@@ -844,4 +844,4 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
   );
 };
 
-export { PublicationLanding as default };
+export default PublicationLanding;

package/dist/esm/QueueDeckExpanded.js

@@ -1532,4 +1532,4 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   );
 };
 
-export { QueueDeckExpanded as default };
+export default QueueDeckExpanded;

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-484b86c5.js';
+import { P as Pagination } from './Pagination-59436882.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -36,6 +36,7 @@ import './Beam.js';
 import './stringify-2b084bee.js';
 import './Segment.js';
 import './index-3f5c03b2.js';
+import 'react-paginate';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
@@ -1377,4 +1378,4 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   );
 };
 
-export { QueueDeckExpanded as default };
+export default QueueDeckExpanded;

package/dist/esm/RecentNews.js

@@ -82,4 +82,4 @@ var RecentNews = function RecentNews(_ref) {
   );
 };
 
-export { RecentNews as default };
+export default RecentNews;

package/dist/esm/RelatedContent.js

@@ -11,34 +11,34 @@ import './index-3f5c03b2.js';
 import 'react-dom';
 import 'prop-types';
 
-/*
-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,
@@ -105,4 +105,4 @@ var RelatedContent = function RelatedContent(props) {
   );
 };
 
-export { RelatedContent as default };
+export default RelatedContent;