@mjhls/mjh-framework 1.0.402 → 1.0.404
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/{ADInfeed-d1783f42.js → ADInfeed-494f5e6b.js} +1 -1
- package/dist/cjs/{AdSlot-20aa927e.js → AdSlot-4d22aad4.js} +2 -2
- package/dist/cjs/DeckContent.js +9 -7
- package/dist/cjs/DeckQueue.js +6 -4
- package/dist/cjs/{Dfp-27b922b0.js → Dfp-2399639f.js} +1 -1
- package/dist/cjs/{Figure-8dd7df44.js → Figure-9e886c5b.js} +2 -4
- package/dist/cjs/{GridContent-c0c0d3e5.js → GridContent-2f42692a.js} +7 -6
- package/dist/cjs/GridContent.js +9 -7
- package/dist/cjs/IssueDeck.js +182 -86
- package/dist/cjs/MasterDeck.js +21 -7
- package/dist/cjs/{Normal-c1c98dcf.js → Normal-4a0d7dfc.js} +82 -2
- package/dist/cjs/QueueDeckExpanded.js +9 -7
- package/dist/cjs/TemplateNormal.js +5 -4
- package/dist/cjs/VideoSeriesListing.js +3 -2
- package/dist/cjs/_iter-detect-234453c3.js +53 -0
- package/dist/cjs/index.es-ab3f2690.js +428 -0
- package/dist/cjs/index.js +23 -100
- package/dist/cjs/{main-2020ba94.js → main-bc4db521.js} +0 -50
- package/dist/cjs/{promise-d5136080.js → promise-0a493c7a.js} +4 -4
- package/dist/cjs/{toConsumableArray-3cf1df2c.js → toConsumableArray-25d0e2a3.js} +4 -4
- package/dist/cjs/{visibility-sensor-43e0b37c.js → visibility-sensor-0c45a583.js} +0 -421
- package/dist/esm/{ADInfeed-40adc8e0.js → ADInfeed-e5cefea5.js} +1 -1
- package/dist/esm/{AdSlot-c3ed3214.js → AdSlot-78e48a2c.js} +2 -2
- package/dist/esm/DeckContent.js +8 -6
- package/dist/esm/DeckQueue.js +5 -3
- package/dist/esm/{Dfp-3b3273ee.js → Dfp-d5fe1252.js} +1 -1
- package/dist/esm/{Figure-f269f495.js → Figure-cc1affbe.js} +2 -4
- package/dist/esm/{GridContent-b042eb2d.js → GridContent-cafb2fe4.js} +6 -5
- package/dist/esm/GridContent.js +9 -7
- package/dist/esm/IssueDeck.js +183 -87
- package/dist/esm/MasterDeck.js +20 -6
- package/dist/esm/{Normal-68ef59cd.js → Normal-b8c423e3.js} +82 -3
- package/dist/esm/QueueDeckExpanded.js +8 -6
- package/dist/esm/TemplateNormal.js +5 -4
- package/dist/esm/VideoSeriesListing.js +2 -1
- package/dist/esm/_iter-detect-7c281f0a.js +49 -0
- package/dist/esm/index.es-938a3a58.js +423 -0
- package/dist/esm/index.js +20 -97
- package/dist/esm/{main-25bb2c75.js → main-7d1b3c98.js} +1 -48
- package/dist/esm/{promise-5d7cd78a.js → promise-2592a80a.js} +1 -1
- package/dist/esm/{toConsumableArray-d7054876.js → toConsumableArray-c5e2fde8.js} +1 -1
- package/dist/esm/{visibility-sensor-49d5805d.js → visibility-sensor-0baa4eea.js} +2 -422
- package/package.json +1 -1
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
-
var main = require('./main-2020ba94.js');
|
|
6
5
|
var React = require('react');
|
|
7
6
|
var React__default = _interopDefault(React);
|
|
8
7
|
var Container = _interopDefault(require('react-bootstrap/Container'));
|
|
@@ -10,8 +9,9 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
|
|
|
10
9
|
var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
11
10
|
var Router = require('next/router');
|
|
12
11
|
var Router__default = _interopDefault(Router);
|
|
12
|
+
var main = require('./main-bc4db521.js');
|
|
13
13
|
var slicedToArray = require('./slicedToArray-419d467a.js');
|
|
14
|
-
var AdSlot = require('./AdSlot-
|
|
14
|
+
var AdSlot = require('./AdSlot-4d22aad4.js');
|
|
15
15
|
var get$1 = require('./get-5aa7468c.js');
|
|
16
16
|
var reactSocialIcons = require('./react-social-icons-cd0d9d3b.js');
|
|
17
17
|
var reactBootstrap = require('react-bootstrap');
|
|
@@ -188,6 +188,84 @@ var Column2 = function Column2(props) {
|
|
|
188
188
|
);
|
|
189
189
|
};
|
|
190
190
|
|
|
191
|
+
var ADSponsoredResources = function ADSponsoredResources(_ref) {
|
|
192
|
+
var sponsoredAd = _ref.sponsoredAd,
|
|
193
|
+
_ref$minScreenWidth = _ref.minScreenWidth,
|
|
194
|
+
minScreenWidth = _ref$minScreenWidth === undefined ? 1200 : _ref$minScreenWidth;
|
|
195
|
+
var className = sponsoredAd.className,
|
|
196
|
+
slotId = sponsoredAd.slotId,
|
|
197
|
+
adUnit = sponsoredAd.adUnit,
|
|
198
|
+
_sponsoredAd$targetin = sponsoredAd.targeting,
|
|
199
|
+
targeting = _sponsoredAd$targetin === undefined ? {} : _sponsoredAd$targetin,
|
|
200
|
+
_sponsoredAd$position = sponsoredAd.position,
|
|
201
|
+
position = _sponsoredAd$position === undefined ? 'sponsor' : _sponsoredAd$position,
|
|
202
|
+
networkID = sponsoredAd.networkID,
|
|
203
|
+
sizes = sponsoredAd.sizes;
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
var adTargeting = {
|
|
207
|
+
content_placement: targeting.content_placement,
|
|
208
|
+
tags: targeting.tags,
|
|
209
|
+
document_group: targeting.document_group,
|
|
210
|
+
document_url: targeting.document_url,
|
|
211
|
+
pos: position,
|
|
212
|
+
campaign_id: targeting.campaign_id,
|
|
213
|
+
issue_url: targeting.issue_url,
|
|
214
|
+
publication_url: targeting.publication_url
|
|
215
|
+
};
|
|
216
|
+
|
|
217
|
+
var _useState = React.useState(false),
|
|
218
|
+
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
219
|
+
widthFlag = _useState2[0],
|
|
220
|
+
setWidthFlag = _useState2[1];
|
|
221
|
+
|
|
222
|
+
React.useEffect(function () {
|
|
223
|
+
if (window && window.innerWidth >= minScreenWidth) {
|
|
224
|
+
setWidthFlag(true);
|
|
225
|
+
}
|
|
226
|
+
}, [minScreenWidth]);
|
|
227
|
+
|
|
228
|
+
var collapseAd = function collapseAd() {
|
|
229
|
+
var parent = document.getElementById('sponsored-ad-wrapper');
|
|
230
|
+
parent.style.height = '0%';
|
|
231
|
+
parent.style.width = '0%';
|
|
232
|
+
parent.style.display = 'none';
|
|
233
|
+
};
|
|
234
|
+
|
|
235
|
+
var checkIsAdFound = function checkIsAdFound(isFound) {
|
|
236
|
+
if (isFound) {
|
|
237
|
+
var parent = document.getElementById('sponsored-ad-wrapper');
|
|
238
|
+
parent.style.display = 'block';
|
|
239
|
+
} else {
|
|
240
|
+
collapseAd();
|
|
241
|
+
}
|
|
242
|
+
};
|
|
243
|
+
if (widthFlag) {
|
|
244
|
+
return React__default.createElement(
|
|
245
|
+
React__default.Fragment,
|
|
246
|
+
null,
|
|
247
|
+
React__default.createElement(
|
|
248
|
+
'div',
|
|
249
|
+
{ id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
|
|
250
|
+
React__default.createElement(
|
|
251
|
+
'div',
|
|
252
|
+
{ className: 'sponsored-ad' },
|
|
253
|
+
React__default.createElement(AdSlot.DFPAdSlot, {
|
|
254
|
+
className: className,
|
|
255
|
+
slotId: slotId,
|
|
256
|
+
networkID: networkID,
|
|
257
|
+
sizes: sizes,
|
|
258
|
+
adUnit: adUnit,
|
|
259
|
+
targeting: adTargeting,
|
|
260
|
+
refreshFlag: false,
|
|
261
|
+
checkIsAdFound: checkIsAdFound
|
|
262
|
+
})
|
|
263
|
+
)
|
|
264
|
+
)
|
|
265
|
+
);
|
|
266
|
+
} else return null;
|
|
267
|
+
};
|
|
268
|
+
|
|
191
269
|
var LeftNav = function LeftNav(props) {
|
|
192
270
|
var leftItems = props.leftItems,
|
|
193
271
|
_props$fixedHeight = props.fixedHeight,
|
|
@@ -375,6 +453,7 @@ var Column3 = function Column3(props) {
|
|
|
375
453
|
Col,
|
|
376
454
|
{ md: true, className: 'leftCol', style: { width: '200px' } },
|
|
377
455
|
React__default.createElement(LeftNav$1, { leftItems: leftItems }),
|
|
456
|
+
website && website.sponsoredAd && React__default.createElement(ADSponsoredResources, { sponsoredAd: website.sponsoredAd }),
|
|
378
457
|
website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
|
|
379
458
|
),
|
|
380
459
|
React__default.createElement(
|
|
@@ -2194,6 +2273,7 @@ var TemplateNormal = function TemplateNormal(props) {
|
|
|
2194
2273
|
};
|
|
2195
2274
|
|
|
2196
2275
|
exports.AD728x90 = AD728x90;
|
|
2276
|
+
exports.ADSponsoredResources = ADSponsoredResources;
|
|
2197
2277
|
exports.Column1 = Column1;
|
|
2198
2278
|
exports.Column2 = Column2;
|
|
2199
2279
|
exports.Column3 = Column3;
|
|
@@ -6,8 +6,8 @@ require('./_commonjsHelpers-06173234.js');
|
|
|
6
6
|
require('./_to-object-329a650b.js');
|
|
7
7
|
require('./web.dom.iterable-5c889cf1.js');
|
|
8
8
|
require('./_library-dd23b178.js');
|
|
9
|
-
|
|
10
|
-
var toConsumableArray = require('./toConsumableArray-
|
|
9
|
+
require('./_iter-detect-234453c3.js');
|
|
10
|
+
var toConsumableArray = require('./toConsumableArray-25d0e2a3.js');
|
|
11
11
|
require('./_object-pie-68c5bcbc.js');
|
|
12
12
|
var _extends$2 = require('./extends-60837c34.js');
|
|
13
13
|
var React = require('react');
|
|
@@ -18,15 +18,17 @@ require('react-bootstrap/Card');
|
|
|
18
18
|
var moment = require('./moment-66a6a284.js');
|
|
19
19
|
var Router = require('next/router');
|
|
20
20
|
var Router__default = _interopDefault(Router);
|
|
21
|
-
var
|
|
21
|
+
var index_es = require('./index.es-ab3f2690.js');
|
|
22
22
|
require('react-dom');
|
|
23
|
+
var visibilitySensor = require('./visibility-sensor-0c45a583.js');
|
|
23
24
|
var index = require('./index-b5eb3ff8.js');
|
|
24
25
|
var index$1 = require('./index-fa0fb52c.js');
|
|
26
|
+
var main = require('./main-bc4db521.js');
|
|
25
27
|
var entities = require('./entities-310b46ee.js');
|
|
26
28
|
var slicedToArray = require('./slicedToArray-419d467a.js');
|
|
27
|
-
require('./AdSlot-
|
|
28
|
-
require('./promise-
|
|
29
|
-
var ADInfeed = require('./ADInfeed-
|
|
29
|
+
require('./AdSlot-4d22aad4.js');
|
|
30
|
+
require('./promise-0a493c7a.js');
|
|
31
|
+
var ADInfeed = require('./ADInfeed-494f5e6b.js');
|
|
30
32
|
var AuthorComponent = require('./AuthorComponent-4706f297.js');
|
|
31
33
|
var reactBootstrap = require('react-bootstrap');
|
|
32
34
|
|
|
@@ -533,7 +535,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
533
535
|
React__default.Fragment,
|
|
534
536
|
null,
|
|
535
537
|
React__default.createElement(
|
|
536
|
-
|
|
538
|
+
index_es.InfiniteScroll,
|
|
537
539
|
{ dataLength: data && data.length, next: function next() {
|
|
538
540
|
return loadMore(values, setValues, per);
|
|
539
541
|
}, hasMore: scrolling, scrollThreshold: 0.9 },
|
|
@@ -4,7 +4,7 @@ require('./_commonjsHelpers-06173234.js');
|
|
|
4
4
|
require('./_to-object-329a650b.js');
|
|
5
5
|
require('./web.dom.iterable-5c889cf1.js');
|
|
6
6
|
require('./_library-dd23b178.js');
|
|
7
|
-
require('./
|
|
7
|
+
require('./_iter-detect-234453c3.js');
|
|
8
8
|
require('react');
|
|
9
9
|
require('./debounce-b088070c.js');
|
|
10
10
|
require('prop-types');
|
|
@@ -12,15 +12,16 @@ require('react-bootstrap/Container');
|
|
|
12
12
|
require('react-bootstrap/Row');
|
|
13
13
|
require('react-bootstrap/Col');
|
|
14
14
|
require('next/router');
|
|
15
|
+
require('./main-bc4db521.js');
|
|
15
16
|
require('./slicedToArray-419d467a.js');
|
|
16
|
-
require('./AdSlot-
|
|
17
|
-
require('./promise-
|
|
17
|
+
require('./AdSlot-4d22aad4.js');
|
|
18
|
+
require('./promise-0a493c7a.js');
|
|
18
19
|
require('./get-5aa7468c.js');
|
|
19
20
|
require('./react-social-icons-cd0d9d3b.js');
|
|
20
21
|
require('react-bootstrap');
|
|
21
22
|
require('./index.esm-340d3792.js');
|
|
22
23
|
require('react-bootstrap/Button');
|
|
23
|
-
var TemplateNormal = require('./Normal-
|
|
24
|
+
var TemplateNormal = require('./Normal-4a0d7dfc.js');
|
|
24
25
|
require('react-bootstrap/ListGroup');
|
|
25
26
|
require('next/head');
|
|
26
27
|
require('react-bootstrap/Nav');
|
|
@@ -18,8 +18,9 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
|
|
|
18
18
|
require('./moment-66a6a284.js');
|
|
19
19
|
var Router = require('next/router');
|
|
20
20
|
var Router__default = _interopDefault(Router);
|
|
21
|
-
var
|
|
21
|
+
var index_es = require('./index.es-ab3f2690.js');
|
|
22
22
|
require('react-dom');
|
|
23
|
+
var visibilitySensor = require('./visibility-sensor-0c45a583.js');
|
|
23
24
|
require('./index-b5eb3ff8.js');
|
|
24
25
|
require('./index-fa0fb52c.js');
|
|
25
26
|
require('./slicedToArray-419d467a.js');
|
|
@@ -226,7 +227,7 @@ var VideoSeriesListing = function (_React$Component) {
|
|
|
226
227
|
var _this2 = this;
|
|
227
228
|
|
|
228
229
|
return React__default.createElement(
|
|
229
|
-
|
|
230
|
+
index_es.InfiniteScroll,
|
|
230
231
|
{ dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
|
|
231
232
|
React__default.createElement(
|
|
232
233
|
Container,
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _toObject = require('./_to-object-329a650b.js');
|
|
4
|
+
var web_dom_iterable = require('./web.dom.iterable-5c889cf1.js');
|
|
5
|
+
|
|
6
|
+
// call something on iterator step with safe closing on error
|
|
7
|
+
|
|
8
|
+
var _iterCall = function (iterator, fn, value, entries) {
|
|
9
|
+
try {
|
|
10
|
+
return entries ? fn(_toObject._anObject(value)[0], value[1]) : fn(value);
|
|
11
|
+
// 7.4.6 IteratorClose(iterator, completion)
|
|
12
|
+
} catch (e) {
|
|
13
|
+
var ret = iterator['return'];
|
|
14
|
+
if (ret !== undefined) _toObject._anObject(ret.call(iterator));
|
|
15
|
+
throw e;
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
// check on default Array iterator
|
|
20
|
+
|
|
21
|
+
var ITERATOR = web_dom_iterable._wks('iterator');
|
|
22
|
+
var ArrayProto = Array.prototype;
|
|
23
|
+
|
|
24
|
+
var _isArrayIter = function (it) {
|
|
25
|
+
return it !== undefined && (web_dom_iterable._iterators.Array === it || ArrayProto[ITERATOR] === it);
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
var ITERATOR$1 = web_dom_iterable._wks('iterator');
|
|
29
|
+
var SAFE_CLOSING = false;
|
|
30
|
+
|
|
31
|
+
try {
|
|
32
|
+
var riter = [7][ITERATOR$1]();
|
|
33
|
+
riter['return'] = function () { SAFE_CLOSING = true; };
|
|
34
|
+
// eslint-disable-next-line no-throw-literal
|
|
35
|
+
Array.from(riter, function () { throw 2; });
|
|
36
|
+
} catch (e) { /* empty */ }
|
|
37
|
+
|
|
38
|
+
var _iterDetect = function (exec, skipClosing) {
|
|
39
|
+
if (!skipClosing && !SAFE_CLOSING) return false;
|
|
40
|
+
var safe = false;
|
|
41
|
+
try {
|
|
42
|
+
var arr = [7];
|
|
43
|
+
var iter = arr[ITERATOR$1]();
|
|
44
|
+
iter.next = function () { return { done: safe = true }; };
|
|
45
|
+
arr[ITERATOR$1] = function () { return iter; };
|
|
46
|
+
exec(arr);
|
|
47
|
+
} catch (e) { /* empty */ }
|
|
48
|
+
return safe;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
exports._isArrayIter = _isArrayIter;
|
|
52
|
+
exports._iterCall = _iterCall;
|
|
53
|
+
exports._iterDetect = _iterDetect;
|