@mjhls/mjh-framework 1.0.900 → 1.0.901-media-series-itemsperpage-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 (105) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AdSlot.js +2 -0
  3. package/dist/cjs/AlgoliaSearch.js +131 -15
  4. package/dist/cjs/ArticleProgramLandingPage.js +1 -1
  5. package/dist/cjs/ArticleSeriesLandingPage.js +2 -2
  6. package/dist/cjs/AuthWrapper.js +1 -1
  7. package/dist/cjs/CMEDeck.js +5 -1
  8. package/dist/cjs/ConferenceArticleCard.js +15 -15
  9. package/dist/cjs/ContentCardPaginated.js +2 -3
  10. package/dist/cjs/DeckContent.js +9 -9
  11. package/dist/cjs/DeckQueuePaginated.js +1 -2
  12. package/dist/cjs/EventsDeck.js +17 -17
  13. package/dist/cjs/ExternalResources.js +1 -1
  14. package/dist/cjs/GridContent.js +2 -2
  15. package/dist/cjs/GridContentPaginated.js +3 -4
  16. package/dist/cjs/HamMagazine.js +9 -9
  17. package/dist/cjs/HorizontalArticleListing.js +1 -1
  18. package/dist/cjs/IssueLanding.js +32 -32
  19. package/dist/cjs/KMTracker.js +15 -15
  20. package/dist/cjs/MasterDeck.js +10 -10
  21. package/dist/cjs/MasterDeckPaginated.js +11 -12
  22. package/dist/cjs/{MediaSeriesCard-f38e0b15.js → MediaSeriesCard-06462033.js} +2 -2
  23. package/dist/cjs/MediaSeriesLanding.js +9 -9
  24. package/dist/cjs/MediaSeriesLandingPaginated.js +15 -16
  25. package/dist/cjs/NavMagazine.js +10 -10
  26. package/dist/cjs/NavNative.js +9 -9
  27. package/dist/cjs/Pagination-42f92f7c.js +97 -0
  28. package/dist/cjs/PartnerDetailListing.js +3 -3
  29. package/dist/cjs/PartnerDetailListingPaginated.js +4 -5
  30. package/dist/cjs/PubSection.js +2 -2
  31. package/dist/cjs/PublicationLanding.js +26 -26
  32. package/dist/cjs/QueueDeckExpanded.js +2 -2
  33. package/dist/cjs/QueueDeckExpandedPaginated.js +3 -4
  34. package/dist/cjs/RelatedContent.js +28 -28
  35. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  36. package/dist/cjs/SeriesListingDeck.js +1 -1
  37. package/dist/cjs/{SeriesSlider-ba0c5d1a.js → SeriesSlider-de93a303.js} +4 -4
  38. package/dist/cjs/SideFooter.js +2 -2
  39. package/dist/cjs/TaxonomyDescription.js +1 -1
  40. package/dist/cjs/VideoProgramLandingPage.js +1 -1
  41. package/dist/cjs/VideoSeriesCard.js +1 -1
  42. package/dist/cjs/VideoSeriesLandingPage.js +2 -2
  43. package/dist/cjs/View.js +4 -4
  44. package/dist/cjs/YoutubeGroup.js +4 -4
  45. package/dist/cjs/getSerializers.js +1 -1
  46. package/dist/cjs/{getTargeting-9d509319.js → getTargeting-6d59cc5b.js} +9 -9
  47. package/dist/cjs/getTargeting.js +1 -1
  48. package/dist/cjs/index.js +5 -5
  49. package/dist/esm/AdSlot.js +2 -0
  50. package/dist/esm/AlgoliaSearch.js +132 -16
  51. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  52. package/dist/esm/ArticleSeriesLandingPage.js +2 -2
  53. package/dist/esm/AuthWrapper.js +1 -1
  54. package/dist/esm/CMEDeck.js +5 -1
  55. package/dist/esm/ConferenceArticleCard.js +15 -15
  56. package/dist/esm/ContentCardPaginated.js +2 -3
  57. package/dist/esm/DeckContent.js +9 -9
  58. package/dist/esm/DeckQueuePaginated.js +1 -2
  59. package/dist/esm/EventsDeck.js +17 -17
  60. package/dist/esm/ExternalResources.js +1 -1
  61. package/dist/esm/GridContent.js +2 -2
  62. package/dist/esm/GridContentPaginated.js +3 -4
  63. package/dist/esm/HamMagazine.js +9 -9
  64. package/dist/esm/HorizontalArticleListing.js +1 -1
  65. package/dist/esm/IssueLanding.js +32 -32
  66. package/dist/esm/KMTracker.js +15 -15
  67. package/dist/esm/MasterDeck.js +10 -10
  68. package/dist/esm/MasterDeckPaginated.js +11 -12
  69. package/dist/esm/{MediaSeriesCard-8ed9005f.js → MediaSeriesCard-aa554993.js} +2 -2
  70. package/dist/esm/MediaSeriesLanding.js +9 -9
  71. package/dist/esm/MediaSeriesLandingPaginated.js +15 -16
  72. package/dist/esm/NavMagazine.js +10 -10
  73. package/dist/esm/NavNative.js +9 -9
  74. package/dist/esm/Pagination-484b86c5.js +90 -0
  75. package/dist/esm/PartnerDetailListing.js +3 -3
  76. package/dist/esm/PartnerDetailListingPaginated.js +4 -5
  77. package/dist/esm/PubSection.js +2 -2
  78. package/dist/esm/PublicationLanding.js +26 -26
  79. package/dist/esm/QueueDeckExpanded.js +2 -2
  80. package/dist/esm/QueueDeckExpandedPaginated.js +3 -4
  81. package/dist/esm/RelatedContent.js +28 -28
  82. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  83. package/dist/esm/SeriesListingDeck.js +1 -1
  84. package/dist/esm/{SeriesSlider-45adb8dc.js → SeriesSlider-98ad6d97.js} +4 -4
  85. package/dist/esm/SideFooter.js +2 -2
  86. package/dist/esm/TaxonomyDescription.js +1 -1
  87. package/dist/esm/VideoProgramLandingPage.js +1 -1
  88. package/dist/esm/VideoSeriesCard.js +1 -1
  89. package/dist/esm/VideoSeriesLandingPage.js +2 -2
  90. package/dist/esm/View.js +4 -4
  91. package/dist/esm/YoutubeGroup.js +4 -4
  92. package/dist/esm/getSerializers.js +1 -1
  93. package/dist/esm/{getTargeting-4061f839.js → getTargeting-36031a00.js} +9 -9
  94. package/dist/esm/getTargeting.js +1 -1
  95. package/dist/esm/index.js +5 -5
  96. package/dist/esm/stringify-2b084bee.js +1 -1
  97. package/package.json +112 -112
  98. package/dist/cjs/Pagination-885dcfbd.js +0 -90
  99. package/dist/esm/Pagination-59436882.js +0 -82
  100. /package/dist/cjs/{ADInfeed-bce0ba07.js → ADInfeed-af3fdbc3.js} +0 -0
  101. /package/dist/cjs/{ADlgInfeed-950b414b.js → ADlgInfeed-ea8f6de8.js} +0 -0
  102. /package/dist/cjs/{index-2a3d37a1.js → index-82ca8a61.js} +0 -0
  103. /package/dist/esm/{ADInfeed-0a55cd2d.js → ADInfeed-64ff1fde.js} +0 -0
  104. /package/dist/esm/{ADlgInfeed-013e1f4a.js → ADlgInfeed-a731f9c2.js} +0 -0
  105. /package/dist/esm/{index-681431c9.js → index-17d14c85.js} +0 -0
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import ArticleCarousel from './ArticleCarousel.js';
4
4
  import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
