@mjhls/mjh-framework 1.0.914 → 1.0.915-nav-fix-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 (142) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AlgoliaSearch.js +143 -21
  3. package/dist/cjs/Auth.js +20 -17
  4. package/dist/cjs/AuthWrapper.js +18 -12
  5. package/dist/cjs/CMEDeck.js +5 -1
  6. package/dist/cjs/Column1.js +1 -1
  7. package/dist/cjs/Column2.js +1 -1
  8. package/dist/cjs/Column3.js +1 -1
  9. package/dist/cjs/ContentCardPaginated.js +1 -2
  10. package/dist/cjs/DeckQueuePaginated.js +1 -2
  11. package/dist/cjs/Dfp-9be904d5.js +1 -1
  12. package/dist/cjs/GridContentPaginated.js +1 -2
  13. package/dist/cjs/HamMagazine.js +1 -1
  14. package/dist/cjs/Header.js +1 -1
  15. package/dist/cjs/LeftNav.js +1 -1
  16. package/dist/cjs/MasterDeckPaginated.js +1 -2
  17. package/dist/cjs/{MediaSeriesCard-d46317f0.js → MediaSeriesCard-8c3c5514.js} +64 -42
  18. package/dist/cjs/MediaSeriesLanding.js +1 -1
  19. package/dist/cjs/MediaSeriesLandingPaginated.js +2 -3
  20. package/dist/cjs/NavDvm.js +1 -1
  21. package/dist/cjs/NavMagazine.js +2 -2
  22. package/dist/cjs/NavNative.js +1 -1
  23. package/dist/cjs/Pagination-42f92f7c.js +97 -0
  24. package/dist/cjs/PartnerDetailListingPaginated.js +1 -2
  25. package/dist/cjs/QueueDeckExpandedPaginated.js +1 -2
  26. package/dist/cjs/View.js +8 -4
  27. package/dist/cjs/index.js +0 -1
  28. package/dist/cjs/ustream-api-3819e4aa.js +1 -1
  29. package/dist/esm/AD.js +1 -1
  30. package/dist/esm/AD300x250.js +1 -1
  31. package/dist/esm/AD300x250x600.js +1 -1
  32. package/dist/esm/AD728x90.js +1 -1
  33. package/dist/esm/ADFloatingFooter.js +1 -1
  34. package/dist/esm/ADFooter.js +1 -1
  35. package/dist/esm/ADGutter.js +1 -1
  36. package/dist/esm/ADSkyscraper.js +1 -1
  37. package/dist/esm/ADSponsoredResources.js +1 -1
  38. package/dist/esm/ADWebcast.js +1 -1
  39. package/dist/esm/ADWelcome.js +1 -1
  40. package/dist/esm/AccordionPanel.js +1 -1
  41. package/dist/esm/AdSlot.js +1 -1
  42. package/dist/esm/AdSlotsProvider.js +1 -1
  43. package/dist/esm/AlgoliaSearch.js +145 -23
  44. package/dist/esm/AlphabeticList.js +1 -1
  45. package/dist/esm/ArticleCarousel.js +1 -1
  46. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  47. package/dist/esm/ArticleSeriesLandingPage.js +1 -1
  48. package/dist/esm/ArticleSeriesListing.js +1 -1
  49. package/dist/esm/Auth.js +20 -18
  50. package/dist/esm/AuthWrapper.js +19 -13
  51. package/dist/esm/Beam.js +1 -1
  52. package/dist/esm/Breadcrumbs.js +1 -1
  53. package/dist/esm/CMEDeck.js +6 -2
  54. package/dist/esm/Column1.js +1 -2
  55. package/dist/esm/Column2.js +1 -2
  56. package/dist/esm/Column3.js +1 -2
  57. package/dist/esm/ConferenceArticleCard.js +1 -1
  58. package/dist/esm/ContentCardPaginated.js +2 -3
  59. package/dist/esm/DeckContent.js +1 -1
  60. package/dist/esm/DeckQueue.js +1 -1
  61. package/dist/esm/DeckQueuePaginated.js +2 -3
  62. package/dist/esm/Dfp-102f0beb.js +1 -1
  63. package/dist/esm/EventsDeck.js +1 -1
  64. package/dist/esm/ExternalResources.js +1 -1
  65. package/dist/esm/Feature.js +1 -1
  66. package/dist/esm/ForbesHero.js +1 -1
  67. package/dist/esm/GridContent.js +1 -1
  68. package/dist/esm/GridContentPaginated.js +2 -3
  69. package/dist/esm/GridHero.js +1 -1
  70. package/dist/esm/GroupDeck.js +1 -1
  71. package/dist/esm/HamMagazine.js +1 -2
  72. package/dist/esm/Header.js +1 -2
  73. package/dist/esm/Hero.js +1 -1
  74. package/dist/esm/HighlightenVideo.js +1 -1
  75. package/dist/esm/HorizontalArticleListing.js +1 -1
  76. package/dist/esm/HorizontalHero.js +1 -1
  77. package/dist/esm/IssueContentDeck.js +1 -1
  78. package/dist/esm/IssueDeck.js +1 -1
  79. package/dist/esm/IssueLanding.js +1 -1
  80. package/dist/esm/KMTracker.js +1 -1
  81. package/dist/esm/LeftNav.js +1 -2
  82. package/dist/esm/MasterDeck.js +1 -1
  83. package/dist/esm/MasterDeckPaginated.js +2 -3
  84. package/dist/esm/{MediaSeriesCard-b1845b19.js → MediaSeriesCard-30892d60.js} +64 -42
  85. package/dist/esm/MediaSeriesLanding.js +2 -2
  86. package/dist/esm/MediaSeriesLandingPaginated.js +3 -4
  87. package/dist/esm/NavDvm.js +1 -2
  88. package/dist/esm/NavMagazine.js +2 -3
  89. package/dist/esm/NavNative.js +1 -2
  90. package/dist/esm/OncliveHero.js +1 -1
  91. package/dist/esm/OncliveLargeHero.js +1 -1
  92. package/dist/esm/PageFilter.js +1 -1
  93. package/dist/esm/Pagination-484b86c5.js +90 -0
  94. package/dist/esm/PartnerDetailListing.js +1 -1
  95. package/dist/esm/PartnerDetailListingPaginated.js +2 -3
  96. package/dist/esm/PdfDownload.js +1 -1
  97. package/dist/esm/PopUpModal.js +1 -1
  98. package/dist/esm/PubSection.js +1 -1
  99. package/dist/esm/PubToc.js +1 -1
  100. package/dist/esm/PublicationDeck.js +1 -1
  101. package/dist/esm/PublicationLanding.js +1 -1
  102. package/dist/esm/QueueDeckExpanded.js +1 -1
  103. package/dist/esm/QueueDeckExpandedPaginated.js +2 -3
  104. package/dist/esm/RecentNews.js +1 -1
  105. package/dist/esm/RelatedContent.js +1 -1
  106. package/dist/esm/RelatedTopicsDropdown.js +1 -1
  107. package/dist/esm/RolesDeck.js +1 -1
  108. package/dist/esm/Schema.js +1 -1
  109. package/dist/esm/Search.js +1 -1
  110. package/dist/esm/Segment.js +1 -1
  111. package/dist/esm/SeriesListingDeck.js +1 -1
  112. package/dist/esm/SetCookie.js +1 -1
  113. package/dist/esm/SideFooter.js +1 -1
  114. package/dist/esm/SocialIcons.js +1 -1
  115. package/dist/esm/SocialShare.js +1 -1
  116. package/dist/esm/TaxonomyCard.js +1 -1
  117. package/dist/esm/TaxonomyDescription.js +1 -1
  118. package/dist/esm/TemplateNormal.js +1 -1
  119. package/dist/esm/ThumbnailCard.js +1 -1
  120. package/dist/esm/Ustream.js +1 -1
  121. package/dist/esm/VerticalHero.js +1 -1
  122. package/dist/esm/VideoProgramLandingPage.js +1 -1
  123. package/dist/esm/VideoSeriesCard.js +1 -1
  124. package/dist/esm/VideoSeriesFilter.js +1 -1
  125. package/dist/esm/VideoSeriesLandingPage.js +1 -1
  126. package/dist/esm/VideoSeriesListing.js +1 -1
  127. package/dist/esm/View.js +9 -4
  128. package/dist/esm/YahooHero.js +1 -1
  129. package/dist/esm/YoutubeGroup.js +1 -1
  130. package/dist/esm/getKeywords.js +1 -1
  131. package/dist/esm/getQuery.js +1 -1
  132. package/dist/esm/getRelatedArticle.js +1 -1
  133. package/dist/esm/getRootDocGroup.js +1 -1
  134. package/dist/esm/getSeriesDetail.js +1 -1
  135. package/dist/esm/index.js +0 -1
  136. package/dist/esm/stringify-2b084bee.js +1 -1
  137. package/dist/esm/timeDifferenceCalc.js +1 -1
  138. package/dist/esm/urlFor.js +1 -1
  139. package/dist/esm/ustream-api-d3714624.js +1 -1
  140. package/package.json +1 -1
  141. package/dist/cjs/Pagination-885dcfbd.js +0 -90
  142. 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 };
