@mjhls/mjh-framework 1.0.225 → 1.0.227

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 (36) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{AdSlot-d87cef08.js → AdSlot-1c1700a3.js} +1 -1
  3. package/dist/cjs/DeckContent.js +2 -2
  4. package/dist/cjs/DeckQueue.js +1 -1
  5. package/dist/cjs/{Dfp-c4f1f12a.js → Dfp-b6d403f8.js} +1 -1
  6. package/dist/cjs/{GridContent-1575c8db.js → GridContent-e45cb4c7.js} +35 -9
  7. package/dist/cjs/GridContent.js +3 -3
  8. package/dist/cjs/MasterDeck.js +1 -1
  9. package/dist/cjs/{Normal-11ae4373.js → Normal-c3488266.js} +32 -3
  10. package/dist/cjs/QueueDeckExpanded.js +19 -5
  11. package/dist/cjs/{TaxonomyCard-d97685e2.js → TaxonomyCard-0d4ec68b.js} +1 -1
  12. package/dist/cjs/TaxonomyCard.js +2 -2
  13. package/dist/cjs/TemplateNormal.js +3 -3
  14. package/dist/cjs/{Ustream-0d3dd953.js → Ustream-5f595d09.js} +1 -1
  15. package/dist/cjs/Ustream.js +2 -2
  16. package/dist/cjs/VideoSeriesListing.js +1 -1
  17. package/dist/cjs/{_babelHelpers-f321c258.js → _babelHelpers-4a69caad.js} +30 -0
  18. package/dist/cjs/index.js +81 -68
  19. package/dist/esm/{AdSlot-b67f8534.js → AdSlot-748bc6ff.js} +1 -1
  20. package/dist/esm/DeckContent.js +2 -2
  21. package/dist/esm/DeckQueue.js +1 -1
  22. package/dist/esm/{Dfp-6731ac01.js → Dfp-ad9b4fbe.js} +1 -1
  23. package/dist/esm/{GridContent-e5cdc9da.js → GridContent-036fbe57.js} +35 -9
  24. package/dist/esm/GridContent.js +3 -3
  25. package/dist/esm/MasterDeck.js +1 -1
  26. package/dist/esm/{Normal-8e0aa5e8.js → Normal-088cf5cf.js} +32 -3
  27. package/dist/esm/QueueDeckExpanded.js +19 -5
  28. package/dist/esm/{TaxonomyCard-f9c93953.js → TaxonomyCard-92f9e327.js} +1 -1
  29. package/dist/esm/TaxonomyCard.js +2 -2
  30. package/dist/esm/TemplateNormal.js +3 -3
  31. package/dist/esm/{Ustream-6bb45fe7.js → Ustream-2bfb1813.js} +1 -1
  32. package/dist/esm/Ustream.js +2 -2
  33. package/dist/esm/VideoSeriesListing.js +1 -1
  34. package/dist/esm/{_babelHelpers-67c05996.js → _babelHelpers-c212c59c.js} +30 -1
  35. package/dist/esm/index.js +85 -72
  36. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.225
2
+ # mjh-framework v. 1.0.227
3
3
 
4
4
 
5
5
 
@@ -7,7 +7,7 @@ var React__default = _interopDefault(React);
7
7
  var index = require('./index-0322e486.js');
8
8
  var PropTypes = _interopDefault(require('prop-types'));
9
9
  var debounce = require('./debounce-a963b136.js');
10
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
10
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
11
11
 
