@mjhls/mjh-framework 1.0.950-deck-pagination-v3 → 1.0.950-metafix-v1

package/dist/esm/HealthCareProfessionalModal.js

@@ -4,7 +4,7 @@ import Modal from 'react-bootstrap/Modal';
 import Button from 'react-bootstrap/Button';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css = ".HealthcareProfessionalModal-module_container__HUaSr {\r\n  position: fixed;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  background: rgba(0,0,0,.1);\r\n  z-index: 9999999999;\r\n  display: grid;\r\n  place-items: center;\r\n}\r\n.HealthcareProfessionalModal-module_modal__31CzM{\r\n  background: #fff;\r\n  padding: 1.5rem;\r\n  text-align: center;\r\n  position: relative;\r\n  width: 400px;\r\n  max-width: 90vw;\r\n\r\n  box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\r\n  transform: translateY(0);\r\n  opacity:1;\r\n}\r\n.HealthcareProfessionalModal-module_header__3uIr7 {\r\n  background-color: #0d335a;\r\nposition: absolute;\r\n  padding: 1rem;\r\n  width: 80%;\r\ntop:  0;\r\nleft: 50%;\r\ntransform: translateX(-50%) translateY(-50%) ;\r\n border-radius: 15px;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN {\r\n  color: #202020;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN span{\r\n  font-weight: bold;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\r\n  font-size: 24px;\r\n  margin-bottom: 1rem;\r\n}\r\n.HealthcareProfessionalModal-module_controls__1wXJl button {\r\n  margin: 1.5rem 1rem;\r\n  border-radius: 5px;\r\n  font-size: 1rem;\r\n}\r\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\r\n  from{\r\n    transform: translateY(25px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity:1;\r\n  }\r\n}";
+var css = ".HealthcareProfessionalModal-module_container__HUaSr {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background: rgba(0,0,0,.1);\n  z-index: 9999999999;\n  display: grid;\n  place-items: center;\n}\n.HealthcareProfessionalModal-module_modal__31CzM{\n  background: #fff;\n  padding: 1.5rem;\n  text-align: center;\n  position: relative;\n  width: 400px;\n  max-width: 90vw;\n\n  box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\n  transform: translateY(0);\n  opacity:1;\n}\n.HealthcareProfessionalModal-module_header__3uIr7 {\n  background-color: #0d335a;\nposition: absolute;\n  padding: 1rem;\n  width: 80%;\ntop:  0;\nleft: 50%;\ntransform: translateX(-50%) translateY(-50%) ;\n border-radius: 15px;\n}\n.HealthcareProfessionalModal-module_body__3bnyN {\n  color: #202020;\n}\n.HealthcareProfessionalModal-module_body__3bnyN span{\n  font-weight: bold;\n}\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\n  font-size: 24px;\n  margin-bottom: 1rem;\n}\n.HealthcareProfessionalModal-module_controls__1wXJl button {\n  margin: 1.5rem 1rem;\n  border-radius: 5px;\n  font-size: 1rem;\n}\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\n  from{\n    transform: translateY(25px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity:1;\n  }\n}";
 var styles = { "container": "HealthcareProfessionalModal-module_container__HUaSr", "modal": "HealthcareProfessionalModal-module_modal__31CzM", "show": "HealthcareProfessionalModal-module_show__3soMo", "header": "HealthcareProfessionalModal-module_header__3uIr7", "body": "HealthcareProfessionalModal-module_body__3bnyN", "title": "HealthcareProfessionalModal-module_title__27l5n", "controls": "HealthcareProfessionalModal-module_controls__1wXJl" };
 styleInject(css);
 
@@ -67,4 +67,4 @@ var HealthcareProfessionalModal = function HealthcareProfessionalModal(_ref) {
   );
 };
 
-export default HealthcareProfessionalModal;
+export { HealthcareProfessionalModal as default };

package/dist/esm/Hero.js

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

package/dist/esm/HighlightenVideo.js

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

package/dist/esm/HorizontalArticleListing.js

@@ -157,4 +157,4 @@ function HorizontalArticleListing(_ref) {
   );
 }
 
-export default HorizontalArticleListing;
+export { HorizontalArticleListing as default };

package/dist/esm/HorizontalHero.js

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

package/dist/esm/IssueContentDeck.js

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

package/dist/esm/IssueDeck.js

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

package/dist/esm/IssueLanding.js

@@ -70,35 +70,35 @@ import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
 import 'react-bootstrap/Popover';
 
-/* usage
-import Settings, { Ads } from '../../../../settings'
-import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
-import client from '../../../../client'
-import moment from 'moment'
-import Shell from '../../../../components/2.0/Shell'
-import { pageview } from '../../../../utilities/gtag'
-
-const Issue = (props) => {
-  const { pubIssue, cache } = props
-  const targeting = {
-    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-  }
-  return (
-    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
-      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
-    </Shell>
-  )
-}
-
-Issue.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
-  )
-  return { pubIssue }
-}
-
-export default Issue
+/* usage
+import Settings, { Ads } from '../../../../settings'
+import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
+import client from '../../../../client'
+import moment from 'moment'
+import Shell from '../../../../components/2.0/Shell'
+import { pageview } from '../../../../utilities/gtag'
+
+const Issue = (props) => {
+  const { pubIssue, cache } = props
+  const targeting = {
+    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+  }
+  return (
+    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
+      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
+    </Shell>
+  )
+}
+
+Issue.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
+  )
+  return { pubIssue }
+}
+
+export default Issue
 */
 
 var IssueLanding = function IssueLanding(props) {
@@ -164,4 +164,4 @@ var IssueLanding = function IssueLanding(props) {
   );
 };
 