5
5
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
6
- import { g as getSerializers } from './index-681431c9.js';
6
+ import { g as getSerializers } from './index-17d14c85.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './core.get-iterator-method-ea258bb1.js';
9
9
  import './_object-pie-133f504a.js';
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import QueueDeckExpanded from './QueueDeckExpanded.js';
4
4
  import Breadcrumbs from './Breadcrumbs.js';
5
5
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
6
- import { g as getSerializers } from './index-681431c9.js';
6
+ import { g as getSerializers } from './index-17d14c85.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './core.get-iterator-method-ea258bb1.js';
9
9
  import './_object-pie-133f504a.js';
@@ -25,7 +25,7 @@ import 'next/router';
25
25
  import './index-755f2cc2.js';
26
26
  import './main-1894c974.js';
27
27
  import './entities-6d9154b4.js';
28
- import './ADInfeed-0a55cd2d.js';
28
+ import './ADInfeed-64ff1fde.js';
29
29
  import 'react-bootstrap/Card';
30
30
  import './AdSlot.js';
31
31
  import './debounce-533d9748.js';
@@ -38,7 +38,7 @@ import './_library-528f1934.js';
38
38
  import './Segment.js';
39
39
  import './AuthorComponent-11adff02.js';
40
40
  import './lodash-f97fd99a.js';