@@ -292,4 +292,4 @@ PartnerDetails.returnGetInitialProps = function () {
292
292
  };
293
293
  }();
294
294
 
295
- export default PartnerDetails;
295
+ export { PartnerDetails as default };
@@ -44,8 +44,7 @@ import './AuthorComponent-11adff02.js';
44
44
  import './ADlgInfeed-013e1f4a.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';
@@ -307,4 +306,4 @@ PartnerDetails.returnGetInitialProps = function () {
307
306
  };
308
307
  }();
309
308
 
310
- export default PartnerDetails;
309
+ export { PartnerDetails as default };
@@ -19,4 +19,4 @@ var PdfDownload = function PdfDownload(props) {
19
19
  );
20
20
  };
21
21
 
22
- export default PdfDownload;
22
+ export { PdfDownload as default };
@@ -48,4 +48,4 @@ var PopUpModal = function PopUpModal(props) {
48
48
  );
49
49
  };
50
50
 
51
- export default PopUpModal;
51
+ export { PopUpModal as default };
@@ -112,4 +112,4 @@ PubSection.getInitialProps = function () {
112
112
  };
113
113
  }();
114
114
 
115
- export default PubSection;
115
+ export { PubSection as default };
@@ -78,4 +78,4 @@ PubToc.getInitialProps = function () {
78
78
  };
