@mjhls/mjh-framework 1.0.910-formstack-published-v1 → 1.0.911

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 (72) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +15 -131
  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-68ae756e.js → MediaSeriesCard-d46317f0.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 +75 -26
  31. package/dist/cjs/YoutubeGroup.js +4 -4
  32. package/dist/cjs/getQuery.js +2 -2
  33. package/dist/cjs/{getTargeting-6d59cc5b.js → getTargeting-9d509319.js} +9 -9
  34. package/dist/cjs/getTargeting.js +1 -1
  35. package/dist/cjs/index.js +3 -2
  36. package/dist/esm/AlgoliaSearch.js +16 -132
  37. package/dist/esm/AuthWrapper.js +1 -1
  38. package/dist/esm/ConferenceArticleCard.js +15 -15
  39. package/dist/esm/ContentCardPaginated.js +2 -1
  40. package/dist/esm/DeckContent.js +8 -8
  41. package/dist/esm/DeckQueuePaginated.js +2 -1
  42. package/dist/esm/EventsDeck.js +17 -17
  43. package/dist/esm/GridContentPaginated.js +2 -1
  44. package/dist/esm/HamMagazine.js +9 -9
  45. package/dist/esm/IssueLanding.js +29 -29
  46. package/dist/esm/KMTracker.js +15 -15
  47. package/dist/esm/MasterDeck.js +8 -8
  48. package/dist/esm/MasterDeckPaginated.js +10 -9
  49. package/dist/esm/{MediaSeriesCard-ec988ce9.js → MediaSeriesCard-b1845b19.js} +1 -1
  50. package/dist/esm/MediaSeriesLanding.js +6 -6
  51. package/dist/esm/MediaSeriesLandingPaginated.js +8 -7
  52. package/dist/esm/NavMagazine.js +10 -10
  53. package/dist/esm/NavNative.js +9 -9
  54. package/dist/esm/Pagination-59436882.js +82 -0
  55. package/dist/esm/PartnerDetailListingPaginated.js +2 -1
  56. package/dist/esm/PublicationLanding.js +26 -26
  57. package/dist/esm/QueueDeckExpandedPaginated.js +2 -1
  58. package/dist/esm/RelatedContent.js +28 -28
  59. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  60. package/dist/esm/SeriesListingDeck.js +1 -1
  61. package/dist/esm/{SeriesSlider-98ad6d97.js → SeriesSlider-45adb8dc.js} +4 -4
  62. package/dist/esm/SideFooter.js +2 -2
  63. package/dist/esm/VideoSeriesCard.js +1 -1
  64. package/dist/esm/View.js +74 -26
  65. package/dist/esm/YoutubeGroup.js +4 -4
  66. package/dist/esm/getQuery.js +2 -2
  67. package/dist/esm/{getTargeting-36031a00.js → getTargeting-4061f839.js} +9 -9
  68. package/dist/esm/getTargeting.js +1 -1
  69. package/dist/esm/index.js +3 -2
  70. package/package.json +114 -113
  71. package/dist/cjs/Pagination-42f92f7c.js +0 -97
  72. package/dist/esm/Pagination-484b86c5.js +0 -90
@@ -1767,7 +1767,7 @@ client$1.Provider;
1767
1767
 
1768
1768
  var client = client$1.default;
1769
1769
 
1770
- 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}";
1770
+ 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}";
1771
1771
  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" };
1772
1772
  styleInject_es.styleInject(css);
1773
1773
 
@@ -13,21 +13,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
 
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
 
