@mjhls/mjh-framework 1.0.799-ad-initial-load-disabled → 1.0.799-social-share-flag
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 +170 -170
- package/dist/cjs/AD300x250.js +1 -1
- package/dist/cjs/AD300x250x600.js +1 -1
- package/dist/cjs/AD728x90.js +1 -1
- package/dist/cjs/ADFloatingFooter.js +1 -1
- package/dist/cjs/ADGutter.js +1 -1
- package/dist/cjs/ADSkyscraper.js +1 -1
- package/dist/cjs/ADSponsoredResources.js +1 -1
- package/dist/cjs/ADWebcast.js +1 -1
- package/dist/cjs/ADWelcome.js +1 -1
- package/dist/cjs/AccordionPanel.js +2 -2
- package/dist/cjs/AdSlot.js +1 -2
- package/dist/cjs/AdSlotsProvider.js +1 -1
- package/dist/cjs/ArticleCarousel.js +1 -1
- package/dist/cjs/ArticleProgramLandingPage.js +4 -4
- package/dist/cjs/ArticleSeriesLandingPage.js +3 -3
- package/dist/cjs/ArticleSeriesListing.js +3 -3
- package/dist/cjs/CMEDeck.js +1 -1
- package/dist/cjs/Column3.js +1 -1
- package/dist/cjs/ConferenceArticleCard.js +15 -15
- package/dist/cjs/DeckContent.js +10 -10
- package/dist/cjs/DeckQueue.js +1 -1
- package/dist/cjs/EventsDeck.js +18 -18
- package/dist/cjs/ExternalResources.js +4 -4
- package/dist/cjs/Feature.js +1 -1
- package/dist/cjs/GridContent.js +3 -3
- package/dist/cjs/HamMagazine.js +15 -15
- package/dist/cjs/HorizontalArticleListing.js +4 -4
- package/dist/cjs/HorizontalHero.js +2 -2
- package/dist/cjs/IssueLanding.js +32 -32
- package/dist/cjs/KMTracker.js +15 -15
- package/dist/cjs/LeftNav.js +1 -1
- package/dist/cjs/MasterDeck.js +11 -11
- package/dist/cjs/MediaSeriesLanding.js +12 -23
- package/dist/cjs/NavMagazine.js +16 -16
- package/dist/cjs/NavNative.js +12 -12
- package/dist/cjs/NavNormal.js +2 -2
- package/dist/cjs/OncliveHero.js +1 -1
- package/dist/cjs/PartnerDetailListing.js +6 -6
- package/dist/cjs/PdfDownload.js +2 -2
- package/dist/cjs/PubSection.js +3 -3
- package/dist/cjs/PublicationLanding.js +29 -29
- package/dist/cjs/QueueDeckExpanded.js +3 -3
- package/dist/cjs/RecentNews.js +2 -2
- package/dist/cjs/RelatedContent.js +28 -28
- package/dist/cjs/RelatedTopicsDropdown.js +10 -10
- package/dist/cjs/SeriesListingDeck.js +2 -2
- package/dist/cjs/{SeriesSlider-2db54929.js → SeriesSlider-c022ce04.js} +5 -5
- package/dist/cjs/SideFooter.js +2 -2
- package/dist/cjs/{SocialSearchComponent-9cb50ae4.js → SocialSearchComponent-31afe61f.js} +3 -3
- package/dist/cjs/SocialShare.js +6 -3
- package/dist/cjs/TaxonomyDescription.js +4 -4
- package/dist/cjs/TemplateNormal.js +6 -6
- package/dist/cjs/Ustream.js +4 -4
- package/dist/cjs/VideoProgramLandingPage.js +4 -4
- package/dist/cjs/VideoSeriesCard.js +1 -1
- package/dist/cjs/VideoSeriesLandingPage.js +3 -3
- package/dist/cjs/VideoSeriesListing.js +3 -3
- package/dist/cjs/View.js +11 -9
- package/dist/cjs/YoutubeGroup.js +5 -5
- package/dist/cjs/getSerializers.js +4 -4
- package/dist/cjs/{getTargeting-a100d6e5.js → getTargeting-be6168ad.js} +9 -9
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/{esm/iconBase-ccc56b97.js → cjs/iconBase-68959171.js} +5 -2
- package/dist/cjs/{index-b310b11f.js → index-59b791eb.js} +2 -2
- package/dist/cjs/{index.esm-f27f80d9.js → index.esm-05850a2f.js} +1 -1
- package/dist/cjs/{index.esm-9225638f.js → index.esm-3b9b8952.js} +1 -1
- package/dist/cjs/{index.esm-2bb721c8.js → index.esm-8123cf40.js} +1 -1
- package/dist/cjs/{index.esm-00a6aade.js → index.esm-974f47d9.js} +1 -1
- package/dist/cjs/index.js +12 -12
- package/dist/cjs/{main-f1c77adb.js → main-025fdc78.js} +3 -3
- package/dist/esm/AD.js +7 -7
- package/dist/esm/AD300x250.js +6 -6
- package/dist/esm/AD300x250x600.js +6 -6
- package/dist/esm/AD728x90.js +7 -7
- package/dist/esm/ADFloatingFooter.js +9 -9
- package/dist/esm/ADFooter.js +6 -6
- package/dist/esm/ADGutter.js +9 -9
- package/dist/esm/{ADInfeed-8e1143df.js → ADInfeed-e1e18f87.js} +5 -5
- package/dist/esm/ADSkyscraper.js +9 -9
- package/dist/esm/ADSponsoredResources.js +9 -9
- package/dist/esm/ADWebcast.js +9 -9
- package/dist/esm/ADWelcome.js +13 -13
- package/dist/esm/{ADlgInfeed-dbaf7c64.js → ADlgInfeed-c6d2831b.js} +4 -4
- package/dist/esm/AccordionPanel.js +18 -18
- package/dist/esm/AdSlot.js +5 -6
- package/dist/esm/AdSlotsProvider.js +4 -4
- package/dist/esm/AlphabeticList.js +13 -13
- package/dist/esm/ArticleCarousel.js +6 -6
- package/dist/esm/ArticleProgramLandingPage.js +17 -17
- package/dist/esm/ArticleSeriesLandingPage.js +12 -12
- package/dist/esm/ArticleSeriesListing.js +31 -31
- package/dist/esm/Auth.js +70 -70
- package/dist/esm/{AuthorComponent-30aeba69.js → AuthorComponent-5ae7409f.js} +10 -10
- package/dist/esm/{BlockContent-c99c9a8d.js → BlockContent-52cf21c5.js} +3 -3
- package/dist/esm/Breadcrumbs.js +11 -11
- package/dist/esm/CMEDeck.js +61 -61
- package/dist/esm/Column1.js +5 -5
- package/dist/esm/Column2.js +12 -12
- package/dist/esm/Column3.js +23 -23
- package/dist/esm/ConferenceArticleCard.js +28 -28
- package/dist/esm/{ConferenceBanner-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
- package/dist/esm/DeckContent.js +57 -57
- package/dist/esm/DeckQueue.js +42 -42
- package/dist/esm/{Dfp-be030f2a.js → Dfp-a304d96c.js} +10 -10
- package/dist/esm/EventsDeck.js +81 -81
- package/dist/esm/ExternalResources.js +35 -35
- package/dist/esm/Feature.js +15 -15
- package/dist/esm/ForbesHero.js +26 -26
- package/dist/esm/GridContent.js +103 -103
- package/dist/esm/GridHero.js +27 -27
- package/dist/esm/GroupDeck.js +34 -34
- package/dist/esm/HamMagazine.js +95 -95
- package/dist/esm/Header.js +8 -8
- package/dist/esm/Hero.js +6 -6
- package/dist/esm/HighlightenVideo.js +14 -14
- package/dist/esm/HorizontalArticleListing.js +31 -31
- package/dist/esm/HorizontalHero.js +20 -20
- package/dist/esm/IssueContentDeck.js +39 -39
- package/dist/esm/IssueDeck.js +33 -33
- package/dist/esm/IssueLanding.js +42 -42
- package/dist/esm/KMTracker.js +15 -15
- package/dist/esm/LeftNav.js +16 -16
- package/dist/esm/MasterDeck.js +46 -46
- package/dist/esm/MediaSeriesLanding.js +328 -339
- package/dist/esm/NavDvm.js +43 -43
- package/dist/esm/{NavFooter-e27bd93b.js → NavFooter-c29526b7.js} +12 -12
- package/dist/esm/NavMagazine.js +99 -99
- package/dist/esm/NavNative.js +86 -86
- package/dist/esm/NavNormal.js +22 -22
- package/dist/esm/OncliveHero.js +13 -13
- package/dist/esm/OncliveLargeHero.js +50 -50
- package/dist/esm/PageFilter.js +6 -6
- package/dist/esm/PartnerDetailListing.js +62 -62
- package/dist/esm/PdfDownload.js +7 -7
- package/dist/esm/PopUpModal.js +8 -8
- package/dist/esm/PubSection.js +14 -14
- package/dist/esm/PubToc.js +5 -5
- package/dist/esm/PublicationDeck.js +33 -33
- package/dist/esm/PublicationLanding.js +78 -78
- package/dist/esm/QueueDeckExpanded.js +246 -246
- package/dist/esm/RecentNews.js +18 -18
- package/dist/esm/RelatedContent.js +43 -43
- package/dist/esm/RelatedTopicsDropdown.js +21 -21
- package/dist/esm/RolesDeck.js +13 -13
- package/dist/esm/Search.js +5 -5
- package/dist/esm/SeriesListingDeck.js +19 -19
- package/dist/esm/{SeriesSlider-c8477bf3.js → SeriesSlider-8414085b.js} +23 -23
- package/dist/esm/SideFooter.js +21 -21
- package/dist/esm/SocialIcons.js +7 -7
- package/dist/esm/{SocialSearchComponent-09775683.js → SocialSearchComponent-116b1d5d.js} +22 -22
- package/dist/esm/SocialShare.js +30 -27
- package/dist/esm/TaxonomyCard.js +35 -35
- package/dist/esm/TaxonomyDescription.js +13 -13
- package/dist/esm/TemplateNormal.js +30 -30
- package/dist/esm/ThumbnailCard.js +9 -9
- package/dist/esm/Ustream.js +18 -18
- package/dist/esm/VerticalHero.js +11 -11
- package/dist/esm/VideoProgramLandingPage.js +24 -24
- package/dist/esm/VideoSeriesCard.js +15 -15
- package/dist/esm/VideoSeriesFilter.js +6 -6
- package/dist/esm/VideoSeriesLandingPage.js +12 -12
- package/dist/esm/VideoSeriesListing.js +47 -47
- package/dist/esm/View.js +173 -171
- package/dist/esm/YahooHero.js +23 -23
- package/dist/esm/YoutubeGroup.js +32 -32
- package/dist/esm/{brightcove-react-player-loader.es-57a70a56.js → brightcove-react-player-loader.es-b43c695a.js} +3 -3
- package/dist/esm/getSerializers.js +8 -8
- package/dist/esm/{getTargeting-05c216d6.js → getTargeting-68291ce9.js} +9 -9
- package/dist/esm/getTargeting.js +1 -1
- package/dist/{cjs/iconBase-be4097c0.js → esm/iconBase-602d52fe.js} +8 -33
- package/dist/esm/{index-755f2cc2.js → index-35bdcc81.js} +4 -4
- package/dist/esm/{index-d0ce5597.js → index-68283a6a.js} +338 -338
- package/dist/esm/{index-5cc7b406.js → index-888f9253.js} +3 -3
- package/dist/esm/{index.es-a6137319.js → index.es-c6222053.js} +5 -5
- package/dist/esm/{index.esm-f6156a57.js → index.esm-3fdda599.js} +1 -1
- package/dist/esm/{index.esm-37268dca.js → index.esm-8016b507.js} +16 -16
- package/dist/esm/{index.esm-d4932dea.js → index.esm-a8ff922c.js} +1 -1
- package/dist/esm/{index.esm-e874e770.js → index.esm-d6f88d94.js} +1 -1
- package/dist/esm/index.js +38 -38
- package/dist/esm/{main-d4165069.js → main-b5c5aac1.js} +19 -19
- package/dist/esm/{react-social-icons-9be47857.js → react-social-icons-91f9716f.js} +5 -5
- package/dist/esm/{visibility-sensor-72fd8f8b.js → visibility-sensor-f40c2564.js} +2 -2
- package/package.json +108 -108
- /package/dist/cjs/{ADInfeed-484d6d01.js → ADInfeed-e7aecdf9.js} +0 -0
- /package/dist/cjs/{ADlgInfeed-560406f8.js → ADlgInfeed-0941023e.js} +0 -0
package/dist/esm/Column3.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useRef, useEffect } from 'react';
|
|
2
2
|
import ADSponsoredResources from './ADSponsoredResources.js';
|
|
3
3
|
import Row from 'react-bootstrap/Row';
|
|
4
4
|
import Col from 'react-bootstrap/Col';
|
|
5
5
|
import LeftNav from './LeftNav.js';
|
|
6
6
|
import SideFooter from './SideFooter.js';
|
|
7
|
-
import { C as ConferenceBanner } from './ConferenceBanner-
|
|
7
|
+
import { C as ConferenceBanner } from './ConferenceBanner-9162d0ca.js';
|
|
8
8
|
import PageFilter from './PageFilter.js';
|
|
9
|
-
import { m as main_43 } from './main-
|
|
9
|
+
import { m as main_43 } from './main-b5c5aac1.js';
|
|
10
10
|
import './slicedToArray-be2f7a22.js';
|
|
11
11
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
12
12
|
import './web.dom.iterable-4109ff68.js';
|
|
@@ -17,7 +17,7 @@ import './AdSlot.js';
|
|
|
17
17
|
import './extends-60e0e1c6.js';
|
|
18
18
|
import './_object-pie-133f504a.js';
|
|
19
19
|
import 'prop-types';
|
|
20
|
-
import './index-
|
|
20
|
+
import './index-888f9253.js';
|
|
21
21
|
import './debounce-533d9748.js';
|
|
22
22
|
import './isSymbol-a7e9aafe.js';
|
|
23
23
|
import './toNumber-5aeba6e7.js';
|
|
@@ -31,7 +31,7 @@ import 'react-bootstrap/ListGroup';
|
|
|
31
31
|
import './ADWebcast.js';
|
|
32
32
|
import './defineProperty-f5ff6f5a.js';
|
|
33
33
|
import './define-property-fe54dc9f.js';
|
|
34
|
-
import './react-social-icons-
|
|
34
|
+
import './react-social-icons-91f9716f.js';
|
|
35
35
|
import './get-3c308da4.js';
|
|
36
36
|
import './eq-bdcbf886.js';
|
|
37
37
|
import 'react-bootstrap';
|
|
@@ -70,62 +70,62 @@ var Column3 = function Column3(props) {
|
|
|
70
70
|
}
|
|
71
71
|
}, []);
|
|
72
72
|
|
|
73
|
-
return
|
|
73
|
+
return React.createElement(
|
|
74
74
|
'section',
|
|
75
75
|
null,
|
|
76
|
-
|
|
76
|
+
React.createElement(
|
|
77
77
|
Row,
|
|
78
78
|
{ className: 'justify-content-md-center' },
|
|
79
|
-
|
|
79
|
+
React.createElement(
|
|
80
80
|
Col,
|
|
81
81
|
{ md: true, className: 'leftCol', style: { width: '200px' } },
|
|
82
|
-
|
|
83
|
-
website && website.sponsoredAd &&
|
|
84
|
-
website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide &&
|
|
82
|
+
React.createElement(LeftNav, { leftItems: leftItems }),
|
|
83
|
+
website && website.sponsoredAd && React.createElement(ADSponsoredResources, { sponsoredAd: website.sponsoredAd }),
|
|
84
|
+
website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
|
|
85
85
|
),
|
|
86
|
-
|
|
86
|
+
React.createElement(
|
|
87
87
|
Col,
|
|
88
88
|
{ md: true, className: 'middleCol', style: { maxWidth: '640px', marginTop: !title && '10px' } },
|
|
89
|
-
showFilter ?
|
|
89
|
+
showFilter ? React.createElement(
|
|
90
90
|
'div',
|
|
91
91
|
{ className: 'title-wrap' },
|
|
92
|
-
|
|
92
|
+
React.createElement(
|
|
93
93
|
'h1',
|
|
94
94
|
{ className: 'title' },
|
|
95
95
|
title
|
|
96
96
|
),
|
|
97
|
-
|
|
97
|
+
React.createElement(
|
|
98
98
|
'div',
|
|
99
99
|
{ className: 'filter-box' },
|
|
100
|
-
|
|
100
|
+
React.createElement(PageFilter, { getParams: getParams, filters: filters, defaultFilter: defaultFilter })
|
|
101
101
|
)
|
|
102
|
-
) : title &&
|
|
102
|
+
) : title && React.createElement(
|
|
103
103
|
'h1',
|
|
104
104
|
{ className: 'title' },
|
|
105
105
|
title
|
|
106
106
|
),
|
|
107
107
|
props.children
|
|
108
108
|
),
|
|
109
|
-
|
|
109
|
+
React.createElement(
|
|
110
110
|
'style',
|
|
111
111
|
{ jsx: 'true' },
|
|
112
112
|
'\n .filter-box {\n float: right;\n padding-top: 6px;\n padding-right: 18px;\n }\n @media only screen and (min-width: 768px) {\n .title-wrap {\n display: flex;\n justify-content: space-between;\n }\n }\n @media only screen and (max-width: 767px) {\n /* .filter-box {\n float: right;\n display: flex;\n justify-content: flex-end;\n } */\n .title-wrap {\n display: flex;\n flex-direction: column;\n margin-bottom: 10px;\n }\n }\n '
|
|
113
113
|
),
|
|
114
|
-
(!main_43 || showRightAd) &&
|
|
114
|
+
(!main_43 || showRightAd) && React.createElement(
|
|
115
115
|
Col,
|
|
116
116
|
{ xs: 12, className: 'rightCol' },
|
|
117
|
-
website && website.conferenceBannerContent &&
|
|
118
|
-
|
|
117
|
+
website && website.conferenceBannerContent && React.createElement(ConferenceBanner, { website: website }),
|
|
118
|
+
React.createElement(
|
|
119
119
|
'div',
|
|
120
120
|
{ ref: adRef },
|
|
121
121
|
rightItems && rightItems.map(function (row, index) {
|
|
122
|
-
return
|
|
122
|
+
return React.createElement(
|
|
123
123
|
'div',
|
|
124
124
|
{ key: index },
|
|
125
125
|
row.component
|
|
126
126
|
);
|
|
127
127
|
}),
|
|
128
|
-
website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide &&
|
|
128
|
+
website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
|
|
129
129
|
)
|
|
130
130
|
)
|
|
131
131
|
)
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { m as moment } from './moment-bc12cb97.js';
|
|
3
3
|
import { i as imageUrlBuilder } from './index-0dbff1d1.js';
|
|
4
4
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
5
5
|
|
|
6
|
-
/*
|
|
7
|
-
Example usage - targetedonc.com/latest-conference
|
|
8
|
-
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] {
|
|
9
|
-
...,
|
|
10
|
-
title,
|
|
11
|
-
summary,
|
|
12
|
-
thumbnail,
|
|
13
|
-
url,
|
|
14
|
-
published,
|
|
15
|
-
documentGroup->,
|
|
16
|
-
contentCategory->,
|
|
17
|
-
'pageNumber': ${currentPage}
|
|
18
|
-
}`
|
|
19
|
-
|
|
20
|
-
const posts = await client.fetch(query, params)
|
|
6
|
+
/*
|
|
7
|
+
Example usage - targetedonc.com/latest-conference
|
|
8
|
+
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] {
|
|
9
|
+
...,
|
|
10
|
+
title,
|
|
11
|
+
summary,
|
|
12
|
+
thumbnail,
|
|
13
|
+
url,
|
|
14
|
+
published,
|
|
15
|
+
documentGroup->,
|
|
16
|
+
contentCategory->,
|
|
17
|
+
'pageNumber': ${currentPage}
|
|
18
|
+
}`
|
|
19
|
+
|
|
20
|
+
const posts = await client.fetch(query, params)
|
|
21
21
|
*/
|
|
22
22
|
|
|
23
23
|
var ConferenceArticleCard = function ConferenceArticleCard(props) {
|
|
@@ -34,51 +34,51 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
// title, thumbnail, summary, published, documentGroup.identifier.current, documentGroup.identifier.name
|
|
37
|
-
return
|
|
37
|
+
return React.createElement(
|
|
38
38
|
'div',
|
|
39
39
|
{ className: 'conference-media' },
|
|
40
|
-
|
|
40
|
+
React.createElement(
|
|
41
41
|
'a',
|
|
42
42
|
{ className: 'img-wrapper', href: '/view/' + (data.url ? data.url.current : '') },
|
|
43
|
-
|
|
43
|
+
React.createElement('img', {
|
|
44
44
|
className: 'mr-3 img-fluid',
|
|
45
45
|
src: data.thumbnail && urlFor(data.thumbnail.asset).width(350).url(),
|
|
46
46
|
alt: data.title
|
|
47
47
|
})
|
|
48
48
|
),
|
|
49
|
-
|
|
49
|
+
React.createElement(
|
|
50
50
|
'div',
|
|
51
51
|
{ className: 'media-body' },
|
|
52
|
-
|
|
52
|
+
React.createElement(
|
|
53
53
|
'a',
|
|
54
54
|
{ href: '/view/' + (data.url ? data.url.current : '') },
|
|
55
|
-
|
|
55
|
+
React.createElement(
|
|
56
56
|
'h4',
|
|
57
57
|
{ className: 'conf-media__card-title' },
|
|
58
58
|
data.title
|
|
59
59
|
)
|
|
60
60
|
),
|
|
61
|
-
|
|
61
|
+
React.createElement(
|
|
62
62
|
'p',
|
|
63
63
|
{ className: 'conf-media__card-text' },
|
|
64
64
|
moment(data.published).format('MMMM Do YYYY, h:mma')
|
|
65
65
|
),
|
|
66
|
-
|
|
66
|
+
React.createElement(
|
|
67
67
|
'p',
|
|
68
68
|
{ className: 'mb-1 conference-group' },
|
|
69
|
-
data.documentGroup && data.documentGroup.identifier && (data.documentGroup.identifier.current.includes('/') ?
|
|
69
|
+
data.documentGroup && data.documentGroup.identifier && (data.documentGroup.identifier.current.includes('/') ? React.createElement(
|
|
70
70
|
'a',
|
|
71
71
|
{ href: '/' + data.documentGroup.identifier.current, alt: data.thumbnail && data.thumbnail.alt || data.title },
|
|
72
72
|
data.documentGroup.name
|
|
73
|
-
) :
|
|
73
|
+
) : React.createElement(
|
|
74
74
|
'a',
|
|
75
75
|
{ href: '/conference/' + data.documentGroup.identifier.current, alt: data.thumbnail && data.thumbnail.alt || data.title },
|
|
76
76
|
data.documentGroup.name
|
|
77
77
|
))
|
|
78
78
|
),
|
|
79
|
-
|
|
79
|
+
React.createElement('p', { className: 'pt-2 card-text', dangerouslySetInnerHTML: { __html: data.summary } })
|
|
80
80
|
),
|
|
81
|
-
|
|
81
|
+
React.createElement(
|
|
82
82
|
'style',
|
|
83
83
|
{ jsx: 'true' },
|
|
84
84
|
'\n .conference-media {\n display: flex;\n flex-direction: row;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid #ddd;\n }\n .conf-media__card-title {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.5rem;\n font-size: 1.5rem;\n }\n .conf-media__card-text {\n color: var(--dark);\n margin-bottom: 0.25rem;\n }\n .conference-media a img {\n width: 175px;\n min-width: 175px;\n height: auto;\n object-fit: contain;\n }\n .conference-media .conference-group {\n background: #003767;\n color: white;\n border-radius: 5px;\n display: inline-block;\n padding: 0 0.25rem;\n }\n .conference-media .conference-group a {\n color: white;\n font-size: 0.8rem;\n }\n @media screen and (max-width: 1064px) {\n .conf-media__card-title {\n font-size: 1.1rem;\n }\n }\n @media screen and (max-width: 768px) {\n .conference-media {\n flex-direction: column;\n }\n .conference-media a img {\n width: 100%;\n height: auto;\n max-height: 175px;\n object-fit: contain;\n margin-bottom: 1rem;\n }\n }\n '
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
|
|
3
3
|
var ConferenceBanner = function ConferenceBanner(props) {
|
|
4
4
|
var website = props.website;
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
return
|
|
7
|
+
return React.createElement(
|
|
8
8
|
"div",
|
|
9
9
|
{ className: "conf-img" },
|
|
10
|
-
|
|
10
|
+
React.createElement(
|
|
11
11
|
"a",
|
|
12
12
|
{ href: website.conferenceBannerContent.href },
|
|
13
|
-
|
|
13
|
+
React.createElement("img", { src: website.conferenceBannerContent.src, alt: website.conferenceBannerContent.alt })
|
|
14
14
|
)
|
|
15
15
|
);
|
|
16
16
|
};
|
package/dist/esm/DeckContent.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
|
|
2
2
|
import { _ as _extends } from './extends-60e0e1c6.js';
|
|
3
3
|
import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-a41fe93f.js';
|
|
4
|
-
import
|
|
5
|
-
import { l as lib_3 } from './index-
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { l as lib_3 } from './index-888f9253.js';
|
|
6
6
|
import Container from 'react-bootstrap/Container';
|
|
7
7
|
import Row from 'react-bootstrap/Row';
|
|
8
8
|
import Col from 'react-bootstrap/Col';
|
|
@@ -10,13 +10,13 @@ import Card from 'react-bootstrap/Card';
|
|
|
10
10
|
import { m as moment } from './moment-bc12cb97.js';
|
|
11
11
|
import { withRouter } from 'next/router';
|
|
12
12
|
import { d as debounce_1 } from './debounce-533d9748.js';
|
|
13
|
-
import { I as InfiniteScroll } from './index.es-
|
|
14
|
-
import { V as VisibilitySensor } from './visibility-sensor-
|
|
13
|
+
import { I as InfiniteScroll } from './index.es-c6222053.js';
|
|
14
|
+
import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
|
|
15
15
|
import { i as imageUrlBuilder } from './index-0dbff1d1.js';
|
|
16
|
-
import { L as LazyLoad } from './index-
|
|
17
|
-
import { m as main_43 } from './main-
|
|
16
|
+
import { L as LazyLoad } from './index-35bdcc81.js';
|
|
17
|
+
import { m as main_43 } from './main-b5c5aac1.js';
|
|
18
18
|
import { c as clean_html_1 } from './entities-932b50cf.js';
|
|
19
|
-
import { A as ADInfeed } from './ADInfeed-
|
|
19
|
+
import { A as ADInfeed } from './ADInfeed-e1e18f87.js';
|
|
20
20
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
21
21
|
import './es6.string.iterator-bc33758b.js';
|
|
22
22
|
import './_to-object-b50e61c3.js';
|
|
@@ -179,14 +179,14 @@ var DeckContent = function (_React$Component) {
|
|
|
179
179
|
var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
|
|
180
180
|
|
|
181
181
|
// please leave this for later debug purpose : Yong Jun.
|
|
182
|
-
/* console.log('page change reported', {
|
|
183
|
-
currentPage: currentPage,
|
|
184
|
-
pageNumber: pageNumber,
|
|
185
|
-
pathname: pathname,
|
|
186
|
-
path: path,
|
|
187
|
-
newPath: newPath,
|
|
188
|
-
firstPage: pageNumber === 1,
|
|
189
|
-
queryString: queryString
|
|
182
|
+
/* console.log('page change reported', {
|
|
183
|
+
currentPage: currentPage,
|
|
184
|
+
pageNumber: pageNumber,
|
|
185
|
+
pathname: pathname,
|
|
186
|
+
path: path,
|
|
187
|
+
newPath: newPath,
|
|
188
|
+
firstPage: pageNumber === 1,
|
|
189
|
+
queryString: queryString
|
|
190
190
|
}) */
|
|
191
191
|
|
|
192
192
|
if (pageview) {
|
|
@@ -206,35 +206,35 @@ var DeckContent = function (_React$Component) {
|
|
|
206
206
|
url = authorDetail.url;
|
|
207
207
|
|
|
208
208
|
if (displayName && url && url.current) {
|
|
209
|
-
return
|
|
209
|
+
return React.createElement(
|
|
210
210
|
'div',
|
|
211
211
|
{ key: _id },
|
|
212
|
-
index === 0 &&
|
|
212
|
+
index === 0 && React.createElement(
|
|
213
213
|
'span',
|
|
214
214
|
{ className: 'pr-1' },
|
|
215
215
|
'By'
|
|
216
216
|
),
|
|
217
|
-
|
|
217
|
+
React.createElement(
|
|
218
218
|
'a',
|
|
219
219
|
{ href: '/authors/${url.current}', className: 'text-muted' },
|
|
220
220
|
displayName,
|
|
221
|
-
length !== index + 1 &&
|
|
221
|
+
length !== index + 1 && React.createElement('br', null)
|
|
222
222
|
)
|
|
223
223
|
);
|
|
224
224
|
} else if (displayName) {
|
|
225
|
-
return
|
|
225
|
+
return React.createElement(
|
|
226
226
|
'div',
|
|
227
227
|
{ key: _id },
|
|
228
|
-
index === 0 &&
|
|
228
|
+
index === 0 && React.createElement(
|
|
229
229
|
'span',
|
|
230
230
|
{ className: 'pr-1' },
|
|
231
231
|
'By'
|
|
232
232
|
),
|
|
233
|
-
|
|
233
|
+
React.createElement(
|
|
234
234
|
'span',
|
|
235
235
|
{ className: 'text-muted' },
|
|
236
236
|
displayName,
|
|
237
|
-
length !== index + 1 &&
|
|
237
|
+
length !== index + 1 && React.createElement('br', null)
|
|
238
238
|
)
|
|
239
239
|
);
|
|
240
240
|
}
|
|
@@ -278,7 +278,7 @@ var DeckContent = function (_React$Component) {
|
|
|
278
278
|
articles = _this.state.data;
|
|
279
279
|
}
|
|
280
280
|
|
|
281
|
-
return
|
|
281
|
+
return React.createElement(
|
|
282
282
|
Row,
|
|
283
283
|
null,
|
|
284
284
|
articles && articles.map(function (row, index) {
|
|
@@ -290,51 +290,51 @@ var DeckContent = function (_React$Component) {
|
|
|
290
290
|
lgVar = 6;
|
|
291
291
|
}
|
|
292
292
|
if (row._type === 'BrandInsight' && row.adUnit) {
|
|
293
|
-
return
|
|
293
|
+
return React.createElement(ADInfeed, { index: index, infeedAd: row });
|
|
294
294
|
} else {
|
|
295
295
|
var pageNumber = row.pageNumber || _this.state.page;
|
|
296
296
|
var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
|
|
297
|
-
return
|
|
298
|
-
|
|
297
|
+
return React.createElement(
|
|
298
|
+
React.Fragment,
|
|
299
299
|
{ key: itemCounter },
|
|
300
|
-
|
|
300
|
+
React.createElement(
|
|
301
301
|
VisibilitySensor,
|
|
302
302
|
{
|
|
303
303
|
onChange: function onChange(isVisible) {
|
|
304
304
|
isVisible && _this.changePageNumber(pageNumber);
|
|
305
305
|
} },
|
|
306
|
-
|
|
306
|
+
React.createElement(
|
|
307
307
|
Col,
|
|
308
308
|
{ md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
|
|
309
|
-
|
|
309
|
+
React.createElement(
|
|
310
310
|
Card,
|
|
311
311
|
{ className: 'content-card', style: { flexDirection: mode } },
|
|
312
|
-
(row.thumbnail && row.thumbnail.asset || _this.props.defaultImage) &&
|
|
312
|
+
(row.thumbnail && row.thumbnail.asset || _this.props.defaultImage) && React.createElement(
|
|
313
313
|
'a',
|
|
314
314
|
{ href: _this.mapping[contentCategoryName] + '/' + row.url.current },
|
|
315
|
-
|
|
315
|
+
React.createElement(
|
|
316
316
|
LazyLoad,
|
|
317
317
|
{ height: _this.props.imageHeight },
|
|
318
|
-
|
|
318
|
+
React.createElement(Card.Img, {
|
|
319
319
|
variant: 'top',
|
|
320
320
|
src: _this.renderCardImage(row, page),
|
|
321
321
|
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
322
322
|
})
|
|
323
323
|
)
|
|
324
324
|
),
|
|
325
|
-
|
|
325
|
+
React.createElement(
|
|
326
326
|
Card.Body,
|
|
327
327
|
null,
|
|
328
|
-
|
|
328
|
+
React.createElement(
|
|
329
329
|
'a',
|
|
330
330
|
{ href: _this.mapping[contentCategoryName] + '/' + row.url.current },
|
|
331
|
-
|
|
331
|
+
React.createElement(
|
|
332
332
|
Card.Title,
|
|
333
333
|
null,
|
|
334
334
|
row.title
|
|
335
335
|
)
|
|
336
336
|
),
|
|
337
|
-
_this.props.showPublished && row.published &&
|
|
337
|
+
_this.props.showPublished && row.published && React.createElement(
|
|
338
338
|
Card.Subtitle,
|
|
339
339
|
null,
|
|
340
340
|
moment(row.published).format('MMMM DD, YYYY')
|
|
@@ -342,7 +342,7 @@ var DeckContent = function (_React$Component) {
|
|
|
342
342
|
_this.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
|
|
343
343
|
return _this.renderAuthor(authorDetail, index, row.authorMapping.length);
|
|
344
344
|
}),
|
|
345
|
-
|
|
345
|
+
React.createElement(
|
|
346
346
|
Card.Text,
|
|
347
347
|
null,
|
|
348
348
|
clean_html_1(row.summary)
|
|
@@ -360,7 +360,7 @@ var DeckContent = function (_React$Component) {
|
|
|
360
360
|
var rightItems = _this.props.rightItems;
|
|
361
361
|
|
|
362
362
|
var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
|
|
363
|
-
return
|
|
363
|
+
return React.createElement(
|
|
364
364
|
Col,
|
|
365
365
|
{ md: 12, style: { display: 'flex', flex: '1 0 auto' } },
|
|
366
366
|
rightItems[i].component
|
|
@@ -368,15 +368,15 @@ var DeckContent = function (_React$Component) {
|
|
|
368
368
|
}, _this.renderManualPagination = function () {
|
|
369
369
|
var currentPage = _this.state.currentPage;
|
|
370
370
|
|
|
371
|
-
return
|
|
371
|
+
return React.createElement(
|
|
372
372
|
'div',
|
|
373
373
|
{ className: 'd-flex justify-content-between' },
|
|
374
|
-
currentPage && currentPage > 1 &&
|
|
374
|
+
currentPage && currentPage > 1 && React.createElement(
|
|
375
375
|
'a',
|
|
376
376
|
{ href: '?page=' + (currentPage - 1) },
|
|
377
377
|
'<< Previous'
|
|
378
378
|
),
|
|
379
|
-
|
|
379
|
+
React.createElement(
|
|
380
380
|
'a',
|
|
381
381
|
{ href: '?page=' + (currentPage + 1) },
|
|
382
382
|
'Next >>'
|
|
@@ -422,38 +422,38 @@ var DeckContent = function (_React$Component) {
|
|
|
422
422
|
brandInsight = _props.brandInsight;
|
|
423
423
|
|
|
424
424
|
|
|
425
|
-
return
|
|
425
|
+
return React.createElement(
|
|
426
426
|
'div',
|
|
427
427
|
{ className: 'contentDeck' },
|
|
428
|
-
autoScroll ?
|
|
429
|
-
|
|
428
|
+
autoScroll ? React.createElement(
|
|
429
|
+
React.Fragment,
|
|
430
430
|
null,
|
|
431
|
-
|
|
431
|
+
React.createElement(
|
|
432
432
|
InfiniteScroll,
|
|
433
433
|
{ dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
|
|
434
|
-
|
|
434
|
+
React.createElement(
|
|
435
435
|
Container,
|
|
436
436
|
null,
|
|
437
437
|
this.cardLoader(page, columns, variant, showBI, brandInsight)
|
|
438
438
|
)
|
|
439
439
|
),
|
|
440
|
-
|
|
440
|
+
React.createElement(
|
|
441
441
|
'noscript',
|
|
442
442
|
null,
|
|
443
443
|
this.renderManualPagination()
|
|
444
444
|
)
|
|
445
|
-
) :
|
|
446
|
-
|
|
445
|
+
) : React.createElement(
|
|
446
|
+
React.Fragment,
|
|
447
447
|
null,
|
|
448
|
-
|
|
448
|
+
React.createElement(
|
|
449
449
|
Container,
|
|
450
450
|
null,
|
|
451
451
|
this.cardLoader(page, columns, variant, showBI, brandInsight)
|
|
452
452
|
),
|
|
453
|
-
|
|
453
|
+
React.createElement(
|
|
454
454
|
'div',
|
|
455
455
|
{ style: { padding: '0px 10px' } },
|
|
456
|
-
this.state.scrolling ?
|
|
456
|
+
this.state.scrolling ? React.createElement(
|
|
457
457
|
'button',
|
|
458
458
|
{
|
|
459
459
|
style: { margin: 'auto', width: '100%' },
|
|
@@ -461,17 +461,17 @@ var DeckContent = function (_React$Component) {
|
|
|
461
461
|
_this2.loadMore();
|
|
462
462
|
} },
|
|
463
463
|
'Load More'
|
|
464
|
-
) :
|
|
464
|
+
) : React.createElement(
|
|
465
465
|
'p',
|
|
466
466
|
{ style: { textAlign: 'center' } },
|
|
467
|
-
|
|
467
|
+
React.createElement(
|
|
468
468
|
'b',
|
|
469
469
|
null,
|
|
470
470
|
'End of data'
|
|
471
471
|
)
|
|
472
472
|
)
|
|
473
473
|
),
|
|
474
|
-
|
|
474
|
+
React.createElement(
|
|
475
475
|
'noscript',
|
|
476
476
|
null,
|
|
477
477
|
this.renderManualPagination()
|
|
@@ -482,7 +482,7 @@ var DeckContent = function (_React$Component) {
|
|
|
482
482
|
}]);
|
|
483
483
|
|
|
484
484
|
return DeckContent;
|
|
485
|
-
}(
|
|
485
|
+
}(React.Component);
|
|
486
486
|
|
|
487
487
|
var ContentCard = withRouter(DeckContent);
|
|
488
488
|
|