@mjhls/mjh-framework 1.0.943 → 1.0.945-nojs-pagination-v1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +131 -15
  3. package/dist/cjs/ArticleProgramLandingPage.js +2 -1
  4. package/dist/cjs/ArticleSeriesLandingPage.js +2 -1
  5. package/dist/cjs/AuthWrapper.js +1 -1
  6. package/dist/cjs/ConferenceArticleCard.js +15 -15
  7. package/dist/cjs/ContentCardPaginated.js +1 -2
  8. package/dist/cjs/DeckContent.js +30 -17
  9. package/dist/cjs/DeckQueue.js +29 -11
  10. package/dist/cjs/DeckQueuePaginated.js +1 -2
  11. package/dist/cjs/EventsDeck.js +17 -17
  12. package/dist/cjs/GridContent.js +26 -11
  13. package/dist/cjs/GridContentPaginated.js +1 -2
  14. package/dist/cjs/HamMagazine.js +9 -9
  15. package/dist/cjs/IssueLanding.js +29 -29
  16. package/dist/cjs/KMTracker.js +15 -15
  17. package/dist/cjs/MasterDeck.js +17 -18
  18. package/dist/cjs/MasterDeckPaginated.js +9 -10
  19. package/dist/cjs/{MediaSeriesCard-acb4581d.js → MediaSeriesCard-543e905f.js} +1 -1
  20. package/dist/cjs/MediaSeriesLanding.js +8 -7
  21. package/dist/cjs/MediaSeriesLandingPaginated.js +9 -9
  22. package/dist/cjs/NavMagazine.js +10 -10
  23. package/dist/cjs/NavNative.js +9 -9
  24. package/dist/cjs/Pagination-42f92f7c.js +97 -0
  25. package/dist/cjs/PartnerDetailListingPaginated.js +1 -2
  26. package/dist/cjs/PublicationLanding.js +26 -26
  27. package/dist/cjs/QueueDeckExpanded.js +3 -5
  28. package/dist/cjs/QueueDeckExpandedPaginated.js +1 -2
  29. package/dist/cjs/RelatedContent.js +28 -28
  30. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  31. package/dist/cjs/SeriesListingDeck.js +1 -1
  32. package/dist/cjs/{SeriesSlider-ba0c5d1a.js → SeriesSlider-de93a303.js} +4 -4
  33. package/dist/cjs/SideFooter.js +2 -2
  34. package/dist/cjs/VideoProgramLandingPage.js +2 -1
  35. package/dist/cjs/VideoSeriesCard.js +1 -1
  36. package/dist/cjs/VideoSeriesListing.js +17 -9
  37. package/dist/cjs/View.js +23 -16
  38. package/dist/cjs/YoutubeGroup.js +4 -4
  39. package/dist/cjs/getQuery.js +1 -1
  40. package/dist/cjs/{getTargeting-3c5754ac.js → getTargeting-dab97fe1.js} +9 -9
  41. package/dist/cjs/getTargeting.js +1 -1
  42. package/dist/cjs/index.js +2 -3
  43. package/dist/esm/AlgoliaSearch.js +132 -16
  44. package/dist/esm/ArticleProgramLandingPage.js +2 -1
  45. package/dist/esm/ArticleSeriesLandingPage.js +2 -1
  46. package/dist/esm/AuthWrapper.js +1 -1
  47. package/dist/esm/ConferenceArticleCard.js +15 -15
  48. package/dist/esm/ContentCardPaginated.js +1 -2
  49. package/dist/esm/DeckContent.js +30 -17
  50. package/dist/esm/DeckQueue.js +29 -11
  51. package/dist/esm/DeckQueuePaginated.js +1 -2
  52. package/dist/esm/EventsDeck.js +17 -17
  53. package/dist/esm/GridContent.js +26 -11
  54. package/dist/esm/GridContentPaginated.js +1 -2
  55. package/dist/esm/HamMagazine.js +9 -9
  56. package/dist/esm/IssueLanding.js +29 -29
  57. package/dist/esm/KMTracker.js +15 -15
  58. package/dist/esm/MasterDeck.js +17 -18
  59. package/dist/esm/MasterDeckPaginated.js +9 -10
  60. package/dist/esm/{MediaSeriesCard-227aea3c.js → MediaSeriesCard-a525d485.js} +1 -1
  61. package/dist/esm/MediaSeriesLanding.js +8 -7
  62. package/dist/esm/MediaSeriesLandingPaginated.js +9 -9
  63. package/dist/esm/NavMagazine.js +10 -10
  64. package/dist/esm/NavNative.js +9 -9
  65. package/dist/esm/Pagination-484b86c5.js +90 -0
  66. package/dist/esm/PartnerDetailListingPaginated.js +1 -2
  67. package/dist/esm/PublicationLanding.js +26 -26
  68. package/dist/esm/QueueDeckExpanded.js +3 -5
  69. package/dist/esm/QueueDeckExpandedPaginated.js +1 -2
  70. package/dist/esm/RelatedContent.js +28 -28
  71. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  72. package/dist/esm/SeriesListingDeck.js +1 -1
  73. package/dist/esm/{SeriesSlider-45adb8dc.js → SeriesSlider-98ad6d97.js} +4 -4
  74. package/dist/esm/SideFooter.js +2 -2
  75. package/dist/esm/VideoProgramLandingPage.js +2 -1
  76. package/dist/esm/VideoSeriesCard.js +1 -1
  77. package/dist/esm/VideoSeriesListing.js +17 -9
  78. package/dist/esm/View.js +23 -15
  79. package/dist/esm/YoutubeGroup.js +4 -4
  80. package/dist/esm/getQuery.js +1 -1
  81. package/dist/esm/{getTargeting-42f9b439.js → getTargeting-04d979c9.js} +9 -9
  82. package/dist/esm/getTargeting.js +1 -1
  83. package/dist/esm/index.js +2 -3
  84. package/package.json +115 -115
  85. package/dist/cjs/Pagination-885dcfbd.js +0 -90
  86. package/dist/esm/Pagination-59436882.js +0 -82