16
- /*
17
- Example usage - targetedonc.com/latest-conference
18
- 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] {
19
- ...,
20
- title,
21
- summary,
22
- thumbnail,
23
- url,
24
- published,
25
- documentGroup->,
26
- contentCategory->,
27
- 'pageNumber': ${currentPage}
28
- }`
29
-
30
- const posts = await client.fetch(query, params)
16
+ /*
17
+ Example usage - targetedonc.com/latest-conference
18
+ 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] {
19
+ ...,
20
+ title,
21
+ summary,
22
+ thumbnail,
23
+ url,
24
+ published,
25
+ documentGroup->,
26
+ contentCategory->,
27
+ 'pageNumber': ${currentPage}
28
+ }`
29
+
30
+ const posts = await client.fetch(query, params)
31
31
  */
32
32
 
33
33
  var ConferenceArticleCard = function ConferenceArticleCard(props) {
@@ -17,7 +17,7 @@ var index$1 = require('./index-eadd5035.js');
17
17
  var main = require('./main-f1c77adb.js');
18
18
  var entities = require('./entities-df1aed86.js');
19
19
  var ADInfeed = require('./ADInfeed-bce0ba07.js');
20
- var Pagination = require('./Pagination-42f92f7c.js');
20
+ var Pagination = require('./Pagination-885dcfbd.js');
21
21
  var Spinner = require('react-bootstrap/Spinner');
22
22
  require('./_commonjsHelpers-06173234.js');
23
23
  require('./core.get-iterator-method-5643aa10.js');
@@ -41,6 +41,7 @@ require('./toNumber-5e1fac58.js');
41
41
  require('./Beam.js');
42
42
  require('./stringify-f7a37a8d.js');
43
43
  require('./Segment.js');
44
+ require('react-paginate');
44
45
  require('react-bootstrap/Button');
45
46
  require('./index.esm-d51c9ac6.js');
46
47
  require('./iconBase-be4097c0.js');
@@ -182,14 +182,14 @@ var DeckContent = function (_React$Component) {
182
182
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
183
183
 
184
184
  // please leave this for later debug purpose : Yong Jun.
185
- /* console.log('page change reported', {
186
- currentPage: currentPage,
187
- pageNumber: pageNumber,
188
- pathname: pathname,
189
- path: path,
190
- newPath: newPath,
191
- firstPage: pageNumber === 1,
192
- queryString: queryString
185
+ /* console.log('page change reported', {
186
+ currentPage: currentPage,
187
+ pageNumber: pageNumber,
188
+ pathname: pathname,
189
+ path: path,
190
+ newPath: newPath,
191
+ firstPage: pageNumber === 1,
192
+ queryString: queryString
193
193
  }) */
194
194
 
195
195
  if (pageview) {
@@ -18,7 +18,7 @@ var get = require('./get-5839e5b5.js');
18
18
  var main = require('./main-f1c77adb.js');
19
19
  var urlFor = require('./urlFor.js');
20
20
  var entities = require('./entities-df1aed86.js');
21
- var Pagination = require('./Pagination-42f92f7c.js');
21
+ var Pagination = require('./Pagination-885dcfbd.js');
22
22
  require('./_commonjsHelpers-06173234.js');
23
23
  require('./core.get-iterator-method-5643aa10.js');
24
24
  require('./web.dom.iterable-d98303e0.js');
@@ -36,6 +36,7 @@ require('./isSymbol-03abbdf0.js');
36
36
  require('./eq-5fc26c07.js');
37
37
  require('./slicedToArray-067dd3bc.js');
38
38
  require('./index-d48b231c.js');
39
+ require('react-paginate');
39
40
  require('react-bootstrap/Button');
40
41
  require('./index.esm-d51c9ac6.js');
41
42
  require('./iconBase-be4097c0.js');
@@ -256,23 +256,23 @@ var EventsDeck = function EventsDeck(_ref) {
256
256
  if (cventAccessToken && cventAccessToken !== 'undefined') {
257
257
  setAccessToken(cventAccessToken);
258
258
  } else {
259
- /*const encodedData = window.btoa(clientId + ':' + clientSecret)
260
- //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
261
- const url = `https://api-platform.cvent.com/ea/oauth2/token`
262
- fetch(url, {
263
- headers: {
264
- 'Content-Type': 'application/x-www-form-urlencoded',
265
- Authorization: `Basic ${encodedData}`
266
- },
267
- method: 'POST',
268
- body: `grant_type=client_credentials&client_id=${clientId}`
269
- })
270
- .then((response) => response.json())
271
- .then((json) => {
272
- const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
273
- Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
274
- setAccessToken(json.access_token)
275
- })
259
+ /*const encodedData = window.btoa(clientId + ':' + clientSecret)
260
+ //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
261
+ const url = `https://api-platform.cvent.com/ea/oauth2/token`
262
+ fetch(url, {
263
+ headers: {
264
+ 'Content-Type': 'application/x-www-form-urlencoded',
265
+ Authorization: `Basic ${encodedData}`
266
+ },
267
+ method: 'POST',
268
+ body: `grant_type=client_credentials&client_id=${clientId}`
269
+ })
270
+ .then((response) => response.json())
271
+ .then((json) => {
272
+ const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
273
+ Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
274
+ setAccessToken(json.access_token)
275
+ })
276
276
  .catch((e) => console.log(e))*/
277
277
  // hello
278
278
  var url = 'https://beam.mjhlifesciences.com/api/cvent/token';
@@ -24,7 +24,7 @@ var urlFor = require('./urlFor.js');
24
24
  var main = require('./main-f1c77adb.js');
25
25
  var AuthorComponent = require('./AuthorComponent-39b37d84.js');
26
26
  var PublicationFeature = require('./PublicationFeature-5ccf9b13.js');
27
- var Pagination = require('./Pagination-42f92f7c.js');
27
+ var Pagination = require('./Pagination-885dcfbd.js');
28
28
  var Spinner = require('react-bootstrap/Spinner');
29
29
  require('./_commonjsHelpers-06173234.js');
30
30
  require('./core.get-iterator-method-5643aa10.js');
@@ -49,6 +49,7 @@ require('./Segment.js');
49
49
  require('./eq-5fc26c07.js');
50
50
  require('./index-d48b231c.js');
51
51
  require('react-bootstrap/Button');
52
+ require('react-paginate');
52
53
  require('./index.esm-d51c9ac6.js');
53
54
  require('./iconBase-be4097c0.js');
54
55
 
@@ -38,15 +38,15 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
38
38
  var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
39
39
 
40
40
  var HamMagazine = function HamMagazine(props) {
41
- /*
42
- Example Nav with acceptable props
43
- <MagazineNav
44
- showLogin
45
- logo={props.settings.logo}
46
- dataObject={props.cache.mainNavCache}
47
- website={website}
48
- subNav={props.cache.subNavCache}
49
- />
41
+ /*
42
+ Example Nav with acceptable props
43
+ <MagazineNav
44
+ showLogin
45
+ logo={props.settings.logo}
46
+ dataObject={props.cache.mainNavCache}
47
+ website={website}
48
+ subNav={props.cache.subNavCache}
49
+ />
50
50
  */
51
51
 
52
52
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -73,35 +73,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
73
73
 
74
74
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
75
75
 
76
- /* usage
77
- import Settings, { Ads } from '../../../../settings'
78
- import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
79
- import client from '../../../../client'
80
- import moment from 'moment'
81
- import Shell from '../../../../components/2.0/Shell'
82
- import { pageview } from '../../../../utilities/gtag'
83
-
84
- const Issue = (props) => {
85
- const { pubIssue, cache } = props
86
- const targeting = {
87
- content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
88
- document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
89
- }
90
- return (
91
- <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
92
- <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
93
- </Shell>
94
- )
95
- }
96
-
97
- Issue.getInitialProps = async (ctx) => {
98
- const { query } = ctx
99
- const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
100
- )
101
- return { pubIssue }
102
- }
103
-
104
- export default Issue
76
+ /* usage
77
+ import Settings, { Ads } from '../../../../settings'
78
+ import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
79
+ import client from '../../../../client'
80
+ import moment from 'moment'
81
+ import Shell from '../../../../components/2.0/Shell'
82
+ import { pageview } from '../../../../utilities/gtag'
83
+
84
+ const Issue = (props) => {
85
+ const { pubIssue, cache } = props
86
+ const targeting = {
87
+ content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
88
+ document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
89
+ }
90
+ return (
91
+ <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
92
+ <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
93
+ </Shell>
94
+ )
95
+ }
96
+
97
+ Issue.getInitialProps = async (ctx) => {
98
+ const { query } = ctx
99
+ const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
100
+ )
101
+ return { pubIssue }
102
+ }
103
+
104
+ export default Issue
105
105
  */
106
106
 
107
107
  var IssueLanding = function IssueLanding(props) {
@@ -1,27 +1,27 @@
1
1
  'use strict';
2
2
 
3
3
  var KMTracker = function KMTracker(props) {
4
- var id = props.id;
4
+ var id = props.id;
5
5
 
6
- if (document && id) {
6
+ if (document && id) {
7
7
  (function () {
8
- var ecnJquery = document.createElement('script');
8
+ var ecnJquery = document.createElement('script');
9
9
 
10
- ecnJquery.type = 'text/javascript';
11
- ecnJquery.async = true;
12
- ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
10
+ ecnJquery.type = 'text/javascript';
11
+ ecnJquery.async = true;
12
+ ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
13
13
 
14
- var ecnScript = document.createElement('script');
14
+ var ecnScript = document.createElement('script');
15
15
 
16
- ecnScript.type = 'text/javascript';
17
- ecnScript.async = true;
18
- ecnScript.id = 'km-tracker';
19
- ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
16
+ ecnScript.type = 'text/javascript';
17
+ ecnScript.async = true;
18
+ ecnScript.id = 'km-tracker';
19
+ ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
20
20
 
21
- document.head.appendChild(ecnJquery);
22
- document.head.appendChild(ecnScript);
23
- })();
24
- }
21
+ document.head.appendChild(ecnJquery);
22
+ document.head.appendChild(ecnScript);
23
+ })();
24
+ }
25
25
  };
26
26
 
27
27
  module.exports = KMTracker;
@@ -230,14 +230,14 @@ var MasterDeck = function (_React$Component) {
230
230
  }
231
231
 
232
232
  // please leave this for later debug purpose : Yong Jun.
233
- /* console.log('page change reported', {
234
- currentPage: currentPage,
235
- pageNumber: pageNumber,
236
- pathname: pathname,
237
- path: path,
238
- newPath: newPath,
239
- firstPage: pageNumber === 1,
240
- queryString: queryString
233
+ /* console.log('page change reported', {
234
+ currentPage: currentPage,
235
+ pageNumber: pageNumber,
236
+ pathname: pathname,
237
+ path: path,
238
+ newPath: newPath,
239
+ firstPage: pageNumber === 1,
240
+ queryString: queryString
241
241
  }) */
242
242
 
243
243
  if (pageview) {
@@ -14,7 +14,7 @@ var lodash = require('./lodash-f0783643.js');
14
14
  var main = require('./main-f1c77adb.js');
15
15
  var ADlgInfeed = require('./ADlgInfeed-950b414b.js');
16
16
  var ADInfeed = require('./ADInfeed-bce0ba07.js');
17
- var Pagination = require('./Pagination-42f92f7c.js');
17
+ var Pagination = require('./Pagination-885dcfbd.js');
18
18
  require('./_commonjsHelpers-06173234.js');
19
19
  require('./core.get-iterator-method-5643aa10.js');
20
20
  require('./web.dom.iterable-d98303e0.js');
@@ -35,6 +35,7 @@ require('./isSymbol-03abbdf0.js');
35
35
  require('./toNumber-5e1fac58.js');
36
36
  require('./Beam.js');
37
37
  require('./Segment.js');
38
+ require('react-paginate');
38
39
  require('react-bootstrap/Button');
39
40
  require('./index.esm-d51c9ac6.js');
40
41
  require('./iconBase-be4097c0.js');
@@ -115,14 +116,14 @@ var MasterDeck = function (_React$Component) {
115
116
  }
116
117
 
117
118
  // please leave this for later debug purpose : Yong Jun.
118
- /* console.log('page change reported', {
119
- currentPage: currentPage,
120
- pageNumber: pageNumber,
121
- pathname: pathname,
122
- path: path,
123
- newPath: newPath,
124
- firstPage: pageNumber === 1,
125
- queryString: queryString
119
+ /* console.log('page change reported', {
120
+ currentPage: currentPage,
121
+ pageNumber: pageNumber,
122
+ pathname: pathname,
123
+ path: path,
124
+ newPath: newPath,
125
+ firstPage: pageNumber === 1,
126
+ queryString: queryString
126
127
  }) */
127
128
 
128
129
  if (pageview) {
@@ -9435,7 +9435,7 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
9435
9435
  Tooltip.defaultProps = defaultProps;
9436
9436
  Tooltip.displayName = 'Tooltip';
9437
9437
 
9438
- 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";
9438
+ 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";
9439
9439
  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" };
9440
9440
  styleInject_es.styleInject(css);
9441
9441
 
@@ -5,7 +5,7 @@ var _typeof = require('./typeof-567e31ff.js');
5
5
  var _extends = require('./extends-7c86182f.js');
6
6
  var slicedToArray = require('./slicedToArray-067dd3bc.js');
7
7
  var React = require('react');
8
- var MediaSeriesCard = require('./MediaSeriesCard-68ae756e.js');
8
+ var MediaSeriesCard = require('./MediaSeriesCard-d46317f0.js');
9
9
  require('./index-50be6759.js');
10
10
  require('react-dom');
11
11
  var Link = require('next/link');
@@ -96,11 +96,11 @@ var Filter = function Filter(_ref) {
96
96
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
97
97
  grandChildData = _useState6[0],
98
98
  setGrandChildData = _useState6[1];
99
- /*
100
- {parent: showAll,
101
- chidlren: show selected from parent,
102
- grandchildren: show selected from children
103
- }
99
+ /*
100
+ {parent: showAll,
101
+ chidlren: show selected from parent,
102
+ grandchildren: show selected from children
103
+ }
104
104
  */
105
105
 
106
106
 
@@ -5,7 +5,7 @@ var _typeof = require('./typeof-567e31ff.js');
5
5
  var _extends = require('./extends-7c86182f.js');
6
6
  var slicedToArray = require('./slicedToArray-067dd3bc.js');
7
7
  var React = require('react');
8
- var MediaSeriesCard = require('./MediaSeriesCard-68ae756e.js');
8
+ var MediaSeriesCard = require('./MediaSeriesCard-d46317f0.js');
9
9
  require('./index-50be6759.js');
10
10
  require('react-dom');
11
11
  var Link = require('next/link');
@@ -46,7 +46,8 @@ require('./toNumber-5e1fac58.js');
46
46
  require('./Beam.js');
47
47
  require('./Segment.js');
48
48
  require('./ADInfeed-bce0ba07.js');
49
- require('./Pagination-42f92f7c.js');
49
+ require('./Pagination-885dcfbd.js');
50
+ require('react-paginate');
50
51
  require('react-bootstrap/Button');
51
52
  require('./index.esm-d51c9ac6.js');
52
53
  require('./iconBase-be4097c0.js');
@@ -97,11 +98,11 @@ var Filter = function Filter(_ref) {
97
98
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
98
99
  grandChildData = _useState6[0],
99
100
  setGrandChildData = _useState6[1];
100
- /*
101
- {parent: showAll,
102
- chidlren: show selected from parent,
103
- grandchildren: show selected from children
104
- }
101
+ /*
102
+ {parent: showAll,
103
+ chidlren: show selected from parent,
104
+ grandchildren: show selected from children
105
+ }
105
106
  */
106
107
 
107
108
 
@@ -38,16 +38,16 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
38
38
  var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
39
39
 
40
40
  var NavMagazine = function NavMagazine(props) {
41
- /*
42
- Example Nav with acceptable props
43
- <MagazineNav
44
- showLogin
45
- user={props.cache.user}
46
- logo={props.settings.logo}
47
- dataObject={props.cache.mainNavCache}
48
- website={website}
49
- subNav={props.cache.subNavCache}
50
- />
41
+ /*
42
+ Example Nav with acceptable props
43
+ <MagazineNav
44
+ showLogin
45
+ user={props.cache.user}
46
+ logo={props.settings.logo}
47
+ dataObject={props.cache.mainNavCache}
48
+ website={website}
49
+ subNav={props.cache.subNavCache}
50
+ />
51
51
  */
52
52
 
53
53
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -315,15 +315,15 @@ function chunk(array, size, guard) {
315
315
  var chunk_1 = chunk;
316
316
 
317
317
  var NavNative = function NavNative(props) {
318
- /*
319
- Example Nav with acceptable props
320
- <MagazineNav
321
- showLogin
322
- logo={props.settings.logo}
323
- dataObject={props.cache.mainNavCache}
324
- website={website}
325
- subNav={props.cache.subNavCache}
326
- />
318
+ /*
319
+ Example Nav with acceptable props
320
+ <MagazineNav
321
+ showLogin
322
+ logo={props.settings.logo}
323
+ dataObject={props.cache.mainNavCache}
324
+ website={website}
325
+ subNav={props.cache.subNavCache}
326
+ />
327
327
  */
328
328
  // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
329
329
  var logo = props.logo,
@@ -0,0 +1,90 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var ReactPaginate = require('react-paginate');
5
+ var Button = require('react-bootstrap/Button');
6
+ var index_esm = require('./index.esm-d51c9ac6.js');
7
+
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+
10
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
+ var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
12
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
13
+
14
+ var Pagination = function Pagination(props) {
15
+ var pageCount = props.pageCount,
16
+ _props$marginPagesDis = props.marginPagesDisplayed,
17
+ marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
18
+ _props$pageRangeDispl = props.pageRangeDisplayed,
19
+ pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
20
+ _props$currentPage = props.currentPage,
21
+ currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
22
+ _onPageChange = props.onPageChange,
23
+ _props$needLargePagin = props.needLargePaginateButtons,
24
+ needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
25
+
26
+ if (!pageCount || pageCount <= 1) return null;
27
+ return React__default['default'].createElement(
28
+ React__default['default'].Fragment,
29
+ null,
30
+ needLargePaginateButtons && React__default['default'].createElement(
31
+ 'div',
32
+ { className: 'pagination-lg-btn-nxt' },
33
+ React__default['default'].createElement(
34
+ Button__default['default'],
35
+ {
36
+ onClick: function onClick(e) {
37
+ e.preventDefault();
38
+ _onPageChange(currentPage + 1);
39
+ },
40
+ disabled: currentPage === pageCount,
41
+ href: '?page=' + (currentPage + 1) },
42
+ 'NEXT PAGE',
43
+ React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
44
+ )
45
+ ),
46
+ React__default['default'].createElement(ReactPaginate__default['default'], {
47
+ pageCount: pageCount,
48
+ marginPagesDisplayed: marginPagesDisplayed,
49
+ pageRangeDisplayed: pageRangeDisplayed,
50
+ forcePage: currentPage - 1,
51
+ onPageChange: function onPageChange(_ref) {
52
+ var selected = _ref.selected;
53
+ return _onPageChange(selected + 1);
54
+ },
55
+ hrefBuilder: function hrefBuilder(page) {
56
+ return '?page=' + page;
57
+ },
58
+ previousLabel: '<',
59
+ nextLabel: '>',
60
+ containerClassName: 'pagination-container',
61
+ previousLinkClassName: 'previous',
62
+ nextLinkClassName: 'next',
63
+ disabledClassName: 'disbaled',
64
+ activeClassName: 'active'
65
+ }),
66
+ needLargePaginateButtons && React__default['default'].createElement(
67
+ 'div',
68
+ { className: 'pagination-lg-btn-prv' },
69
+ React__default['default'].createElement(
70
+ Button__default['default'],
71
+ {
72
+ onClick: function onClick(e) {
73
+ e.preventDefault();
74
+ _onPageChange(currentPage - 1);
75
+ },
76
+ disabled: currentPage === 1,
77
+ href: '?page=' + (currentPage - 1) },
78
+ React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
79
+ 'PREVIOUS PAGE'
80
+ )
81
+ ),
82
+ React__default['default'].createElement(
83
+ 'style',
84
+ { jsx: 'true' },
85
+ '\n .pagination-container {\n list-style: none;\n padding: 10px 0;\n margin: 0;\n display: flex;\n overflow: auto;\n }\n .pagination-container::before,\n .pagination-container::after {\n content: \'\';\n margin: 0 auto;\n }\n .pagination-container a {\n padding: 10px;\n border: 1px solid #dee2e6;\n }\n .pagination-container a:hover {\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6;\n }\n .pagination-container .active a {\n color: #fff;\n background-color: #666;\n background-color: var(--primary);\n }\n .pagination-container li:first-child a {\n border-radius: 5px 0 0 5px;\n }\n .pagination-container li:last-child a {\n border-radius: 0 5px 5px 0;\n }\n .pagination-container .disbaled a {\n cursor: default;\n }\n .pagination-lg-btn-nxt,\n .pagination-lg-btn-prv {\n text-align: center;\n }\n .pagination-lg-btn-nxt .btn,\n .pagination-lg-btn-prv .btn {\n min-width: 80%;\n color: #000;\n color: var(--primary);\n background-color: transparent;\n border-color: #000;\n border-color: var(--primary);\n }\n .pagination-lg-btn-nxt {\n margin: 0 0 1.5rem;\n }\n .pagination-lg-btn-prv {\n margin: 1.5rem 0 0;\n }\n .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n color: #fff;\n background-color: #000;\n background-color: var(--primary);\n border-color: #000;\n border-color: var(--primary);\n }\n @media only screen and (min-width: 601px) {\n [class^=\'pagination-lg-btn\'] {\n display: none;\n }\n }\n .fa-arrow-left {\n margin-right: 0.5rem;\n }\n .fa-arrow-right {\n margin-left: 0.5rem;\n }\n .pagination-container::-webkit-scrollbar {\n height: 8px;\n }\n .pagination-container::-webkit-scrollbar-track,\n .pagination-container::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n }\n .pagination-container::-webkit-scrollbar-track {\n background-color: rgba(0, 0, 0, 0.1);\n }\n .pagination-container::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.3);\n }\n '
86
+ )
87
+ );
88
+ };
89
+
90
+ exports.Pagination = Pagination;
@@ -46,7 +46,8 @@ require('./AuthorComponent-39b37d84.js');
46
46
  require('./ADlgInfeed-950b414b.js');
47
47
  require('./getContentCategory-f38a4c00.js');
48
48
  require('./timeDifferenceCalc.js');
49
- require('./Pagination-42f92f7c.js');
49
+ require('./Pagination-885dcfbd.js');
50
+ require('react-paginate');
50
51
  require('react-bootstrap/Button');
51
52
  require('./index.esm-d51c9ac6.js');
52
53
  require('./iconBase-be4097c0.js');