@mjhls/mjh-framework 1.0.971 → 1.0.972-reference-serializer-v1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +168 -168
- package/dist/cjs/AlgoliaSearch.js +131 -15
- package/dist/cjs/ArticleProgramLandingPage.js +1 -1
- package/dist/cjs/AuthWrapper.js +1 -1
- package/dist/cjs/ConferenceArticleCard.js +15 -15
- package/dist/cjs/ContentCardPaginated.js +1 -2
- package/dist/cjs/DeckContent.js +8 -8
- package/dist/cjs/DeckQueuePaginated.js +1 -2
- package/dist/cjs/EventsDeck.js +17 -17
- package/dist/cjs/ExternalResources.js +1 -1
- package/dist/cjs/GridContentPaginated.js +1 -2
- package/dist/cjs/HamMagazine.js +9 -9
- package/dist/cjs/HealthCareProfessionalModal.js +1 -1
- package/dist/cjs/HorizontalArticleListing.js +1 -1
- package/dist/cjs/IssueLanding.js +30 -30
- package/dist/cjs/KMTracker.js +15 -15
- package/dist/cjs/MasterDeck.js +8 -8
- package/dist/cjs/MasterDeckPaginated.js +9 -10
- package/dist/cjs/{MediaSeriesCard-5bf9813e.js → MediaSeriesCard-478ba4e4.js} +2 -2
- package/dist/cjs/MediaSeriesLanding.js +7 -7
- package/dist/cjs/MediaSeriesLandingPaginated.js +8 -9
- package/dist/cjs/NavMagazine.js +10 -10
- package/dist/cjs/NavNative.js +9 -9
- package/dist/cjs/Pagination-30bb1ca1.js +97 -0
- package/dist/cjs/PartnerDetailListing.js +1 -1
- package/dist/cjs/PartnerDetailListingPaginated.js +2 -3
- package/dist/cjs/PublicationLanding.js +26 -26
- package/dist/cjs/QueueDeckExpandedPaginated.js +1 -2
- package/dist/cjs/RelatedContent.js +28 -28
- package/dist/cjs/RelatedTopicsDropdown.js +10 -10
- package/dist/cjs/SeriesListingDeck.js +1 -1
- package/dist/cjs/{SeriesSlider-594b19eb.js → SeriesSlider-74546d19.js} +4 -4
- package/dist/cjs/SideFooter.js +2 -2
- package/dist/cjs/TaxonomyDescription.js +13 -9
- package/dist/cjs/VideoProgramLandingPage.js +1 -1
- package/dist/cjs/VideoSeriesCard.js +1 -1
- package/dist/cjs/View.js +13 -9
- package/dist/cjs/YoutubeGroup.js +4 -4
- package/dist/cjs/getSerializers.js +1 -1
- package/dist/cjs/{getTargeting-3c5754ac.js → getTargeting-dab97fe1.js} +9 -9
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/cjs/{index-eb1c583d.js → index-ec29c3b7.js} +551 -42
- package/dist/cjs/index.js +3 -4
- package/dist/esm/AlgoliaSearch.js +132 -16
- package/dist/esm/ArticleProgramLandingPage.js +1 -1
- package/dist/esm/AuthWrapper.js +1 -1
- package/dist/esm/ConferenceArticleCard.js +15 -15
- package/dist/esm/ContentCardPaginated.js +1 -2
- package/dist/esm/DeckContent.js +8 -8
- package/dist/esm/DeckQueuePaginated.js +1 -2
- package/dist/esm/EventsDeck.js +17 -17
- package/dist/esm/ExternalResources.js +1 -1
- package/dist/esm/GridContentPaginated.js +1 -2
- package/dist/esm/HamMagazine.js +9 -9
- package/dist/esm/HealthCareProfessionalModal.js +1 -1
- package/dist/esm/HorizontalArticleListing.js +1 -1
- package/dist/esm/IssueLanding.js +30 -30
- package/dist/esm/KMTracker.js +15 -15
- package/dist/esm/MasterDeck.js +8 -8
- package/dist/esm/MasterDeckPaginated.js +9 -10
- package/dist/esm/{MediaSeriesCard-305a9cb3.js → MediaSeriesCard-6aab33f7.js} +2 -2
- package/dist/esm/MediaSeriesLanding.js +7 -7
- package/dist/esm/MediaSeriesLandingPaginated.js +8 -9
- package/dist/esm/NavMagazine.js +10 -10
- package/dist/esm/NavNative.js +9 -9
- package/dist/esm/Pagination-194dd03f.js +90 -0
- package/dist/esm/PartnerDetailListing.js +1 -1
- package/dist/esm/PartnerDetailListingPaginated.js +2 -3
- package/dist/esm/PublicationLanding.js +26 -26
- package/dist/esm/QueueDeckExpandedPaginated.js +1 -2
- package/dist/esm/RelatedContent.js +28 -28
- package/dist/esm/RelatedTopicsDropdown.js +10 -10
- package/dist/esm/SeriesListingDeck.js +1 -1
- package/dist/esm/{SeriesSlider-f771e20d.js → SeriesSlider-e495571f.js} +4 -4
- package/dist/esm/SideFooter.js +2 -2
- package/dist/esm/TaxonomyDescription.js +13 -9
- package/dist/esm/VideoProgramLandingPage.js +1 -1
- package/dist/esm/VideoSeriesCard.js +1 -1
- package/dist/esm/View.js +13 -8
- package/dist/esm/YoutubeGroup.js +4 -4
- package/dist/esm/getSerializers.js +1 -1
- package/dist/esm/{getTargeting-42f9b439.js → getTargeting-04d979c9.js} +9 -9
- package/dist/esm/getTargeting.js +1 -1
- package/dist/esm/{index-264bbd3c.js → index-e3e16b8b.js} +551 -42
- package/dist/esm/index.js +3 -4
- package/package.json +116 -115
- package/dist/cjs/Pagination-c63770a3.js +0 -90
- package/dist/esm/Pagination-6f8d5327.js +0 -82
package/dist/esm/IssueLanding.js
CHANGED
|
@@ -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-
|
|
6
|
+
import { g as getSerializers } from './index-e3e16b8b.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) {
|
package/dist/esm/KMTracker.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
var KMTracker = function KMTracker(props) {
|
|
2
|
-
|
|
2
|
+
var id = props.id;
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
if (document && id) {
|
|
5
5
|
(function () {
|
|
6
|
-
|
|
6
|
+
var ecnJquery = document.createElement('script');
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
ecnJquery.type = 'text/javascript';
|
|
9
|
+
ecnJquery.async = true;
|
|
10
|
+
ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
var ecnScript = document.createElement('script');
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
document.head.appendChild(ecnJquery);
|
|
20
|
+
document.head.appendChild(ecnScript);
|
|
21
|
+
})();
|
|
22
|
+
}
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
export default KMTracker;
|
package/dist/esm/MasterDeck.js
CHANGED
|
@@ -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-
|
|
15
|
+
import { P as Pagination } from './Pagination-194dd03f.js';
|
|
16
16
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
17
17
|
import './core.get-iterator-method-ea258bb1.js';
|
|
18
18
|
import './web.dom.iterable-ab4dea5c.js';
|
|
@@ -33,7 +33,6 @@ import './isSymbol-a7e9aafe.js';
|
|
|
33
33
|
import './toNumber-5aeba6e7.js';
|
|
34
34
|
import './Beam.js';
|
|
35
35
|
import './Segment.js';
|
|
36
|
-
import 'react-paginate';
|
|
37
36
|
import 'react-bootstrap/Button';
|
|
38
37
|
import './index.esm-1bd8a0a8.js';
|
|
39
38
|
import './iconBase-ccc56b97.js';
|
|
@@ -108,14 +107,14 @@ var MasterDeck = function (_React$Component) {
|
|
|
108
107
|
}
|
|
109
108
|
|
|
110
109
|
// please leave this for later debug purpose : Yong Jun.
|
|
111
|
-
/* console.log('page change reported', {
|
|
112
|
-
currentPage: currentPage,
|
|
113
|
-
pageNumber: pageNumber,
|
|
114
|
-
pathname: pathname,
|
|
115
|
-
path: path,
|
|
116
|
-
newPath: newPath,
|
|
117
|
-
firstPage: pageNumber === 1,
|
|
118
|
-
queryString: queryString
|
|
110
|
+
/* console.log('page change reported', {
|
|
111
|
+
currentPage: currentPage,
|
|
112
|
+
pageNumber: pageNumber,
|
|
113
|
+
pathname: pathname,
|
|
114
|
+
path: path,
|
|
115
|
+
newPath: newPath,
|
|
116
|
+
firstPage: pageNumber === 1,
|
|
117
|
+
queryString: queryString
|
|
119
118
|
}) */
|
|
120
119
|
|
|
121
120
|
if (pageview) {
|
|
@@ -9,7 +9,7 @@ import urlFor from './urlFor.js';
|
|
|
9
9
|
import { m as moment } from './moment-bc12cb97.js';
|
|
10
10
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
11
11
|
import { B as BlockContent } from './BlockContent-1e73bd2c.js';
|
|
12
|
-
import { g as getSerializers } from './index-
|
|
12
|
+
import { g as getSerializers } from './index-e3e16b8b.js';
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
15
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
@@ -9427,7 +9427,7 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
|
|
|
9427
9427
|
Tooltip.defaultProps = defaultProps;
|
|
9428
9428
|
Tooltip.displayName = 'Tooltip';
|
|
9429
9429
|
|
|
9430
|
-
var css = ".MediaSeriesCard-module_article__SAFYK {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n width: 100%;\n height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n width: 75%;\n font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n color: #6d6d6d;\n margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n font-size: 1.3rem;\n font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n .MediaSeriesCard-module_article__SAFYK {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .MediaSeriesCard-module_article__SAFYK a {\n flex-direction: column;\n align-items: center;\n }\n .MediaSeriesCard-module_thumb__3jRAU {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .MediaSeriesCard-module_thumb__3jRAU img{\n border-radius: 10px 10px 0 0; \n }\n .MediaSeriesCard-module_thumb__3jRAU figure {\n margin: 0;\n }\n .MediaSeriesCard-module_info__3L7_o {\n width: 90%;\n padding: 0rem !important;\n }\n .MediaSeriesCard-module_info__3L7_o h2 {\n font-size: 1rem;\n }\n .MediaSeriesCard-module_name__2m5KY {\n font-size: 1rem;\n \n }\n}\n";
|
|
9430
|
+
var css = ".MediaSeriesCard-module_article__SAFYK {\r\n width: 100%;\r\n margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n display: flex;\r\n width: 100%;\r\n color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n width: 100%;\r\n height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n width: 75%;\r\n font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n color: #6d6d6d;\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n .MediaSeriesCard-module_article__SAFYK {\r\n margin: 1rem 0;\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n }\r\n .MediaSeriesCard-module_article__SAFYK a {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU {\r\n overflow: hidden;\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU img{\r\n border-radius: 10px 10px 0 0; \r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU figure {\r\n margin: 0;\r\n }\r\n .MediaSeriesCard-module_info__3L7_o {\r\n width: 90%;\r\n padding: 0rem !important;\r\n }\r\n .MediaSeriesCard-module_info__3L7_o h2 {\r\n font-size: 1rem;\r\n }\r\n .MediaSeriesCard-module_name__2m5KY {\r\n font-size: 1rem;\r\n \r\n }\r\n}\r\n";
|
|
9431
9431
|
var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
|
|
9432
9432
|
styleInject(css);
|
|
9433
9433
|
|
|
@@ -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-
|
|
6
|
+
import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-6aab33f7.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-
|
|
12
|
+
import { g as getSerializers } from './index-e3e16b8b.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-
|
|
6
|
+
import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-6aab33f7.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-
|
|
12
|
+
import { g as getSerializers } from './index-e3e16b8b.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,8 +44,7 @@ import './toNumber-5aeba6e7.js';
|
|
|
44
44
|
import './Beam.js';
|
|
45
45
|
import './Segment.js';
|
|
46
46
|
import './ADInfeed-6d1fc6bf.js';
|
|
47
|
-
import './Pagination-
|
|
48
|
-
import 'react-paginate';
|
|
47
|
+
import './Pagination-194dd03f.js';
|
|
49
48
|
import 'react-bootstrap/Button';
|
|
50
49
|
import './index.esm-1bd8a0a8.js';
|
|
51
50
|
import './iconBase-ccc56b97.js';
|
|
@@ -95,11 +94,11 @@ var Filter = function Filter(_ref) {
|
|
|
95
94
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
96
95
|
grandChildData = _useState6[0],
|
|
97
96
|
setGrandChildData = _useState6[1];
|
|
98
|
-
/*
|
|
99
|
-
{parent: showAll,
|
|
100
|
-
chidlren: show selected from parent,
|
|
101
|
-
grandchildren: show selected from children
|
|
102
|
-
}
|
|
97
|
+
/*
|
|
98
|
+
{parent: showAll,
|
|
99
|
+
chidlren: show selected from parent,
|
|
100
|
+
grandchildren: show selected from children
|
|
101
|
+
}
|
|
103
102
|
*/
|
|
104
103
|
|
|
105
104
|
|
package/dist/esm/NavMagazine.js
CHANGED
|
@@ -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
|
package/dist/esm/NavNative.js
CHANGED
|
@@ -300,15 +300,15 @@ function chunk(array, size, guard) {
|
|
|
300
300
|
var chunk_1 = chunk;
|
|
301
301
|
|
|
302
302
|
var NavNative = function NavNative(props) {
|
|
303
|
-
/*
|
|
304
|
-
Example Nav with acceptable props
|
|
305
|
-
<MagazineNav
|
|
306
|
-
showLogin
|
|
307
|
-
logo={props.settings.logo}
|
|
308
|
-
dataObject={props.cache.mainNavCache}
|
|
309
|
-
website={website}
|
|
310
|
-
subNav={props.cache.subNavCache}
|
|
311
|
-
/>
|
|
303
|
+
/*
|
|
304
|
+
Example Nav with acceptable props
|
|
305
|
+
<MagazineNav
|
|
306
|
+
showLogin
|
|
307
|
+
logo={props.settings.logo}
|
|
308
|
+
dataObject={props.cache.mainNavCache}
|
|
309
|
+
website={website}
|
|
310
|
+
subNav={props.cache.subNavCache}
|
|
311
|
+
/>
|
|
312
312
|
*/
|
|
313
313
|
// Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
|
|
314
314
|
var logo = props.logo,
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { c as createCommonjsModule, a as commonjsGlobal, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
3
|
+
import Button from 'react-bootstrap/Button';
|
|
4
|
+
import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-1bd8a0a8.js';
|
|
5
|
+
|
|
6
|
+
var reactPaginate = createCommonjsModule(function (module, exports) {
|
|
7
|
+
!function(e,a){module.exports=a(React__default);}(commonjsGlobal,(function(e){return function(e){var a={};function t(r){if(a[r])return a[r].exports;var n=a[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,t),n.l=!0,n.exports}return t.m=e,t.c=a,t.d=function(e,a,r){t.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:r});},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},t.t=function(e,a){if(1&a&&(e=t(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var n in e)t.d(r,n,function(a){return e[a]}.bind(null,n));return r},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="",t(t.s=4)}([function(e,a,t){e.exports=t(2)();},function(a,t){a.exports=e;},function(e,a,t){var r=t(3);function n(){}function i(){}i.resetWarningCache=n,e.exports=function(){function e(e,a,t,n,i,s){if(s!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,elementType:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:i,resetWarningCache:n};return t.PropTypes=t,t};},function(e,a,t){e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";},function(e,a,t){t.r(a);var r=t(1),n=t.n(r),i=t(0),s=t.n(i);function l(){return (l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var o=function(e){var a=e.pageClassName,t=e.pageLinkClassName,r=e.page,i=e.selected,s=e.activeClassName,o=e.activeLinkClassName,u=e.getEventListener,c=e.pageSelectedHandler,p=e.href,f=e.extraAriaContext,g=e.pageLabelBuilder,d=e.ariaLabel||"Page "+r+(f?" "+f:""),b=null;return i&&(b="page",d=e.ariaLabel||"Page "+r+" is your current page",a=void 0!==a?a+" "+s:s,void 0!==t?void 0!==o&&(t=t+" "+o):t=o),n.a.createElement("li",{className:a},n.a.createElement("a",l({role:"button",className:t,href:p,tabIndex:"0","aria-label":d,"aria-current":b,onKeyPress:c},u(c)),g(r)))};o.propTypes={pageSelectedHandler:s.a.func.isRequired,selected:s.a.bool.isRequired,pageClassName:s.a.string,pageLinkClassName:s.a.string,activeClassName:s.a.string,activeLinkClassName:s.a.string,extraAriaContext:s.a.string,href:s.a.string,ariaLabel:s.a.string,page:s.a.number.isRequired,getEventListener:s.a.func.isRequired,pageLabelBuilder:s.a.func.isRequired};var u=o;function c(){return (c=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var p=function(e){var a=e.breakLabel,t=e.breakClassName,r=e.breakLinkClassName,i=e.breakHandler,s=e.getEventListener,l=t||"break";return n.a.createElement("li",{className:l},n.a.createElement("a",c({className:r,role:"button",tabIndex:"0",onKeyPress:i},s(i)),a))};p.propTypes={breakLabel:s.a.oneOfType([s.a.string,s.a.node]),breakClassName:s.a.string,breakLinkClassName:s.a.string,breakHandler:s.a.func.isRequired,getEventListener:s.a.func.isRequired};var f=p;function g(e){return (g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(){return (d=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}function b(e,a){for(var t=0;t<a.length;t++){var r=a[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r);}}function v(e,a){return (v=Object.setPrototypeOf||function(e,a){return e.__proto__=a,e})(e,a)}function m(e){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return !1}}();return function(){var t,r=C(e);if(a){var n=C(this).constructor;t=Reflect.construct(r,arguments,n);}else t=r.apply(this,arguments);return h(this,t)}}function h(e,a){return !a||"object"!==g(a)&&"function"!=typeof a?y(e):a}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return (C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function P(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}var k=function(e){!function(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),a&&v(e,a);}(s,e);var a,t,i=m(s);function s(e){var a,t;return function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,s),P(y(a=i.call(this,e)),"handlePreviousPage",(function(e){var t=a.state.selected;e.preventDefault?e.preventDefault():e.returnValue=!1,t>0&&a.handlePageSelected(t-1,e);})),P(y(a),"handleNextPage",(function(e){var t=a.state.selected,r=a.props.pageCount;e.preventDefault?e.preventDefault():e.returnValue=!1,t<r-1&&a.handlePageSelected(t+1,e);})),P(y(a),"handlePageSelected",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1,a.state.selected!==e?(a.setState({selected:e}),a.callCallback(e)):a.callActiveCallback(e);})),P(y(a),"getEventListener",(function(e){return P({},a.props.eventListener,e)})),P(y(a),"handleBreakClick",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1;var r=a.state.selected;a.handlePageSelected(r<e?a.getForwardJump():a.getBackwardJump(),t);})),P(y(a),"callCallback",(function(e){void 0!==a.props.onPageChange&&"function"==typeof a.props.onPageChange&&a.props.onPageChange({selected:e});})),P(y(a),"callActiveCallback",(function(e){void 0!==a.props.onPageActive&&"function"==typeof a.props.onPageActive&&a.props.onPageActive({selected:e});})),P(y(a),"pagination",(function(){var e=[],t=a.props,r=t.pageRangeDisplayed,i=t.pageCount,s=t.marginPagesDisplayed,l=t.breakLabel,o=t.breakClassName,u=t.breakLinkClassName,c=a.state.selected;if(i<=r)for(var p=0;p<i;p++)e.push(a.getPageElement(p));else {var g,d,b,v=r/2,m=r-v;c>i-r/2?v=r-(m=i-c):c<r/2&&(m=r-(v=c));var h=function(e){return a.getPageElement(e)};for(g=0;g<i;g++)(d=g+1)<=s||d>i-s||g>=c-v&&g<=c+m?e.push(h(g)):l&&e[e.length-1]!==b&&(b=n.a.createElement(f,{key:g,breakLabel:l,breakClassName:o,breakLinkClassName:u,breakHandler:a.handleBreakClick.bind(null,g),getEventListener:a.getEventListener}),e.push(b));}return e})),t=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,a.state={selected:t},a}return a=s,(t=[{key:"componentDidMount",value:function(){var e=this.props,a=e.initialPage,t=e.disableInitialCallback,r=e.extraAriaContext;void 0===a||t||this.callCallback(a),r&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead.");}},{key:"componentDidUpdate",value:function(e){void 0!==this.props.forcePage&&this.props.forcePage!==e.forcePage&&this.setState({selected:this.props.forcePage});}},{key:"getForwardJump",value:function(){var e=this.state.selected,a=this.props,t=a.pageCount,r=e+a.pageRangeDisplayed;return r>=t?t-1:r}},{key:"getBackwardJump",value:function(){var e=this.state.selected-this.props.pageRangeDisplayed;return e<0?0:e}},{key:"hrefBuilder",value:function(e){var a=this.props,t=a.hrefBuilder,r=a.pageCount;if(t&&e!==this.state.selected&&e>=0&&e<r)return t(e+1)}},{key:"ariaLabelBuilder",value:function(e){var a=e===this.state.selected;if(this.props.ariaLabelBuilder&&e>=0&&e<this.props.pageCount){var t=this.props.ariaLabelBuilder(e+1,a);return this.props.extraAriaContext&&!a&&(t=t+" "+this.props.extraAriaContext),t}}},{key:"getPageElement",value:function(e){var a=this.state.selected,t=this.props,r=t.pageClassName,i=t.pageLinkClassName,s=t.activeClassName,l=t.activeLinkClassName,o=t.extraAriaContext,c=t.pageLabelBuilder;return n.a.createElement(u,{key:e,pageSelectedHandler:this.handlePageSelected.bind(null,e),selected:a===e,pageClassName:r,pageLinkClassName:i,activeClassName:s,activeLinkClassName:l,extraAriaContext:o,href:this.hrefBuilder(e),ariaLabel:this.ariaLabelBuilder(e),page:e+1,pageLabelBuilder:c,getEventListener:this.getEventListener})}},{key:"render",value:function(){var e=this.props,a=e.disabledClassName,t=e.pageCount,r=e.containerClassName,i=e.previousLabel,s=e.previousClassName,l=e.previousLinkClassName,o=e.previousAriaLabel,u=e.prevRel,c=e.nextLabel,p=e.nextClassName,f=e.nextLinkClassName,g=e.nextAriaLabel,b=e.nextRel,v=this.state.selected,m=s+(0===v?" ".concat(a):""),h=p+(v===t-1?" ".concat(a):""),y=0===v?"true":"false",C=v===t-1?"true":"false";return n.a.createElement("ul",{className:r},n.a.createElement("li",{className:m},n.a.createElement("a",d({className:l,href:this.hrefBuilder(v-1),tabIndex:"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":y,"aria-label":o,rel:u},this.getEventListener(this.handlePreviousPage)),i)),this.pagination(),n.a.createElement("li",{className:h},n.a.createElement("a",d({className:f,href:this.hrefBuilder(v+1),tabIndex:"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":C,"aria-label":g,rel:b},this.getEventListener(this.handleNextPage)),c)))}}])&&b(a.prototype,t),s}(r.Component);P(k,"propTypes",{pageCount:s.a.number.isRequired,pageRangeDisplayed:s.a.number.isRequired,marginPagesDisplayed:s.a.number.isRequired,previousLabel:s.a.node,previousAriaLabel:s.a.string,prevRel:s.a.string,nextLabel:s.a.node,nextAriaLabel:s.a.string,nextRel:s.a.string,breakLabel:s.a.oneOfType([s.a.string,s.a.node]),hrefBuilder:s.a.func,onPageChange:s.a.func,onPageActive:s.a.func,initialPage:s.a.number,forcePage:s.a.number,disableInitialCallback:s.a.bool,containerClassName:s.a.string,pageClassName:s.a.string,pageLinkClassName:s.a.string,pageLabelBuilder:s.a.func,activeClassName:s.a.string,activeLinkClassName:s.a.string,previousClassName:s.a.string,nextClassName:s.a.string,previousLinkClassName:s.a.string,nextLinkClassName:s.a.string,disabledClassName:s.a.string,breakClassName:s.a.string,breakLinkClassName:s.a.string,extraAriaContext:s.a.string,ariaLabelBuilder:s.a.func,eventListener:s.a.string}),P(k,"defaultProps",{pageCount:10,pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextRel:"next",breakLabel:"...",disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(e){return e},eventListener:"onClick"});a.default=k;}])}));
|
|
8
|
+
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
var ReactPaginate = unwrapExports(reactPaginate);
|
|
12
|
+
reactPaginate.ReactPaginate;
|
|
13
|
+
|
|
14
|
+
var Pagination = function Pagination(props) {
|
|
15
|
+
var pageCount = props.pageCount,
|
|
16
|
+
_props$marginPagesDis = props.marginPagesDisplayed,
|
|
17
|
+
marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
|
|
18
|
+
_props$pageRangeDispl = props.pageRangeDisplayed,
|
|
19
|
+
pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
|
|
20
|
+
_props$currentPage = props.currentPage,
|
|
21
|
+
currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
|
|
22
|
+
_onPageChange = props.onPageChange,
|
|
23
|
+
_props$needLargePagin = props.needLargePaginateButtons,
|
|
24
|
+
needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
|
|
25
|
+
|
|
26
|
+
if (!pageCount || pageCount <= 1) return null;
|
|
27
|
+
return React__default.createElement(
|
|
28
|
+
React__default.Fragment,
|
|
29
|
+
null,
|
|
30
|
+
needLargePaginateButtons && React__default.createElement(
|
|
31
|
+
'div',
|
|
32
|
+
{ className: 'pagination-lg-btn-nxt' },
|
|
33
|
+
React__default.createElement(
|
|
34
|
+
Button,
|
|
35
|
+
{
|
|
36
|
+
onClick: function onClick(e) {
|
|
37
|
+
e.preventDefault();
|
|
38
|
+
_onPageChange(currentPage + 1);
|
|
39
|
+
},
|
|
40
|
+
disabled: currentPage === pageCount,
|
|
41
|
+
href: '?page=' + (currentPage + 1) },
|
|
42
|
+
'NEXT PAGE',
|
|
43
|
+
React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
|
|
44
|
+
)
|
|
45
|
+
),
|
|
46
|
+
React__default.createElement(ReactPaginate, {
|
|
47
|
+
pageCount: pageCount,
|
|
48
|
+
marginPagesDisplayed: marginPagesDisplayed,
|
|
49
|
+
pageRangeDisplayed: pageRangeDisplayed,
|
|
50
|
+
forcePage: currentPage - 1,
|
|
51
|
+
onPageChange: function onPageChange(_ref) {
|
|
52
|
+
var selected = _ref.selected;
|
|
53
|
+
return _onPageChange(selected + 1);
|
|
54
|
+
},
|
|
55
|
+
hrefBuilder: function hrefBuilder(page) {
|
|
56
|
+
return '?page=' + page;
|
|
57
|
+
},
|
|
58
|
+
previousLabel: '<',
|
|
59
|
+
nextLabel: '>',
|
|
60
|
+
containerClassName: 'pagination-container',
|
|
61
|
+
previousLinkClassName: 'previous',
|
|
62
|
+
nextLinkClassName: 'next',
|
|
63
|
+
disabledClassName: 'disabled',
|
|
64
|
+
activeClassName: 'active'
|
|
65
|
+
}),
|
|
66
|
+
needLargePaginateButtons && React__default.createElement(
|
|
67
|
+
'div',
|
|
68
|
+
{ className: 'pagination-lg-btn-prv' },
|
|
69
|
+
React__default.createElement(
|
|
70
|
+
Button,
|
|
71
|
+
{
|
|
72
|
+
onClick: function onClick(e) {
|
|
73
|
+
e.preventDefault();
|
|
74
|
+
_onPageChange(currentPage - 1);
|
|
75
|
+
},
|
|
76
|
+
disabled: currentPage === 1,
|
|
77
|
+
href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
|
|
78
|
+
React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
|
|
79
|
+
'PREVIOUS PAGE'
|
|
80
|
+
)
|
|
81
|
+
),
|
|
82
|
+
React__default.createElement(
|
|
83
|
+
'style',
|
|
84
|
+
{ jsx: 'true' },
|
|
85
|
+
'\n .pagination-container {\n list-style: none;\n padding: 10px 0;\n margin: 0;\n display: flex;\n overflow: auto;\n }\n .pagination-container::before,\n .pagination-container::after {\n content: \'\';\n margin: 0 auto;\n }\n .pagination-container a {\n padding: 10px;\n border: 1px solid #dee2e6;\n }\n .pagination-container a:hover {\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6;\n }\n .pagination-container .active a {\n color: #fff;\n background-color: #666;\n background-color: var(--primary);\n }\n .pagination-container li:first-child a {\n border-radius: 5px 0 0 5px;\n }\n .pagination-container li:last-child a {\n border-radius: 0 5px 5px 0;\n }\n .pagination-container .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 '
|
|
86
|
+
)
|
|
87
|
+
);
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
export { Pagination as P };
|
|
@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
|
|
|
11
11
|
import Breadcrumbs from './Breadcrumbs.js';
|
|
12
12
|
import Feature from './Feature.js';
|
|
13
13
|
import urlFor from './urlFor.js';
|
|
14
|
-
import { g as getSerializers } from './index-
|
|
14
|
+
import { g as getSerializers } from './index-e3e16b8b.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-
|
|
14
|
+
import { g as getSerializers } from './index-e3e16b8b.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,8 +44,7 @@ import './AuthorComponent-11adff02.js';
|
|
|
44
44
|
import './ADlgInfeed-dc36c928.js';
|
|
45
45
|
import './getContentCategory-15dcc413.js';
|
|
46
46
|
import './timeDifferenceCalc.js';
|
|
47
|
-
import './Pagination-
|
|
48
|
-
import 'react-paginate';
|
|
47
|
+
import './Pagination-194dd03f.js';
|
|
49
48
|
import 'react-bootstrap/Button';
|
|
50
49
|
import './index.esm-1bd8a0a8.js';
|
|
51
50
|
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-
|
|
20
|
+
import { P as Pagination } from './Pagination-194dd03f.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,7 +36,6 @@ import './Beam.js';
|
|
|
36
36
|
import './stringify-2b084bee.js';
|
|
37
37
|
import './Segment.js';
|
|
38
38
|
import './index-3f5c03b2.js';
|
|
39
|
-
import 'react-paginate';
|
|
40
39
|
import 'react-bootstrap/Button';
|
|
41
40
|
import './index.esm-1bd8a0a8.js';
|
|
42
41
|
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,
|