@@ -0,0 +1,90 @@
1
+ import React__default from 'react';
2
+ import { c as createCommonjsModule, a as commonjsGlobal, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
3
+ import Button from 'react-bootstrap/Button';
4
+ import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-1bd8a0a8.js';
5
+
6
+ var reactPaginate = createCommonjsModule(function (module, exports) {
7
+ !function(e,a){module.exports=a(React__default);}(commonjsGlobal,(function(e){return function(e){var a={};function t(r){if(a[r])return a[r].exports;var n=a[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,t),n.l=!0,n.exports}return t.m=e,t.c=a,t.d=function(e,a,r){t.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:r});},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},t.t=function(e,a){if(1&a&&(e=t(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var n in e)t.d(r,n,function(a){return e[a]}.bind(null,n));return r},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="",t(t.s=4)}([function(e,a,t){e.exports=t(2)();},function(a,t){a.exports=e;},function(e,a,t){var r=t(3);function n(){}function i(){}i.resetWarningCache=n,e.exports=function(){function e(e,a,t,n,i,s){if(s!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,elementType:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:i,resetWarningCache:n};return t.PropTypes=t,t};},function(e,a,t){e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";},function(e,a,t){t.r(a);var r=t(1),n=t.n(r),i=t(0),s=t.n(i);function l(){return (l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var o=function(e){var a=e.pageClassName,t=e.pageLinkClassName,r=e.page,i=e.selected,s=e.activeClassName,o=e.activeLinkClassName,u=e.getEventListener,c=e.pageSelectedHandler,p=e.href,f=e.extraAriaContext,g=e.pageLabelBuilder,d=e.ariaLabel||"Page "+r+(f?" "+f:""),b=null;return i&&(b="page",d=e.ariaLabel||"Page "+r+" is your current page",a=void 0!==a?a+" "+s:s,void 0!==t?void 0!==o&&(t=t+" "+o):t=o),n.a.createElement("li",{className:a},n.a.createElement("a",l({role:"button",className:t,href:p,tabIndex:"0","aria-label":d,"aria-current":b,onKeyPress:c},u(c)),g(r)))};o.propTypes={pageSelectedHandler:s.a.func.isRequired,selected:s.a.bool.isRequired,pageClassName:s.a.string,pageLinkClassName:s.a.string,activeClassName:s.a.string,activeLinkClassName:s.a.string,extraAriaContext:s.a.string,href:s.a.string,ariaLabel:s.a.string,page:s.a.number.isRequired,getEventListener:s.a.func.isRequired,pageLabelBuilder:s.a.func.isRequired};var u=o;function c(){return (c=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var p=function(e){var a=e.breakLabel,t=e.breakClassName,r=e.breakLinkClassName,i=e.breakHandler,s=e.getEventListener,l=t||"break";return n.a.createElement("li",{className:l},n.a.createElement("a",c({className:r,role:"button",tabIndex:"0",onKeyPress:i},s(i)),a))};p.propTypes={breakLabel:s.a.oneOfType([s.a.string,s.a.node]),breakClassName:s.a.string,breakLinkClassName:s.a.string,breakHandler:s.a.func.isRequired,getEventListener:s.a.func.isRequired};var f=p;function g(e){return (g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(){return (d=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}function b(e,a){for(var t=0;t<a.length;t++){var r=a[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r);}}function v(e,a){return (v=Object.setPrototypeOf||function(e,a){return e.__proto__=a,e})(e,a)}function m(e){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return !1}}();return function(){var t,r=C(e);if(a){var n=C(this).constructor;t=Reflect.construct(r,arguments,n);}else t=r.apply(this,arguments);return h(this,t)}}function h(e,a){return !a||"object"!==g(a)&&"function"!=typeof a?y(e):a}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return (C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function P(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}var k=function(e){!function(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),a&&v(e,a);}(s,e);var a,t,i=m(s);function s(e){var a,t;return function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,s),P(y(a=i.call(this,e)),"handlePreviousPage",(function(e){var t=a.state.selected;e.preventDefault?e.preventDefault():e.returnValue=!1,t>0&&a.handlePageSelected(t-1,e);})),P(y(a),"handleNextPage",(function(e){var t=a.state.selected,r=a.props.pageCount;e.preventDefault?e.preventDefault():e.returnValue=!1,t<r-1&&a.handlePageSelected(t+1,e);})),P(y(a),"handlePageSelected",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1,a.state.selected!==e?(a.setState({selected:e}),a.callCallback(e)):a.callActiveCallback(e);})),P(y(a),"getEventListener",(function(e){return P({},a.props.eventListener,e)})),P(y(a),"handleBreakClick",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1;var r=a.state.selected;a.handlePageSelected(r<e?a.getForwardJump():a.getBackwardJump(),t);})),P(y(a),"callCallback",(function(e){void 0!==a.props.onPageChange&&"function"==typeof a.props.onPageChange&&a.props.onPageChange({selected:e});})),P(y(a),"callActiveCallback",(function(e){void 0!==a.props.onPageActive&&"function"==typeof a.props.onPageActive&&a.props.onPageActive({selected:e});})),P(y(a),"pagination",(function(){var e=[],t=a.props,r=t.pageRangeDisplayed,i=t.pageCount,s=t.marginPagesDisplayed,l=t.breakLabel,o=t.breakClassName,u=t.breakLinkClassName,c=a.state.selected;if(i<=r)for(var p=0;p<i;p++)e.push(a.getPageElement(p));else {var g,d,b,v=r/2,m=r-v;c>i-r/2?v=r-(m=i-c):c<r/2&&(m=r-(v=c));var h=function(e){return a.getPageElement(e)};for(g=0;g<i;g++)(d=g+1)<=s||d>i-s||g>=c-v&&g<=c+m?e.push(h(g)):l&&e[e.length-1]!==b&&(b=n.a.createElement(f,{key:g,breakLabel:l,breakClassName:o,breakLinkClassName:u,breakHandler:a.handleBreakClick.bind(null,g),getEventListener:a.getEventListener}),e.push(b));}return e})),t=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,a.state={selected:t},a}return a=s,(t=[{key:"componentDidMount",value:function(){var e=this.props,a=e.initialPage,t=e.disableInitialCallback,r=e.extraAriaContext;void 0===a||t||this.callCallback(a),r&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead.");}},{key:"componentDidUpdate",value:function(e){void 0!==this.props.forcePage&&this.props.forcePage!==e.forcePage&&this.setState({selected:this.props.forcePage});}},{key:"getForwardJump",value:function(){var e=this.state.selected,a=this.props,t=a.pageCount,r=e+a.pageRangeDisplayed;return r>=t?t-1:r}},{key:"getBackwardJump",value:function(){var e=this.state.selected-this.props.pageRangeDisplayed;return e<0?0:e}},{key:"hrefBuilder",value:function(e){var a=this.props,t=a.hrefBuilder,r=a.pageCount;if(t&&e!==this.state.selected&&e>=0&&e<r)return t(e+1)}},{key:"ariaLabelBuilder",value:function(e){var a=e===this.state.selected;if(this.props.ariaLabelBuilder&&e>=0&&e<this.props.pageCount){var t=this.props.ariaLabelBuilder(e+1,a);return this.props.extraAriaContext&&!a&&(t=t+" "+this.props.extraAriaContext),t}}},{key:"getPageElement",value:function(e){var a=this.state.selected,t=this.props,r=t.pageClassName,i=t.pageLinkClassName,s=t.activeClassName,l=t.activeLinkClassName,o=t.extraAriaContext,c=t.pageLabelBuilder;return n.a.createElement(u,{key:e,pageSelectedHandler:this.handlePageSelected.bind(null,e),selected:a===e,pageClassName:r,pageLinkClassName:i,activeClassName:s,activeLinkClassName:l,extraAriaContext:o,href:this.hrefBuilder(e),ariaLabel:this.ariaLabelBuilder(e),page:e+1,pageLabelBuilder:c,getEventListener:this.getEventListener})}},{key:"render",value:function(){var e=this.props,a=e.disabledClassName,t=e.pageCount,r=e.containerClassName,i=e.previousLabel,s=e.previousClassName,l=e.previousLinkClassName,o=e.previousAriaLabel,u=e.prevRel,c=e.nextLabel,p=e.nextClassName,f=e.nextLinkClassName,g=e.nextAriaLabel,b=e.nextRel,v=this.state.selected,m=s+(0===v?" ".concat(a):""),h=p+(v===t-1?" ".concat(a):""),y=0===v?"true":"false",C=v===t-1?"true":"false";return n.a.createElement("ul",{className:r},n.a.createElement("li",{className:m},n.a.createElement("a",d({className:l,href:this.hrefBuilder(v-1),tabIndex:"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":y,"aria-label":o,rel:u},this.getEventListener(this.handlePreviousPage)),i)),this.pagination(),n.a.createElement("li",{className:h},n.a.createElement("a",d({className:f,href:this.hrefBuilder(v+1),tabIndex:"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":C,"aria-label":g,rel:b},this.getEventListener(this.handleNextPage)),c)))}}])&&b(a.prototype,t),s}(r.Component);P(k,"propTypes",{pageCount:s.a.number.isRequired,pageRangeDisplayed:s.a.number.isRequired,marginPagesDisplayed:s.a.number.isRequired,previousLabel:s.a.node,previousAriaLabel:s.a.string,prevRel:s.a.string,nextLabel:s.a.node,nextAriaLabel:s.a.string,nextRel:s.a.string,breakLabel:s.a.oneOfType([s.a.string,s.a.node]),hrefBuilder:s.a.func,onPageChange:s.a.func,onPageActive:s.a.func,initialPage:s.a.number,forcePage:s.a.number,disableInitialCallback:s.a.bool,containerClassName:s.a.string,pageClassName:s.a.string,pageLinkClassName:s.a.string,pageLabelBuilder:s.a.func,activeClassName:s.a.string,activeLinkClassName:s.a.string,previousClassName:s.a.string,nextClassName:s.a.string,previousLinkClassName:s.a.string,nextLinkClassName:s.a.string,disabledClassName:s.a.string,breakClassName:s.a.string,breakLinkClassName:s.a.string,extraAriaContext:s.a.string,ariaLabelBuilder:s.a.func,eventListener:s.a.string}),P(k,"defaultProps",{pageCount:10,pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextRel:"next",breakLabel:"...",disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(e){return e},eventListener:"onClick"});a.default=k;}])}));
8
+
9
+ });
10
+
11
+ var ReactPaginate = unwrapExports(reactPaginate);
12
+ reactPaginate.ReactPaginate;
13
+
14
+ var Pagination = function Pagination(props) {
15
+ var pageCount = props.pageCount,
16
+ _props$marginPagesDis = props.marginPagesDisplayed,
17
+ marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
18
+ _props$pageRangeDispl = props.pageRangeDisplayed,
19
+ pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
20
+ _props$currentPage = props.currentPage,
21
+ currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
22
+ _onPageChange = props.onPageChange,
23
+ _props$needLargePagin = props.needLargePaginateButtons,
24
+ needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
25
+
26
+ if (!pageCount || pageCount <= 1) return null;
27
+ return React__default.createElement(
28
+ React__default.Fragment,
29
+ null,
30
+ needLargePaginateButtons && React__default.createElement(
31
+ 'div',
32
+ { className: 'pagination-lg-btn-nxt' },
33
+ React__default.createElement(
34
+ Button,
35
+ {
36
+ onClick: function onClick(e) {
37
+ e.preventDefault();
38
+ _onPageChange(currentPage + 1);
39
+ },
40
+ disabled: currentPage === pageCount,
41
+ href: '?page=' + (currentPage + 1) },
42
+ 'NEXT PAGE',
43
+ React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
44
+ )
45
+ ),
46
+ React__default.createElement(ReactPaginate, {
47
+ pageCount: pageCount,
48
+ marginPagesDisplayed: marginPagesDisplayed,
49
+ pageRangeDisplayed: pageRangeDisplayed,
50
+ forcePage: currentPage - 1,
51
+ onPageChange: function onPageChange(_ref) {
52
+ var selected = _ref.selected;
53
+ return _onPageChange(selected + 1);
54
+ },
55
+ hrefBuilder: function hrefBuilder(page) {
56
+ return '?page=' + page;
57
+ },
58
+ previousLabel: '<',
59
+ nextLabel: '>',
60
+ containerClassName: 'pagination-container',
61
+ previousLinkClassName: 'previous',
62
+ nextLinkClassName: 'next',
63
+ disabledClassName: 'disbaled',
64
+ activeClassName: 'active'
65
+ }),
66
+ needLargePaginateButtons && React__default.createElement(
67
+ 'div',
68
+ { className: 'pagination-lg-btn-prv' },
69
+ React__default.createElement(
70
+ Button,
71
+ {
72
+ onClick: function onClick(e) {
73
+ e.preventDefault();
74
+ _onPageChange(currentPage - 1);
75
+ },
76
+ disabled: currentPage === 1,
77
+ href: '?page=' + (currentPage - 1) },
78
+ React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
79
+ 'PREVIOUS PAGE'
80
+ )
81
+ ),
82
+ React__default.createElement(
83
+ 'style',
84
+ { jsx: 'true' },
85
+ '\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 '
86
+ )
87
+ );
88
+ };
89
+
90
+ export { Pagination as P };
@@ -44,8 +44,7 @@ import './AuthorComponent-11adff02.js';
44
44
  import './ADlgInfeed-ebcafb85.js';