79
79
  }();
80
80
 
81
- export default PubToc;
81
+ export { PubToc as default };
@@ -170,4 +170,4 @@ var PublicationDeck = function PublicationDeck(props) {
170
170
  }
171
171
  };
172
172
 
173
- export default PublicationDeck;
173
+ export { PublicationDeck as default };
@@ -843,4 +843,4 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
843
843
  );
844
844
  };
845
845
 
846
- export default PublicationLanding;
846
+ export { PublicationLanding as default };
@@ -1532,4 +1532,4 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1532
1532
  );
1533
1533
  };
1534
1534
 
1535
- export default QueueDeckExpanded;
1535
+ export { QueueDeckExpanded as default };
@@ -17,7 +17,7 @@ import { A as ADlgInfeed } from './ADlgInfeed-013e1f4a.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';
@@ -1378,4 +1377,4 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1378
1377
  );
1379
1378
  };
1380
1379
 
1381
- export default QueueDeckExpanded;
1380
+ export { QueueDeckExpanded as default };
@@ -82,4 +82,4 @@ var RecentNews = function RecentNews(_ref) {
82
82
  );
83
83
  };
84
84
 
85
- export default RecentNews;
85
+ export { RecentNews as default };
@@ -105,4 +105,4 @@ var RelatedContent = function RelatedContent(props) {
105
105
  );
106
106
  };
107
107
 
108
- export default RelatedContent;
108
+ export { RelatedContent as default };
@@ -79,4 +79,4 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
79
79
  }
80
80
  };
81
81
 
82
- export default RelatedTopicsDropdown;
82
+ export { RelatedTopicsDropdown as default };
@@ -81,4 +81,4 @@ var RolesDeck = function RolesDeck(props) {
81
81
  );
82
82
  };
83
83
 
84
- export default RolesDeck;
84
+ export { RolesDeck as default };
@@ -92,4 +92,4 @@ var Schema = function Schema(props) {
92
92
  return React__default.createElement('script', { type: 'application/ld+json', dangerouslySetInnerHTML: { __html: _JSON$stringify(generateSchema(props)) } });
93
93
  };
94
94
 
95
- export default Schema;
95
+ export { Schema as default };
@@ -54,4 +54,4 @@ var Search = function Search(props) {
54
54
  );
55
55
  };
56
56
 
57
- export default Search;
57
+ export { Search as default };
@@ -350,4 +350,4 @@ var Segment = {
350
350
  }
351
351
  };
352
352
 
353
- export default Segment;
353
+ export { Segment as default };
@@ -240,4 +240,4 @@ var SeriesListingDeck = function SeriesListingDeck(props) {
240
240
  );
241
241
  };
242
242
 
243
- export default SeriesListingDeck;
243
+ export { SeriesListingDeck as default };
@@ -5,4 +5,4 @@ var SetCookie = function SetCookie(key, value) {
5
5
  js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
6
6
  };
7
7
 
8
- export default SetCookie;
8
+ export { SetCookie as default };
@@ -142,4 +142,4 @@ var SideFooter = function SideFooter(props) {
142
142
  );
143
143
  };
144
144
 