41
- import './ADlgInfeed-013e1f4a.js';
41
+ import './ADlgInfeed-a731f9c2.js';
42
42
  import './getContentCategory-15dcc413.js';
43
43
  import './timeDifferenceCalc.js';
44
44
  import 'react-bootstrap/Breadcrumb';
@@ -67,35 +67,35 @@ import 'react-bootstrap/OverlayTrigger';
67
67
  import 'react-bootstrap/Tooltip';
68
68
  import 'react-bootstrap/Popover';
69
69
 
70
- /* usage
71
- import Settings, { Ads } from '../../../../settings'
72
- import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
73
- import client from '../../../../client'
74
- import moment from 'moment'
75
- import Shell from '../../../../components/2.0/Shell'
76
- import { pageview } from '../../../../utilities/gtag'
77
-
78
- const Issue = (props) => {
79
- const { pubIssue, cache } = props
80
- const targeting = {
81
- content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
82
- document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
83
- }
84
- return (
85
- <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
86
- <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
87
- </Shell>
88
- )
89
- }
90
-
91
- Issue.getInitialProps = async (ctx) => {
92
- const { query } = ctx
93
- const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
94
- )
95
- return { pubIssue }
96
- }
97
-
98
- export default Issue
70
+ /* usage
71
+ import Settings, { Ads } from '../../../../settings'
72
+ import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
73
+ import client from '../../../../client'
74
+ import moment from 'moment'
75
+ import Shell from '../../../../components/2.0/Shell'
76
+ import { pageview } from '../../../../utilities/gtag'
77
+
78
+ const Issue = (props) => {
79
+ const { pubIssue, cache } = props
80
+ const targeting = {
81
+ content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
82
+ document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
83
+ }
84
+ return (
85
+ <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
86
+ <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
87
+ </Shell>
88
+ )
89
+ }
90
+
91
+ Issue.getInitialProps = async (ctx) => {
92
+ const { query } = ctx
93
+ const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
94
+ )
95
+ return { pubIssue }
96
+ }
97
+
98
+ export default Issue
99
99
  */
100
100
 
101
101
  var IssueLanding = function IssueLanding(props) {
@@ -1,25 +1,25 @@
1
1
  var KMTracker = function KMTracker(props) {
2
- var id = props.id;
2
+ var id = props.id;
3
3
 
4
- if (document && id) {
4
+ if (document && id) {
5
5
  (function () {
6
- var ecnJquery = document.createElement('script');
6
+ var ecnJquery = document.createElement('script');
7
7
 
8
- ecnJquery.type = 'text/javascript';
9
- ecnJquery.async = true;
10
- ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
8
+ ecnJquery.type = 'text/javascript';
9
+ ecnJquery.async = true;
10
+ ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
11
11
 
12
- var ecnScript = document.createElement('script');
12
+ var ecnScript = document.createElement('script');
13
13
 
14
- ecnScript.type = 'text/javascript';
15
- ecnScript.async = true;
16
- ecnScript.id = 'km-tracker';
17
- ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
14
+ ecnScript.type = 'text/javascript';
15
+ ecnScript.async = true;
16
+ ecnScript.id = 'km-tracker';
17
+ ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
18
18
 
19
- document.head.appendChild(ecnJquery);
20
- document.head.appendChild(ecnScript);
21
- })();
22
- }
19
+ document.head.appendChild(ecnJquery);
20
+ document.head.appendChild(ecnScript);
21
+ })();
22
+ }
23
23
  };
24
24
 
25
25
  export default KMTracker;
@@ -16,8 +16,8 @@ import { I as InfiniteScroll } from './index.es-a6137319.js';
16
16
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
17
17
  import './slicedToArray-6ebcbfea.js';
18
18
  import './index-3f5c03b2.js';
19
- import { A as ADlgInfeed } from './ADlgInfeed-013e1f4a.js';
20
- import { A as ADInfeed } from './ADInfeed-0a55cd2d.js';
19
+ import { A as ADlgInfeed } from './ADlgInfeed-a731f9c2.js';
20
+ import { A as ADInfeed } from './ADInfeed-64ff1fde.js';
21
21
  import './main-1894c974.js';