-export default IssueLanding;
+export { IssueLanding as default };

package/dist/esm/KMTracker.js

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

package/dist/esm/LeftNav.js

@@ -133,5 +133,4 @@ var LeftNav = function LeftNav(props) {
 
 var LeftNav$1 = React__default.memo(LeftNav);
 
-export default LeftNav$1;
-export { LeftNav };
+export { LeftNav, LeftNav$1 as default };

package/dist/esm/MasterDeck.js

@@ -223,14 +223,14 @@ var MasterDeck = function (_React$Component) {
             }
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -546,4 +546,4 @@ var MasterDeck = function (_React$Component) {
 
 var MasterDeck$1 = withRouter(MasterDeck);
 
-export default MasterDeck$1;
+export { MasterDeck$1 as default };

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-ebcafb85.js';
 import { A as ADInfeed } from './ADInfeed-7af1f934.js';
-import { P as Pagination } from './Pagination-8b256b07.js';
+import { P as Pagination } from './Pagination-484b86c5.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -107,14 +107,14 @@ var MasterDeck = function (_React$Component) {
       }
 
       // please leave this for later debug purpose : Yong Jun.
-      /* console.log('page change reported', {
-            currentPage: currentPage,
-            pageNumber: pageNumber,
-            pathname: pathname,
-            path: path,
-            newPath: newPath,
-            firstPage: pageNumber === 1,
-            queryString: queryString
+      /* console.log('page change reported', {
+            currentPage: currentPage,
+            pageNumber: pageNumber,
+            pathname: pathname,
+            path: path,
+            newPath: newPath,
+            firstPage: pageNumber === 1,
+            queryString: queryString
           }) */
 
       if (pageview) {
@@ -458,4 +458,4 @@ var MasterDeck = function (_React$Component) {
 
 var MasterDeck$1 = withRouter(MasterDeck);
 
-export default MasterDeck$1;
+export { MasterDeck$1 as default };

package/dist/esm/{MediaSeriesCard-a545b490.js → MediaSeriesCard-692ca181.js}

@@ -2626,45 +2626,6 @@ 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;
@@ -2698,6 +2659,59 @@ 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
 
@@ -3924,16 +3938,24 @@ 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 documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement);
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
+  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+  var documentElement = getDocumentElement(offsetParent);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -3950,7 +3972,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     }
 
     if (isHTMLElement(offsetParent)) {
-      offsets = getBoundingClientRect(offsetParent);
+      offsets = getBoundingClientRect(offsetParent, true);
       offsets.x += offsetParent.clientLeft;
       offsets.y += offsetParent.clientTop;
     } else if (documentElement) {
@@ -9427,7 +9449,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-a545b490.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-692ca181.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
@@ -92,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
+    }
     */
 
 
@@ -495,4 +495,4 @@ MediaSeriesLanding.getInitialData = function () {
   };
 }();
 
-export default MediaSeriesLanding;
+export { MediaSeriesLanding as default };

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-a545b490.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-692ca181.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
@@ -44,7 +44,7 @@ import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
 import './ADInfeed-7af1f934.js';
-import './Pagination-8b256b07.js';
+import './Pagination-484b86c5.js';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
@@ -93,11 +93,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
+    }
     */
 
 
@@ -520,4 +520,4 @@ MediaSeriesLanding.getInitialData = function () {
   };
 }();
 
-export default MediaSeriesLanding;
+export { MediaSeriesLanding as default };

package/dist/esm/NavDvm.js

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

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,5 +579,4 @@ var NavMagazine = function NavMagazine(props) {
 
 var MagazineNav = React__default.memo(NavMagazine);
 
-export default MagazineNav;
-export { NavMagazine };
+export { NavMagazine, MagazineNav as default };

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

package/dist/esm/OncliveHero.js

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

package/dist/esm/OncliveLargeHero.js

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

package/dist/esm/PageFilter.js

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

package/dist/esm/{Pagination-8b256b07.js → Pagination-484b86c5.js}

@@ -60,7 +60,7 @@ var Pagination = function Pagination(props) {
       containerClassName: 'pagination-container',
       previousLinkClassName: 'previous',
       nextLinkClassName: 'next',
-      disabledClassName: 'disabled',
+      disabledClassName: 'disbaled',
       activeClassName: 'active'
     }),
     needLargePaginateButtons && React__default.createElement(
@@ -74,7 +74,7 @@ var Pagination = function Pagination(props) {
             _onPageChange(currentPage - 1);
           },
           disabled: currentPage === 1,
-          href: currentPage >= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
+          href: '?page=' + (currentPage - 1) },
         React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
         'PREVIOUS PAGE'
       )
@@ -82,7 +82,7 @@ var Pagination = function Pagination(props) {
     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 .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      '
+      '\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      '
     )
   );
 };

package/dist/esm/PartnerDetailListing.js

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

package/dist/esm/PartnerDetailListingPaginated.js

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

package/dist/esm/PdfDownload.js

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