@mjhls/mjh-framework 1.0.915-filename-fix-v1 → 1.0.915

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 (90) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +15 -131
  3. package/dist/cjs/ArticleProgramLandingPage.js +1 -2
  4. package/dist/cjs/AuthWrapper.js +1 -1
  5. package/dist/cjs/ConferenceArticleCard.js +15 -15
  6. package/dist/cjs/ContentCardPaginated.js +2 -1
  7. package/dist/cjs/DeckContent.js +8 -8
  8. package/dist/cjs/DeckQueuePaginated.js +2 -1
  9. package/dist/cjs/EventsDeck.js +17 -17
  10. package/dist/cjs/ExternalResources.js +1 -2
  11. package/dist/cjs/GridContentPaginated.js +2 -1
  12. package/dist/cjs/HamMagazine.js +9 -9
  13. package/dist/cjs/HorizontalArticleListing.js +1 -2
  14. package/dist/cjs/IssueLanding.js +30 -31
  15. package/dist/cjs/KMTracker.js +15 -15
  16. package/dist/cjs/MasterDeck.js +8 -8
  17. package/dist/cjs/MasterDeckPaginated.js +10 -9
  18. package/dist/cjs/{MediaSeriesCard-8b203571.js → MediaSeriesCard-d46317f0.js} +2 -2
  19. package/dist/cjs/MediaSeriesLanding.js +7 -8
  20. package/dist/cjs/MediaSeriesLandingPaginated.js +9 -9
  21. package/dist/cjs/NavMagazine.js +10 -10
  22. package/dist/cjs/NavNative.js +9 -9
  23. package/dist/cjs/Pagination-885dcfbd.js +90 -0
  24. package/dist/cjs/PartnerDetailListing.js +1 -2
  25. package/dist/cjs/PartnerDetailListingPaginated.js +3 -3
  26. package/dist/cjs/PublicationLanding.js +28 -29
  27. package/dist/cjs/QueueDeckExpandedPaginated.js +2 -1
  28. package/dist/cjs/RelatedContent.js +28 -28
  29. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  30. package/dist/cjs/SeriesListingDeck.js +1 -1
  31. package/dist/cjs/{SeriesSlider-de93a303.js → SeriesSlider-ba0c5d1a.js} +4 -4
  32. package/dist/cjs/SideFooter.js +2 -2
  33. package/dist/cjs/TaxonomyDescription.js +1 -2
  34. package/dist/cjs/VideoProgramLandingPage.js +1 -2
  35. package/dist/cjs/VideoSeriesCard.js +1 -1
  36. package/dist/cjs/View.js +10 -15
  37. package/dist/cjs/YoutubeGroup.js +4 -4
  38. package/dist/cjs/getQuery.js +2 -2
  39. package/dist/cjs/getSerializers.js +1 -2
  40. package/dist/cjs/{getTargeting-dab97fe1.js → getTargeting-3c5754ac.js} +9 -9
  41. package/dist/cjs/getTargeting.js +1 -1
  42. package/dist/cjs/{index-f9f5f7c0.js → index-5ce5e821.js} +25 -5
  43. package/dist/cjs/index.js +4 -4
  44. package/dist/esm/AlgoliaSearch.js +16 -132
  45. package/dist/esm/ArticleProgramLandingPage.js +1 -2
  46. package/dist/esm/AuthWrapper.js +1 -1
  47. package/dist/esm/ConferenceArticleCard.js +15 -15
  48. package/dist/esm/ContentCardPaginated.js +2 -1
  49. package/dist/esm/DeckContent.js +8 -8
  50. package/dist/esm/DeckQueuePaginated.js +2 -1
  51. package/dist/esm/EventsDeck.js +17 -17
  52. package/dist/esm/ExternalResources.js +1 -2
  53. package/dist/esm/GridContentPaginated.js +2 -1
  54. package/dist/esm/HamMagazine.js +9 -9
  55. package/dist/esm/HorizontalArticleListing.js +1 -2
  56. package/dist/esm/IssueLanding.js +30 -31
  57. package/dist/esm/KMTracker.js +15 -15
  58. package/dist/esm/MasterDeck.js +8 -8
  59. package/dist/esm/MasterDeckPaginated.js +10 -9
  60. package/dist/esm/{MediaSeriesCard-e1249ccb.js → MediaSeriesCard-b1845b19.js} +2 -2
  61. package/dist/esm/MediaSeriesLanding.js +7 -8
  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-59436882.js +82 -0
  66. package/dist/esm/PartnerDetailListing.js +1 -2
  67. package/dist/esm/PartnerDetailListingPaginated.js +3 -3
  68. package/dist/esm/PublicationLanding.js +28 -29
  69. package/dist/esm/QueueDeckExpandedPaginated.js +2 -1
  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-98ad6d97.js → SeriesSlider-45adb8dc.js} +4 -4
  74. package/dist/esm/SideFooter.js +2 -2
  75. package/dist/esm/TaxonomyDescription.js +1 -2
  76. package/dist/esm/VideoProgramLandingPage.js +1 -2
  77. package/dist/esm/VideoSeriesCard.js +1 -1
  78. package/dist/esm/View.js +9 -15
  79. package/dist/esm/YoutubeGroup.js +4 -4
  80. package/dist/esm/getQuery.js +2 -2
  81. package/dist/esm/getSerializers.js +1 -2
  82. package/dist/esm/{getTargeting-04d979c9.js → getTargeting-42f9b439.js} +9 -9
  83. package/dist/esm/getTargeting.js +1 -1
  84. package/dist/esm/{index-4d8a8743.js → index-490f4f21.js} +21 -1
  85. package/dist/esm/index.js +4 -4
  86. package/package.json +114 -114
  87. package/dist/cjs/Pagination-42f92f7c.js +0 -97
  88. package/dist/cjs/urlForFile-29d3815a.js +0 -24
  89. package/dist/esm/Pagination-484b86c5.js +0 -90
  90. package/dist/esm/urlForFile-b69adffc.js +0 -22