45
45
  import './getContentCategory-15dcc413.js';
46
46
  import './timeDifferenceCalc.js';
47
- import './Pagination-59436882.js';
48
- import 'react-paginate';
47
+ import './Pagination-484b86c5.js';
49
48
  import 'react-bootstrap/Button';
50
49
  import './index.esm-1bd8a0a8.js';
51
50
  import './iconBase-ccc56b97.js';
@@ -376,32 +376,32 @@ module.exports = { "default": set$1, __esModule: true };
376
376
 
377
377
  var _Set = unwrapExports(set);
378
378
 
379
- /* usage & query
380
- const Publication = (props) => {
381
- const { cache, pub, year } = props
382
- const targeting = {
383
- content_placement: [`/journals/${pub.identifier.current}`],
384
- document_url: [`/journals/${pub.identifier.current}`],
385
- }
386
- return (
387
- <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
388
- <PublicationLanding publication={pub} year={year} href={'journals'} />
389
- </Shell>
390
- )
391
- }
392
- Publication.getInitialProps = async (ctx) => {
393
- const { query } = ctx
394
- const {
395
- query: { year },
396
- } = ctx
397
- const pub = await client.fetch(getQuery('publication'), query)
398
- **import urlFor from framework**
399
- pub.issues.map((issue) => {
400
- issue.thumbnail = urlFor({client, source: issue.thumbnail})
401
- })
402
- return { pub, year }
403
- }
404
- export default Publication
379
+ /* usage & query
380
+ const Publication = (props) => {
381
+ const { cache, pub, year } = props
382
+ const targeting = {
383
+ content_placement: [`/journals/${pub.identifier.current}`],
384
+ document_url: [`/journals/${pub.identifier.current}`],
385
+ }
386
+ return (
387
+ <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
388
+ <PublicationLanding publication={pub} year={year} href={'journals'} />
389
+ </Shell>
390
+ )
391
+ }
392
+ Publication.getInitialProps = async (ctx) => {
393
+ const { query } = ctx
394
+ const {
395
+ query: { year },
396
+ } = ctx
397
+ const pub = await client.fetch(getQuery('publication'), query)
398
+ **import urlFor from framework**
399
+ pub.issues.map((issue) => {
400
+ issue.thumbnail = urlFor({client, source: issue.thumbnail})
401
+ })
402
+ return { pub, year }
403
+ }
404
+ export default Publication
405
405
  */