22
22
  import './_commonjsHelpers-0c4b6f40.js';
23
23
  import './core.get-iterator-method-ea258bb1.js';
@@ -223,14 +223,14 @@ var MasterDeck = function (_React$Component) {
223
223
  }
224
224
 
225
225
  // please leave this for later debug purpose : Yong Jun.
226
- /* console.log('page change reported', {
227
- currentPage: currentPage,
228
- pageNumber: pageNumber,
229
- pathname: pathname,
230
- path: path,
231
- newPath: newPath,
232
- firstPage: pageNumber === 1,
233
- queryString: queryString
226
+ /* console.log('page change reported', {
227
+ currentPage: currentPage,
228
+ pageNumber: pageNumber,
229
+ pathname: pathname,
230
+ path: path,
231
+ newPath: newPath,
232
+ firstPage: pageNumber === 1,
233
+ queryString: queryString
234
234
  }) */
235
235
 
236
236
  if (pageview) {
@@ -10,9 +10,9 @@ import Spinner from 'react-bootstrap/Spinner';
10
10
  import { withRouter } from 'next/router';
11
11
  import { l as lodash } from './lodash-f97fd99a.js';
12
12
  import { m as main_43 } from './main-1894c974.js';
13
- import { A as ADlgInfeed } from './ADlgInfeed-013e1f4a.js';
14
- import { A as ADInfeed } from './ADInfeed-0a55cd2d.js';
15
- import { P as Pagination } from './Pagination-59436882.js';
13
+ import { A as ADlgInfeed } from './ADlgInfeed-a731f9c2.js';
14
+ import { A as ADInfeed } from './ADInfeed-64ff1fde.js';
15
+ import { P as Pagination } from './Pagination-484b86c5.js';
16
16
  import './_commonjsHelpers-0c4b6f40.js';
17
17
  import './core.get-iterator-method-ea258bb1.js';
18
18
  import './web.dom.iterable-ab4dea5c.js';
@@ -33,7 +33,6 @@ import './isSymbol-a7e9aafe.js';
33
33
  import './toNumber-5aeba6e7.js';
34
34
  import './Beam.js';
35
35
  import './Segment.js';
36
- import 'react-paginate';
37
36
  import 'react-bootstrap/Button';
38
37
  import './index.esm-1bd8a0a8.js';
39
38
  import './iconBase-ccc56b97.js';
@@ -108,14 +107,14 @@ var MasterDeck = function (_React$Component) {
108
107
  }
109
108
 
110
109
  // please leave this for later debug purpose : Yong Jun.
111
- /* console.log('page change reported', {
112
- currentPage: currentPage,
113
- pageNumber: pageNumber,
114
- pathname: pathname,
115
- path: path,
116
- newPath: newPath,
117
- firstPage: pageNumber === 1,
118
- queryString: queryString
110
+ /* console.log('page change reported', {
111
+ currentPage: currentPage,
112
+ pageNumber: pageNumber,
113
+ pathname: pathname,
114
+ path: path,
115
+ newPath: newPath,
116
+ firstPage: pageNumber === 1,
117
+ queryString: queryString
119
118
  }) */
120
119
 
121
120
  if (pageview) {
@@ -9,7 +9,7 @@ import urlFor from './urlFor.js';
9
9
  import { m as moment } from './moment-bc12cb97.js';
10
10
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
11
11
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
12
- import { g as getSerializers } from './index-681431c9.js';
12
+ import { g as getSerializers } from './index-17d14c85.js';
13
13
 
14
14
  /**
15
15
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -9427,7 +9427,7 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
9427
9427
  Tooltip.defaultProps = defaultProps;
9428
9428
  Tooltip.displayName = 'Tooltip';
9429
9429
 
9430
- var css = ".MediaSeriesCard-module_article__SAFYK {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n width: 100%;\n height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n width: 75%;\n font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n color: #6d6d6d;\n margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n font-size: 1.3rem;\n font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n .MediaSeriesCard-module_article__SAFYK {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .MediaSeriesCard-module_article__SAFYK a {\n flex-direction: column;\n align-items: center;\n }\n .MediaSeriesCard-module_thumb__3jRAU {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .MediaSeriesCard-module_thumb__3jRAU img{\n border-radius: 10px 10px 0 0; \n }\n .MediaSeriesCard-module_thumb__3jRAU figure {\n margin: 0;\n }\n .MediaSeriesCard-module_info__3L7_o {\n width: 90%;\n padding: 0rem !important;\n }\n .MediaSeriesCard-module_info__3L7_o h2 {\n font-size: 1rem;\n }\n .MediaSeriesCard-module_name__2m5KY {\n font-size: 1rem;\n \n }\n}\n";
9430
+ var css = ".MediaSeriesCard-module_article__SAFYK {\r\n width: 100%;\r\n margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n display: flex;\r\n width: 100%;\r\n color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n width: 100%;\r\n height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n width: 75%;\r\n font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n color: #6d6d6d;\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n .MediaSeriesCard-module_article__SAFYK {\r\n margin: 1rem 0;\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n }\r\n .MediaSeriesCard-module_article__SAFYK a {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU {\r\n overflow: hidden;\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU img{\r\n border-radius: 10px 10px 0 0; \r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU figure {\r\n margin: 0;\r\n }\r\n .MediaSeriesCard-module_info__3L7_o {\r\n width: 90%;\r\n padding: 0rem !important;\r\n }\r\n .MediaSeriesCard-module_info__3L7_o h2 {\r\n font-size: 1rem;\r\n }\r\n .MediaSeriesCard-module_name__2m5KY {\r\n font-size: 1rem;\r\n \r\n }\r\n}\r\n";
9431
9431
  var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
9432
9432
  styleInject(css);
9433
9433
 
@@ -4,13 +4,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
4
4
  import { _ as _extends } from './extends-6d8e3924.js';
5
5
  import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
6
6
  import React__default, { useState, useEffect } from 'react';
7
- import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-8ed9005f.js';
7
+ import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-aa554993.js';
8
8
  import './index-98ca9cec.js';
9
9
  import 'react-dom';
10
10
  import Link from 'next/link';
11
11
  import MasterDeck from './MasterDeck.js';
12
12
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
13
- import { g as getSerializers } from './index-681431c9.js';
13
+ import { g as getSerializers } from './index-17d14c85.js';
14
14
  import './_commonjsHelpers-0c4b6f40.js';
15
15
  import './define-property-5f1bda73.js';
16
16
  import './core.get-iterator-method-ea258bb1.js';
@@ -41,13 +41,13 @@ import './isSymbol-a7e9aafe.js';
41
41
  import './toNumber-5aeba6e7.js';
42
42
  import './index.es-a6137319.js';
43
43
  import './visibility-sensor-72fd8f8b.js';
44
- import './ADlgInfeed-013e1f4a.js';
44
+ import './ADlgInfeed-a731f9c2.js';
45
45
  import './AdSlot.js';
46
46
  import './Beam.js';
47
47
  import './stringify-2b084bee.js';
48
48
  import './Segment.js';
49
49
  import './main-1894c974.js';
50
- import './ADInfeed-0a55cd2d.js';
50
+ import './ADInfeed-64ff1fde.js';
51
51
  import 'react-bootstrap';
52
52
  import './index-c7e2ac95.js';
53
53
  import './util-8ed16d48.js';
@@ -90,11 +90,11 @@ var Filter = function Filter(_ref) {
90
90
  _useState6 = _slicedToArray(_useState5, 2),
91
91
  grandChildData = _useState6[0],
92
92
  setGrandChildData = _useState6[1];
93
- /*
94
- {parent: showAll,
95
- chidlren: show selected from parent,
96
- grandchildren: show selected from children
97
- }
93
+ /*
94
+ {parent: showAll,
95
+ chidlren: show selected from parent,
96
+ grandchildren: show selected from children
97
+ }
98
98
  */
99
99
 
100
100
 
@@ -3,13 +3,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
3
3
  import { _ as _extends } from './extends-6d8e3924.js';
4
4
  import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
5
5
  import React__default, { useState, useEffect } from 'react';
6
- import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-8ed9005f.js';
6
+ import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-aa554993.js';
7
7
  import './index-98ca9cec.js';
8
8
  import 'react-dom';
9
9
  import Link from 'next/link';
10
10
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
11
11
  import MasterDeck from './MasterDeckPaginated.js';
12
- import { g as getSerializers } from './index-681431c9.js';
12
+ import { g as getSerializers } from './index-17d14c85.js';
13
13
  import './_commonjsHelpers-0c4b6f40.js';
14
14
  import './core.get-iterator-method-ea258bb1.js';
15
15
  import './web.dom.iterable-ab4dea5c.js';
@@ -35,7 +35,7 @@ import 'react-bootstrap/Spinner';
35
35
  import 'next/router';
36
36
  import './lodash-f97fd99a.js';
37
37
  import './main-1894c974.js';
38
- import './ADlgInfeed-013e1f4a.js';
38
+ import './ADlgInfeed-a731f9c2.js';
39
39
  import 'react-bootstrap/Card';
40
40
  import './AdSlot.js';
41
41
  import './debounce-533d9748.js';
@@ -43,9 +43,8 @@ import './isSymbol-a7e9aafe.js';
43
43
  import './toNumber-5aeba6e7.js';
44
44
  import './Beam.js';
45
45
  import './Segment.js';
46
- import './ADInfeed-0a55cd2d.js';
47
- import './Pagination-59436882.js';
48
- import 'react-paginate';
46
+ import './ADInfeed-64ff1fde.js';
47
+ import './Pagination-484b86c5.js';
49
48
  import 'react-bootstrap/Button';
50
49
  import './index.esm-1bd8a0a8.js';
51
50
  import './iconBase-ccc56b97.js';
@@ -91,11 +90,11 @@ var Filter = function Filter(_ref) {
91
90
  _useState6 = _slicedToArray(_useState5, 2),
92
91
  grandChildData = _useState6[0],
93
92
  setGrandChildData = _useState6[1];
94
- /*
95
- {parent: showAll,
96
- chidlren: show selected from parent,
97
- grandchildren: show selected from children
98
- }
93
+ /*
94
+ {parent: showAll,
95
+ chidlren: show selected from parent,
96
+ grandchildren: show selected from children
97
+ }
99
98
  */
100
99
 
101
100
 
@@ -392,7 +391,7 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
392
391
  };
393
392
 
394
393
  MediaSeriesLanding.getInitialData = function () {
395
- var _ref5 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(ctx, client, cache) {
394
+ var _ref5 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(ctx, client, cache, parameters) {
396
395
  var urlQuery, pathname, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQueryFilters, seriesQuerySorts, seriesQueryProjection, seriesQuery, totalSeriesCountQuery, _ref6, _ref7, seriesData, totalSeriesCount, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
397
396
 
398
397
  return regenerator.wrap(function _callee2$(_context2) {
@@ -401,16 +400,16 @@ MediaSeriesLanding.getInitialData = function () {
401
400
  case 0:
402
401
  urlQuery = ctx.query, pathname = ctx.pathname;
403
402
  identifier = pathname.replace('/', '');
404
- itemsPerPage = 30;
403
+ itemsPerPage = parameters && parameters.itemsPerPage ? parameters.itemsPerPage : 30;
405
404
  currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
406
405
  start = (currentPage - 1) * itemsPerPage;
407
406
  statusCode = 200;
408
- params = {
407
+ params = _extends({
409
408
  count: itemsPerPage,
410
409
  from: start,
411
410
  to: start + itemsPerPage,
412
411
  url: pathname
413
- };
412
+ }, parameters);
414
413
  _context2.next = 9;
415
414
  return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n _id, \n isGated,\n name,\n description\n }');
416
415
 
@@ -510,7 +509,7 @@ MediaSeriesLanding.getInitialData = function () {
510
509
  }, _callee2, _this);
511
510
  }));
512
511
 
513
- return function (_x, _x2, _x3) {
512
+ return function (_x, _x2, _x3, _x4) {
514
513
  return _ref5.apply(this, arguments);
515
514
  };
516
515
  }();
@@ -26,16 +26,16 @@ import 'react-bootstrap/FormControl';
26
26
  import 'react-bootstrap/Button';
27
27
 
28
28
  var NavMagazine = function NavMagazine(props) {
29
- /*
30
- Example Nav with acceptable props
31
- <MagazineNav
32
- showLogin
33
- user={props.cache.user}
34
- logo={props.settings.logo}
35
- dataObject={props.cache.mainNavCache}
36
- website={website}
37
- subNav={props.cache.subNavCache}
38
- />
29
+ /*
30
+ Example Nav with acceptable props
31
+ <MagazineNav
32
+ showLogin
33
+ user={props.cache.user}
34
+ logo={props.settings.logo}
35
+ dataObject={props.cache.mainNavCache}
36
+ website={website}
37
+ subNav={props.cache.subNavCache}
38
+ />
39
39
  */
40
40
 
41
41
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -300,15 +300,15 @@ function chunk(array, size, guard) {
300
300
  var chunk_1 = chunk;
301
301
 
302
302
  var NavNative = function NavNative(props) {
303
- /*
304
- Example Nav with acceptable props
305
- <MagazineNav
306
- showLogin
307
- logo={props.settings.logo}
308
- dataObject={props.cache.mainNavCache}
309
- website={website}
310
- subNav={props.cache.subNavCache}
311
- />
303
+ /*
304
+ Example Nav with acceptable props
305
+ <MagazineNav
306
+ showLogin
307
+ logo={props.settings.logo}
308
+ dataObject={props.cache.mainNavCache}
309
+ website={website}
310
+ subNav={props.cache.subNavCache}
311
+ />
312
312
  */
313
313
  // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
314
314
  var logo = props.logo,
@@ -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 };
@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
11
11
  import Breadcrumbs from './Breadcrumbs.js';
12
12
  import Feature from './Feature.js';
13
13
  import urlFor from './urlFor.js';
14
- import { g as getSerializers } from './index-681431c9.js';
14
+ import { g as getSerializers } from './index-17d14c85.js';
15
15
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
16
16
  import './_commonjsHelpers-0c4b6f40.js';
17
17
  import './core.get-iterator-method-ea258bb1.js';
@@ -32,7 +32,7 @@ import 'next/router';
32
32
  import './index-755f2cc2.js';
33
33
  import './main-1894c974.js';
34
34
  import './entities-6d9154b4.js';
35
- import './ADInfeed-0a55cd2d.js';
35
+ import './ADInfeed-64ff1fde.js';
36
36
  import 'react-bootstrap/Card';
37
37
  import './AdSlot.js';
38
38
  import './debounce-533d9748.js';
@@ -43,7 +43,7 @@ import './stringify-2b084bee.js';
43
43
  import './Segment.js';
44
44
  import './AuthorComponent-11adff02.js';
45
45
  import './lodash-f97fd99a.js';
46
- import './ADlgInfeed-013e1f4a.js';
46
+ import './ADlgInfeed-a731f9c2.js';
47
47
  import './getContentCategory-15dcc413.js';
48
48
  import './timeDifferenceCalc.js';
49
49
  import './index-3f5c03b2.js';
@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
11
11
  import Breadcrumbs from './Breadcrumbs.js';
12
12
  import Feature from './Feature.js';
13
13
  import urlFor from './urlFor.js';
14
- import { g as getSerializers } from './index-681431c9.js';
14
+ import { g as getSerializers } from './index-17d14c85.js';
15
15
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
16
16
  import './_commonjsHelpers-0c4b6f40.js';
17
17
  import './core.get-iterator-method-ea258bb1.js';
@@ -31,7 +31,7 @@ import 'react-dom';
31
31
  import './lodash-f97fd99a.js';
32
32
  import './main-1894c974.js';
33
33
  import './entities-6d9154b4.js';
34
- import './ADInfeed-0a55cd2d.js';
34
+ import './ADInfeed-64ff1fde.js';
35
35
  import 'react-bootstrap/Card';
36
36
  import './AdSlot.js';
37
37
  import './debounce-533d9748.js';
@@ -41,11 +41,10 @@ import './Beam.js';
41
41
  import './stringify-2b084bee.js';
42
42
  import './Segment.js';
43
43
  import './AuthorComponent-11adff02.js';
44
- import './ADlgInfeed-013e1f4a.js';
44
+ import './ADlgInfeed-a731f9c2.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';
@@ -24,7 +24,7 @@ import 'next/router';
24
24
  import './index-755f2cc2.js';
25
25
  import './main-1894c974.js';
26
26
  import './entities-6d9154b4.js';
27
- import './ADInfeed-0a55cd2d.js';
27
+ import './ADInfeed-64ff1fde.js';
28
28
  import 'react-bootstrap/Card';
29
29
  import './AdSlot.js';
30
30
  import './debounce-533d9748.js';
@@ -35,7 +35,7 @@ import './stringify-2b084bee.js';
35
35
  import './Segment.js';
36
36
  import './AuthorComponent-11adff02.js';
37
37
  import './lodash-f97fd99a.js';
38
- import './ADlgInfeed-013e1f4a.js';
38
+ import './ADlgInfeed-a731f9c2.js';
39
39
  import './getContentCategory-15dcc413.js';
40
40
  import './timeDifferenceCalc.js';
41
41