@@ -243,23 +243,23 @@ var EventsDeck = function EventsDeck(_ref) {
243
243
  if (cventAccessToken && cventAccessToken !== 'undefined') {
244
244
  setAccessToken(cventAccessToken);
245
245
  } else {
246
- /*const encodedData = window.btoa(clientId + ':' + clientSecret)
247
- //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
248
- const url = `https://api-platform.cvent.com/ea/oauth2/token`
249
- fetch(url, {
250
- headers: {
251
- 'Content-Type': 'application/x-www-form-urlencoded',
252
- Authorization: `Basic ${encodedData}`
253
- },
254
- method: 'POST',
255
- body: `grant_type=client_credentials&client_id=${clientId}`
256
- })
257
- .then((response) => response.json())
258
- .then((json) => {
259
- const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
260
- Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
261
- setAccessToken(json.access_token)
262
- })
246
+ /*const encodedData = window.btoa(clientId + ':' + clientSecret)
247
+ //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
248
+ const url = `https://api-platform.cvent.com/ea/oauth2/token`
249
+ fetch(url, {
250
+ headers: {
251
+ 'Content-Type': 'application/x-www-form-urlencoded',
252
+ Authorization: `Basic ${encodedData}`
253
+ },
254
+ method: 'POST',
255
+ body: `grant_type=client_credentials&client_id=${clientId}`
256
+ })
257
+ .then((response) => response.json())
258
+ .then((json) => {
259
+ const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
260
+ Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
261
+ setAccessToken(json.access_token)
262
+ })
263
263
  .catch((e) => console.log(e))*/
264
264
  // hello
265
265
  var url = 'https://beam.mjhlifesciences.com/api/cvent/token';
@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-6d8e3924.js';
2
2
  import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
3
3
  import React__default, { useState, useEffect } from 'react';
4
4
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
5
- import { g as getSerializers } from './index-4d8a8743.js';
5
+ import { g as getSerializers } from './index-490f4f21.js';
6
6
  import { m as momentTimezone } from './index-79cfd25c.js';
7
7
  import { useRouter } from 'next/router';
8
8
  import Button from 'react-bootstrap/Button';
@@ -25,7 +25,6 @@ import './_library-528f1934.js';
25
25
  import './_iter-detect-98db3b07.js';
26
26
  import './Segment.js';
27
27
  import './main-1894c974.js';
28
- import './urlForFile-b69adffc.js';
29
28
  import './index-755f2cc2.js';
30
29
  import 'react-dom';
31
30
  import './typeof-e9fc0c5d.js';
@@ -22,7 +22,7 @@ import urlFor from './urlFor.js';
22
22
  import { m as main_43 } from './main-1894c974.js';
23
23
  import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
24
24
  import { P as PublicationFeature } from './PublicationFeature-d88e76b9.js';
25
- import { P as Pagination } from './Pagination-484b86c5.js';
25
+ import { P as Pagination } from './Pagination-59436882.js';
26
26
  import Spinner from 'react-bootstrap/Spinner';
27
27
  import './_commonjsHelpers-0c4b6f40.js';
28
28
  import './core.get-iterator-method-ea258bb1.js';
@@ -47,6 +47,7 @@ import './Segment.js';
47
47
  import './eq-bdcbf886.js';
48
48
  import './index-3f5c03b2.js';
49
49
  import 'react-bootstrap/Button';
50
+ import 'react-paginate';
50
51
  import './index.esm-1bd8a0a8.js';
51
52
  import './iconBase-ccc56b97.js';
52
53
 
@@ -26,15 +26,15 @@ import './_library-528f1934.js';
26
26
  import './_iter-detect-98db3b07.js';
27
27
 
28
28
  var HamMagazine = function HamMagazine(props) {
29
- /*
30
- Example Nav with acceptable props
31
- <MagazineNav
32
- showLogin
33
- logo={props.settings.logo}
34
- dataObject={props.cache.mainNavCache}
35
- website={website}
36
- subNav={props.cache.subNavCache}
37
- />
29
+ /*
30
+ Example Nav with acceptable props
31
+ <MagazineNav
32
+ showLogin
33
+ logo={props.settings.logo}
34
+ dataObject={props.cache.mainNavCache}
35
+ website={website}
36
+ subNav={props.cache.subNavCache}
37
+ />
38
38
  */
39
39
 
40
40
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -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-4d8a8743.js';
6
+ import { g as getSerializers } from './index-490f4f21.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './core.get-iterator-method-ea258bb1.js';
9
9
  import './_object-pie-133f504a.js';
@@ -30,7 +30,6 @@ import './asyncToGenerator-5ef104a7.js';
30
30
  import './_library-528f1934.js';
31
31
  import './_iter-detect-98db3b07.js';
32
32
  import './Segment.js';
33
- import './urlForFile-b69adffc.js';
34
33
  import './typeof-e9fc0c5d.js';
35
34
  import './_is-array-8d21b9e3.js';
36
35
  import './brightcove-react-player-loader.es-57a70a56.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-4d8a8743.js';
6
+ import { g as getSerializers } from './index-490f4f21.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './core.get-iterator-method-ea258bb1.js';
9
9
  import './_object-pie-133f504a.js';
@@ -44,7 +44,6 @@ import './timeDifferenceCalc.js';
44
44
  import 'react-bootstrap/Breadcrumb';
45
45
  import './index-c7e2ac95.js';
46
46
  import './util-8ed16d48.js';
47
- import './urlForFile-b69adffc.js';
48
47
  import './typeof-e9fc0c5d.js';
49
48
  import './_is-array-8d21b9e3.js';
50
49
  import './brightcove-react-player-loader.es-57a70a56.js';
@@ -68,35 +67,35 @@ import 'react-bootstrap/OverlayTrigger';
68
67
  import 'react-bootstrap/Tooltip';
69
68
  import 'react-bootstrap/Popover';
70
69
 
71
- /* usage
72
- import Settings, { Ads } from '../../../../settings'
73
- import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
74
- import client from '../../../../client'
75
- import moment from 'moment'
76
- import Shell from '../../../../components/2.0/Shell'
77
- import { pageview } from '../../../../utilities/gtag'
78
-
79
- const Issue = (props) => {
80
- const { pubIssue, cache } = props
81
- const targeting = {
82
- content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
83
- document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
84
- }
85
- return (
86
- <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
87
- <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
88
- </Shell>
89
- )
90
- }
91
-
92
- Issue.getInitialProps = async (ctx) => {
93
- const { query } = ctx
94
- const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
95
- )
96
- return { pubIssue }
97
- }
98
-
99
- 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
100
99
  */
101
100
 
102
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;
@@ -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) {
@@ -12,7 +12,7 @@ import { l as lodash } from './lodash-f97fd99a.js';
12
12
  import { m as main_43 } from './main-1894c974.js';
13
13
  import { A as ADlgInfeed } from './ADlgInfeed-013e1f4a.js';
14
14
  import { A as ADInfeed } from './ADInfeed-0a55cd2d.js';
15
- import { P as Pagination } from './Pagination-484b86c5.js';
15
+ import { P as Pagination } from './Pagination-59436882.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,6 +33,7 @@ import './isSymbol-a7e9aafe.js';
33
33
  import './toNumber-5aeba6e7.js';
34
34
  import './Beam.js';
35
35
  import './Segment.js';
36
+ import 'react-paginate';
36
37
  import 'react-bootstrap/Button';
37
38
  import './index.esm-1bd8a0a8.js';
38
39
  import './iconBase-ccc56b97.js';
@@ -107,14 +108,14 @@ var MasterDeck = function (_React$Component) {
107
108
  }
108
109
 
109
110
  // please leave this for later debug purpose : Yong Jun.
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
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
118
119
  }) */
119
120
 
120
121
  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-4d8a8743.js';
12
+ import { g as getSerializers } from './index-490f4f21.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 {\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";
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";
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
 
@@ -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-e1249ccb.js';
6
+ import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-b1845b19.js';
7
7
  import './index-98ca9cec.js';
8
8
  import 'react-dom';
9
9
  import Link from 'next/link';
10
10
  import MasterDeck from './MasterDeck.js';
11
11
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
12
- import { g as getSerializers } from './index-4d8a8743.js';
12
+ import { g as getSerializers } from './index-490f4f21.js';
13
13
  import './_commonjsHelpers-0c4b6f40.js';
14
14
  import './core.get-iterator-method-ea258bb1.js';
15
15
  import './web.dom.iterable-ab4dea5c.js';
@@ -50,7 +50,6 @@ import './ADInfeed-0a55cd2d.js';
50
50
  import 'react-bootstrap';
51
51
  import './index-c7e2ac95.js';
52
52
  import './util-8ed16d48.js';
53
- import './urlForFile-b69adffc.js';
54
53
  import './brightcove-react-player-loader.es-57a70a56.js';
55
54
  import './GroupDeck.js';
56
55
  import './smoothscroll-fa4e3f8c.js';
@@ -90,11 +89,11 @@ var Filter = function Filter(_ref) {
90
89
  _useState6 = _slicedToArray(_useState5, 2),
91
90
  grandChildData = _useState6[0],
92
91
  setGrandChildData = _useState6[1];
93
- /*
94
- {parent: showAll,
95
- chidlren: show selected from parent,
96
- grandchildren: show selected from children
97
- }
92
+ /*
93
+ {parent: showAll,
94
+ chidlren: show selected from parent,
95
+ grandchildren: show selected from children
96
+ }
98
97
  */
99
98
 
100
99
 
@@ -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-e1249ccb.js';
6
+ import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-b1845b19.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-4d8a8743.js';
12
+ import { g as getSerializers } from './index-490f4f21.js';
13
13
  import './_commonjsHelpers-0c4b6f40.js';
14
14
  import './core.get-iterator-method-ea258bb1.js';
15
15
  import './web.dom.iterable-ab4dea5c.js';
@@ -44,14 +44,14 @@ import './toNumber-5aeba6e7.js';
44
44
  import './Beam.js';
45
45
  import './Segment.js';
46
46
  import './ADInfeed-0a55cd2d.js';
47
- import './Pagination-484b86c5.js';
47
+ import './Pagination-59436882.js';
48
+ import 'react-paginate';
48
49
  import 'react-bootstrap/Button';
49
50
  import './index.esm-1bd8a0a8.js';
50
51
  import './iconBase-ccc56b97.js';
51
52
  import 'react-bootstrap';
52
53
  import './index-c7e2ac95.js';
53
54
  import './util-8ed16d48.js';
54
- import './urlForFile-b69adffc.js';
55
55
  import './brightcove-react-player-loader.es-57a70a56.js';
56
56
  import './GroupDeck.js';
57
57
  import './smoothscroll-fa4e3f8c.js';
@@ -91,11 +91,11 @@ var Filter = function Filter(_ref) {
91
91
  _useState6 = _slicedToArray(_useState5, 2),
92
92
  grandChildData = _useState6[0],
93
93
  setGrandChildData = _useState6[1];
94
- /*
95
- {parent: showAll,
96
- chidlren: show selected from parent,
97
- grandchildren: show selected from children
98
- }
94
+ /*
95
+ {parent: showAll,
96
+ chidlren: show selected from parent,
97
+ grandchildren: show selected from children
98
+ }
99
99
  */
100
100
 
101
101
 
@@ -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,82 @@
1
+ import React__default from 'react';
2
+ import ReactPaginate from 'react-paginate';
3
+ import Button from 'react-bootstrap/Button';
4
+ import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-1bd8a0a8.js';
5
+
6
+ var Pagination = function Pagination(props) {
7
+ var pageCount = props.pageCount,
8
+ _props$marginPagesDis = props.marginPagesDisplayed,
9
+ marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
10
+ _props$pageRangeDispl = props.pageRangeDisplayed,
11
+ pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
12
+ _props$currentPage = props.currentPage,
13
+ currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
14
+ _onPageChange = props.onPageChange,
15
+ _props$needLargePagin = props.needLargePaginateButtons,
16
+ needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
17
+
18
+ if (!pageCount || pageCount <= 1) return null;
19
+ return React__default.createElement(
20
+ React__default.Fragment,
21
+ null,
22
+ needLargePaginateButtons && React__default.createElement(
23
+ 'div',
24
+ { className: 'pagination-lg-btn-nxt' },
25
+ React__default.createElement(
26
+ Button,
27
+ {
28
+ onClick: function onClick(e) {
29
+ e.preventDefault();
30
+ _onPageChange(currentPage + 1);
31
+ },
32
+ disabled: currentPage === pageCount,
33
+ href: '?page=' + (currentPage + 1) },
34
+ 'NEXT PAGE',
35
+ React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
36
+ )
37
+ ),
38
+ React__default.createElement(ReactPaginate, {
39
+ pageCount: pageCount,
40
+ marginPagesDisplayed: marginPagesDisplayed,
41
+ pageRangeDisplayed: pageRangeDisplayed,
42
+ forcePage: currentPage - 1,
43
+ onPageChange: function onPageChange(_ref) {
44
+ var selected = _ref.selected;
45
+ return _onPageChange(selected + 1);
46
+ },
47
+ hrefBuilder: function hrefBuilder(page) {
48
+ return '?page=' + page;
49
+ },
50
+ previousLabel: '<',
51
+ nextLabel: '>',
52
+ containerClassName: 'pagination-container',
53
+ previousLinkClassName: 'previous',
54
+ nextLinkClassName: 'next',
55
+ disabledClassName: 'disbaled',
56
+ activeClassName: 'active'
57
+ }),
58
+ needLargePaginateButtons && React__default.createElement(
59
+ 'div',
60
+ { className: 'pagination-lg-btn-prv' },
61
+ React__default.createElement(
62
+ Button,
63
+ {
64
+ onClick: function onClick(e) {
65
+ e.preventDefault();
66
+ _onPageChange(currentPage - 1);
67
+ },
68
+ disabled: currentPage === 1,
69
+ href: '?page=' + (currentPage - 1) },
70
+ React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
71
+ 'PREVIOUS PAGE'
72
+ )
73
+ ),
74
+ React__default.createElement(
75
+ 'style',
76
+ { jsx: 'true' },
77
+ '\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 '
78
+ )
79
+ );
80
+ };
81
+
82
+ 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-4d8a8743.js';
14
+ import { g as getSerializers } from './index-490f4f21.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';
@@ -51,7 +51,6 @@ import 'react-bootstrap/Breadcrumb';
51
51
  import 'react-bootstrap/Carousel';
52
52
  import './index-c7e2ac95.js';
53
53
  import './util-8ed16d48.js';
54
- import './urlForFile-b69adffc.js';
55
54
  import './typeof-e9fc0c5d.js';
56
55
  import './_is-array-8d21b9e3.js';
57
56
  import './brightcove-react-player-loader.es-57a70a56.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-4d8a8743.js';
14
+ import { g as getSerializers } from './index-490f4f21.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';
@@ -44,7 +44,8 @@ import './AuthorComponent-11adff02.js';
44
44
  import './ADlgInfeed-013e1f4a.js';
45
45
  import './getContentCategory-15dcc413.js';
46
46
  import './timeDifferenceCalc.js';
47
- import './Pagination-484b86c5.js';
47
+ import './Pagination-59436882.js';
48
+ import 'react-paginate';
48
49
  import 'react-bootstrap/Button';
49
50
  import './index.esm-1bd8a0a8.js';
50
51
  import './iconBase-ccc56b97.js';
@@ -53,7 +54,6 @@ import 'react-bootstrap/Breadcrumb';
53
54
  import 'react-bootstrap/Carousel';
54
55
  import './index-c7e2ac95.js';
55
56
  import './util-8ed16d48.js';
56
- import './urlForFile-b69adffc.js';
57
57
  import './typeof-e9fc0c5d.js';
58
58
  import './_is-array-8d21b9e3.js';
59
59
  import './brightcove-react-player-loader.es-57a70a56.js';