406
406
 
407
407
  var generateContentPlacements = function generateContentPlacements(issues) {
@@ -1361,6 +1361,8 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1361
1361
  imageFit = props.imageFit,
1362
1362
  rightItems = props.rightItems,
1363
1363
  brandInsightAd = props.brandInsightAd,
1364
+ _props$nextPagePostsC = props.nextPagePostsCount,
1365
+ nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC,
1364
1366
  _props$showBI = props.showBI,
1365
1367
  showBI = _props$showBI === undefined ? false : _props$showBI,
1366
1368
  _props$heroContent = props.heroContent,
@@ -1414,10 +1416,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1414
1416
  var prevValues = usePrevious(values);
1415
1417
 
1416
1418
  var renderManualPagination = function renderManualPagination(currentPage) {
1417
- if (lastDataSize < itemsPerPage) {
1418
- return null;
1419
- }
1420
-
1421
1419
  return React__default.createElement(
1422
1420
  'div',
1423
1421
  { className: 'd-flex justify-content-between' },
@@ -1426,7 +1424,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1426
1424
  { href: '?page=' + (currentPage - 1) },
1427
1425
  '<< Previous'
1428
1426
  ),
1429
- React__default.createElement(
1427
+ !(lastDataSize < itemsPerPage) && nextPagePostsCount > 0 && React__default.createElement(
1430
1428
  'a',
1431
1429
  { href: '?page=' + (currentPage + 1) },
1432
1430
  'Next >>'
@@ -17,7 +17,7 @@ import { A as ADlgInfeed } from './ADlgInfeed-ebcafb85.js';
17
17
  import { g as getContentCategory } from './getContentCategory-15dcc413.js';
18
18
  import timeDifferenceCalc from './timeDifferenceCalc.js';
19
19
  import urlFor from './urlFor.js';
20
- import { P as Pagination } from './Pagination-59436882.js';
20
+ import { P as Pagination } from './Pagination-484b86c5.js';
21
21
  import './_commonjsHelpers-0c4b6f40.js';
22
22
  import './core.get-iterator-method-ea258bb1.js';
23
23
  import './web.dom.iterable-ab4dea5c.js';
@@ -36,7 +36,6 @@ import './Beam.js';
36
36
  import './stringify-2b084bee.js';
37
37
  import './Segment.js';
38
38
  import './index-3f5c03b2.js';
39
- import 'react-paginate';
40
39
  import 'react-bootstrap/Button';
41
40
  import './index.esm-1bd8a0a8.js';
42
41
  import './iconBase-ccc56b97.js';
@@ -11,34 +11,34 @@ import './index-3f5c03b2.js';
11
11
  import 'react-dom';
12
12
  import 'prop-types';
13
13
 
14
- /*
15
- Sample query
16
- let references = ''
17
- if(article.taxonomyMapping.length > 0){
18
- article.taxonomyMapping.forEach((ref, index) => {
19
- references = references + `references('${ref._ref}') `
20
- if(index+1 !== article.taxonomyMapping.length){
21
- references = references + ` && `
22
- }
23
- })
24
- }
25
-
26
- 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] {
27
- ...,
28
- title,
29
- summary,
30
- thumbnail,
31
- url,
32
- published,
33
- authorMapping[]->,
34
- contentCategory->
35
- }`
36
- const relatedArticles = await client.fetch(relatedArticlesQuery)
37
-
38
- Sample usage
39
- <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
40
-
41
-
14
+ /*
15
+ Sample query
16
+ let references = ''
17
+ if(article.taxonomyMapping.length > 0){
18
+ article.taxonomyMapping.forEach((ref, index) => {
19
+ references = references + `references('${ref._ref}') `
20
+ if(index+1 !== article.taxonomyMapping.length){
21
+ references = references + ` && `
22
+ }
23
+ })
24
+ }
25
+
26
+ 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] {
27
+ ...,
28
+ title,
29
+ summary,
30
+ thumbnail,
31
+ url,
32
+ published,
33
+ authorMapping[]->,
34
+ contentCategory->
35
+ }`
36
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
37
+
38
+ Sample usage
39
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
40
+
41
+
42
42
  */
43
43
  var RelatedContent = function RelatedContent(props) {
44
44
  var client = props.client,
@@ -14,16 +14,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
14
14
  _ref$className = _ref.className,
15
15
  className = _ref$className === undefined ? '' : _ref$className;
16
16
 
17
- /*
18
- Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
- example:
20
- <RelatedTopicDropdown
21
- page='/clinical'
22
- exclude="clinical"
23
- className='mb-3'
24
- parentTaxonomy={props.parentTaxonomy}
25
- subTaxonomies={props.subTaxonomies}
26
- />
17
+ /*
18
+ Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
+ example:
20
+ <RelatedTopicDropdown
21
+ page='/clinical'
22
+ exclude="clinical"
23
+ className='mb-3'
24
+ parentTaxonomy={props.parentTaxonomy}
25
+ subTaxonomies={props.subTaxonomies}
26
+ />
27
27
  */
28
28
  if (subTaxonomies.length === 0 && parentTaxonomy) {
29
29
  if (parentTaxonomy.identifier == exclude) {
@@ -5,7 +5,7 @@ import React__default, { useState, useEffect, useRef } from 'react';
5
5
  import { useRouter } from 'next/router';
6
6
  import { l as lib_3 } from './index-f0fc23eb.js';
7
7
  import { I as InfiniteScroll } from './index.es-a6137319.js';
8
- import { S as SeriesSlider } from './SeriesSlider-45adb8dc.js';
8
+ import { S as SeriesSlider } from './SeriesSlider-98ad6d97.js';
9
9
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
@@ -6,10 +6,10 @@ import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
6
6
  import urlFor from './urlFor.js';
7
7
  import { m as main_43, a as main_49, b as main_42 } from './main-1894c974.js';
8
8
 
9
- /*
10
- GROQ query -
11
- accepts an array of title, URL
12
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
9
+ /*
10
+ GROQ query -
11
+ accepts an array of title, URL
12
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
13
13
  */
14
14
 
15
15
  var SeriesSlider = function SeriesSlider(_ref) {
@@ -32,8 +32,8 @@ var renderLink = function renderLink(row) {
32
32
  };
33
33
 
34
34
  var SideFooter = function SideFooter(props) {
35
- /*
36
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
35
+ /*
36
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
37
37
  */
38
38
  var _get = get_1(props, 'cache.siteSettingCache', {}),
39
39
  socialLinks = _get.socialLinks,
@@ -224,7 +224,8 @@ VideoProgramLandingPage.getInitialData = function () {
224
224
  params = {
225
225
  from: start,
226
226
  to: start + itemsPerPage,
227
- url: pathname
227
+ url: pathname,
228
+ itemsPerPage: itemsPerPage
228
229
  };
229
230
 
230
231
  query = '*[\n _type == \'article\'\n && !(_id in path("drafts.**"))\n && defined(title)\n && defined(url)\n && is_visible == true\n && dateTime(published) <= dateTime(now())\n && references(\'' + taxonomyId + '\')\n ' + (topicId ? '&& references(\'' + topicId + '\')' : '') + '\n ] | order(published desc) [$from...$to]{\n \t\t...,\n \t\ttitle,\n \t\tsummary,\n \t\tpublished,\n \t\tthumbnail{ ..., asset->},\n \t\turl,\n \t\ttaxonomy,\n \t\tcontentCategory->,\n \t\tbody[_type == "youtubeGallery"]{\n ...,\n videos[]{\n ...,\n thumbnail{...,asset->}\n }\n },\n \t\t\'pageNumber\': ' + currentPage + '\n \t}';
@@ -15,7 +15,7 @@ import 'react-dom';
15
15
  import './slicedToArray-6ebcbfea.js';
16
16
  import './index-3f5c03b2.js';
17
17
 
18
- var css = ".VideoSeriesCard-module_article__Hlc3e {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n width: 100%;\n height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n width: 75%;\n font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n color: #6d6d6d;\n margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n .VideoSeriesCard-module_article__Hlc3e {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .VideoSeriesCard-module_article__Hlc3e a {\n flex-direction: column;\n align-items: center;\n }\n .VideoSeriesCard-module_thumb__3hGyJ {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .VideoSeriesCard-module_thumb__3hGyJ img{\n border-radius: 10px 10px 0 0; \n }\n .VideoSeriesCard-module_thumb__3hGyJ figure {\n margin: 0;\n }\n .VideoSeriesCard-module_info__2_i1N {\n width: 90%;\n padding: 1rem !important;\n }\n .VideoSeriesCard-module_info__2_i1N h2 {\n font-size: 1rem;\n }\n}\n";
18
+ var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n width: 100%;\r\n margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n display: flex;\r\n width: 100%;\r\n color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n width: 100%;\r\n height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n width: 75%;\r\n font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n color: #6d6d6d;\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n .VideoSeriesCard-module_article__Hlc3e {\r\n margin: 1rem 0;\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n }\r\n .VideoSeriesCard-module_article__Hlc3e a {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ {\r\n overflow: hidden;\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ img{\r\n border-radius: 10px 10px 0 0; \r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n margin: 0;\r\n }\r\n .VideoSeriesCard-module_info__2_i1N {\r\n width: 90%;\r\n padding: 1rem !important;\r\n }\r\n .VideoSeriesCard-module_info__2_i1N h2 {\r\n font-size: 1rem;\r\n }\r\n}\r\n";
19
19
  var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
20
20
  styleInject(css);
21
21
 
@@ -79,7 +79,8 @@ var VideoSeriesListing = function (_React$Component) {
79
79
  total_pages: null,
80
80
  scrolling: true,
81
81
  query: _this.query,
82
- currentPage: _this.props.currentPage || 1
82
+ currentPage: _this.props.currentPage || 1,
83
+ lastDataSize: _this.data ? _this.data.length : 0
83
84
  }, _this.loadMore = debounce_1(function () {
84
85
  _this.setState(function (state) {
85
86
  var page = state.page,
@@ -123,11 +124,13 @@ var VideoSeriesListing = function (_React$Component) {
123
124
  newDataArr.push(dataArr);
124
125
  return {
125
126
  data: newDataArr,
126
- scrolling: true
127
+ scrolling: true,
128
+ lastDataSize: dataArr.length
127
129
  };
128
130
  } else {
129
131
  return {
130
- scrolling: false
132
+ scrolling: false,
133
+ lastDataSize: 0
131
134
  };
132
135
  }
133
136
  });
@@ -191,9 +194,11 @@ var VideoSeriesListing = function (_React$Component) {
191
194
  });
192
195
  }
193
196
  }
194
- }, _this.renderManualPagination = function () {
197
+ }, _this.renderManualPagination = function (_ref2) {
198
+ var nextPagePostsCount = _ref2.nextPagePostsCount;
195
199
  var currentPage = _this.state.currentPage;
196
200
 
201
+
197
202
  return React__default.createElement(
198
203
  'div',
199
204
  { className: 'd-flex justify-content-between' },
@@ -202,7 +207,7 @@ var VideoSeriesListing = function (_React$Component) {
202
207
  { href: '?page=' + (currentPage - 1) },
203
208
  '<< Previous'
204
209
  ),
205
- React__default.createElement(
210
+ !(_this.state.lastDataSize < _this.state.per) && nextPagePostsCount > 0 && React__default.createElement(
206
211
  'a',
207
212
  { href: '?page=' + (currentPage + 1) },
208
213
  'Next >>'
@@ -261,8 +266,11 @@ var VideoSeriesListing = function (_React$Component) {
261
266
  value: function render() {
262
267
  var _this2 = this;
263
268
 
264
- var _props$autoScroll = this.props.autoScroll,
265
- autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll;
269
+ var _props = this.props,
270
+ _props$autoScroll = _props.autoScroll,
271
+ autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
272
+ _props$nextPagePostsC = _props.nextPagePostsCount,
273
+ nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC;
266
274
 
267
275
 
268
276
  if (autoScroll) {
@@ -301,7 +309,7 @@ var VideoSeriesListing = function (_React$Component) {
301
309
  React__default.createElement(
302
310
  'noscript',
303
311
  null,
304
- this.renderManualPagination()
312
+ this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
305
313
  )
306
314
  )
307
315
  ) : React__default.createElement(
@@ -378,7 +386,7 @@ var VideoSeriesListing = function (_React$Component) {
378
386
  React__default.createElement(
379
387
  'noscript',
380
388
  null,
381
- _this2.renderManualPagination()
389
+ _this2.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
382
390
  )
383
391
  );
384
392
  })
package/dist/esm/View.js CHANGED
@@ -17,8 +17,8 @@ import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
17
17
  import SocialShare from './SocialShare.js';
18
18
  import { r as renderAuthor, g as getSerializers } from './index-0009ea68.js';
19
19
  import DFPAdSlot from './AdSlot.js';
20
- import { S as SeriesSlider } from './SeriesSlider-45adb8dc.js';
21
- import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-42f9b439.js';
20
+ import { S as SeriesSlider } from './SeriesSlider-98ad6d97.js';
21
+ import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-04d979c9.js';
22
22
  import getKeywords from './getKeywords.js';
23
23
  import urlFor from './urlFor.js';
24
24
  import { u as urlForFile } from './urlForFile-b69adffc.js';
@@ -28,14 +28,13 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
28
28
  import './index-755f2cc2.js';
29
29
  import { DiscussionEmbed } from 'disqus-react';
30
30
  import Schema from './Schema.js';
31
- import FileSaver from 'file-saver';
31
+ import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
32
32
  import { _ as _Object$keys } from './keys-31dcdb31.js';
33
33
  import { I as InfiniteScroll } from './index.es-a6137319.js';
34
34
  import { l as lib_3 } from './index-f0fc23eb.js';
35
35
  import getRelatedArticle from './getRelatedArticle.js';
36
36
  import getQuery from './getQuery.js';
37
37
  import getSeriesDetail from './getSeriesDetail.js';
38
- import './_commonjsHelpers-0c4b6f40.js';
39
38
  import './core.get-iterator-method-ea258bb1.js';
40
39
  import './web.dom.iterable-ab4dea5c.js';
41
40
  import './_library-528f1934.js';
@@ -340,7 +339,7 @@ var ISI = function ISI(props) {
340
339
  );
341
340
  };
342
341
 
343
- var css$1 = ".RelatedArticles-module_mediaContainer__10h9k {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n margin: 0 1rem 1rem;\n width: calc(33% - 1rem);\n display: column;\n flex-direction: row;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff !important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n display: block;\n text-align: center;\n margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n height: 135px;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n .RelatedArticles-module_mediaContainer__10h9k {\n flex-wrap: wrap;\n }\n .RelatedArticles-module_imgWrapper__5Jx_4 {\n display: none;\n }\n .RelatedArticles-module_mediaCard__3wQbn {\n width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n }\n .RelatedArticles-module_cardTitle__3P-Ib {\n font-size: 0.75rem;\n margin-bottom: 0;\n }\n}\n";
342
+ var css$1 = ".RelatedArticles-module_mediaContainer__10h9k {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n margin: 0 1rem 1rem;\r\n width: calc(33% - 1rem);\r\n display: column;\r\n flex-direction: row;\r\n margin-bottom: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n font-weight: bold;\r\n color: #252525;\r\n margin-bottom: 0.25rem;\r\n font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n color: #000;\r\n font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n color: var(--dark);\r\n display: block;\r\n background: #fff !important;\r\n margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: block;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n height: 135px;\r\n width: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RelatedArticles-module_mediaContainer__10h9k {\r\n flex-wrap: wrap;\r\n }\r\n .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: none;\r\n }\r\n .RelatedArticles-module_mediaCard__3wQbn {\r\n width: 100%;\r\n margin-bottom: 0.5rem;\r\n padding: 0;\r\n }\r\n .RelatedArticles-module_cardTitle__3P-Ib {\r\n font-size: 0.75rem;\r\n margin-bottom: 0;\r\n }\r\n}\r\n";
344
343
  var styles$1 = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
345
344
  styleInject(css$1);
346
345
 
@@ -439,7 +438,13 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
439
438
  return showSocialShare;
440
439
  };
441
440
 
442
- var css = ".RecommendedArticles-module_recommendTitle__2kUji {\n border-bottom: 2px solid var(--secondary-blue);\n font-size: 1.5rem;\n font-weight: bold;\n color: #0d335a;\n padding: 0.5rem;\n}\n.RecommendedArticles-module_recommendContainer__sZukI {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0 -0.5rem;\n}\n.RecommendedArticles-module_recommendTop__1_yqw {\n margin: 0.5rem;\n width: 100%;\n flex-basis: 100%;\n display: flex;\n\n}\n.RecommendedArticles-module_recommendTopImg__1b9gu {\n min-width: 55%;\n width: 55%;\n height: 100%;\n}\n.RecommendedArticles-module_recommendTopImg__1b9gu img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.RecommendedArticles-module_recommendTopBody__-13FI {\n margin-left: 1rem;\n line-height: 1.3;\n color: #121212;\n display: flex;\n flex-direction: column;\n}\n.RecommendedArticles-module_topTitle__2EafN {\n font-size: 25px;\n font-weight: bold;\n margin-bottom: 0.5rem;\n}\n.RecommendedArticles-module_topBody__2_VNi {\n font-size: 19px;\n margin-bottom: 0.5rem;\n}\n.RecommendedArticles-module_topLink__2RnXu {\n font-size: 19px;\n color: rgb(43, 43, 151);\n text-decoration: underline;\n margin-top: auto;\n}\n.RecommendedArticles-module_smContainer__4byBO {\n width: calc(25% - 1rem);\n margin: 0 0.5rem;\n}\n.RecommendedArticles-module_smImage__TYZGY img {\n width: 100%;\n}\n.RecommendedArticles-module_title__3q1ud {\n margin-top: 1rem;\n line-height: 1.2;\n color: #121212;\n}\n.RecommendedArticles-module_category__2jRto {\n text-transform: uppercase;\n font-size: 16px;\n letter-spacing: 2px;\n margin: 0.25rem 0;\n}\n\n/* media query */\n\n@media screen and (max-width: 1399px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 21px;\n }\n .RecommendedArticles-module_topBody__2_VNi {\n font-size: 15px;\n }\n}\n@media screen and (max-width: 1191px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 23px;\n }\n .RecommendedArticles-module_topBody__2_VNi,\n .RecommendedArticles-module_topLink__2RnXu {\n font-size: 17px;\n }\n}\n@media screen and (max-width: 968px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 18px;\n }\n .RecommendedArticles-module_topBody__2_VNi,\n .RecommendedArticles-module_topLink__2RnXu {\n font-size: 15px;\n }\n}\n@media screen and (max-width: 768px) {\n .RecommendedArticles-module_recommendTop__1_yqw {\n flex-direction: column;\n }\n .RecommendedArticles-module_recommendTopImg__1b9gu,\n .RecommendedArticles-module_recommendTopBody__-13FI {\n width: 100%;\n margin: 0;\n }\n .RecommendedArticles-module_recommendTopBody__-13FI {\n margin-bottom: 1rem;\n }\n .RecommendedArticles-module_smContainer__4byBO {\n width: calc(50% - 1rem);\n }\n}";
441
+ var FileSaver_min = createCommonjsModule(function (module, exports) {
442
+ (function(a,b){b();})(commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof commonjsGlobal&&commonjsGlobal.global===commonjsGlobal?commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
443
+
444
+
445
+ });
446
+
447
+ var css = ".RecommendedArticles-module_recommendTitle__2kUji {\r\n border-bottom: 2px solid var(--secondary-blue);\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #0d335a;\r\n padding: 0.5rem;\r\n}\r\n.RecommendedArticles-module_recommendContainer__sZukI {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n margin: 0 -0.5rem;\r\n}\r\n.RecommendedArticles-module_recommendTop__1_yqw {\r\n margin: 0.5rem;\r\n width: 100%;\r\n flex-basis: 100%;\r\n display: flex;\r\n\r\n}\r\n.RecommendedArticles-module_recommendTopImg__1b9gu {\r\n min-width: 55%;\r\n width: 55%;\r\n height: 100%;\r\n}\r\n.RecommendedArticles-module_recommendTopImg__1b9gu img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n.RecommendedArticles-module_recommendTopBody__-13FI {\r\n margin-left: 1rem;\r\n line-height: 1.3;\r\n color: #121212;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 25px;\r\n font-weight: bold;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RecommendedArticles-module_topBody__2_VNi {\r\n font-size: 19px;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 19px;\r\n color: rgb(43, 43, 151);\r\n text-decoration: underline;\r\n margin-top: auto;\r\n}\r\n.RecommendedArticles-module_smContainer__4byBO {\r\n width: calc(25% - 1rem);\r\n margin: 0 0.5rem;\r\n}\r\n.RecommendedArticles-module_smImage__TYZGY img {\r\n width: 100%;\r\n}\r\n.RecommendedArticles-module_title__3q1ud {\r\n margin-top: 1rem;\r\n line-height: 1.2;\r\n color: #121212;\r\n}\r\n.RecommendedArticles-module_category__2jRto {\r\n text-transform: uppercase;\r\n font-size: 16px;\r\n letter-spacing: 2px;\r\n margin: 0.25rem 0;\r\n}\r\n\r\n/* media query */\r\n\r\n@media screen and (max-width: 1399px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 21px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi {\r\n font-size: 15px;\r\n }\r\n}\r\n@media screen and (max-width: 1191px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 23px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi,\r\n .RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 17px;\r\n }\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 18px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi,\r\n .RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 15px;\r\n }\r\n}\r\n@media screen and (max-width: 768px) {\r\n .RecommendedArticles-module_recommendTop__1_yqw {\r\n flex-direction: column;\r\n }\r\n .RecommendedArticles-module_recommendTopImg__1b9gu,\r\n .RecommendedArticles-module_recommendTopBody__-13FI {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n .RecommendedArticles-module_recommendTopBody__-13FI {\r\n margin-bottom: 1rem;\r\n }\r\n .RecommendedArticles-module_smContainer__4byBO {\r\n width: calc(50% - 1rem);\r\n }\r\n}";
443
448
  var styles = { "recommendTitle": "RecommendedArticles-module_recommendTitle__2kUji", "recommendContainer": "RecommendedArticles-module_recommendContainer__sZukI", "recommendTop": "RecommendedArticles-module_recommendTop__1_yqw", "recommendTopImg": "RecommendedArticles-module_recommendTopImg__1b9gu", "recommendTopBody": "RecommendedArticles-module_recommendTopBody__-13FI", "topTitle": "RecommendedArticles-module_topTitle__2EafN", "topBody": "RecommendedArticles-module_topBody__2_VNi", "topLink": "RecommendedArticles-module_topLink__2RnXu", "smContainer": "RecommendedArticles-module_smContainer__4byBO", "smImage": "RecommendedArticles-module_smImage__TYZGY", "title": "RecommendedArticles-module_title__3q1ud", "category": "RecommendedArticles-module_category__2jRto" };
444
449
  styleInject(css);
445
450
 
@@ -942,6 +947,11 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
942
947
  var sliderData = props.sliderData;
943
948
 
944
949
 
950
+ var disableEpisodeNumber = false;
951
+ if (article && article.documentGroup && article.documentGroup.disableEpisodeNumber === true) {
952
+ disableEpisodeNumber = true;
953
+ }
954
+ var logicforDisplayingEpisodeNumber = disableEpisodeNumber ? false : true;
945
955
  var targeting = getTargeting(props);
946
956
  //remove slider data if toggled
947
957
  if (article && article.documentGroup && article.documentGroup.hideSeriesSlider === true) {
@@ -1103,7 +1113,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1103
1113
  var downloadRIS = function downloadRIS() {
1104
1114
  var fileContent = generateRIS();
1105
1115
  var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
1106
- FileSaver.saveAs(file, 'citation-' + url + '.ris');
1116
+ FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
1107
1117
  };
1108
1118
 
1109
1119
  var RelevantTopics = function RelevantTopics() {
@@ -1281,7 +1291,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1281
1291
  imageOptions: { w: 320, h: 240, fit: 'max' }
1282
1292
  }, client.config())),
1283
1293
  React__default.createElement('span', { className: 'clearfix' }),
1284
- article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
1294
+ article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
1285
1295
  React__default.createElement(
1286
1296
  'div',
1287
1297
  { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
@@ -1330,7 +1340,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1330
1340
  imageOptions: { w: 320, h: 240, fit: 'max' }
1331
1341
  }, client.config())),
1332
1342
  contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
1333
- article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
1343
+ article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
1334
1344
  (visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && React__default.createElement(
1335
1345
  'div',
1336
1346
  { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
@@ -1379,7 +1389,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1379
1389
  imageOptions: { w: 320, h: 240, fit: 'max' }
1380
1390
  }, client.config())),
1381
1391
  React__default.createElement('span', { className: 'clearfix' }),
1382
- article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
1392
+ article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
1383
1393
  React__default.createElement(
1384
1394
  'div',
1385
1395
  { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
@@ -1405,7 +1415,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1405
1415
  blocks: article.documentGroup && article.documentGroup.isSeries ? [].concat(_toConsumableArray(articleBody.slice(0, _selectedIndex3))) : articleBody,
1406
1416
  imageOptions: { w: 320, h: 240, fit: 'max' }
1407
1417
  }, client.config())),
1408
- article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
1418
+ article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
1409
1419
  article.documentGroup && article.documentGroup.isSeries && React__default.createElement(BlockContent, _extends({
1410
1420
  serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, article.Ads, targeting, article, meta, authorPrefix, authorImgHeight),
1411
1421
  blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex3))),
@@ -1537,9 +1547,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1537
1547
  isMediaSeries && article.documentGroup && article.documentGroup.name && React__default.createElement(
1538
1548
  'p',
1539
1549
  { style: { fontSize: '14px' } },
1540
- article.documentGroup.name,
1541
- ' - Episode ',
1542
- episodeNumber
1550
+ disableEpisodeNumber ? '' + article.documentGroup.name : article.documentGroup.name + ' - Episode ' + episodeNumber
1543
1551
  ),
1544
1552
  React__default.createElement(
1545
1553
  'h1',
@@ -1742,7 +1750,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1742
1750
  'div',
1743
1751
  null,
1744
1752
  false ,
1745
- React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true })
1753
+ React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber })
1746
1754
  ),
1747
1755
  showRelatedArticles && !showIsi && React__default.createElement(RelatedContent, null),
1748
1756
  disqusConfig && showDisqus && React__default.createElement(