12
12
  var DFPAdSlot = function DFPAdSlot(_ref) {
13
13
  var adUnit = _ref.adUnit,
@@ -21,8 +21,8 @@ var index$1 = require('./index-a4c53ff4.js');
21
21
  var index$2 = require('./index-0d0efcfa.js');
22
22
  var main = require('./main-58839f4e.js');
23
23
  var entities = require('./entities-3e0b4a16.js');
24
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
25
- var AdSlot = require('./AdSlot-d87cef08.js');
24
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
25
+ var AdSlot = require('./AdSlot-1c1700a3.js');
26
26
 
27
27
  var DeckContent = function (_React$Component) {
28
28
  _babelHelpers.inherits(DeckContent, _React$Component);
@@ -21,7 +21,7 @@ var index$1 = require('./index-a4c53ff4.js');
21
21
  var index$2 = require('./index-0d0efcfa.js');
22
22
  var main = require('./main-58839f4e.js');
23
23
  var entities = require('./entities-3e0b4a16.js');
24
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
24
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
25
25
  var get$1 = require('./get-126b1712.js');
26
26
 
27
27
  var DeckQueue = function (_React$Component) {
@@ -10,7 +10,7 @@ var PropTypes = _interopDefault(require('prop-types'));
10
10
  var visibilitySensor = require('./visibility-sensor-bea3105d.js');
11
11
  var debounce = require('./debounce-a963b136.js');
12
12
  require('react-dom');
13
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
13
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
14
14
 
15
15
  var AD = function AD(_ref) {
16
16
  var networkID = _ref.networkID,
@@ -18,12 +18,12 @@ var index$1 = require('./index-a4c53ff4.js');
18
18
  var index$2 = require('./index-0d0efcfa.js');
19
19
  var main = require('./main-58839f4e.js');
20
20
  var entities = require('./entities-3e0b4a16.js');
21
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
22
- var AdSlot = require('./AdSlot-d87cef08.js');
21
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
22
+ var AdSlot = require('./AdSlot-1c1700a3.js');
23
23
  var get$1 = require('./get-126b1712.js');
24
24
 
25
25
  var Dfp = React__default.lazy(function () {
26
- return new Promise(function (resolve) { resolve(require('./Dfp-c4f1f12a.js')); });
26
+ return new Promise(function (resolve) { resolve(require('./Dfp-b6d403f8.js')); });
27
27
  });
28
28
 
29
29
  var AD = function AD(props) {
@@ -274,7 +274,7 @@ var GridContent = function (_React$Component) {
274
274
  return React__default.createElement(
275
275
  Row,
276
276
  null,
277
- this.state.data && this.state.data.map(function (row, index) {
277
+ this.state.data && this.state.data.length > 0 ? this.state.data.map(function (row, index) {
278
278
  // const thumbnailURL = get(row, 'thumbnail.asset.url', this.props.defaultImage)
279
279
  return React__default.createElement(
280
280
  Col,
@@ -331,7 +331,19 @@ var GridContent = function (_React$Component) {
331
331
  )
332
332
  )
333
333
  );
334
- })
334
+ }) : React__default.createElement(
335
+ 'div',
336
+ null,
337
+ React__default.createElement(
338
+ 'h5',
339
+ null,
340
+ React__default.createElement(
341
+ 'em',
342
+ null,
343
+ 'New content coming soon, please check back later.'
344
+ )
345
+ )
346
+ )
335
347
  );
336
348
  }
337
349
 
@@ -368,7 +380,7 @@ var GridContent = function (_React$Component) {
368
380
  return React__default.createElement(
369
381
  'div',
370
382
  { className: 'grid-container' },
371
- posts && posts.map(function (row, index) {
383
+ posts && posts.length > 0 ? posts.map(function (row, index) {
372
384
  var pageNumber = row.pageNumber || _this2.state.page;
373
385
  var contentCategoryName = row.contentCategory && row.contentCategory.name && _this2.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
374
386
  var linkHref = row.url && row.url.current ? _this2.mapping[contentCategoryName] + '/' + row.url.current : '';
@@ -380,8 +392,9 @@ var GridContent = function (_React$Component) {
380
392
  React__default.createElement(
381
393
  visibilitySensor.VisibilitySensor,
382
394
  {
395
+ partialVisibility: true,
383
396
  onChange: function onChange(isVisible) {
384
- isVisible && _this2.changePageNumber(pageNumber);
397
+ isVisible && _this2.changePageNumber(1);
385
398
  } },
386
399
  React__default.createElement(
387
400
  'div',
@@ -441,8 +454,9 @@ var GridContent = function (_React$Component) {
441
454
  React__default.createElement(
442
455
  visibilitySensor.VisibilitySensor,
443
456
  {
457
+ partialVisibility: true,
444
458
  onChange: function onChange(isVisible) {
445
- isVisible && _this2.changePageNumber(pageNumber);
459
+ isVisible && _this2.changePageNumber(1);
446
460
  } },
447
461
  React__default.createElement(
448
462
  'div',
@@ -571,7 +585,19 @@ var GridContent = function (_React$Component) {
571
585
  showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
572
586
  main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
573
587
  );
574
- })
588
+ }) : React__default.createElement(
589
+ 'div',
590
+ null,
591
+ React__default.createElement(
592
+ 'h5',
593
+ null,
594
+ React__default.createElement(
595
+ 'em',
596
+ null,
597
+ 'New content coming soon, please check back later.'
598
+ )
599
+ )
600
+ )
575
601
  );
576
602
  }
577
603
  }, {
@@ -17,10 +17,10 @@ require('./index-a4c53ff4.js');
17
17
  require('./index-0d0efcfa.js');
18
18
  require('./main-58839f4e.js');
19
19
  require('./entities-3e0b4a16.js');
20
- require('./_babelHelpers-f321c258.js');
21
- require('./AdSlot-d87cef08.js');
20
+ require('./_babelHelpers-4a69caad.js');
21
+ require('./AdSlot-1c1700a3.js');
22
22
  require('./get-126b1712.js');
23
- var GridContent = require('./GridContent-1575c8db.js');
23
+ var GridContent = require('./GridContent-e45cb4c7.js');
24
24
 
25
25
 
26
26
 
@@ -19,7 +19,7 @@ var debounce = require('./debounce-a963b136.js');
19
19
  require('react-dom');
20
20
  require('./index-a4c53ff4.js');
21
21
  var main = require('./main-58839f4e.js');
22
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
22
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
23
23
 
24
24
  var MasterDeck = function (_React$Component) {
25
25
  _babelHelpers.inherits(MasterDeck, _React$Component);
@@ -11,8 +11,8 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
11
11
  var Col = _interopDefault(require('react-bootstrap/Col'));
12
12
  var Link = _interopDefault(require('next/link'));
13
13
  var main = require('./main-58839f4e.js');
14
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
15
- var AdSlot = require('./AdSlot-d87cef08.js');
14
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
15
+ var AdSlot = require('./AdSlot-1c1700a3.js');
16
16
  var get$1 = require('./get-126b1712.js');
17
17
  var reactBootstrap = require('react-bootstrap');
18
18
  var index_esm = require('./index.esm-340d3792.js');
@@ -1294,6 +1294,32 @@ var NavMagazine = function NavMagazine(props) {
1294
1294
  setScreenWidth(parseInt(window.innerWidth));
1295
1295
  }, []);
1296
1296
 
1297
+ React.useEffect(function () {
1298
+ var navOffsetTop = navRef.current.getBoundingClientRect().top;
1299
+ var navOffsetHeight = navRef.current.getBoundingClientRect().height;
1300
+ var adSection = document.querySelector('.AD728x90');
1301
+ var stickyNav = window.addEventListener('scroll', function () {
1302
+ if (window.pageYOffset > navOffsetTop) {
1303
+ if (navRef.current && navRef.current.style) {
1304
+ navRef.current.style.position = 'fixed';
1305
+ navRef.current.style.top = 0;
1306
+ navRef.current.style.width = '100%';
1307
+ navRef.current.style.zIndex = '9999';
1308
+ adSection.style.marginTop = navOffsetHeight + 'px';
1309
+ }
1310
+ } else {
1311
+ if (navRef.current && navRef.current.style) {
1312
+ navRef.current.style.position = 'relative';
1313
+ navRef.current.style.top = '';
1314
+ adSection.style.marginTop = '';
1315
+ }
1316
+ }
1317
+ });
1318
+ return function () {
1319
+ window.removeEventListener('scroll', stickyNav);
1320
+ };
1321
+ }, []);
1322
+
1297
1323
  var trackScrolling = function trackScrolling() {
1298
1324
  var offsetTop = navRef.current.getBoundingClientRect().top;
1299
1325
 
@@ -2004,7 +2030,7 @@ var HamMagazine = function HamMagazine(props) {
2004
2030
  var navOffsetTop = navRef.current.getBoundingClientRect().top;
2005
2031
  var navOffsetHeight = navRef.current.getBoundingClientRect().height;
2006
2032
  var adSection = document.querySelector('.AD728x90');
2007
- window.addEventListener('scroll', function () {
2033
+ var stickyNav = window.addEventListener('scroll', function () {
2008
2034
  if (window.pageYOffset > navOffsetTop) {
2009
2035
  if (navRef.current && navRef.current.style) {
2010
2036
  navRef.current.style.position = 'fixed';
@@ -2021,6 +2047,9 @@ var HamMagazine = function HamMagazine(props) {
2021
2047
  }
2022
2048
  }
2023
2049
  });
2050
+ return function () {
2051
+ window.removeEventListener('scroll', stickyNav);
2052
+ };
2024
2053
  }, []);
2025
2054
 
2026
2055
  var trackScrolling = function trackScrolling() {
@@ -16,7 +16,7 @@ var index$1 = require('./index-a4c53ff4.js');
16
16
  var index$2 = require('./index-0d0efcfa.js');
17
17
  var main = require('./main-58839f4e.js');
18
18
  var entities = require('./entities-3e0b4a16.js');
19
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
19
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
20
20
  var reactBootstrap = require('react-bootstrap');
21
21
 
22
22
  var urlFor = function urlFor(source, builder) {
@@ -172,7 +172,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
172
172
  return React__default.createElement(
173
173
  'div',
174
174
  null,
175
- data && data.map(function (article, index) {
175
+ data && data.length > 0 ? data.map(function (article, index) {
176
176
  var pageNumber = article.pageNumber || values.page;
177
177
  var contentCategoryName = article.contentCategory ? article.contentCategory.name : 'Articles';
178
178
 
@@ -185,8 +185,9 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
185
185
  visibilitySensor.VisibilitySensor,
186
186
  {
187
187
  key: article._id ? article._id : index,
188
+ partialVisibility: true,
188
189
  onChange: function onChange(isVisible) {
189
- isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
190
+ isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
190
191
  } },
191
192
  React__default.createElement(
192
193
  React__default.Fragment,
@@ -259,8 +260,9 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
259
260
  visibilitySensor.VisibilitySensor,
260
261
  {
261
262
  key: article._id ? article._id : index,
263
+ partialVisibility: true,
262
264
  onChange: function onChange(isVisible) {
263
- isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
265
+ isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
264
266
  } },
265
267
  React__default.createElement(
266
268
  React__default.Fragment,
@@ -398,7 +400,19 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
398
400
  ),
399
401
  main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
400
402
  );
401
- }),
403
+ }) : React__default.createElement(
404
+ 'div',
405
+ null,
406
+ React__default.createElement(
407
+ 'h5',
408
+ null,
409
+ React__default.createElement(
410
+ 'em',
411
+ null,
412
+ 'New content coming soon, please check back later.'
413
+ )
414
+ )
415
+ ),
402
416
  React__default.createElement(
403
417
  'style',
404
418
  { jsx: 'true' },
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  var index$1 = require('./index-a4c53ff4.js');
13
13
  var index$2 = require('./index-0d0efcfa.js');
14
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
14
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
15
15
 
16
16
  /*
17
17
  object-assign
@@ -10,8 +10,8 @@ require('react-bootstrap/Card');
10
10
  require('react-dom');
11
11
  require('./index-a4c53ff4.js');
12
12
  require('./index-0d0efcfa.js');
13
- require('./_babelHelpers-f321c258.js');
14
- var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
13
+ require('./_babelHelpers-4a69caad.js');
14
+ var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
15
15
 
16
16
 
17
17
 
@@ -10,13 +10,13 @@ require('react-bootstrap/Col');
10
10
  require('next/link');
11
11
  require('./debounce-a963b136.js');
12
12
  require('./main-58839f4e.js');
13
- require('./_babelHelpers-f321c258.js');
14
- require('./AdSlot-d87cef08.js');
13
+ require('./_babelHelpers-4a69caad.js');
14
+ require('./AdSlot-1c1700a3.js');
15
15
  require('./get-126b1712.js');
16
16
  require('react-bootstrap');
17
17
  require('./index.esm-340d3792.js');
18
18
  require('react-bootstrap/Button');
19
- var TemplateNormal = require('./Normal-11ae4373.js');
19
+ var TemplateNormal = require('./Normal-c3488266.js');
20
20
  require('react-bootstrap/ListGroup');
21
21
  require('next/head');
22
22
  require('react-bootstrap/Nav');
@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
7
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
8
8
  var index_esm = require('./index.esm-340d3792.js');
9
9
 
10
10
  // THIS FILE IS AUTO GENERATED
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  require('react');
4
- require('./_babelHelpers-f321c258.js');
4
+ require('./_babelHelpers-4a69caad.js');
5
5
  require('./index.esm-340d3792.js');
6
- var Ustream = require('./Ustream-0d3dd953.js');
6
+ var Ustream = require('./Ustream-5f595d09.js');
7
7
 
8
8
 
9
9
 
@@ -15,7 +15,7 @@ var Router__default = _interopDefault(Router);
15
15
  var debounce = require('./debounce-a963b136.js');
16
16
  require('react-dom');
17
17
  require('./index-0d0efcfa.js');
18
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
18
+ var _babelHelpers = require('./_babelHelpers-4a69caad.js');
19
19
  var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
20
20
  var index_esm = require('./index.esm-340d3792.js');
21
21
 
@@ -1,5 +1,34 @@
1
1
  'use strict';
2
2
 
3
+ var asyncToGenerator = function (fn) {
4
+ return function () {
5
+ var gen = fn.apply(this, arguments);
6
+ return new Promise(function (resolve, reject) {
7
+ function step(key, arg) {
8
+ try {
9
+ var info = gen[key](arg);
10
+ var value = info.value;
11
+ } catch (error) {
12
+ reject(error);
13
+ return;
14
+ }
15
+
16
+ if (info.done) {
17
+ resolve(value);
18
+ } else {
19
+ return Promise.resolve(value).then(function (value) {
20
+ step("next", value);
21
+ }, function (err) {
22
+ step("throw", err);
23
+ });
24
+ }
25
+ }
26
+
27
+ return step("next");
28
+ });
29
+ };
30
+ };
31
+
3
32
  var classCallCheck = function (instance, Constructor) {
4
33
  if (!(instance instanceof Constructor)) {
5
34
  throw new TypeError("Cannot call a class as a function");
@@ -111,6 +140,7 @@ var toConsumableArray = function (arr) {
111
140
  };
112
141
 
113
142
  exports._extends = _extends;
143
+ exports.asyncToGenerator = asyncToGenerator;
114
144
  exports.classCallCheck = classCallCheck;
115
145
  exports.createClass = createClass;
116
146
  exports.inherits = inherits;