@mjhls/mjh-framework 1.0.893-video-series-listing-thumbnail-v2 → 1.0.894

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 (70) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +1 -1
  3. package/dist/cjs/AuthWrapper.js +1 -1
  4. package/dist/cjs/ConferenceArticleCard.js +15 -15
  5. package/dist/cjs/ContentCardPaginated.js +2 -1
  6. package/dist/cjs/DeckContent.js +8 -8
  7. package/dist/cjs/DeckQueuePaginated.js +2 -1
  8. package/dist/cjs/EventsDeck.js +17 -17
  9. package/dist/cjs/GridContentPaginated.js +2 -1
  10. package/dist/cjs/HamMagazine.js +9 -9
  11. package/dist/cjs/IssueLanding.js +29 -29
  12. package/dist/cjs/KMTracker.js +15 -15
  13. package/dist/cjs/MasterDeck.js +8 -8
  14. package/dist/cjs/MasterDeckPaginated.js +10 -9
  15. package/dist/cjs/{MediaSeriesCard-bc32a178.js → MediaSeriesCard-4c54faa5.js} +1 -1
  16. package/dist/cjs/MediaSeriesLanding.js +6 -6
  17. package/dist/cjs/MediaSeriesLandingPaginated.js +8 -7
  18. package/dist/cjs/NavMagazine.js +10 -10
  19. package/dist/cjs/NavNative.js +9 -9
  20. package/dist/cjs/Pagination-885dcfbd.js +90 -0
  21. package/dist/cjs/PartnerDetailListingPaginated.js +2 -1
  22. package/dist/cjs/PublicationLanding.js +26 -26
  23. package/dist/cjs/QueueDeckExpandedPaginated.js +2 -1
  24. package/dist/cjs/RelatedContent.js +28 -28
  25. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  26. package/dist/cjs/SeriesListingDeck.js +1 -1
  27. package/dist/cjs/{SeriesSlider-de93a303.js → SeriesSlider-ba0c5d1a.js} +4 -4
  28. package/dist/cjs/SideFooter.js +2 -2
  29. package/dist/cjs/VideoSeriesCard.js +1 -1
  30. package/dist/cjs/View.js +3 -3
  31. package/dist/cjs/YoutubeGroup.js +4 -4
  32. package/dist/cjs/{getTargeting-6d59cc5b.js → getTargeting-9d509319.js} +9 -9
  33. package/dist/cjs/getTargeting.js +1 -1
  34. package/dist/cjs/index.js +2 -2
  35. package/dist/esm/AlgoliaSearch.js +1 -1
  36. package/dist/esm/AuthWrapper.js +1 -1
  37. package/dist/esm/ConferenceArticleCard.js +15 -15
  38. package/dist/esm/ContentCardPaginated.js +2 -1
  39. package/dist/esm/DeckContent.js +8 -8
  40. package/dist/esm/DeckQueuePaginated.js +2 -1
  41. package/dist/esm/EventsDeck.js +17 -17
  42. package/dist/esm/GridContentPaginated.js +2 -1
  43. package/dist/esm/HamMagazine.js +9 -9
  44. package/dist/esm/IssueLanding.js +29 -29
  45. package/dist/esm/KMTracker.js +15 -15
  46. package/dist/esm/MasterDeck.js +8 -8
  47. package/dist/esm/MasterDeckPaginated.js +10 -9
  48. package/dist/esm/{MediaSeriesCard-a6398bed.js → MediaSeriesCard-7898a5ae.js} +1 -1
  49. package/dist/esm/MediaSeriesLanding.js +6 -6
  50. package/dist/esm/MediaSeriesLandingPaginated.js +8 -7
  51. package/dist/esm/NavMagazine.js +10 -10
  52. package/dist/esm/NavNative.js +9 -9
  53. package/dist/esm/Pagination-59436882.js +82 -0
  54. package/dist/esm/PartnerDetailListingPaginated.js +2 -1
  55. package/dist/esm/PublicationLanding.js +26 -26
  56. package/dist/esm/QueueDeckExpandedPaginated.js +2 -1
  57. package/dist/esm/RelatedContent.js +28 -28
  58. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  59. package/dist/esm/SeriesListingDeck.js +1 -1
  60. package/dist/esm/{SeriesSlider-98ad6d97.js → SeriesSlider-45adb8dc.js} +4 -4
  61. package/dist/esm/SideFooter.js +2 -2
  62. package/dist/esm/VideoSeriesCard.js +1 -1
  63. package/dist/esm/View.js +3 -3
  64. package/dist/esm/YoutubeGroup.js +4 -4
  65. package/dist/esm/{getTargeting-36031a00.js → getTargeting-4061f839.js} +9 -9
  66. package/dist/esm/getTargeting.js +1 -1
  67. package/dist/esm/index.js +2 -2
  68. package/package.json +112 -112
  69. package/dist/cjs/Pagination-42f92f7c.js +0 -97
  70. package/dist/esm/Pagination-484b86c5.js +0 -90