145
- export default SideFooter;
145
+ export { SideFooter as default };
@@ -94,4 +94,4 @@ var SocialIcons = function SocialIcons(props) {
94
94
  }
95
95
  };
96
96
 
97
- export default SocialIcons;
97
+ export { SocialIcons as default };
@@ -64,4 +64,4 @@ var SocialShare = function SocialShare(props) {
64
64
 
65
65
  var SocialShare$1 = React__default.memo(SocialShare);
66
66
 
67
- export default SocialShare$1;
67
+ export { SocialShare$1 as default };
@@ -240,4 +240,4 @@ var TaxonomyCard = function TaxonomyCard(props) {
240
240
  );
241
241
  };
242
242
 
243
- export default TaxonomyCard;
243
+ export { TaxonomyCard as default };
@@ -176,4 +176,4 @@ TaxonomyDescription.getDescription = function () {
176
176
  };
177
177
  }();
178
178
 
179
- export default TaxonomyDescription;
179
+ export { TaxonomyDescription as default };
@@ -195,4 +195,4 @@ var TemplateNormal = function TemplateNormal(props) {
195
195
  );
196
196
  };
197
197
 
198
- export default TemplateNormal;
198
+ export { TemplateNormal as default };
@@ -49,4 +49,4 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
49
49
  );
50
50
  };
51
51
 
52
- export default ThumbnailCard;
52
+ export { ThumbnailCard as default };
@@ -147,4 +147,4 @@ var Ustream = function Ustream(_ref) {
147
147
 
148
148
  var Ustream$1 = React__default.memo(Ustream);
149
149
 
150
- export default Ustream$1;
150
+ export { Ustream$1 as default };
@@ -65,4 +65,4 @@ var VerticalHero = function VerticalHero(props) {
65
65
  );
66
66
  };
67
67
 
68
- export default VerticalHero;
68
+ export { VerticalHero as default };
@@ -246,4 +246,4 @@ VideoProgramLandingPage.getInitialData = function () {
246
246
  };
247
247
  }();
248
248
 
249
- export default VideoProgramLandingPage;
249
+ export { VideoProgramLandingPage as default };
@@ -79,4 +79,4 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
79
79
  );
80
80
  };
81
81
 
82
- export default VideoSeriesCard;
82
+ export { VideoSeriesCard as default };
@@ -119,4 +119,4 @@ var VideoSeriesFilter = function VideoSeriesFilter(props) {
119
119
  };
120
120
  var VideoSeriesFilter$1 = withRouter(VideoSeriesFilter);
121
121
 
122
- export default VideoSeriesFilter$1;
122
+ export { VideoSeriesFilter$1 as default };
@@ -170,4 +170,4 @@ VideoSeriesLandingPage.getInitialData = function () {
170
170
  };
171
171
  }();
172
172
 
173
- export default VideoSeriesLandingPage;
173
+ export { VideoSeriesLandingPage as default };
@@ -405,4 +405,4 @@ var VideoSeriesListing = function (_React$Component) {
405
405
 
406
406
  var VideoSeriesListing$1 = withRouter(VideoSeriesListing);
407
407
 
408
- export default VideoSeriesListing$1;
408
+ export { VideoSeriesListing$1 as default };
package/dist/esm/View.js CHANGED
@@ -27,14 +27,13 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
27
27
  import './index-755f2cc2.js';
28
28
  import { DiscussionEmbed } from 'disqus-react';
29
29
  import Schema from './Schema.js';
30
- import FileSaver from 'file-saver';
30
+ import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
31
31
  import { _ as _Object$keys } from './keys-31dcdb31.js';
32
32
  import { I as InfiniteScroll } from './index.es-a6137319.js';
33
33
  import { l as lib_3 } from './index-f0fc23eb.js';
34
34
  import getRelatedArticle from './getRelatedArticle.js';
35
35
  import getQuery from './getQuery.js';
36
36
  import getSeriesDetail from './getSeriesDetail.js';
37
- import './_commonjsHelpers-0c4b6f40.js';
38
37
  import './core.get-iterator-method-ea258bb1.js';
39
38
  import './web.dom.iterable-ab4dea5c.js';
40
39
  import './_library-528f1934.js';
@@ -437,6 +436,12 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
437
436
  return showSocialShare;
438
437
  };
439
438
 
