@mjhls/mjh-framework 1.0.972-reference-serializer-v1 → 1.0.972

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 (88) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +15 -131
  3. package/dist/cjs/ArticleProgramLandingPage.js +1 -1
  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 -1
  11. package/dist/cjs/GridContentPaginated.js +2 -1
  12. package/dist/cjs/HamMagazine.js +9 -9
  13. package/dist/cjs/HealthCareProfessionalModal.js +1 -1
  14. package/dist/cjs/HorizontalArticleListing.js +1 -1
  15. package/dist/cjs/IssueLanding.js +30 -30
  16. package/dist/cjs/KMTracker.js +15 -15
  17. package/dist/cjs/MasterDeck.js +8 -8
  18. package/dist/cjs/MasterDeckPaginated.js +10 -9
  19. package/dist/cjs/{MediaSeriesCard-478ba4e4.js → MediaSeriesCard-5bf9813e.js} +2 -2
  20. package/dist/cjs/MediaSeriesLanding.js +7 -7
  21. package/dist/cjs/MediaSeriesLandingPaginated.js +9 -8
  22. package/dist/cjs/NavMagazine.js +10 -10
  23. package/dist/cjs/NavNative.js +9 -9
  24. package/dist/cjs/Pagination-c63770a3.js +90 -0
  25. package/dist/cjs/PartnerDetailListing.js +1 -1
  26. package/dist/cjs/PartnerDetailListingPaginated.js +3 -2
  27. package/dist/cjs/PublicationLanding.js +26 -26
  28. package/dist/cjs/QueueDeckExpandedPaginated.js +2 -1
  29. package/dist/cjs/RelatedContent.js +28 -28
  30. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  31. package/dist/cjs/SeriesListingDeck.js +1 -1
  32. package/dist/cjs/{SeriesSlider-74546d19.js → SeriesSlider-594b19eb.js} +4 -4
  33. package/dist/cjs/SideFooter.js +2 -2
  34. package/dist/cjs/TaxonomyDescription.js +1 -1
  35. package/dist/cjs/VideoProgramLandingPage.js +1 -1
  36. package/dist/cjs/VideoSeriesCard.js +1 -1
  37. package/dist/cjs/View.js +9 -13
  38. package/dist/cjs/YoutubeGroup.js +4 -4
  39. package/dist/cjs/getSerializers.js +1 -1
  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-ec29c3b7.js → index-eb1c583d.js} +42 -551
  43. package/dist/cjs/index.js +4 -3
  44. package/dist/esm/AlgoliaSearch.js +16 -132
  45. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  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 -1
  53. package/dist/esm/GridContentPaginated.js +2 -1
  54. package/dist/esm/HamMagazine.js +9 -9
  55. package/dist/esm/HealthCareProfessionalModal.js +1 -1
  56. package/dist/esm/HorizontalArticleListing.js +1 -1
  57. package/dist/esm/IssueLanding.js +30 -30
  58. package/dist/esm/KMTracker.js +15 -15
  59. package/dist/esm/MasterDeck.js +8 -8
  60. package/dist/esm/MasterDeckPaginated.js +10 -9
  61. package/dist/esm/{MediaSeriesCard-6aab33f7.js → MediaSeriesCard-305a9cb3.js} +2 -2
  62. package/dist/esm/MediaSeriesLanding.js +7 -7
  63. package/dist/esm/MediaSeriesLandingPaginated.js +9 -8
  64. package/dist/esm/NavMagazine.js +10 -10
  65. package/dist/esm/NavNative.js +9 -9
  66. package/dist/esm/Pagination-6f8d5327.js +82 -0
  67. package/dist/esm/PartnerDetailListing.js +1 -1
  68. package/dist/esm/PartnerDetailListingPaginated.js +3 -2
  69. package/dist/esm/PublicationLanding.js +26 -26
  70. package/dist/esm/QueueDeckExpandedPaginated.js +2 -1
  71. package/dist/esm/RelatedContent.js +28 -28
  72. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  73. package/dist/esm/SeriesListingDeck.js +1 -1
  74. package/dist/esm/{SeriesSlider-e495571f.js → SeriesSlider-f771e20d.js} +4 -4
  75. package/dist/esm/SideFooter.js +2 -2
  76. package/dist/esm/TaxonomyDescription.js +1 -1
  77. package/dist/esm/VideoProgramLandingPage.js +1 -1
  78. package/dist/esm/VideoSeriesCard.js +1 -1
  79. package/dist/esm/View.js +8 -13
  80. package/dist/esm/YoutubeGroup.js +4 -4
  81. package/dist/esm/getSerializers.js +1 -1
  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-e3e16b8b.js → index-264bbd3c.js} +42 -551
  85. package/dist/esm/index.js +4 -3
  86. package/package.json +115 -116
  87. package/dist/cjs/Pagination-30bb1ca1.js +0 -97
  88. package/dist/esm/Pagination-194dd03f.js +0 -90
