@mjhls/mjh-framework 1.0.206 → 1.0.207
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 +1 -1
- package/dist/cjs/DeckContent.js +10 -11
- package/dist/cjs/DeckQueue.js +11 -12
- package/dist/cjs/{Dfp-d94f7f73.js → Dfp-c4f1f12a.js} +5 -5
- package/dist/cjs/GridContent-089aa22c.js +632 -0
- package/dist/cjs/GridContent.js +17 -604
- package/dist/cjs/IssueContentDeck.js +4 -4
- package/dist/cjs/IssueDeck.js +4 -4
- package/dist/cjs/MasterDeck.js +5 -6
- package/dist/cjs/{Normal-7dd8c339.js → Normal-47d9e184.js} +62 -3
- package/dist/cjs/PublicationDeck.js +4 -4
- package/dist/cjs/QueueDeckExpanded.js +13 -13
- package/dist/cjs/{TaxonomyCard-7b5b4298.js → TaxonomyCard-d97685e2.js} +5 -5
- package/dist/cjs/TaxonomyCard.js +1 -1
- package/dist/cjs/TemplateNormal.js +4 -4
- package/dist/cjs/ThumbnailCard.js +4 -4
- package/dist/cjs/VideoSeriesListing.js +6 -7
- package/dist/cjs/{YoutubeGroup-4cf7a4aa.js → YoutubeGroup-7dc3064d.js} +3 -3
- package/dist/cjs/YoutubeGroup.js +1 -1
- package/dist/cjs/{debounce-286eb3fb.js → debounce-a963b136.js} +211 -6
- package/dist/cjs/{get-06aac51b.js → get-126b1712.js} +10 -10
- package/dist/cjs/{visibility-sensor-5c5a7302.js → index-0322e486.js} +0 -587
- package/dist/cjs/index.js +212 -96
- package/dist/cjs/{index.es-2289df51.js → visibility-sensor-bea3105d.js} +587 -0
- package/dist/esm/DeckContent.js +3 -4
- package/dist/esm/DeckQueue.js +4 -5
- package/dist/esm/{Dfp-ab7941d3.js → Dfp-6731ac01.js} +3 -3
- package/dist/esm/GridContent-214acb61.js +625 -0
- package/dist/esm/GridContent.js +16 -603
- package/dist/esm/MasterDeck.js +3 -4
- package/dist/esm/{Normal-403c5666.js → Normal-be430fa9.js} +62 -4
- package/dist/esm/QueueDeckExpanded.js +2 -2
- package/dist/esm/TemplateNormal.js +4 -4
- package/dist/esm/VideoSeriesListing.js +3 -4
- package/dist/esm/{debounce-a0242b4a.js → debounce-dc0c02e5.js} +202 -2
- package/dist/esm/{get-b684ff61.js → get-b074314b.js} +1 -1
- package/dist/esm/{visibility-sensor-3cfe6713.js → index-6a79dad6.js} +2 -588
- package/dist/esm/index.js +182 -68
- package/dist/esm/{index.es-f369b3e8.js → visibility-sensor-675d3fa1.js} +588 -2
- package/package.json +1 -1
- package/dist/cjs/AD-e2479b7c.js +0 -31
- package/dist/cjs/isSymbol-311eb805.js +0 -209
- package/dist/esm/AD-1b2a3dd3.js +0 -26
- package/dist/esm/isSymbol-c2b7d05a.js +0 -203
package/dist/cjs/index.js
CHANGED
|
@@ -7,34 +7,32 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
9
|
var _commonjsHelpers = require('./_commonjsHelpers-3fc1f64e.js');
|
|
10
|
-
var
|
|
10
|
+
var index = require('./index-0322e486.js');
|
|
11
11
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
12
12
|
require('react-bootstrap/Container');
|
|
13
13
|
require('react-bootstrap/Row');
|
|
14
14
|
require('react-bootstrap/Col');
|
|
15
15
|
require('react-bootstrap/Card');
|
|
16
|
-
var
|
|
16
|
+
var visibilitySensor = require('./visibility-sensor-bea3105d.js');
|
|
17
17
|
require('next/link');
|
|
18
18
|
var Router = require('next/router');
|
|
19
19
|
var Router__default = _interopDefault(Router);
|
|
20
|
-
require('./
|
|
21
|
-
require('./debounce-286eb3fb.js');
|
|
20
|
+
require('./debounce-a963b136.js');
|
|
22
21
|
require('react-dom');
|
|
23
|
-
var index = require('./index-a4c53ff4.js');
|
|
22
|
+
var index$1 = require('./index-a4c53ff4.js');
|
|
24
23
|
require('./index-0d0efcfa.js');
|
|
25
24
|
var main = require('./main-58839f4e.js');
|
|
26
25
|
var entities = require('./entities-3e0b4a16.js');
|
|
27
26
|
var _babelHelpers = require('./_babelHelpers-f321c258.js');
|
|
28
27
|
var DeckContent = require('./DeckContent.js');
|
|
29
|
-
require('./get-
|
|
30
|
-
var
|
|
31
|
-
var GridContent = require('./GridContent.js');
|
|
28
|
+
require('./get-126b1712.js');
|
|
29
|
+
var GridContent = require('./GridContent-089aa22c.js');
|
|
32
30
|
var DeckQueue = require('./DeckQueue.js');
|
|
33
31
|
require('react-bootstrap/Media');
|
|
34
32
|
var ThumbnailCard = require('./ThumbnailCard.js');
|
|
35
|
-
var TaxonomyCard = require('./TaxonomyCard-
|
|
33
|
+
var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
|
|
36
34
|
var GroupDeck = require('./GroupDeck.js');
|
|
37
|
-
var YoutubeGroup = require('./YoutubeGroup-
|
|
35
|
+
var YoutubeGroup = require('./YoutubeGroup-7dc3064d.js');
|
|
38
36
|
var reactBootstrap = require('react-bootstrap');
|
|
39
37
|
var QueueDeckExpanded = require('./QueueDeckExpanded.js');
|
|
40
38
|
var index_esm = require('./index.esm-340d3792.js');
|
|
@@ -45,7 +43,7 @@ var PublicationDeck = require('./PublicationDeck.js');
|
|
|
45
43
|
var IssueDeck = require('./IssueDeck.js');
|
|
46
44
|
require('react-bootstrap/Badge');
|
|
47
45
|
var IssueContentDeck = require('./IssueContentDeck.js');
|
|
48
|
-
var TemplateNormal = require('./Normal-
|
|
46
|
+
var TemplateNormal = require('./Normal-47d9e184.js');
|
|
49
47
|
require('react-bootstrap/ListGroup');
|
|
50
48
|
var Head = _interopDefault(require('next/head'));
|
|
51
49
|
var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
|
|
@@ -204,7 +202,7 @@ var AD300x250 = function AD300x250(_ref) {
|
|
|
204
202
|
_ref$targeting = _ref.targeting,
|
|
205
203
|
targeting = _ref$targeting === undefined ? {} : _ref$targeting;
|
|
206
204
|
|
|
207
|
-
return React__default.createElement(
|
|
205
|
+
return React__default.createElement(TemplateNormal.DFPAdSlot, {
|
|
208
206
|
networkID: networkID,
|
|
209
207
|
adUnit: adUnit,
|
|
210
208
|
slotId: slotId,
|
|
@@ -221,7 +219,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
|
|
|
221
219
|
_ref$targeting = _ref.targeting,
|
|
222
220
|
targeting = _ref$targeting === undefined ? {} : _ref$targeting;
|
|
223
221
|
|
|
224
|
-
return React__default.createElement(
|
|
222
|
+
return React__default.createElement(TemplateNormal.DFPAdSlot, {
|
|
225
223
|
networkID: networkID,
|
|
226
224
|
adUnit: adUnit,
|
|
227
225
|
className: 'AD300x250',
|
|
@@ -262,8 +260,27 @@ var ADFooter = function ADFooter(_ref) {
|
|
|
262
260
|
);
|
|
263
261
|
};
|
|
264
262
|
|
|
263
|
+
var AdSlotsProvider = function AdSlotsProvider(_ref) {
|
|
264
|
+
var children = _ref.children,
|
|
265
|
+
networkID = _ref.networkID,
|
|
266
|
+
_ref$targeting = _ref.targeting,
|
|
267
|
+
targeting = _ref$targeting === undefined ? {} : _ref$targeting,
|
|
268
|
+
_ref$singleRequest = _ref.singleRequest,
|
|
269
|
+
singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest;
|
|
270
|
+
|
|
271
|
+
return React__default.createElement(
|
|
272
|
+
index.lib_1,
|
|
273
|
+
{
|
|
274
|
+
dfpNetworkId: networkID,
|
|
275
|
+
targeting: targeting,
|
|
276
|
+
singleRequest: singleRequest,
|
|
277
|
+
lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
|
|
278
|
+
children
|
|
279
|
+
);
|
|
280
|
+
};
|
|
281
|
+
|
|
265
282
|
var urlFor = function urlFor(source, client) {
|
|
266
|
-
var builder = index.imageUrlBuilder(client);
|
|
283
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
267
284
|
return builder.image(source);
|
|
268
285
|
};
|
|
269
286
|
|
|
@@ -423,7 +440,7 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
423
440
|
carouselIndex = _useState2[0],
|
|
424
441
|
setCarouselIndex = _useState2[1];
|
|
425
442
|
|
|
426
|
-
var builder = index.imageUrlBuilder(client);
|
|
443
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
427
444
|
|
|
428
445
|
React.useEffect(function () {
|
|
429
446
|
var itemArr = router.asPath.split('?page=');
|
|
@@ -436,7 +453,7 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
436
453
|
}, [router]);
|
|
437
454
|
|
|
438
455
|
React.useEffect(function () {
|
|
439
|
-
|
|
456
|
+
index.lib_3.refresh();
|
|
440
457
|
if (pageview) pageview(router.asPath);
|
|
441
458
|
}, [router]);
|
|
442
459
|
|
|
@@ -3061,7 +3078,7 @@ var Media = function Media(_ref) {
|
|
|
3061
3078
|
blank = node.blank,
|
|
3062
3079
|
caption = node.caption;
|
|
3063
3080
|
|
|
3064
|
-
var builder = index.imageUrlBuilder(client);
|
|
3081
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
3065
3082
|
|
|
3066
3083
|
var urlFor = function urlFor(source) {
|
|
3067
3084
|
return builder.image(source);
|
|
@@ -10004,7 +10021,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
10004
10021
|
function setState(url, vidIndex) {
|
|
10005
10022
|
setVidUrl(url);
|
|
10006
10023
|
toggleSeries();
|
|
10007
|
-
|
|
10024
|
+
index.lib_3.refresh();
|
|
10008
10025
|
var newPath = '/' + get2 + '/' + get3 + ('?seriesVid=' + vidIndex);
|
|
10009
10026
|
var vidState = { vid_id: vidIndex };
|
|
10010
10027
|
window.history.pushState(vidState, '', newPath);
|
|
@@ -10406,7 +10423,7 @@ var Slideshow$1 = function Slideshow(_ref) {
|
|
|
10406
10423
|
carouselIndex = _useState2[0],
|
|
10407
10424
|
setCarouselIndex = _useState2[1];
|
|
10408
10425
|
|
|
10409
|
-
var builder = index.imageUrlBuilder(client);
|
|
10426
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
10410
10427
|
|
|
10411
10428
|
React.useEffect(function () {
|
|
10412
10429
|
var itemArr = router.asPath.split('?page=');
|
|
@@ -10419,7 +10436,7 @@ var Slideshow$1 = function Slideshow(_ref) {
|
|
|
10419
10436
|
}, [router]);
|
|
10420
10437
|
|
|
10421
10438
|
React.useEffect(function () {
|
|
10422
|
-
|
|
10439
|
+
index.lib_3.refresh();
|
|
10423
10440
|
if (pageview) pageview(router.asPath);
|
|
10424
10441
|
}, [router]);
|
|
10425
10442
|
|
|
@@ -10473,7 +10490,7 @@ var NativeAd = function NativeAd(props) {
|
|
|
10473
10490
|
return React__default.createElement(
|
|
10474
10491
|
'div',
|
|
10475
10492
|
{ className: 'native-ad-wrapper', style: { textAlign: 'center' } },
|
|
10476
|
-
React__default.createElement(
|
|
10493
|
+
React__default.createElement(GridContent.AD, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
|
|
10477
10494
|
);
|
|
10478
10495
|
};
|
|
10479
10496
|
|
|
@@ -10683,7 +10700,7 @@ var Feature = function Feature(props) {
|
|
|
10683
10700
|
var urlFor = function urlFor(source) {
|
|
10684
10701
|
var client = props.client;
|
|
10685
10702
|
|
|
10686
|
-
var builder = index.imageUrlBuilder(client);
|
|
10703
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
10687
10704
|
return builder.image(source).auto('format');
|
|
10688
10705
|
};
|
|
10689
10706
|
//image width
|
|
@@ -10988,7 +11005,7 @@ var SetCookie = function SetCookie(key, value) {
|
|
|
10988
11005
|
};
|
|
10989
11006
|
|
|
10990
11007
|
var urlFor$3 = function urlFor(source, client) {
|
|
10991
|
-
var builder = index.imageUrlBuilder(client);
|
|
11008
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
10992
11009
|
return builder.image(source);
|
|
10993
11010
|
};
|
|
10994
11011
|
|
|
@@ -11285,7 +11302,7 @@ var fbsHero = function fbsHero(props) {
|
|
|
11285
11302
|
|
|
11286
11303
|
var client = props.client;
|
|
11287
11304
|
|
|
11288
|
-
var builder = index.imageUrlBuilder(client);
|
|
11305
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
11289
11306
|
function urlFor(source) {
|
|
11290
11307
|
return builder.image(source);
|
|
11291
11308
|
}
|
|
@@ -11324,7 +11341,7 @@ var fbsHero = function fbsHero(props) {
|
|
|
11324
11341
|
React__default.createElement(
|
|
11325
11342
|
'p',
|
|
11326
11343
|
null,
|
|
11327
|
-
|
|
11344
|
+
visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
|
|
11328
11345
|
),
|
|
11329
11346
|
topArticle.authorMapping && topArticle.authorMapping[0] && React__default.createElement(
|
|
11330
11347
|
'p',
|
|
@@ -11367,7 +11384,7 @@ var fbsHero = function fbsHero(props) {
|
|
|
11367
11384
|
React__default.createElement(
|
|
11368
11385
|
'p',
|
|
11369
11386
|
null,
|
|
11370
|
-
|
|
11387
|
+
visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
|
|
11371
11388
|
),
|
|
11372
11389
|
article.authorMapping && article.authorMapping[0] && React__default.createElement(
|
|
11373
11390
|
'p',
|
|
@@ -11394,7 +11411,7 @@ var fbsHero = function fbsHero(props) {
|
|
|
11394
11411
|
var HorizontalHero = function HorizontalHero(props) {
|
|
11395
11412
|
var client = props.client;
|
|
11396
11413
|
|
|
11397
|
-
var builder = index.imageUrlBuilder(client);
|
|
11414
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
11398
11415
|
function urlFor(source) {
|
|
11399
11416
|
return builder.image(source);
|
|
11400
11417
|
}
|
|
@@ -11489,7 +11506,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
11489
11506
|
var OncliveHero = function OncliveHero(props) {
|
|
11490
11507
|
var client = props.client;
|
|
11491
11508
|
|
|
11492
|
-
var builder = index.imageUrlBuilder(client);
|
|
11509
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
11493
11510
|
function urlFor(source) {
|
|
11494
11511
|
return builder.image(source);
|
|
11495
11512
|
}
|
|
@@ -11522,7 +11539,7 @@ var OncliveHero = function OncliveHero(props) {
|
|
|
11522
11539
|
article.title
|
|
11523
11540
|
),
|
|
11524
11541
|
React__default.createElement('div', null),
|
|
11525
|
-
|
|
11542
|
+
visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
|
|
11526
11543
|
article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
|
|
11527
11544
|
'p',
|
|
11528
11545
|
{ className: 'mb-2' },
|
|
@@ -11551,10 +11568,11 @@ var OncliveHero = function OncliveHero(props) {
|
|
|
11551
11568
|
|
|
11552
11569
|
var OncliveLargeHero = function OncliveLargeHero(props) {
|
|
11553
11570
|
var topArticle = props.dataRecord[0];
|
|
11554
|
-
var
|
|
11571
|
+
var middleArticles = props.dataRecord.slice(1, 3);
|
|
11572
|
+
var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
|
|
11555
11573
|
var client = props.client;
|
|
11556
11574
|
|
|
11557
|
-
var builder = index.imageUrlBuilder(client);
|
|
11575
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
11558
11576
|
function urlFor(source) {
|
|
11559
11577
|
return builder.image(source);
|
|
11560
11578
|
}
|
|
@@ -11572,81 +11590,177 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
|
|
|
11572
11590
|
'div',
|
|
11573
11591
|
{ className: 'article-hero-container' },
|
|
11574
11592
|
React__default.createElement(
|
|
11575
|
-
'
|
|
11576
|
-
{
|
|
11577
|
-
React__default.createElement(
|
|
11578
|
-
'figure',
|
|
11579
|
-
null,
|
|
11580
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
11581
|
-
),
|
|
11593
|
+
'div',
|
|
11594
|
+
{ className: 'top-outer' },
|
|
11582
11595
|
React__default.createElement(
|
|
11583
|
-
'
|
|
11584
|
-
{ className: 'top-article
|
|
11585
|
-
React__default.createElement(
|
|
11586
|
-
'h1',
|
|
11587
|
-
null,
|
|
11588
|
-
topArticle.title
|
|
11589
|
-
),
|
|
11596
|
+
'a',
|
|
11597
|
+
{ href: '/view/' + topArticle.url.current, className: 'top-article' },
|
|
11590
11598
|
React__default.createElement(
|
|
11591
|
-
'
|
|
11599
|
+
'figure',
|
|
11592
11600
|
null,
|
|
11593
|
-
|
|
11601
|
+
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
11594
11602
|
),
|
|
11595
11603
|
React__default.createElement(
|
|
11596
|
-
'
|
|
11597
|
-
|
|
11598
|
-
|
|
11604
|
+
'div',
|
|
11605
|
+
{ className: 'top-article--body' },
|
|
11606
|
+
React__default.createElement(
|
|
11607
|
+
'h1',
|
|
11608
|
+
null,
|
|
11609
|
+
topArticle.title
|
|
11610
|
+
),
|
|
11611
|
+
React__default.createElement(
|
|
11612
|
+
'p',
|
|
11613
|
+
null,
|
|
11614
|
+
visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
|
|
11615
|
+
),
|
|
11616
|
+
React__default.createElement(
|
|
11617
|
+
'p',
|
|
11618
|
+
null,
|
|
11619
|
+
entities.clean_html_1(topArticle.summary)
|
|
11620
|
+
)
|
|
11599
11621
|
)
|
|
11622
|
+
),
|
|
11623
|
+
React__default.createElement(
|
|
11624
|
+
'div',
|
|
11625
|
+
{ className: 'sub-articles-container middle-single' },
|
|
11626
|
+
middleArticles && middleArticles.map(function (article, index) {
|
|
11627
|
+
var articleThumbnail = '';
|
|
11628
|
+
var articleAltText = article.title;
|
|
11629
|
+
if (article.thumbnail && article.thumbnail.asset) {
|
|
11630
|
+
articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
|
|
11631
|
+
articleAltText = article.thumbnail.asset.originalFileName;
|
|
11632
|
+
} else if (props.thumbnail) {
|
|
11633
|
+
articleThumbnail = props.thumbnail;
|
|
11634
|
+
}
|
|
11635
|
+
return React__default.createElement(
|
|
11636
|
+
'a',
|
|
11637
|
+
{ key: index, href: '/view/' + article.url.current, className: 'sub-article' },
|
|
11638
|
+
React__default.createElement(
|
|
11639
|
+
'figure',
|
|
11640
|
+
null,
|
|
11641
|
+
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
|
|
11642
|
+
),
|
|
11643
|
+
React__default.createElement(
|
|
11644
|
+
'div',
|
|
11645
|
+
{ className: 'sub-article--body' },
|
|
11646
|
+
React__default.createElement(
|
|
11647
|
+
'h2',
|
|
11648
|
+
null,
|
|
11649
|
+
article.title
|
|
11650
|
+
),
|
|
11651
|
+
React__default.createElement('div', null),
|
|
11652
|
+
visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
|
|
11653
|
+
article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
|
|
11654
|
+
'p',
|
|
11655
|
+
{ className: 'mb-2' },
|
|
11656
|
+
'By ',
|
|
11657
|
+
React__default.createElement(
|
|
11658
|
+
'b',
|
|
11659
|
+
null,
|
|
11660
|
+
article.authorMapping[0].displayName
|
|
11661
|
+
)
|
|
11662
|
+
)
|
|
11663
|
+
)
|
|
11664
|
+
);
|
|
11665
|
+
})
|
|
11600
11666
|
)
|
|
11601
11667
|
),
|
|
11602
11668
|
React__default.createElement(
|
|
11603
11669
|
'div',
|
|
11604
|
-
{ className: 'sub-
|
|
11605
|
-
|
|
11606
|
-
|
|
11607
|
-
|
|
11608
|
-
|
|
11609
|
-
articleThumbnail =
|
|
11610
|
-
articleAltText = article.
|
|
11611
|
-
|
|
11612
|
-
|
|
11613
|
-
|
|
11614
|
-
|
|
11615
|
-
|
|
11616
|
-
|
|
11617
|
-
React__default.createElement(
|
|
11618
|
-
'
|
|
11619
|
-
|
|
11620
|
-
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
|
|
11621
|
-
),
|
|
11622
|
-
React__default.createElement(
|
|
11623
|
-
'div',
|
|
11624
|
-
{ className: 'sub-article--body' },
|
|
11670
|
+
{ className: 'sub-outer-container' },
|
|
11671
|
+
React__default.createElement(
|
|
11672
|
+
'div',
|
|
11673
|
+
{ className: 'sub-articles-container middle-group' },
|
|
11674
|
+
middleArticles && middleArticles.map(function (article, index) {
|
|
11675
|
+
var articleThumbnail = '';
|
|
11676
|
+
var articleAltText = article.title;
|
|
11677
|
+
if (article.thumbnail && article.thumbnail.asset) {
|
|
11678
|
+
articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
|
|
11679
|
+
articleAltText = article.thumbnail.asset.originalFileName;
|
|
11680
|
+
} else if (props.thumbnail) {
|
|
11681
|
+
articleThumbnail = props.thumbnail;
|
|
11682
|
+
}
|
|
11683
|
+
return React__default.createElement(
|
|
11684
|
+
'a',
|
|
11685
|
+
{ key: index, href: '/view/' + article.url.current, className: 'sub-article' },
|
|
11625
11686
|
React__default.createElement(
|
|
11626
|
-
'
|
|
11687
|
+
'figure',
|
|
11627
11688
|
null,
|
|
11628
|
-
|
|
11689
|
+
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
|
|
11629
11690
|
),
|
|
11630
|
-
React__default.createElement(
|
|
11631
|
-
|
|
11632
|
-
|
|
11633
|
-
'p',
|
|
11634
|
-
{ className: 'mb-2' },
|
|
11635
|
-
'By ',
|
|
11691
|
+
React__default.createElement(
|
|
11692
|
+
'div',
|
|
11693
|
+
{ className: 'sub-article--body' },
|
|
11636
11694
|
React__default.createElement(
|
|
11637
|
-
'
|
|
11695
|
+
'h2',
|
|
11638
11696
|
null,
|
|
11639
|
-
article.
|
|
11697
|
+
article.title
|
|
11698
|
+
),
|
|
11699
|
+
React__default.createElement('div', null),
|
|
11700
|
+
visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
|
|
11701
|
+
article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
|
|
11702
|
+
'p',
|
|
11703
|
+
{ className: 'mb-2' },
|
|
11704
|
+
'By ',
|
|
11705
|
+
React__default.createElement(
|
|
11706
|
+
'b',
|
|
11707
|
+
null,
|
|
11708
|
+
article.authorMapping[0].displayName
|
|
11709
|
+
)
|
|
11640
11710
|
)
|
|
11641
11711
|
)
|
|
11642
|
-
)
|
|
11643
|
-
)
|
|
11644
|
-
|
|
11712
|
+
);
|
|
11713
|
+
})
|
|
11714
|
+
),
|
|
11715
|
+
React__default.createElement(
|
|
11716
|
+
'div',
|
|
11717
|
+
{ className: 'sub-articles-container' },
|
|
11718
|
+
subArticles && subArticles.map(function (article, index) {
|
|
11719
|
+
var articleThumbnail = '';
|
|
11720
|
+
var articleAltText = article.title;
|
|
11721
|
+
if (article.thumbnail && article.thumbnail.asset) {
|
|
11722
|
+
articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
|
|
11723
|
+
articleAltText = article.thumbnail.asset.originalFileName;
|
|
11724
|
+
} else if (props.thumbnail) {
|
|
11725
|
+
articleThumbnail = props.thumbnail;
|
|
11726
|
+
}
|
|
11727
|
+
return React__default.createElement(
|
|
11728
|
+
'a',
|
|
11729
|
+
{ key: index, href: '/view/' + article.url.current, className: 'sub-article' },
|
|
11730
|
+
React__default.createElement(
|
|
11731
|
+
'figure',
|
|
11732
|
+
null,
|
|
11733
|
+
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
|
|
11734
|
+
),
|
|
11735
|
+
React__default.createElement(
|
|
11736
|
+
'div',
|
|
11737
|
+
{ className: 'sub-article--body' },
|
|
11738
|
+
React__default.createElement(
|
|
11739
|
+
'h2',
|
|
11740
|
+
null,
|
|
11741
|
+
article.title
|
|
11742
|
+
),
|
|
11743
|
+
React__default.createElement('div', null),
|
|
11744
|
+
visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
|
|
11745
|
+
article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
|
|
11746
|
+
'p',
|
|
11747
|
+
{ className: 'mb-2' },
|
|
11748
|
+
'By ',
|
|
11749
|
+
React__default.createElement(
|
|
11750
|
+
'b',
|
|
11751
|
+
null,
|
|
11752
|
+
article.authorMapping[0].displayName
|
|
11753
|
+
)
|
|
11754
|
+
)
|
|
11755
|
+
)
|
|
11756
|
+
);
|
|
11757
|
+
})
|
|
11758
|
+
)
|
|
11645
11759
|
),
|
|
11646
11760
|
React__default.createElement(
|
|
11647
11761
|
'style',
|
|
11648
11762
|
{ jsx: 'true' },
|
|
11649
|
-
'\n .article-hero-container {\n display: flex;\n flex-direction: row;\n margin: 0 -1rem;\n }\n .top-article {\n width: 50%;\n margin: 0 1rem;\n height: 100%;\n display: block;\n }\n .top-article figure {\n width: 100%;\n height: 60%;\n }\n .top-article figure img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .top-article--body h1 {\n font-size: 1.4rem;\n color: black !important;\n font-weight: bold;\n }\n .sub-articles-container {\n
|
|
11763
|
+
'\n .article-hero-container {\n display: flex;\n flex-direction: row;\n margin: 0 -1rem;\n }\n .top-article {\n // width: 50%;\n margin: 0 1rem;\n height: 100%;\n display: block;\n }\n .top-article figure {\n width: 100%;\n height: 60%;\n }\n .top-article figure img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .top-article--body h1 {\n font-size: 1.4rem;\n color: black !important;\n font-weight: bold;\n }\n // .sub-articles-container {\n // width: 50%;\n // flex: 1 1 auto;\n // min-width: 350px;\n // }\n .sub-article {\n margin: 0 1rem 1rem;\n display: flex;\n flex-direction: row;\n }\n .sub-article figure {\n width: 125px;\n }\n .sub-article figure img {\n width: 125px;\n height: auto;\n object-fit: cover;\n }\n .sub-article--body {\n padding-left: 1rem;\n font-size: 0.9rem;\n }\n .sub-article--body h2 {\n font-size: 1rem;\n font-weight: bold;\n }\n @media screen and (max-width: 1368px) {\n .article-hero-container {\n flex-direction: column;\n }\n .top-article {\n // width: unset;\n flex: 1 1 auto;\n }\n .sub-articles-container {\n width: 100%;\n margin-top: 1rem;\n min-width: 280px;\n }\n }\n @media screen and (max-width: 1399px) and (min-width: 992px) {\n .top-article {\n // width: 50%;\n flex: 1 1 auto;\n }\n .middle-group {\n display: none;\n }\n .middle-single {\n display: block !important;\n margin-top: 0 !important;\n }\n }\n // @media only screen and (min-width) {\n // .sub-outer-container {\n // width: 50%;\n // flex: 1 1 auto;\n // min-width: 350px;\n // }\n // }\n .middle-single {\n display: none;\n }\n .top-outer {\n display: flex;\n }\n '
|
|
11650
11764
|
)
|
|
11651
11765
|
);
|
|
11652
11766
|
};
|
|
@@ -11654,7 +11768,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
|
|
|
11654
11768
|
var VerticalHero = function VerticalHero(props) {
|
|
11655
11769
|
var client = props.client;
|
|
11656
11770
|
|
|
11657
|
-
var builder = index.imageUrlBuilder(client);
|
|
11771
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
11658
11772
|
function urlFor(source) {
|
|
11659
11773
|
return builder.image(source);
|
|
11660
11774
|
}
|
|
@@ -11719,7 +11833,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
11719
11833
|
var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
|
|
11720
11834
|
var client = props.client;
|
|
11721
11835
|
|
|
11722
|
-
var builder = index.imageUrlBuilder(client);
|
|
11836
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
11723
11837
|
function urlFor(source) {
|
|
11724
11838
|
return builder.image(source);
|
|
11725
11839
|
}
|
|
@@ -11759,7 +11873,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
11759
11873
|
React__default.createElement(
|
|
11760
11874
|
'p',
|
|
11761
11875
|
null,
|
|
11762
|
-
|
|
11876
|
+
visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
|
|
11763
11877
|
),
|
|
11764
11878
|
React__default.createElement(
|
|
11765
11879
|
'p',
|
|
@@ -11794,7 +11908,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
11794
11908
|
React__default.createElement(
|
|
11795
11909
|
'p',
|
|
11796
11910
|
{ className: 'yh-sub-article--info' },
|
|
11797
|
-
|
|
11911
|
+
visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
|
|
11798
11912
|
),
|
|
11799
11913
|
article.authorMapping && article.authorMapping[0] && React__default.createElement(
|
|
11800
11914
|
'p',
|
|
@@ -11852,7 +11966,7 @@ var RelatedContent = function RelatedContent(props) {
|
|
|
11852
11966
|
_props$defaultImage = props.defaultImage,
|
|
11853
11967
|
defaultImage = _props$defaultImage === undefined ? '' : _props$defaultImage;
|
|
11854
11968
|
|
|
11855
|
-
var builder = index.imageUrlBuilder(client);
|
|
11969
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
11856
11970
|
function urlFor(source) {
|
|
11857
11971
|
return builder.image(source);
|
|
11858
11972
|
}
|
|
@@ -11887,7 +12001,7 @@ var RelatedContent = function RelatedContent(props) {
|
|
|
11887
12001
|
props.showPublished && React__default.createElement(
|
|
11888
12002
|
'p',
|
|
11889
12003
|
{ className: 'pb-0 mb-0' },
|
|
11890
|
-
|
|
12004
|
+
visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
|
|
11891
12005
|
),
|
|
11892
12006
|
props.showAuthor && article.authorMapping && article.authorMapping[0] && React__default.createElement(
|
|
11893
12007
|
'p',
|
|
@@ -11931,11 +12045,11 @@ const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(ti
|
|
|
11931
12045
|
var ConferenceArticleCard = function ConferenceArticleCard(props) {
|
|
11932
12046
|
var data = props.data,
|
|
11933
12047
|
variant = props.variant,
|
|
11934
|
-
index
|
|
12048
|
+
index = props.index,
|
|
11935
12049
|
client = props.client;
|
|
11936
12050
|
|
|
11937
12051
|
|
|
11938
|
-
var builder = index.imageUrlBuilder(client);
|
|
12052
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
11939
12053
|
|
|
11940
12054
|
function urlFor(source) {
|
|
11941
12055
|
return builder.image(source);
|
|
@@ -11969,7 +12083,7 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
|
|
|
11969
12083
|
React__default.createElement(
|
|
11970
12084
|
'p',
|
|
11971
12085
|
{ className: 'conf-media__card-text' },
|
|
11972
|
-
|
|
12086
|
+
visibilitySensor.moment(data.published).format('MMMM Do YYYY, h:mma')
|
|
11973
12087
|
),
|
|
11974
12088
|
React__default.createElement(
|
|
11975
12089
|
'p',
|
|
@@ -11991,8 +12105,8 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
|
|
|
11991
12105
|
};
|
|
11992
12106
|
|
|
11993
12107
|
exports.DeckContent = DeckContent;
|
|
11994
|
-
exports.AD =
|
|
11995
|
-
exports.GridContent = GridContent;
|
|
12108
|
+
exports.AD = GridContent.AD;
|
|
12109
|
+
exports.GridContent = GridContent.GridContent;
|
|
11996
12110
|
exports.DeckQueue = DeckQueue;
|
|
11997
12111
|
exports.ThumbnailCard = ThumbnailCard;
|
|
11998
12112
|
exports.TaxonomyCard = TaxonomyCard.TaxonomyCard;
|
|
@@ -12005,6 +12119,7 @@ exports.PublicationDeck = PublicationDeck;
|
|
|
12005
12119
|
exports.IssueDeck = IssueDeck;
|
|
12006
12120
|
exports.IssueContentDeck = IssueContentDeck;
|
|
12007
12121
|
exports.AD728x90 = TemplateNormal.AD728x90;
|
|
12122
|
+
exports.AdSlot = TemplateNormal.DFPAdSlot;
|
|
12008
12123
|
exports.Column1 = TemplateNormal.Column1;
|
|
12009
12124
|
exports.Column2 = TemplateNormal.Column2;
|
|
12010
12125
|
exports.Column3 = TemplateNormal.Column3;
|
|
@@ -12024,6 +12139,7 @@ exports.AD300x250 = AD300x250;
|
|
|
12024
12139
|
exports.AD300x250x600 = AD300x250x600;
|
|
12025
12140
|
exports.ADFooter = ADFooter;
|
|
12026
12141
|
exports.AccordionPanel = AccordionPanel;
|
|
12142
|
+
exports.AdSlotsProvider = AdSlotsProvider;
|
|
12027
12143
|
exports.AlphabeticList = AlphabeticList;
|
|
12028
12144
|
exports.ArticleDetailDropdown = ArticleDetailDropdown;
|
|
12029
12145
|
exports.Breadcrumbs = Breadcrumbs$1;
|