@mjhls/mjh-framework 1.0.224 → 1.0.226

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-992851b4.js} +31 -7
  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 +15 -3
  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 +82 -69
  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-e1c38e7f.js} +31 -7
  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 +15 -3
  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 +86 -73
  36. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.224
2
+ # mjh-framework v. 1.0.226
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 : '';
@@ -571,7 +583,19 @@ var GridContent = function (_React$Component) {
571
583
  showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
572
584
  main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
573
585
  );
574
- })
586
+ }) : React__default.createElement(
587
+ 'div',
588
+ null,
589
+ React__default.createElement(
590
+ 'h5',
591
+ null,
592
+ React__default.createElement(
593
+ 'em',
594
+ null,
595
+ 'New content coming soon, please check back later.'
596
+ )
597
+ )
598
+ )
575
599
  );
576
600
  }
577
601
  }, {
@@ -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-992851b4.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
 
@@ -398,7 +398,19 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
398
398
  ),
399
399
  main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
400
400
  );
401
- }),
401
+ }) : React__default.createElement(
402
+ 'div',
403
+ null,
404
+ React__default.createElement(
405
+ 'h5',
406
+ null,
407
+ React__default.createElement(
408
+ 'em',
409
+ null,
410
+ 'New content coming soon, please check back later.'
411
+ )
412
+ )
413
+ ),
402
414
  React__default.createElement(
403
415
  'style',
404
416
  { 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;