@@ -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-e3e16b8b.js';
6
+ import { g as getSerializers } from './index-264bbd3c.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './core.get-iterator-method-ea258bb1.js';
9
9
  import './_object-pie-133f504a.js';
@@ -71,35 +71,35 @@ import 'react-bootstrap/OverlayTrigger';
71
71
  import 'react-bootstrap/Tooltip';
72
72
  import 'react-bootstrap/Popover';
73
73
 
74
- /* usage
75
- import Settings, { Ads } from '../../../../settings'
76
- import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
77
- import client from '../../../../client'
78
- import moment from 'moment'
79
- import Shell from '../../../../components/2.0/Shell'
80
- import { pageview } from '../../../../utilities/gtag'
81
-
82
- const Issue = (props) => {
83
- const { pubIssue, cache } = props
84
- const targeting = {
85
- content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
86
- document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
87
- }
88
- return (
89
- <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
90
- <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
91
- </Shell>
92
- )
93
- }
94
-
95
- Issue.getInitialProps = async (ctx) => {
96
- const { query } = ctx
97
- const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
98
- )
99
- return { pubIssue }
100
- }
101
-
102
- export default Issue
74
+ /* usage
75
+ import Settings, { Ads } from '../../../../settings'
76
+ import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
77
+ import client from '../../../../client'
78
+ import moment from 'moment'
79
+ import Shell from '../../../../components/2.0/Shell'
80
+ import { pageview } from '../../../../utilities/gtag'
81
+
82
+ const Issue = (props) => {
83
+ const { pubIssue, cache } = props
84
+ const targeting = {
85
+ content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
86
+ document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
87
+ }
88
+ return (
89
+ <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
90
+ <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
91
+ </Shell>
92
+ )
93
+ }
94
+
95
+ Issue.getInitialProps = async (ctx) => {
96
+ const { query } = ctx
97
+ const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
98
+ )
99
+ return { pubIssue }
100
+ }
101
+
102
+ export default Issue
103
103
  */
104
104
 
105
105
  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-dc36c928.js';
14
14
  import { A as ADInfeed } from './ADInfeed-6d1fc6bf.js';
15
- import { P as Pagination } from './Pagination-194dd03f.js';
15
+ import { P as Pagination } from './Pagination-6f8d5327.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-e3e16b8b.js';
12
+ import { g as getSerializers } from './index-264bbd3c.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-6aab33f7.js';
6
+ import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-305a9cb3.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-e3e16b8b.js';
12
+ import { g as getSerializers } from './index-264bbd3c.js';
13
13
  import './_commonjsHelpers-0c4b6f40.js';
14
14
  import './core.get-iterator-method-ea258bb1.js';
15
15
  import './web.dom.iterable-ab4dea5c.js';
