@mjhls/mjh-framework 1.0.402 → 1.0.403

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.
Files changed (44) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{ADInfeed-d1783f42.js → ADInfeed-494f5e6b.js} +1 -1
  3. package/dist/cjs/{AdSlot-20aa927e.js → AdSlot-4d22aad4.js} +2 -2
  4. package/dist/cjs/DeckContent.js +9 -7
  5. package/dist/cjs/DeckQueue.js +6 -4
  6. package/dist/cjs/{Dfp-27b922b0.js → Dfp-2399639f.js} +1 -1
  7. package/dist/cjs/{Figure-8dd7df44.js → Figure-04d4a60d.js} +1 -1
  8. package/dist/cjs/{GridContent-c0c0d3e5.js → GridContent-2f42692a.js} +7 -6
  9. package/dist/cjs/GridContent.js +9 -7
  10. package/dist/cjs/IssueDeck.js +182 -86
  11. package/dist/cjs/MasterDeck.js +21 -7
  12. package/dist/cjs/{Normal-c1c98dcf.js → Normal-4a0d7dfc.js} +82 -2
  13. package/dist/cjs/QueueDeckExpanded.js +9 -7
  14. package/dist/cjs/TemplateNormal.js +5 -4
  15. package/dist/cjs/VideoSeriesListing.js +3 -2
  16. package/dist/cjs/_iter-detect-234453c3.js +53 -0
  17. package/dist/cjs/index.es-ab3f2690.js +428 -0
  18. package/dist/cjs/index.js +19 -97
  19. package/dist/cjs/{main-2020ba94.js → main-bc4db521.js} +0 -50
  20. package/dist/cjs/{promise-d5136080.js → promise-0a493c7a.js} +4 -4
  21. package/dist/cjs/{toConsumableArray-3cf1df2c.js → toConsumableArray-25d0e2a3.js} +4 -4
  22. package/dist/cjs/{visibility-sensor-43e0b37c.js → visibility-sensor-0c45a583.js} +0 -421
  23. package/dist/esm/{ADInfeed-40adc8e0.js → ADInfeed-e5cefea5.js} +1 -1
  24. package/dist/esm/{AdSlot-c3ed3214.js → AdSlot-78e48a2c.js} +2 -2
  25. package/dist/esm/DeckContent.js +8 -6
  26. package/dist/esm/DeckQueue.js +5 -3
  27. package/dist/esm/{Dfp-3b3273ee.js → Dfp-d5fe1252.js} +1 -1
  28. package/dist/esm/{Figure-f269f495.js → Figure-e32f60c5.js} +1 -1
  29. package/dist/esm/{GridContent-b042eb2d.js → GridContent-cafb2fe4.js} +6 -5
  30. package/dist/esm/GridContent.js +9 -7
  31. package/dist/esm/IssueDeck.js +183 -87
  32. package/dist/esm/MasterDeck.js +20 -6
  33. package/dist/esm/{Normal-68ef59cd.js → Normal-b8c423e3.js} +82 -3
  34. package/dist/esm/QueueDeckExpanded.js +8 -6
  35. package/dist/esm/TemplateNormal.js +5 -4
  36. package/dist/esm/VideoSeriesListing.js +2 -1
  37. package/dist/esm/_iter-detect-7c281f0a.js +49 -0
  38. package/dist/esm/index.es-938a3a58.js +423 -0
  39. package/dist/esm/index.js +16 -94
  40. package/dist/esm/{main-25bb2c75.js → main-7d1b3c98.js} +1 -48
  41. package/dist/esm/{promise-5d7cd78a.js → promise-2592a80a.js} +1 -1
  42. package/dist/esm/{toConsumableArray-d7054876.js → toConsumableArray-c5e2fde8.js} +1 -1
  43. package/dist/esm/{visibility-sensor-49d5805d.js → visibility-sensor-0baa4eea.js} +2 -422
  44. 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-20aa927e.js');
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
- var main = require('./main-2020ba94.js');
10
- var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
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 visibilitySensor = require('./visibility-sensor-43e0b37c.js');
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-20aa927e.js');
28
- require('./promise-d5136080.js');
29
- var ADInfeed = require('./ADInfeed-d1783f42.js');
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
- visibilitySensor.InfiniteScroll,
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('./main-2020ba94.js');
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-20aa927e.js');
17
- require('./promise-d5136080.js');
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-c1c98dcf.js');
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 visibilitySensor = require('./visibility-sensor-43e0b37c.js');
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
- visibilitySensor.InfiniteScroll,
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;