@@ -822,7 +822,7 @@ function parseAlgoliaHit(_ref2) {
822
822
  });
823
823
  }
824
824
 
825
- var version$1 = '6.11.1';
825
+ var version$1 = '6.11.2';
826
826
 
827
827
  var withKeysPropType = function withKeysPropType(keys) {
828
828
  return function (props, propName, componentName) {
@@ -1761,7 +1761,7 @@ client$1.Provider;
1761
1761
 
1762
1762
  var client = client$1.default;
1763
1763
 
1764
- var css = ".AuthWrapper-module_loginBox__3l-BE {\r\n margin-bottom: 2rem;\r\n width: 350px;\r\n max-width: 90vw;\r\n margin-left: auto;\r\n margin-right: auto;\r\n /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\r\n background: #fff;\r\n z-index: 1;\r\n}\r\n.AuthWrapper-module_loginBox_title__12rGD {\r\n margin-bottom: 2rem;\r\n text-align: center;\r\n}\r\n.AuthWrapper-module_bar__1dafn {\r\n background: #eee;\r\n margin-left: unset;\r\n margin-right: unset;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\r\n float: left;\r\n border-right: 1rem solid #fff;\r\n background: rgb(245, 245, 245);\r\n height: 10rem;\r\n width: 25%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 2rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\r\n width: 97%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\r\n width: 96%;\r\n height: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\r\n width: 72%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\r\n width: 88%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.AuthWrapper-module_iframe__2wDJW {\r\n margin-top: -3rem;\r\n border: none;\r\n width: 100%;\r\n height: 1900px;\r\n}";
1764
+ var css = ".AuthWrapper-module_loginBox__3l-BE {\n margin-bottom: 2rem;\n width: 350px;\n max-width: 90vw;\n margin-left: auto;\n margin-right: auto;\n /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\n background: #fff;\n z-index: 1;\n}\n.AuthWrapper-module_loginBox_title__12rGD {\n margin-bottom: 2rem;\n text-align: center;\n}\n.AuthWrapper-module_bar__1dafn {\n background: #eee;\n margin-left: unset;\n margin-right: unset;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\n float: left;\n border-right: 1rem solid #fff;\n background: rgb(245, 245, 245);\n height: 10rem;\n width: 25%;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 2rem;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\n width: 97%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\n width: 96%;\n height: 1.5rem;\n margin-bottom: 1.5rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\n width: 72%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\n width: 88%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n\n.AuthWrapper-module_iframe__2wDJW {\n margin-top: -3rem;\n border: none;\n width: 100%;\n height: 1900px;\n}";
1765
1765
  var styles = { "loginBox": "AuthWrapper-module_loginBox__3l-BE", "loginBox_title": "AuthWrapper-module_loginBox_title__12rGD", "bar": "AuthWrapper-module_bar__1dafn", "iframe": "AuthWrapper-module_iframe__2wDJW" };
1766
1766
  styleInject(css);
1767
1767
 
@@ -7,21 +7,21 @@ import './web.dom.iterable-ab4dea5c.js';
7
7
  import './core.get-iterator-method-ea258bb1.js';
8
8
  import './index-3f5c03b2.js';
9
9
 
10
- /*
11
- Example usage - targetedonc.com/latest-conference
12
- const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
13
- ...,
14
- title,
15
- summary,
16
- thumbnail,
17
- url,
18
- published,
19
- documentGroup->,
20
- contentCategory->,
21
- 'pageNumber': ${currentPage}
22
- }`
23
-
24
- const posts = await client.fetch(query, params)
10
+ /*
11
+ Example usage - targetedonc.com/latest-conference
12
+ const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
13
+ ...,
14
+ title,
15
+ summary,
16
+ thumbnail,
17
+ url,
18
+ published,
19
+ documentGroup->,
20
+ contentCategory->,
21
+ 'pageNumber': ${currentPage}
22
+ }`
23
+
24
+ const posts = await client.fetch(query, params)
25
25
  */
26
26
 
27
27
  var ConferenceArticleCard = function ConferenceArticleCard(props) {
@@ -15,7 +15,7 @@ import { L as LazyLoad } from './index-755f2cc2.js';
15
15
  import { m as main_43 } from './main-1894c974.js';
16
16
  import { c as clean_html_1 } from './entities-6d9154b4.js';
17
17
  import { A as ADInfeed } from './ADInfeed-0a55cd2d.js';
18
- import { P as Pagination } from './Pagination-484b86c5.js';
18
+ import { P as Pagination } from './Pagination-59436882.js';
19
19
  import Spinner from 'react-bootstrap/Spinner';
20
20
  import './_commonjsHelpers-0c4b6f40.js';
21
21
  import './core.get-iterator-method-ea258bb1.js';
@@ -39,6 +39,7 @@ import './toNumber-5aeba6e7.js';
39
39
  import './Beam.js';
40
40
  import './stringify-2b084bee.js';
41
41
  import './Segment.js';
42
+ import 'react-paginate';
42
43
  import 'react-bootstrap/Button';
43
44
  import './index.esm-1bd8a0a8.js';
44
45
  import './iconBase-ccc56b97.js';
@@ -172,14 +172,14 @@ var DeckContent = function (_React$Component) {
172
172
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
173
173
 
174
174
  // please leave this for later debug purpose : Yong Jun.
175
- /* console.log('page change reported', {
176
- currentPage: currentPage,
177
- pageNumber: pageNumber,
178
- pathname: pathname,
179
- path: path,
180
- newPath: newPath,
181
- firstPage: pageNumber === 1,
182
- queryString: queryString
175
+ /* console.log('page change reported', {
176
+ currentPage: currentPage,
177
+ pageNumber: pageNumber,
178
+ pathname: pathname,
179
+ path: path,
180
+ newPath: newPath,
181
+ firstPage: pageNumber === 1,
182
+ queryString: queryString
183
183
  }) */
184
184
 
185
185
  if (pageview) {
@@ -16,7 +16,7 @@ import { g as get_1 } from './get-3c308da4.js';
16
16
  import { m as main_43 } from './main-1894c974.js';
17
17
  import urlFor from './urlFor.js';
18
18
  import { c as clean_html_1 } from './entities-6d9154b4.js';
19
- import { P as Pagination } from './Pagination-484b86c5.js';
19
+ import { P as Pagination } from './Pagination-59436882.js';
20
20
  import './_commonjsHelpers-0c4b6f40.js';
21
21
  import './core.get-iterator-method-ea258bb1.js';
22
22
  import './web.dom.iterable-ab4dea5c.js';
@@ -34,6 +34,7 @@ import './isSymbol-a7e9aafe.js';
34
34
  import './eq-bdcbf886.js';
35
35
  import './slicedToArray-6ebcbfea.js';
36
36
  import './index-3f5c03b2.js';
37
+ import 'react-paginate';
37
38
  import 'react-bootstrap/Button';
38
39
  import './index.esm-1bd8a0a8.js';
39
40
  import './iconBase-ccc56b97.js';
@@ -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';
@@ -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
@@ -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;
@@ -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) {
@@ -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
 
@@ -4,7 +4,7 @@ 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-a6398bed.js';
7
+ import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-7898a5ae.js';
8
8
  import './index-98ca9cec.js';
9
9
  import 'react-dom';
10
10
  import Link from 'next/link';
@@ -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,7 +3,7 @@ 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-a6398bed.js';
6
+ import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-7898a5ae.js';
7
7
  import './index-98ca9cec.js';
8
8
  import 'react-dom';
9
9
  import Link from 'next/link';
@@ -44,7 +44,8 @@ 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';
@@ -90,11 +91,11 @@ var Filter = function Filter(_ref) {
90
91
  _useState6 = _slicedToArray(_useState5, 2),
91
92
  grandChildData = _useState6[0],
92
93
  setGrandChildData = _useState6[1];
93
- /*
94
- {parent: showAll,
95
- chidlren: show selected from parent,
96
- grandchildren: show selected from children
97
- }
94
+ /*
95
+ {parent: showAll,
96
+ chidlren: show selected from parent,
97
+ grandchildren: show selected from children
98
+ }
98
99
  */
99
100
 
100
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 };
@@ -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';