@@ -93,11 +93,11 @@ var Filter = function Filter(_ref) {
93
93
  _useState6 = _slicedToArray(_useState5, 2),
94
94
  grandChildData = _useState6[0],
95
95
  setGrandChildData = _useState6[1];
96
- /*
97
- {parent: showAll,
98
- chidlren: show selected from parent,
99
- grandchildren: show selected from children
100
- }
96
+ /*
97
+ {parent: showAll,
98
+ chidlren: show selected from parent,
99
+ grandchildren: show selected from children
100
+ }
101
101
  */
102
102
 
103
103
 
@@ -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-6aab33f7.js';
6
+ import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-305a9cb3.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-e3e16b8b.js';
12
+ import { g as getSerializers } from './index-264bbd3c.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,7 +44,8 @@ import './toNumber-5aeba6e7.js';
44
44
  import './Beam.js';
45
45
  import './Segment.js';
46
46
  import './ADInfeed-6d1fc6bf.js';
47
- import './Pagination-194dd03f.js';
47
+ import './Pagination-6f8d5327.js';
48
+ import 'react-paginate';
48
49
  import 'react-bootstrap/Button';
49
50
  import './index.esm-1bd8a0a8.js';
50
51
  import './iconBase-ccc56b97.js';
@@ -94,11 +95,11 @@ var Filter = function Filter(_ref) {
94
95
  _useState6 = _slicedToArray(_useState5, 2),
95
96
  grandChildData = _useState6[0],
96
97
  setGrandChildData = _useState6[1];
97
- /*
98
- {parent: showAll,
99
- chidlren: show selected from parent,
100
- grandchildren: show selected from children
101
- }
98
+ /*
99
+ {parent: showAll,
100
+ chidlren: show selected from parent,
101
+ grandchildren: show selected from children
102
+ }
102
103
  */
103
104
 
104
105
 
@@ -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: 'disabled',
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: currentPage <= 1 ? '?page=1' : '?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 .disabled 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-e3e16b8b.js';
14
+ import { g as getSerializers } from './index-264bbd3c.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';
@@ -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-e3e16b8b.js';
14
+ import { g as getSerializers } from './index-264bbd3c.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-dc36c928.js';
45
45
  import './getContentCategory-15dcc413.js';
46
46
  import './timeDifferenceCalc.js';
47
- import './Pagination-194dd03f.js';
47
+ import './Pagination-6f8d5327.js';
48
+ import 'react-paginate';
48
49
  import 'react-bootstrap/Button';
49
50
  import './index.esm-1bd8a0a8.js';
50
51
  import './iconBase-ccc56b97.js';
@@ -376,32 +376,32 @@ module.exports = { "default": set$1, __esModule: true };
376
376
 
377
377
  var _Set = unwrapExports(set);
378
378
 
379
- /* usage & query
380
- const Publication = (props) => {
381
- const { cache, pub, year } = props
382
- const targeting = {
383
- content_placement: [`/journals/${pub.identifier.current}`],
384
- document_url: [`/journals/${pub.identifier.current}`],
385
- }
386
- return (
387
- <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
388
- <PublicationLanding publication={pub} year={year} href={'journals'} />
389
- </Shell>
390
- )
391
- }
392
- Publication.getInitialProps = async (ctx) => {
393
- const { query } = ctx
394
- const {
395
- query: { year },
396
- } = ctx
397
- const pub = await client.fetch(getQuery('publication'), query)
398
- **import urlFor from framework**
399
- pub.issues.map((issue) => {
400
- issue.thumbnail = urlFor({client, source: issue.thumbnail})
401
- })
402
- return { pub, year }
403
- }
404
- export default Publication
379
+ /* usage & query
380
+ const Publication = (props) => {
381
+ const { cache, pub, year } = props
382
+ const targeting = {
383
+ content_placement: [`/journals/${pub.identifier.current}`],
384
+ document_url: [`/journals/${pub.identifier.current}`],
385
+ }
386
+ return (
387
+ <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
388
+ <PublicationLanding publication={pub} year={year} href={'journals'} />
389
+ </Shell>
390
+ )
391
+ }
392
+ Publication.getInitialProps = async (ctx) => {
393
+ const { query } = ctx
394
+ const {
395
+ query: { year },
396
+ } = ctx
397
+ const pub = await client.fetch(getQuery('publication'), query)
398
+ **import urlFor from framework**
399
+ pub.issues.map((issue) => {
400
+ issue.thumbnail = urlFor({client, source: issue.thumbnail})
401
+ })
402
+ return { pub, year }
403
+ }
404
+ export default Publication
405
405
  */
406
406
 
407
407
  var generateContentPlacements = function generateContentPlacements(issues) {
@@ -17,7 +17,7 @@ import { A as ADlgInfeed } from './ADlgInfeed-dc36c928.js';
17
17
  import { g as getContentCategory } from './getContentCategory-15dcc413.js';
18
18
  import timeDifferenceCalc from './timeDifferenceCalc.js';
19
19
  import urlFor from './urlFor.js';
20
- import { P as Pagination } from './Pagination-194dd03f.js';
20
+ import { P as Pagination } from './Pagination-6f8d5327.js';
21
21
  import './_commonjsHelpers-0c4b6f40.js';
22
22
  import './core.get-iterator-method-ea258bb1.js';
23
23
  import './web.dom.iterable-ab4dea5c.js';
@@ -36,6 +36,7 @@ import './Beam.js';
36
36
  import './stringify-2b084bee.js';
37
37
  import './Segment.js';
38
38
  import './index-3f5c03b2.js';
39
+ import 'react-paginate';
39
40
  import 'react-bootstrap/Button';
40
41
  import './index.esm-1bd8a0a8.js';
41
42
  import './iconBase-ccc56b97.js';
@@ -11,34 +11,34 @@ import './index-3f5c03b2.js';
11
11
  import 'react-dom';
12
12
  import 'prop-types';
13
13
 
14
- /*
15
- Sample query
16
- let references = ''
17
- if(article.taxonomyMapping.length > 0){
18
- article.taxonomyMapping.forEach((ref, index) => {
19
- references = references + `references('${ref._ref}') `
20
- if(index+1 !== article.taxonomyMapping.length){
21
- references = references + ` && `
22
- }
23
- })
24
- }
25
-
26
- const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
27
- ...,
28
- title,
29
- summary,
30
- thumbnail,
31
- url,
32
- published,
33
- authorMapping[]->,
34
- contentCategory->
35
- }`
36
- const relatedArticles = await client.fetch(relatedArticlesQuery)
37
-
38
- Sample usage
39
- <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
40
-
41
-
14
+ /*
15
+ Sample query
16
+ let references = ''
17
+ if(article.taxonomyMapping.length > 0){
18
+ article.taxonomyMapping.forEach((ref, index) => {
19
+ references = references + `references('${ref._ref}') `
20
+ if(index+1 !== article.taxonomyMapping.length){
21
+ references = references + ` && `
22
+ }
23
+ })
24
+ }
25
+
26
+ const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
27
+ ...,
28
+ title,
29
+ summary,
30
+ thumbnail,
31
+ url,
32
+ published,
33
+ authorMapping[]->,
34
+ contentCategory->
35
+ }`
36
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
37
+
38
+ Sample usage
39
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
40
+
41
+
42
42
  */
43
43
  var RelatedContent = function RelatedContent(props) {
44
44
  var client = props.client,
@@ -14,16 +14,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
14
14
  _ref$className = _ref.className,
15
15
  className = _ref$className === undefined ? '' : _ref$className;
16
16
 
17
- /*
18
- Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
- example:
20
- <RelatedTopicDropdown
21
- page='/clinical'
22
- exclude="clinical"
23
- className='mb-3'
24
- parentTaxonomy={props.parentTaxonomy}
25
- subTaxonomies={props.subTaxonomies}
26
- />
17
+ /*
18
+ Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
+ example:
20
+ <RelatedTopicDropdown
21
+ page='/clinical'
22
+ exclude="clinical"
23
+ className='mb-3'
24
+ parentTaxonomy={props.parentTaxonomy}
25
+ subTaxonomies={props.subTaxonomies}
26
+ />
27
27
  */
28
28
  if (subTaxonomies.length === 0 && parentTaxonomy) {
29
29
  if (parentTaxonomy.identifier == exclude) {
@@ -5,7 +5,7 @@ import React__default, { useState, useEffect, useRef } from 'react';
5
5
  import { useRouter } from 'next/router';
6
6
  import { l as lib_3 } from './index-f0fc23eb.js';
7
7
  import { I as InfiniteScroll } from './index.es-a6137319.js';
8
- import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
8
+ import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
9
9
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
@@ -6,10 +6,10 @@ import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
6
6
  import urlFor from './urlFor.js';
7
7
  import { m as main_43, a as main_49, b as main_42 } from './main-1894c974.js';
8
8
 
9
- /*
10
- GROQ query -
11
- accepts an array of title, URL
12
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
9
+ /*
10
+ GROQ query -
11
+ accepts an array of title, URL
12
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
13
13
  */
14
14
 
15
15
  var SeriesSlider = function SeriesSlider(_ref) {