@mjhls/mjh-framework 1.0.439 → 1.0.441
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 +172 -172
- package/dist/cjs/{ADInfeed-494f5e6b.js → ADInfeed-ae1f348d.js} +12 -10
- package/dist/cjs/{ADlgInfeed-be0e0bde.js → ADlgInfeed-f4c4a1bf.js} +8 -7
- package/dist/cjs/{AdSlot-4d22aad4.js → AdSlot-257d8d4e.js} +256 -15
- package/dist/cjs/{AuthorComponent-4706f297.js → AuthorComponent-b44bb44e.js} +13 -12
- package/dist/cjs/DeckContent.js +91 -87
- package/dist/cjs/DeckQueue.js +82 -78
- package/dist/cjs/{Dfp-2399639f.js → Dfp-d7639f4c.js} +22 -20
- package/dist/cjs/{Figure-9e886c5b.js → Figure-cc919c38.js} +20 -19
- package/dist/cjs/{GridContent-068c0b1c.js → GridContent-db383f73.js} +162 -158
- package/dist/cjs/GridContent.js +14 -14
- package/dist/cjs/GroupDeck.js +39 -38
- package/dist/cjs/IssueContentDeck.js +65 -60
- package/dist/cjs/IssueDeck.js +69 -64
- package/dist/cjs/MasterDeck.js +60 -59
- package/dist/cjs/{Normal-62915103.js → Normal-430e8e61.js} +523 -512
- package/dist/cjs/PublicationDeck.js +64 -59
- package/dist/cjs/QueueDeckExpanded.js +99 -99
- package/dist/cjs/{TaxonomyCard-eb928f05.js → TaxonomyCard-fa09aac1.js} +77 -71
- package/dist/cjs/TaxonomyCard.js +4 -4
- package/dist/cjs/TemplateNormal.js +6 -6
- package/dist/cjs/ThumbnailCard.js +17 -15
- package/dist/cjs/{Ustream-6aebd935.js → Ustream-46288bdf.js} +17 -16
- package/dist/cjs/Ustream.js +1 -1
- package/dist/cjs/VideoSeriesListing.js +40 -39
- package/dist/cjs/YoutubeGroup.js +49 -48
- package/dist/cjs/{debounce-b088070c.js → debounce-420ff8a8.js} +16 -12
- package/dist/cjs/{get-5aa7468c.js → get-7a75c563.js} +1 -1
- package/dist/cjs/{index-fa0fb52c.js → index-8a3fb0bc.js} +13 -10
- package/dist/cjs/{index-b5eb3ff8.js → index-be0c82be.js} +19 -20
- package/dist/cjs/{index.es-ab3f2690.js → index.es-44c8e726.js} +9 -10
- package/dist/cjs/index.esm-340d3792.js +0 -3
- package/dist/cjs/index.js +1887 -1927
- package/dist/cjs/{inherits-e793003e.js → inherits-b4036c94.js} +4 -4
- package/dist/cjs/{main-bc4db521.js → main-d76cde9c.js} +52 -82
- package/dist/cjs/{react-social-icons-cd0d9d3b.js → react-social-icons-07939b41.js} +13 -11
- package/dist/cjs/{typeof-2747c582.js → typeof-0d86b91c.js} +1 -1
- package/dist/cjs/{visibility-sensor-0c45a583.js → visibility-sensor-a40ae0cd.js} +8 -6
- package/dist/esm/{ADInfeed-e5cefea5.js → ADInfeed-dff74bbe.js} +6 -6
- package/dist/esm/{ADlgInfeed-51a2801a.js → ADlgInfeed-7b29db85.js} +5 -5
- package/dist/esm/{AdSlot-78e48a2c.js → AdSlot-362a1c30.js} +246 -8
- package/dist/esm/{AuthorComponent-c9e46673.js → AuthorComponent-4f5f15ed.js} +10 -10
- package/dist/esm/DeckContent.js +62 -62
- package/dist/esm/DeckQueue.js +47 -47
- package/dist/esm/{Dfp-d5fe1252.js → Dfp-994cd0ab.js} +10 -10
- package/dist/esm/{Figure-cc1affbe.js → Figure-1c55ebf0.js} +17 -17
- package/dist/esm/{GridContent-90c0f8b5.js → GridContent-6b38c580.js} +112 -112
- package/dist/esm/GridContent.js +14 -14
- package/dist/esm/GroupDeck.js +34 -34
- package/dist/esm/IssueContentDeck.js +35 -35
- package/dist/esm/IssueDeck.js +34 -34
- package/dist/esm/MasterDeck.js +45 -45
- package/dist/esm/{Normal-6eba8168.js → Normal-6efd92da.js} +407 -407
- package/dist/esm/PublicationDeck.js +34 -34
- package/dist/esm/QueueDeckExpanded.js +92 -92
- package/dist/esm/{TaxonomyCard-b29aa7ac.js → TaxonomyCard-b22a742f.js} +37 -37
- package/dist/esm/TaxonomyCard.js +4 -4
- package/dist/esm/TemplateNormal.js +6 -6
- package/dist/esm/ThumbnailCard.js +13 -13
- package/dist/esm/{Ustream-914ce145.js → Ustream-c4f281a3.js} +14 -14
- package/dist/esm/Ustream.js +1 -1
- package/dist/esm/VideoSeriesListing.js +26 -26
- package/dist/esm/YoutubeGroup.js +37 -37
- package/dist/esm/{debounce-df468b0e.js → debounce-42a7f724.js} +9 -7
- package/dist/esm/{get-53653403.js → get-bc6cf9fb.js} +1 -1
- package/dist/esm/{index-51a80699.js → index-73819142.js} +19 -20
- package/dist/esm/{index-5f9f807a.js → index-c5fd0af5.js} +4 -4
- package/dist/esm/{index.es-938a3a58.js → index.es-27d0bae9.js} +6 -8
- package/dist/esm/index.js +1752 -1815
- package/dist/esm/{inherits-dfba24f5.js → inherits-bbec2f34.js} +1 -1
- package/dist/esm/{main-7d1b3c98.js → main-cf4930f0.js} +50 -81
- package/dist/esm/{react-social-icons-a7d5c5c7.js → react-social-icons-3822f1ce.js} +5 -5
- package/dist/esm/{typeof-e4b50250.js → typeof-09bf9211.js} +1 -1
- package/dist/esm/{visibility-sensor-0baa4eea.js → visibility-sensor-87d6b78c.js} +3 -3
- package/package.json +105 -103
|
@@ -1,70 +1,74 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
3
|
var toConsumableArray = require('./toConsumableArray-25d0e2a3.js');
|
|
6
|
-
var _extends
|
|
7
|
-
var inherits
|
|
4
|
+
var _extends = require('./extends-60837c34.js');
|
|
5
|
+
var inherits = require('./inherits-b4036c94.js');
|
|
8
6
|
var React = require('react');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var Card = _interopDefault(require('react-bootstrap/Card'));
|
|
7
|
+
var debounce = require('./debounce-420ff8a8.js');
|
|
8
|
+
var Container = require('react-bootstrap/Container');
|
|
9
|
+
var Row = require('react-bootstrap/Row');
|
|
10
|
+
var Col = require('react-bootstrap/Col');
|
|
11
|
+
var Card = require('react-bootstrap/Card');
|
|
15
12
|
var moment = require('./moment-66a6a284.js');
|
|
16
13
|
var Router = require('next/router');
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var index = require('./index-
|
|
21
|
-
var
|
|
22
|
-
var main = require('./main-bc4db521.js');
|
|
14
|
+
var index_es = require('./index.es-44c8e726.js');
|
|
15
|
+
var visibilitySensor = require('./visibility-sensor-a40ae0cd.js');
|
|
16
|
+
var index = require('./index-be0c82be.js');
|
|
17
|
+
var index$1 = require('./index-8a3fb0bc.js');
|
|
18
|
+
var main = require('./main-d76cde9c.js');
|
|
23
19
|
var entities = require('./entities-310b46ee.js');
|
|
24
|
-
var ADInfeed = require('./ADInfeed-
|
|
20
|
+
var ADInfeed = require('./ADInfeed-ae1f348d.js');
|
|
25
21
|
var lodash = require('./lodash-fc2922d0.js');
|
|
26
|
-
var ADlgInfeed = require('./ADlgInfeed-
|
|
27
|
-
var get
|
|
28
|
-
var AuthorComponent = require('./AuthorComponent-
|
|
22
|
+
var ADlgInfeed = require('./ADlgInfeed-f4c4a1bf.js');
|
|
23
|
+
var get = require('./get-7a75c563.js');
|
|
24
|
+
var AuthorComponent = require('./AuthorComponent-b44bb44e.js');
|
|
25
|
+
|
|
26
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
27
|
+
|
|
28
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
29
|
+
var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
|
|
30
|
+
var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
|
|
31
|
+
var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
|
|
32
|
+
var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
|
|
29
33
|
|
|
30
|
-
var Dfp = React__default.lazy(function () {
|
|
31
|
-
return Promise.resolve().then(function () { return require('./Dfp-
|
|
34
|
+
var Dfp = React__default['default'].lazy(function () {
|
|
35
|
+
return Promise.resolve().then(function () { return require('./Dfp-d7639f4c.js'); });
|
|
32
36
|
});
|
|
33
37
|
|
|
34
38
|
var AD = function AD(props) {
|
|
35
39
|
if (typeof window === 'undefined') {
|
|
36
40
|
return null;
|
|
37
41
|
}
|
|
38
|
-
return React__default.createElement(
|
|
42
|
+
return React__default['default'].createElement(
|
|
39
43
|
'div',
|
|
40
44
|
null,
|
|
41
|
-
React__default.createElement(
|
|
45
|
+
React__default['default'].createElement(
|
|
42
46
|
React.Suspense,
|
|
43
|
-
{ fallback: React__default.createElement(
|
|
47
|
+
{ fallback: React__default['default'].createElement(
|
|
44
48
|
'div',
|
|
45
49
|
null,
|
|
46
50
|
'Loading...'
|
|
47
51
|
) },
|
|
48
|
-
React__default.createElement(Dfp, props)
|
|
52
|
+
React__default['default'].createElement(Dfp, props)
|
|
49
53
|
)
|
|
50
54
|
);
|
|
51
55
|
};
|
|
52
56
|
|
|
53
57
|
var GridContent = function (_React$Component) {
|
|
54
|
-
inherits
|
|
58
|
+
inherits._inherits(GridContent, _React$Component);
|
|
55
59
|
|
|
56
60
|
function GridContent() {
|
|
57
61
|
var _ref;
|
|
58
62
|
|
|
59
63
|
var _temp, _this, _ret;
|
|
60
64
|
|
|
61
|
-
inherits
|
|
65
|
+
inherits._classCallCheck(this, GridContent);
|
|
62
66
|
|
|
63
67
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
64
68
|
args[_key] = arguments[_key];
|
|
65
69
|
}
|
|
66
70
|
|
|
67
|
-
return _ret = (_temp = (_this = inherits
|
|
71
|
+
return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = GridContent.__proto__ || inherits._Object$getPrototypeOf(GridContent)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
|
|
68
72
|
data: _this.data,
|
|
69
73
|
per: _this.params ? _this.params.to : 2,
|
|
70
74
|
page: _this.props.currentPage || 1,
|
|
@@ -92,7 +96,7 @@ var GridContent = function (_React$Component) {
|
|
|
92
96
|
}, 0), _this.componentDidMount = function () {
|
|
93
97
|
if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
|
|
94
98
|
_this.setState(function (state) {
|
|
95
|
-
return _extends
|
|
99
|
+
return _extends._extends({}, state, {
|
|
96
100
|
desktopView: true
|
|
97
101
|
});
|
|
98
102
|
});
|
|
@@ -121,7 +125,7 @@ var GridContent = function (_React$Component) {
|
|
|
121
125
|
var client = _this.props.client;
|
|
122
126
|
|
|
123
127
|
|
|
124
|
-
var params = _extends
|
|
128
|
+
var params = _extends._extends({}, _this.params, { from: from, to: to
|
|
125
129
|
// const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
|
|
126
130
|
});client.fetch(query, params).then(function (dataArr) {
|
|
127
131
|
if (_this.pointer && _this.pointerArray) {
|
|
@@ -129,7 +133,7 @@ var GridContent = function (_React$Component) {
|
|
|
129
133
|
dataArr = dataArr[_this.pointerArray][pointer];
|
|
130
134
|
}
|
|
131
135
|
dataArr = dataArr.map(function (item) {
|
|
132
|
-
return _extends
|
|
136
|
+
return _extends._extends({}, item, {
|
|
133
137
|
pageNumber: page
|
|
134
138
|
});
|
|
135
139
|
});
|
|
@@ -230,7 +234,7 @@ var GridContent = function (_React$Component) {
|
|
|
230
234
|
var rightItems = _this.props.rightItems;
|
|
231
235
|
|
|
232
236
|
var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
|
|
233
|
-
return React__default.createElement(
|
|
237
|
+
return React__default['default'].createElement(
|
|
234
238
|
'div',
|
|
235
239
|
{ style: { display: 'flex', flex: '1 0 auto' } },
|
|
236
240
|
rightItems[i].component
|
|
@@ -238,24 +242,24 @@ var GridContent = function (_React$Component) {
|
|
|
238
242
|
}, _this.renderManualPagination = function () {
|
|
239
243
|
var currentPage = _this.state.currentPage;
|
|
240
244
|
|
|
241
|
-
return React__default.createElement(
|
|
245
|
+
return React__default['default'].createElement(
|
|
242
246
|
'div',
|
|
243
247
|
{ className: 'd-flex justify-content-between' },
|
|
244
|
-
currentPage && currentPage > 1 && React__default.createElement(
|
|
248
|
+
currentPage && currentPage > 1 && React__default['default'].createElement(
|
|
245
249
|
'a',
|
|
246
250
|
{ href: '?page=' + (currentPage - 1) },
|
|
247
251
|
'<< Previous'
|
|
248
252
|
),
|
|
249
|
-
React__default.createElement(
|
|
253
|
+
React__default['default'].createElement(
|
|
250
254
|
'a',
|
|
251
255
|
{ href: '?page=' + (currentPage + 1) },
|
|
252
256
|
'Next >>'
|
|
253
257
|
)
|
|
254
258
|
);
|
|
255
|
-
}, _temp), inherits
|
|
259
|
+
}, _temp), inherits._possibleConstructorReturn(_this, _ret);
|
|
256
260
|
}
|
|
257
261
|
|
|
258
|
-
inherits
|
|
262
|
+
inherits._createClass(GridContent, [{
|
|
259
263
|
key: 'cardLoader',
|
|
260
264
|
value: function cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, desktopView) {
|
|
261
265
|
var _this2 = this;
|
|
@@ -265,60 +269,60 @@ var GridContent = function (_React$Component) {
|
|
|
265
269
|
var numberOfItemsBeforeAd = 6;
|
|
266
270
|
var numberOfItemsBeforeVideo = 3;
|
|
267
271
|
if (variant === 'stack') {
|
|
268
|
-
return React__default.createElement(
|
|
269
|
-
|
|
272
|
+
return React__default['default'].createElement(
|
|
273
|
+
Row__default['default'],
|
|
270
274
|
null,
|
|
271
275
|
this.state.data && this.state.data.length > 0 ? this.state.data.map(function (row, index) {
|
|
272
276
|
// const thumbnailURL = get(row, 'thumbnail.asset.url', this.props.defaultImage)
|
|
273
|
-
return React__default.createElement(
|
|
274
|
-
|
|
277
|
+
return React__default['default'].createElement(
|
|
278
|
+
Col__default['default'],
|
|
275
279
|
{ key: index, md: 12, lg: lgVar, style: { display: 'flex', flex: '1 0 auto' } },
|
|
276
|
-
React__default.createElement(
|
|
277
|
-
|
|
280
|
+
React__default['default'].createElement(
|
|
281
|
+
Card__default['default'],
|
|
278
282
|
{ className: 'queue-card', style: { borderTop: '1px solid #EEE' } },
|
|
279
|
-
React__default.createElement(
|
|
280
|
-
|
|
283
|
+
React__default['default'].createElement(
|
|
284
|
+
Row__default['default'],
|
|
281
285
|
{ style: { flexDirection: 'row' } },
|
|
282
|
-
React__default.createElement(
|
|
283
|
-
|
|
286
|
+
React__default['default'].createElement(
|
|
287
|
+
Col__default['default'],
|
|
284
288
|
{ md: 12, lg: 4 },
|
|
285
|
-
React__default.createElement(
|
|
289
|
+
React__default['default'].createElement(
|
|
286
290
|
'a',
|
|
287
|
-
{ href: _this2.page + '/' + get
|
|
288
|
-
React__default.createElement(
|
|
291
|
+
{ href: _this2.page + '/' + get.get_1(row, 'url.current') },
|
|
292
|
+
React__default['default'].createElement(
|
|
289
293
|
index$1.LazyLoad,
|
|
290
294
|
{ height: _this2.props.imageHeight },
|
|
291
|
-
React__default.createElement(
|
|
295
|
+
React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
|
|
292
296
|
)
|
|
293
297
|
)
|
|
294
298
|
),
|
|
295
|
-
React__default.createElement(
|
|
296
|
-
|
|
299
|
+
React__default['default'].createElement(
|
|
300
|
+
Col__default['default'],
|
|
297
301
|
null,
|
|
298
|
-
React__default.createElement(
|
|
299
|
-
|
|
302
|
+
React__default['default'].createElement(
|
|
303
|
+
Card__default['default'].Body,
|
|
300
304
|
{ style: { padding: '20px' } },
|
|
301
|
-
React__default.createElement(
|
|
302
|
-
|
|
305
|
+
React__default['default'].createElement(
|
|
306
|
+
Card__default['default'].Title,
|
|
303
307
|
null,
|
|
304
|
-
React__default.createElement(
|
|
308
|
+
React__default['default'].createElement(
|
|
305
309
|
'a',
|
|
306
|
-
{ href: _this2.page + '/' + get
|
|
310
|
+
{ href: _this2.page + '/' + get.get_1(row, 'url.current') },
|
|
307
311
|
row.title
|
|
308
312
|
)
|
|
309
313
|
),
|
|
310
|
-
_this2.props.showPublished && row.published && React__default.createElement(
|
|
311
|
-
|
|
314
|
+
_this2.props.showPublished && row.published && React__default['default'].createElement(
|
|
315
|
+
Card__default['default'].Subtitle,
|
|
312
316
|
{ style: { marginTop: 0 } },
|
|
313
317
|
moment.moment(row.published).format('MMMM DD, YYYY')
|
|
314
318
|
),
|
|
315
|
-
_this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
|
|
319
|
+
_this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default['default'].createElement(
|
|
316
320
|
index$1.LazyLoad,
|
|
317
321
|
{ height: 50 },
|
|
318
|
-
React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
|
|
322
|
+
React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
|
|
319
323
|
),
|
|
320
|
-
React__default.createElement(
|
|
321
|
-
|
|
324
|
+
React__default['default'].createElement(
|
|
325
|
+
Card__default['default'].Text,
|
|
322
326
|
null,
|
|
323
327
|
entities.clean_html_1(row.summary)
|
|
324
328
|
)
|
|
@@ -327,13 +331,13 @@ var GridContent = function (_React$Component) {
|
|
|
327
331
|
)
|
|
328
332
|
)
|
|
329
333
|
);
|
|
330
|
-
}) : React__default.createElement(
|
|
334
|
+
}) : React__default['default'].createElement(
|
|
331
335
|
'div',
|
|
332
336
|
null,
|
|
333
|
-
React__default.createElement(
|
|
337
|
+
React__default['default'].createElement(
|
|
334
338
|
'h5',
|
|
335
339
|
null,
|
|
336
|
-
React__default.createElement(
|
|
340
|
+
React__default['default'].createElement(
|
|
337
341
|
'em',
|
|
338
342
|
null,
|
|
339
343
|
'New content coming soon, please check back later.'
|
|
@@ -407,7 +411,7 @@ var GridContent = function (_React$Component) {
|
|
|
407
411
|
posts = firstThree.concat(posts);
|
|
408
412
|
posts = posts.map(function (ele, i) {
|
|
409
413
|
if (ele._type === 'lg-infeed') {
|
|
410
|
-
return _extends
|
|
414
|
+
return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
|
|
411
415
|
} else {
|
|
412
416
|
return ele;
|
|
413
417
|
}
|
|
@@ -418,7 +422,7 @@ var GridContent = function (_React$Component) {
|
|
|
418
422
|
var itemsPerPage = this.props.params && this.props.params.itemsPerPage ? this.props.params.itemsPerPage : 10;
|
|
419
423
|
var heroContent = this.props.heroContent ? this.props.heroContent : 0;
|
|
420
424
|
var featureCount = 0;
|
|
421
|
-
return React__default.createElement(
|
|
425
|
+
return React__default['default'].createElement(
|
|
422
426
|
'div',
|
|
423
427
|
{ className: 'grid-container' },
|
|
424
428
|
posts && posts.length > 0 ? posts.map(function (row, index) {
|
|
@@ -428,59 +432,59 @@ var GridContent = function (_React$Component) {
|
|
|
428
432
|
if (row._type === 'feature') {
|
|
429
433
|
featureCount++;
|
|
430
434
|
if (row.blank || _this2.checkExternalUrl(row.url.current)) {
|
|
431
|
-
return React__default.createElement(
|
|
432
|
-
React__default.Fragment,
|
|
435
|
+
return React__default['default'].createElement(
|
|
436
|
+
React__default['default'].Fragment,
|
|
433
437
|
{ key: itemCounter },
|
|
434
|
-
React__default.createElement(
|
|
438
|
+
React__default['default'].createElement(
|
|
435
439
|
visibilitySensor.VisibilitySensor,
|
|
436
440
|
{
|
|
437
441
|
partialVisibility: true,
|
|
438
442
|
onChange: function onChange(isVisible) {
|
|
439
443
|
isVisible && _this2.changePageNumber(1, itemsPerPage, index);
|
|
440
444
|
} },
|
|
441
|
-
React__default.createElement(
|
|
445
|
+
React__default['default'].createElement(
|
|
442
446
|
'div',
|
|
443
447
|
{ counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
|
|
444
|
-
React__default.createElement(
|
|
445
|
-
|
|
448
|
+
React__default['default'].createElement(
|
|
449
|
+
Card__default['default'],
|
|
446
450
|
{ className: 'content-card', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
|
|
447
|
-
(row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default.createElement(
|
|
451
|
+
(row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default['default'].createElement(
|
|
448
452
|
'a',
|
|
449
453
|
{ href: row.url.current, target: '_blank', className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
|
|
450
|
-
React__default.createElement(
|
|
454
|
+
React__default['default'].createElement(
|
|
451
455
|
index$1.LazyLoad,
|
|
452
456
|
{ height: _this2.props.imageHeight },
|
|
453
|
-
React__default.createElement(
|
|
457
|
+
React__default['default'].createElement(Card__default['default'].Img, {
|
|
454
458
|
variant: 'top',
|
|
455
459
|
src: _this2.renderCardImage(row, page),
|
|
456
460
|
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
457
461
|
})
|
|
458
462
|
)
|
|
459
463
|
),
|
|
460
|
-
React__default.createElement(
|
|
461
|
-
|
|
464
|
+
React__default['default'].createElement(
|
|
465
|
+
Card__default['default'].Body,
|
|
462
466
|
null,
|
|
463
|
-
React__default.createElement(
|
|
467
|
+
React__default['default'].createElement(
|
|
464
468
|
'a',
|
|
465
469
|
{ href: row.url.current, target: '_blank' },
|
|
466
|
-
React__default.createElement(
|
|
467
|
-
|
|
470
|
+
React__default['default'].createElement(
|
|
471
|
+
Card__default['default'].Title,
|
|
468
472
|
null,
|
|
469
473
|
row.title
|
|
470
474
|
)
|
|
471
475
|
),
|
|
472
|
-
_this2.props.showPublished && row.published && React__default.createElement(
|
|
473
|
-
|
|
476
|
+
_this2.props.showPublished && row.published && React__default['default'].createElement(
|
|
477
|
+
Card__default['default'].Subtitle,
|
|
474
478
|
{ style: { marginTop: 0 } },
|
|
475
479
|
moment.moment(row.published).format('MMMM DD, YYYY')
|
|
476
480
|
),
|
|
477
|
-
_this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
|
|
481
|
+
_this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default['default'].createElement(
|
|
478
482
|
index$1.LazyLoad,
|
|
479
483
|
{ height: 50 },
|
|
480
|
-
React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
|
|
484
|
+
React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
|
|
481
485
|
),
|
|
482
|
-
React__default.createElement(
|
|
483
|
-
|
|
486
|
+
React__default['default'].createElement(
|
|
487
|
+
Card__default['default'].Text,
|
|
484
488
|
{ className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
|
|
485
489
|
entities.clean_html_1(row.summary)
|
|
486
490
|
)
|
|
@@ -488,63 +492,63 @@ var GridContent = function (_React$Component) {
|
|
|
488
492
|
)
|
|
489
493
|
)
|
|
490
494
|
),
|
|
491
|
-
showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
|
|
492
|
-
main.
|
|
495
|
+
showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default['default'].createElement(VideoPlayer, null),
|
|
496
|
+
main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
|
|
493
497
|
);
|
|
494
498
|
} else {
|
|
495
|
-
return React__default.createElement(
|
|
496
|
-
React__default.Fragment,
|
|
499
|
+
return React__default['default'].createElement(
|
|
500
|
+
React__default['default'].Fragment,
|
|
497
501
|
{ key: itemCounter },
|
|
498
|
-
React__default.createElement(
|
|
502
|
+
React__default['default'].createElement(
|
|
499
503
|
visibilitySensor.VisibilitySensor,
|
|
500
504
|
{
|
|
501
505
|
partialVisibility: true,
|
|
502
506
|
onChange: function onChange(isVisible) {
|
|
503
507
|
isVisible && _this2.changePageNumber(1, itemsPerPage, index);
|
|
504
508
|
} },
|
|
505
|
-
React__default.createElement(
|
|
509
|
+
React__default['default'].createElement(
|
|
506
510
|
'div',
|
|
507
511
|
{ counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
|
|
508
|
-
React__default.createElement(
|
|
509
|
-
|
|
512
|
+
React__default['default'].createElement(
|
|
513
|
+
Card__default['default'],
|
|
510
514
|
{ className: 'content-card', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
|
|
511
|
-
(row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default.createElement(
|
|
515
|
+
(row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default['default'].createElement(
|
|
512
516
|
'a',
|
|
513
517
|
{ href: row.url.current, className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
|
|
514
|
-
React__default.createElement(
|
|
518
|
+
React__default['default'].createElement(
|
|
515
519
|
index$1.LazyLoad,
|
|
516
520
|
{ height: _this2.props.imageHeight },
|
|
517
|
-
React__default.createElement(
|
|
521
|
+
React__default['default'].createElement(Card__default['default'].Img, {
|
|
518
522
|
variant: 'top',
|
|
519
523
|
src: _this2.renderCardImage(row, page),
|
|
520
524
|
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
521
525
|
})
|
|
522
526
|
)
|
|
523
527
|
),
|
|
524
|
-
React__default.createElement(
|
|
525
|
-
|
|
528
|
+
React__default['default'].createElement(
|
|
529
|
+
Card__default['default'].Body,
|
|
526
530
|
null,
|
|
527
|
-
React__default.createElement(
|
|
531
|
+
React__default['default'].createElement(
|
|
528
532
|
'a',
|
|
529
533
|
{ href: row.url.current },
|
|
530
|
-
React__default.createElement(
|
|
531
|
-
|
|
534
|
+
React__default['default'].createElement(
|
|
535
|
+
Card__default['default'].Title,
|
|
532
536
|
null,
|
|
533
537
|
row.title
|
|
534
538
|
)
|
|
535
539
|
),
|
|
536
|
-
_this2.props.showPublished && row.published && React__default.createElement(
|
|
537
|
-
|
|
540
|
+
_this2.props.showPublished && row.published && React__default['default'].createElement(
|
|
541
|
+
Card__default['default'].Subtitle,
|
|
538
542
|
{ style: { marginTop: 0 } },
|
|
539
543
|
moment.moment(row.published).format('MMMM DD, YYYY')
|
|
540
544
|
),
|
|
541
|
-
_this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
|
|
545
|
+
_this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default['default'].createElement(
|
|
542
546
|
index$1.LazyLoad,
|
|
543
547
|
{ height: 50 },
|
|
544
|
-
React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
|
|
548
|
+
React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
|
|
545
549
|
),
|
|
546
|
-
React__default.createElement(
|
|
547
|
-
|
|
550
|
+
React__default['default'].createElement(
|
|
551
|
+
Card__default['default'].Text,
|
|
548
552
|
{ className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
|
|
549
553
|
entities.clean_html_1(row.summary)
|
|
550
554
|
)
|
|
@@ -552,68 +556,68 @@ var GridContent = function (_React$Component) {
|
|
|
552
556
|
)
|
|
553
557
|
)
|
|
554
558
|
),
|
|
555
|
-
showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
|
|
556
|
-
main.
|
|
559
|
+
showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default['default'].createElement(VideoPlayer, null),
|
|
560
|
+
main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
|
|
557
561
|
);
|
|
558
562
|
}
|
|
559
563
|
} else if (row._type === 'lg-infeed' && row.adUnit) {
|
|
560
|
-
return React__default.createElement(ADlgInfeed.ADlgInfeed, _extends
|
|
564
|
+
return React__default['default'].createElement(ADlgInfeed.ADlgInfeed, _extends._extends({ index: index }, row));
|
|
561
565
|
} else if (row._type === 'BrandInsight' && row.adUnit) {
|
|
562
|
-
return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
|
|
566
|
+
return React__default['default'].createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
|
|
563
567
|
}
|
|
564
|
-
if (index + 1 > heroContent + featureCount && row._type
|
|
565
|
-
return React__default.createElement(
|
|
566
|
-
React__default.Fragment,
|
|
568
|
+
if (index + 1 > heroContent + featureCount && (!row._type || !['lg-infeed', 'brandInsightAd'].includes(row._type))) {
|
|
569
|
+
return React__default['default'].createElement(
|
|
570
|
+
React__default['default'].Fragment,
|
|
567
571
|
{ key: itemCounter },
|
|
568
|
-
React__default.createElement(
|
|
572
|
+
React__default['default'].createElement(
|
|
569
573
|
visibilitySensor.VisibilitySensor,
|
|
570
574
|
{
|
|
571
575
|
onChange: function onChange(isVisible) {
|
|
572
576
|
isVisible && _this2.changePageNumber(pageNumber, itemsPerPage, index);
|
|
573
577
|
} },
|
|
574
|
-
React__default.createElement(
|
|
578
|
+
React__default['default'].createElement(
|
|
575
579
|
'div',
|
|
576
580
|
{ counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
|
|
577
|
-
React__default.createElement(
|
|
578
|
-
|
|
581
|
+
React__default['default'].createElement(
|
|
582
|
+
Card__default['default'],
|
|
579
583
|
{ className: 'content-card', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
|
|
580
|
-
(row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default.createElement(
|
|
584
|
+
(row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default['default'].createElement(
|
|
581
585
|
'a',
|
|
582
586
|
{ href: linkHref, className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
|
|
583
|
-
React__default.createElement(
|
|
587
|
+
React__default['default'].createElement(
|
|
584
588
|
index$1.LazyLoad,
|
|
585
589
|
{ height: _this2.props.imageHeight },
|
|
586
|
-
React__default.createElement(
|
|
590
|
+
React__default['default'].createElement(Card__default['default'].Img, {
|
|
587
591
|
variant: 'top',
|
|
588
592
|
src: _this2.renderCardImage(row, page),
|
|
589
593
|
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
590
594
|
})
|
|
591
595
|
)
|
|
592
596
|
),
|
|
593
|
-
React__default.createElement(
|
|
594
|
-
|
|
597
|
+
React__default['default'].createElement(
|
|
598
|
+
Card__default['default'].Body,
|
|
595
599
|
null,
|
|
596
|
-
React__default.createElement(
|
|
600
|
+
React__default['default'].createElement(
|
|
597
601
|
'a',
|
|
598
602
|
{ href: linkHref },
|
|
599
|
-
React__default.createElement(
|
|
600
|
-
|
|
603
|
+
React__default['default'].createElement(
|
|
604
|
+
Card__default['default'].Title,
|
|
601
605
|
null,
|
|
602
606
|
row.title
|
|
603
607
|
)
|
|
604
608
|
),
|
|
605
|
-
_this2.props.showPublished && row.published && React__default.createElement(
|
|
606
|
-
|
|
609
|
+
_this2.props.showPublished && row.published && React__default['default'].createElement(
|
|
610
|
+
Card__default['default'].Subtitle,
|
|
607
611
|
{ style: { marginTop: 0 } },
|
|
608
612
|
moment.moment(row.published).format('MMMM DD, YYYY')
|
|
609
613
|
),
|
|
610
|
-
_this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
|
|
614
|
+
_this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default['default'].createElement(
|
|
611
615
|
index$1.LazyLoad,
|
|
612
616
|
{ height: 50 },
|
|
613
|
-
React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
|
|
617
|
+
React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
|
|
614
618
|
),
|
|
615
|
-
React__default.createElement(
|
|
616
|
-
|
|
619
|
+
React__default['default'].createElement(
|
|
620
|
+
Card__default['default'].Text,
|
|
617
621
|
{ className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
|
|
618
622
|
entities.clean_html_1(row.summary)
|
|
619
623
|
)
|
|
@@ -621,17 +625,17 @@ var GridContent = function (_React$Component) {
|
|
|
621
625
|
)
|
|
622
626
|
)
|
|
623
627
|
),
|
|
624
|
-
showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
|
|
625
|
-
main.
|
|
628
|
+
showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default['default'].createElement(VideoPlayer, null),
|
|
629
|
+
main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
|
|
626
630
|
);
|
|
627
631
|
} else return null;
|
|
628
|
-
}) : React__default.createElement(
|
|
632
|
+
}) : React__default['default'].createElement(
|
|
629
633
|
'div',
|
|
630
634
|
null,
|
|
631
|
-
React__default.createElement(
|
|
635
|
+
React__default['default'].createElement(
|
|
632
636
|
'h5',
|
|
633
637
|
null,
|
|
634
|
-
React__default.createElement(
|
|
638
|
+
React__default['default'].createElement(
|
|
635
639
|
'em',
|
|
636
640
|
null,
|
|
637
641
|
'New content coming soon, please check back later.'
|
|
@@ -656,29 +660,29 @@ var GridContent = function (_React$Component) {
|
|
|
656
660
|
brandInsight = _props.brandInsight;
|
|
657
661
|
|
|
658
662
|
|
|
659
|
-
return React__default.createElement(
|
|
663
|
+
return React__default['default'].createElement(
|
|
660
664
|
'div',
|
|
661
665
|
{ className: 'contentDeck' },
|
|
662
|
-
autoScroll ? React__default.createElement(
|
|
666
|
+
autoScroll ? React__default['default'].createElement(
|
|
663
667
|
index_es.InfiniteScroll,
|
|
664
668
|
{ dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
|
|
665
|
-
React__default.createElement(
|
|
666
|
-
|
|
669
|
+
React__default['default'].createElement(
|
|
670
|
+
Container__default['default'],
|
|
667
671
|
null,
|
|
668
672
|
this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.desktopView)
|
|
669
673
|
)
|
|
670
|
-
) : React__default.createElement(
|
|
671
|
-
React__default.Fragment,
|
|
674
|
+
) : React__default['default'].createElement(
|
|
675
|
+
React__default['default'].Fragment,
|
|
672
676
|
null,
|
|
673
|
-
React__default.createElement(
|
|
674
|
-
|
|
677
|
+
React__default['default'].createElement(
|
|
678
|
+
Container__default['default'],
|
|
675
679
|
null,
|
|
676
680
|
this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.desktopView)
|
|
677
681
|
),
|
|
678
|
-
React__default.createElement(
|
|
682
|
+
React__default['default'].createElement(
|
|
679
683
|
'div',
|
|
680
684
|
{ style: { padding: '0px 10px' } },
|
|
681
|
-
this.state.scrolling ? React__default.createElement(
|
|
685
|
+
this.state.scrolling ? React__default['default'].createElement(
|
|
682
686
|
'button',
|
|
683
687
|
{
|
|
684
688
|
style: { margin: 'auto', width: '100%' },
|
|
@@ -686,17 +690,17 @@ var GridContent = function (_React$Component) {
|
|
|
686
690
|
_this3.loadMore();
|
|
687
691
|
} },
|
|
688
692
|
'Load More'
|
|
689
|
-
) : React__default.createElement(
|
|
693
|
+
) : React__default['default'].createElement(
|
|
690
694
|
'p',
|
|
691
695
|
{ style: { textAlign: 'center' } },
|
|
692
|
-
React__default.createElement(
|
|
696
|
+
React__default['default'].createElement(
|
|
693
697
|
'b',
|
|
694
698
|
null,
|
|
695
699
|
'End of data'
|
|
696
700
|
)
|
|
697
701
|
)
|
|
698
702
|
),
|
|
699
|
-
React__default.createElement(
|
|
703
|
+
React__default['default'].createElement(
|
|
700
704
|
'noscript',
|
|
701
705
|
null,
|
|
702
706
|
this.renderManualPagination()
|
|
@@ -707,9 +711,9 @@ var GridContent = function (_React$Component) {
|
|
|
707
711
|
}]);
|
|
708
712
|
|
|
709
713
|
return GridContent;
|
|
710
|
-
}(React__default.Component);
|
|
714
|
+
}(React__default['default'].Component);
|
|
711
715
|
|
|
712
|
-
var GridContent$1 = React__default.memo(Router.withRouter(GridContent));
|
|
716
|
+
var GridContent$1 = React__default['default'].memo(Router.withRouter(GridContent));
|
|
713
717
|
|
|
714
718
|
exports.AD = AD;
|
|
715
719
|
exports.GridContent = GridContent$1;
|