439
+ var FileSaver_min = createCommonjsModule(function (module, exports) {
440
+ (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);});
441
+
442
+
443
+ });
444
+
440
445
  var Article = forwardRef(function (props, ref) {
441
446
  var onVote = function () {
442
447
  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(nodeKey, selectedChoice) {
@@ -704,7 +709,7 @@ var Article = forwardRef(function (props, ref) {
704
709
  var downloadRIS = function downloadRIS() {
705
710
  var fileContent = generateRIS();
706
711
  var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
707
- FileSaver.saveAs(file, 'citation-' + url + '.ris');
712
+ FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
708
713
  };
709
714
 
710
715
  var RelevantTopics = function RelevantTopics() {
@@ -2008,4 +2013,4 @@ View.returnGetInitialProps = function () {
2008
2013
  };
2009
2014
  }();
2010
2015
 
2011
- export default View;
2016
+ export { View as default };
@@ -117,4 +117,4 @@ var YahooHero = function YahooHero(props) {
117
117
  );
118
118
  };
119
119
 
120
- export default YahooHero;
120
+ export { YahooHero as default };
@@ -362,4 +362,4 @@ var YoutubeGroup = function YoutubeGroup(props) {
362
362
  );
363
363
  };
364
364
 
365
- export default YoutubeGroup;
365
+ export { YoutubeGroup as default };
@@ -41,4 +41,4 @@ var getKeywords = function getKeywords(article) {
41
41
  return keywords;
42
42
  };
43
43
 
44
- export default getKeywords;
44
+ export { getKeywords as default };
@@ -22,4 +22,4 @@ var getQuery = function getQuery(type) {
22
22
  }
23
23
  };
24
24
 
25
- export default getQuery;
25
+ export { getQuery as default };
@@ -537,4 +537,4 @@ var getRelatedArticle = function () {
537
537
  };
538
538
  }();
539
539
 
540
- export default getRelatedArticle;
540
+ export { getRelatedArticle as default };
@@ -57,4 +57,4 @@ var getRootDocGroup = function () {
57
57
  };
58
58
  }();
59
59
 
60
- export default getRootDocGroup;
60
+ export { getRootDocGroup as default };
@@ -35,4 +35,4 @@ var getSeriesDetail = function getSeriesDetail(article, currentSeries) {
35
35
  return seriesDetail;
36
36
  };
37
37
 
38
- export default getSeriesDetail;
38
+ export { getSeriesDetail as default };
package/dist/esm/index.js CHANGED
@@ -192,7 +192,6 @@ import './md5-4e42248e.js';
192
192
  import './SeriesSlider-45adb8dc.js';
193
193
  import './style-inject.es-1f59c1d0.js';
194
194
  import 'disqus-react';
195
- import 'file-saver';
196
195
  import 'react-twitter-embed';
197
196
  import './ImageSlider-f84174cb.js';
198
197
  import './defineProperty-23a8f8cd.js';
@@ -1,4 +1,4 @@
1
- import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
1
+ import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
2
2
  import { a as _core } from './core.get-iterator-method-ea258bb1.js';
3
3
 
4
4
  var $JSON = _core.JSON || (_core.JSON = { stringify: JSON.stringify });
@@ -34,4 +34,4 @@ var timeDifferenceCalc = function timeDifferenceCalc(articlePublishedDate) {
34
34
  return difference;
35
35
  };
36
36
 
37
- export default timeDifferenceCalc;
37
+ export { timeDifferenceCalc as default };
@@ -60,4 +60,4 @@ function urlFor(_ref) {
60
60
  return url;
61
61
  }
62
62
 
63
- export default urlFor;
63
+ export { urlFor as default };
@@ -101,4 +101,4 @@ var UstreamEmbed = function () {
101
101
  }), window.UstreamEmbed = a;
102
102
  }();
103
103
 
104
- export default UstreamEmbed;
104
+ export { UstreamEmbed as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.914",
3
+ "version": "1.0.915-nav-fix-v1",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",
@@ -1,90 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var ReactPaginate = require('react-paginate');
5
- var Button = require('react-bootstrap/Button');
6
- var index_esm = require('./index.esm-d51c9ac6.js');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
- var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
12
- var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
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['default'].createElement(
28
- React__default['default'].Fragment,
29
- null,
30
- needLargePaginateButtons && React__default['default'].createElement(
31
- 'div',
32
- { className: 'pagination-lg-btn-nxt' },
33
- React__default['default'].createElement(
34
- Button__default['default'],
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['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
44
- )
45
- ),
46
- React__default['default'].createElement(ReactPaginate__default['default'], {
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['default'].createElement(
67
- 'div',
68
- { className: 'pagination-lg-btn-prv' },
69
- React__default['default'].createElement(
70
- Button__default['default'],
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['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
79
- 'PREVIOUS PAGE'
80
- )
81
- ),
82
- React__default['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
- exports.Pagination = Pagination;