@mjhls/mjh-framework 1.0.645 → 1.0.647

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 (86) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AD.js +1 -1
  3. package/dist/cjs/AD300x250.js +2 -2
  4. package/dist/cjs/AD300x250x600.js +2 -2
  5. package/dist/cjs/AD728x90.js +2 -2
  6. package/dist/cjs/ADFloatingFooter.js +2 -2
  7. package/dist/cjs/ADGutter.js +2 -2
  8. package/dist/cjs/ADSkyscraper.js +2 -2
  9. package/dist/cjs/ADSponsoredResources.js +2 -2
  10. package/dist/cjs/ADWebcast.js +2 -2
  11. package/dist/cjs/ADWelcome.js +2 -2
  12. package/dist/cjs/AdSlot.js +2 -2
  13. package/dist/cjs/ArticleSeriesListing.js +2 -2
  14. package/dist/cjs/CMEDeck.js +2 -2
  15. package/dist/cjs/Column2.js +2 -3
  16. package/dist/cjs/Column3.js +3 -4
  17. package/dist/cjs/DeckContent.js +3 -3
  18. package/dist/cjs/DeckQueue.js +3 -4
  19. package/dist/cjs/{Dfp-ffaf5981.js → Dfp-b2bc3b97.js} +2 -2
  20. package/dist/cjs/ExternalResources.js +3 -3
  21. package/dist/cjs/GridContent.js +5 -6
  22. package/dist/cjs/IssueLanding.js +4 -4
  23. package/dist/cjs/LeftNav.js +2 -2
  24. package/dist/cjs/MasterDeck.js +6 -5
  25. package/dist/cjs/PartnerDetailListing.js +5 -5
  26. package/dist/cjs/QueueDeckExpanded.js +4 -4
  27. package/dist/cjs/SideFooter.js +2 -3
  28. package/dist/cjs/TemplateNormal.js +3 -4
  29. package/dist/cjs/VideoSeriesListing.js +96 -20
  30. package/dist/cjs/View.js +37 -29
  31. package/dist/cjs/{debounce-32e57002.js → debounce-eb287781.js} +1 -2
  32. package/dist/cjs/{get-5dfcdc33.js → get-68c52cb1.js} +90 -7
  33. package/dist/cjs/getQuery.js +2 -2
  34. package/dist/cjs/getSerializers.js +3 -3
  35. package/dist/cjs/{getTargeting-87eb9994.js → getTargeting-fee8c429.js} +32 -1
  36. package/dist/cjs/getTargeting.js +1 -1
  37. package/dist/cjs/index.js +9 -12
  38. package/dist/cjs/{isSymbol-488934a7.js → isSymbol-04666465.js} +0 -2
  39. package/dist/esm/AD.js +1 -1
  40. package/dist/esm/AD300x250.js +2 -2
  41. package/dist/esm/AD300x250x600.js +2 -2
  42. package/dist/esm/AD728x90.js +2 -2
  43. package/dist/esm/ADFloatingFooter.js +2 -2
  44. package/dist/esm/ADGutter.js +2 -2
  45. package/dist/esm/ADSkyscraper.js +2 -2
  46. package/dist/esm/ADSponsoredResources.js +2 -2
  47. package/dist/esm/ADWebcast.js +2 -2
  48. package/dist/esm/ADWelcome.js +2 -2
  49. package/dist/esm/AdSlot.js +2 -2
  50. package/dist/esm/ArticleSeriesListing.js +2 -2
  51. package/dist/esm/CMEDeck.js +2 -2
  52. package/dist/esm/Column2.js +2 -3
  53. package/dist/esm/Column3.js +3 -4
  54. package/dist/esm/DeckContent.js +3 -3
  55. package/dist/esm/DeckQueue.js +3 -4
  56. package/dist/esm/{Dfp-4f966af0.js → Dfp-43d61e01.js} +2 -2
  57. package/dist/esm/ExternalResources.js +3 -3
  58. package/dist/esm/GridContent.js +5 -6
  59. package/dist/esm/IssueLanding.js +4 -4
  60. package/dist/esm/LeftNav.js +2 -2
  61. package/dist/esm/MasterDeck.js +6 -5
  62. package/dist/esm/PartnerDetailListing.js +5 -5
  63. package/dist/esm/QueueDeckExpanded.js +4 -4
  64. package/dist/esm/SideFooter.js +2 -3
  65. package/dist/esm/TemplateNormal.js +3 -4
  66. package/dist/esm/VideoSeriesListing.js +96 -20
  67. package/dist/esm/View.js +34 -26
  68. package/dist/esm/{debounce-a0d9abca.js → debounce-1a993acf.js} +2 -2
  69. package/dist/esm/{get-58d2f7cc.js → get-5ee14cda.js} +85 -2
  70. package/dist/esm/getQuery.js +2 -2
  71. package/dist/esm/getSerializers.js +3 -3
  72. package/dist/esm/{getTargeting-3cc3f97d.js → getTargeting-11d623e4.js} +32 -1
  73. package/dist/esm/getTargeting.js +1 -1
  74. package/dist/esm/index.js +8 -10
  75. package/dist/esm/{isSymbol-47f5ff3b.js → isSymbol-807e927e.js} +1 -1
  76. package/package.json +1 -1
  77. package/dist/cjs/ArticleQueue.js +0 -1689
  78. package/dist/cjs/_arrayMap-3b4a0f75.js +0 -91
  79. package/dist/esm/ArticleQueue.js +0 -1684
  80. package/dist/esm/_arrayMap-818441dd.js +0 -87
  81. /package/dist/cjs/{ADInfeed-350decaa.js → ADInfeed-eaa6c661.js} +0 -0
  82. /package/dist/cjs/{ADlgInfeed-7d61609b.js → ADlgInfeed-f25eb4f7.js} +0 -0
  83. /package/dist/cjs/{index-1620daac.js → index-4f22007d.js} +0 -0
  84. /package/dist/esm/{ADInfeed-fd7a62b1.js → ADInfeed-3c4773f8.js} +0 -0
  85. /package/dist/esm/{ADlgInfeed-79c771d6.js → ADlgInfeed-5a52301f.js} +0 -0
  86. /package/dist/esm/{index-fe4d6d6e.js → index-4b48a31f.js} +0 -0
@@ -13,8 +13,8 @@ import { l as lib_3 } from './index-93ec3c59.js';
13
13
  import 'prop-types';
14
14
  import './moment-12415288.js';
15
15
  import { useRouter } from 'next/router';
16
- import './isSymbol-47f5ff3b.js';
17
- import { d as debounce_1 } from './debounce-a0d9abca.js';
16
+ import './isSymbol-807e927e.js';
17
+ import { d as debounce_1 } from './debounce-1a993acf.js';
18
18
  import { I as InfiniteScroll } from './index.es-938a3a58.js';
19
19
  import 'react-dom';
20
20
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -10,13 +10,12 @@ import React__default from 'react';
10
10
  import 'prop-types';
11
11
  import Row from 'react-bootstrap/Row';
12
12
  import Col from 'react-bootstrap/Col';
13
- import './isSymbol-47f5ff3b.js';
13
+ import './isSymbol-807e927e.js';
14
14
  import './stringify-feadff37.js';
15
15
  import './asyncToGenerator-271a52f3.js';
16
16
  import './_set-species-41cbf140.js';
17
17
  import './beam-c4d8f8f6.js';
18
- import './_arrayMap-818441dd.js';
19
- import './get-58d2f7cc.js';
18
+ import './get-5ee14cda.js';
20
19
  import './react-social-icons-a7d5c5c7.js';
21
20
  import './defineProperty-fa14766d.js';
22
21
  import SideFooter from './SideFooter.js';
@@ -11,8 +11,8 @@ import './index-93ec3c59.js';
11
11
  import 'prop-types';
12
12
  import Row from 'react-bootstrap/Row';
13
13
  import Col from 'react-bootstrap/Col';
14
- import './isSymbol-47f5ff3b.js';
15
- import './debounce-a0d9abca.js';
14
+ import './isSymbol-807e927e.js';
15
+ import './debounce-1a993acf.js';
16
16
  import { m as main_39 } from './main-0465b2a0.js';
17
17
  import './stringify-feadff37.js';
18
18
  import './slicedToArray-5fb01661.js';
@@ -20,8 +20,7 @@ import './asyncToGenerator-271a52f3.js';
20
20
  import './_set-species-41cbf140.js';
21
21
  import './beam-c4d8f8f6.js';
22
22
  import './AdSlot.js';
23
- import './_arrayMap-818441dd.js';
24
- import './get-58d2f7cc.js';
23
+ import './get-5ee14cda.js';
25
24
  import './react-social-icons-a7d5c5c7.js';
26
25
  import 'react-bootstrap';
27
26
  import './defineProperty-fa14766d.js';
@@ -22,8 +22,8 @@ import Col from 'react-bootstrap/Col';
22
22
  import Card from 'react-bootstrap/Card';
23
23
  import { m as moment } from './moment-12415288.js';
24
24
  import { withRouter } from 'next/router';
25
- import './isSymbol-47f5ff3b.js';
26
- import { d as debounce_1 } from './debounce-a0d9abca.js';
25
+ import './isSymbol-807e927e.js';
26
+ import { d as debounce_1 } from './debounce-1a993acf.js';
27
27
  import { I as InfiniteScroll } from './index.es-938a3a58.js';
28
28
  import 'react-dom';
29
29
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -37,7 +37,7 @@ import './asyncToGenerator-271a52f3.js';
37
37
  import './_set-species-41cbf140.js';
38
38
  import './beam-c4d8f8f6.js';
39
39
  import './AdSlot.js';
40
- import { A as ADInfeed } from './ADInfeed-fd7a62b1.js';
40
+ import { A as ADInfeed } from './ADInfeed-3c4773f8.js';
41
41
 
42
42
  var DeckContent = function (_React$Component) {
43
43
  _inherits(DeckContent, _React$Component);
@@ -22,8 +22,8 @@ import Col from 'react-bootstrap/Col';
22
22
  import Card from 'react-bootstrap/Card';
23
23
  import { m as moment } from './moment-12415288.js';
24
24
  import { withRouter } from 'next/router';
25
- import './isSymbol-47f5ff3b.js';
26
- import { d as debounce_1 } from './debounce-a0d9abca.js';
25
+ import './isSymbol-807e927e.js';
26
+ import { d as debounce_1 } from './debounce-1a993acf.js';
27
27
  import { I as InfiniteScroll } from './index.es-938a3a58.js';
28
28
  import 'react-dom';
29
29
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -31,8 +31,7 @@ import { i as imageUrlBuilder } from './index-51a80699.js';
31
31
  import { L as LazyLoad } from './index-5f9f807a.js';
32
32
  import { m as main_39 } from './main-0465b2a0.js';
33
33
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
34
- import './_arrayMap-818441dd.js';
35
- import { g as get_1 } from './get-58d2f7cc.js';
34
+ import { g as get_1 } from './get-5ee14cda.js';
36
35
 
37
36
  var DeckQueue = function (_React$Component) {
38
37
  _inherits(DeckQueue, _React$Component);
@@ -6,8 +6,8 @@ import './web.dom.iterable-03c5ba1c.js';
6
6
  import React__default, { useState } from 'react';
7
7
  import { b as lib_1, a as lib_2 } from './index-93ec3c59.js';
8
8
  import PropTypes from 'prop-types';
9
- import './isSymbol-47f5ff3b.js';
10
- import { d as debounce_1 } from './debounce-a0d9abca.js';
9
+ import './isSymbol-807e927e.js';
10
+ import { d as debounce_1 } from './debounce-1a993acf.js';
11
11
  import 'react-dom';
12
12
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
13
13
  import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';
@@ -20,8 +20,8 @@ import 'react-bootstrap/Row';
20
20
  import 'react-bootstrap/Col';
21
21
  import './moment-12415288.js';
22
22
  import { useRouter } from 'next/router';
23
- import './isSymbol-47f5ff3b.js';
24
- import './debounce-a0d9abca.js';
23
+ import './isSymbol-807e927e.js';
24
+ import './debounce-1a993acf.js';
25
25
  import 'react-dom';
26
26
  import './index-51a80699.js';
27
27
  import './index-5f9f807a.js';
@@ -39,7 +39,7 @@ import './GroupDeck.js';
39
39
  import 'react-bootstrap';
40
40
  import Button from 'react-bootstrap/Button';
41
41
  import { m as momentTimezone } from './index-d2f90501.js';
42
- import { g as getSerializers } from './index-fe4d6d6e.js';
42
+ import { g as getSerializers } from './index-4b48a31f.js';
43
43
  import './util-7700fc59.js';
44
44
  import './brightcove-react-player-loader.es-83f53e4e.js';
45
45
  import 'react-bootstrap/Pagination';
@@ -22,8 +22,8 @@ import Col from 'react-bootstrap/Col';
22
22
  import Card from 'react-bootstrap/Card';
23
23
  import { m as moment } from './moment-12415288.js';
24
24
  import { withRouter } from 'next/router';
25
- import './isSymbol-47f5ff3b.js';
26
- import { d as debounce_1 } from './debounce-a0d9abca.js';
25
+ import './isSymbol-807e927e.js';
26
+ import { d as debounce_1 } from './debounce-1a993acf.js';
27
27
  import { I as InfiniteScroll } from './index.es-938a3a58.js';
28
28
  import 'react-dom';
29
29
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -37,11 +37,10 @@ import './asyncToGenerator-271a52f3.js';
37
37
  import './_set-species-41cbf140.js';
38
38
  import './beam-c4d8f8f6.js';
39
39
  import './AdSlot.js';
40
- import { A as ADInfeed } from './ADInfeed-fd7a62b1.js';
40
+ import { A as ADInfeed } from './ADInfeed-3c4773f8.js';
41
41
  import { l as lodash } from './lodash-17fdfebb.js';
42
- import { A as ADlgInfeed } from './ADlgInfeed-79c771d6.js';
43
- import './_arrayMap-818441dd.js';
44
- import { g as get_1 } from './get-58d2f7cc.js';
42
+ import { A as ADlgInfeed } from './ADlgInfeed-5a52301f.js';
43
+ import { g as get_1 } from './get-5ee14cda.js';
45
44
  import './AD.js';
46
45
  import { A as AuthorComponent } from './AuthorComponent-1ea27faa.js';
47
46
 
@@ -14,8 +14,8 @@ import 'prop-types';
14
14
  import 'react-bootstrap/Card';
15
15
  import './moment-12415288.js';
16
16
  import 'next/router';
17
- import './isSymbol-47f5ff3b.js';
18
- import './debounce-a0d9abca.js';
17
+ import './isSymbol-807e927e.js';
18
+ import './debounce-1a993acf.js';
19
19
  import './index.es-938a3a58.js';
20
20
  import 'react-dom';
21
21
  import './visibility-sensor-0baa4eea.js';
@@ -29,9 +29,9 @@ import './asyncToGenerator-271a52f3.js';
29
29
  import './_set-species-41cbf140.js';
30
30
  import './beam-c4d8f8f6.js';
31
31
  import './AdSlot.js';
32
- import './ADInfeed-fd7a62b1.js';
32
+ import './ADInfeed-3c4773f8.js';
33
33
  import './lodash-17fdfebb.js';
34
- import './ADlgInfeed-79c771d6.js';
34
+ import './ADlgInfeed-5a52301f.js';
35
35
  import './AuthorComponent-1ea27faa.js';
36
36
  import 'react-bootstrap';
37
37
  import QueueDeckExpanded from './QueueDeckExpanded.js';
@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
8
8
  import React__default, { useRef, useEffect } from 'react';
9
9
  import './index-93ec3c59.js';
10
10
  import 'prop-types';
11
- import './isSymbol-47f5ff3b.js';
12
- import './debounce-a0d9abca.js';
11
+ import './isSymbol-807e927e.js';
12
+ import './debounce-1a993acf.js';
13
13
  import './main-0465b2a0.js';
14
14
  import './stringify-feadff37.js';
15
15
  import './slicedToArray-5fb01661.js';
@@ -22,8 +22,8 @@ import 'react-bootstrap/Col';
22
22
  import 'react-bootstrap/Card';
23
23
  import './moment-12415288.js';
24
24
  import { withRouter } from 'next/router';
25
- import './isSymbol-47f5ff3b.js';
26
- import { d as debounce_1 } from './debounce-a0d9abca.js';
25
+ import './isSymbol-807e927e.js';
26
+ import { d as debounce_1 } from './debounce-1a993acf.js';
27
27
  import { I as InfiniteScroll } from './index.es-938a3a58.js';
28
28
  import 'react-dom';
29
29
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -35,9 +35,9 @@ import { _ as _Promise } from './asyncToGenerator-271a52f3.js';
35
35
  import './_set-species-41cbf140.js';
36
36
  import './beam-c4d8f8f6.js';
37
37
  import './AdSlot.js';
38
- import { A as ADInfeed } from './ADInfeed-fd7a62b1.js';
38
+ import { A as ADInfeed } from './ADInfeed-3c4773f8.js';
39
39
  import { l as lodash } from './lodash-17fdfebb.js';
40
- import { A as ADlgInfeed } from './ADlgInfeed-79c771d6.js';
40
+ import { A as ADlgInfeed } from './ADlgInfeed-5a52301f.js';
41
41
 
42
42
  var MasterDeck = function (_React$Component) {
43
43
  _inherits(MasterDeck, _React$Component);
@@ -475,7 +475,8 @@ var MasterDeck = function (_React$Component) {
475
475
  this.state.scrolling ? React__default.createElement(
476
476
  'button',
477
477
  {
478
- style: { margin: 'auto', width: '100%' },
478
+ className: 'btn',
479
+ style: { margin: '0 auto 2rem', display: 'block', fontSize: '18px', padding: '.5rem 1.5rem', boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)', background: 'var(--primary)', color: '#fff', borderRadius: '5px' },
479
480
  onClick: function onClick(e) {
480
481
  _this3.loadMore();
481
482
  } },
@@ -21,8 +21,8 @@ import 'react-bootstrap/Col';
21
21
  import 'react-bootstrap/Card';
22
22
  import { m as moment } from './moment-12415288.js';
23
23
  import 'next/router';
24
- import './isSymbol-47f5ff3b.js';
25
- import './debounce-a0d9abca.js';
24
+ import './isSymbol-807e927e.js';
25
+ import './debounce-1a993acf.js';
26
26
  import './index.es-938a3a58.js';
27
27
  import 'react-dom';
28
28
  import './visibility-sensor-0baa4eea.js';
@@ -36,9 +36,9 @@ import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './async
36
36
  import './_set-species-41cbf140.js';
37
37
  import './beam-c4d8f8f6.js';
38
38
  import './AdSlot.js';
39
- import './ADInfeed-fd7a62b1.js';
39
+ import './ADInfeed-3c4773f8.js';
40
40
  import './lodash-17fdfebb.js';
41
- import './ADlgInfeed-79c771d6.js';
41
+ import './ADlgInfeed-5a52301f.js';
42
42
  import './AuthorComponent-1ea27faa.js';
43
43
  import { B as BlockContent } from './BlockContent-a614acdf.js';
44
44
  import { s as smoothscroll } from './smoothscroll-4b699764.js';
@@ -46,7 +46,7 @@ import './GroupDeck.js';
46
46
  import 'react-bootstrap';
47
47
  import QueueDeckExpanded from './QueueDeckExpanded.js';
48
48
  import 'react-bootstrap/Button';
49
- import { g as getSerializers } from './index-fe4d6d6e.js';
49
+ import { g as getSerializers } from './index-4b48a31f.js';
50
50
  import './util-7700fc59.js';
51
51
  import './brightcove-react-player-loader.es-83f53e4e.js';
52
52
  import 'react-bootstrap/Pagination';
@@ -14,8 +14,8 @@ import 'prop-types';
14
14
  import 'react-bootstrap/Card';
15
15
  import { m as moment } from './moment-12415288.js';
16
16
  import { useRouter } from 'next/router';
17
- import './isSymbol-47f5ff3b.js';
18
- import './debounce-a0d9abca.js';
17
+ import './isSymbol-807e927e.js';
18
+ import './debounce-1a993acf.js';
19
19
  import { I as InfiniteScroll } from './index.es-938a3a58.js';
20
20
  import 'react-dom';
21
21
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -29,9 +29,9 @@ import './asyncToGenerator-271a52f3.js';
29
29
  import './_set-species-41cbf140.js';
30
30
  import './beam-c4d8f8f6.js';
31
31
  import './AdSlot.js';
32
- import { A as ADInfeed } from './ADInfeed-fd7a62b1.js';
32
+ import { A as ADInfeed } from './ADInfeed-3c4773f8.js';
33
33
  import { l as lodash } from './lodash-17fdfebb.js';
34
- import { A as ADlgInfeed } from './ADlgInfeed-79c771d6.js';
34
+ import { A as ADlgInfeed } from './ADlgInfeed-5a52301f.js';
35
35
  import { A as AuthorComponent } from './AuthorComponent-1ea27faa.js';
36
36
  import { Container, Media } from 'react-bootstrap';
37
37
 
@@ -8,13 +8,12 @@ import './define-property-99e9c0ad.js';
8
8
  import './web.dom.iterable-03c5ba1c.js';
9
9
  import React__default, { useRef, useEffect } from 'react';
10
10
  import 'prop-types';
11
- import './isSymbol-47f5ff3b.js';
11
+ import './isSymbol-807e927e.js';
12
12
  import './stringify-feadff37.js';
13
13
  import './asyncToGenerator-271a52f3.js';
14
14
  import './_set-species-41cbf140.js';
15
15
  import { S as Segment } from './beam-c4d8f8f6.js';
16
- import './_arrayMap-818441dd.js';
17
- import { g as get_1 } from './get-58d2f7cc.js';
16
+ import { g as get_1 } from './get-5ee14cda.js';
18
17
  import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
19
18
  import { _ as _defineProperty } from './defineProperty-fa14766d.js';
20
19
 
@@ -13,8 +13,8 @@ import Container from 'react-bootstrap/Container';
13
13
  import 'react-bootstrap/Row';
14
14
  import 'react-bootstrap/Col';
15
15
  import { useRouter } from 'next/router';
16
- import './isSymbol-47f5ff3b.js';
17
- import './debounce-a0d9abca.js';
16
+ import './isSymbol-807e927e.js';
17
+ import './debounce-1a993acf.js';
18
18
  import './main-0465b2a0.js';
19
19
  import './stringify-feadff37.js';
20
20
  import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';
@@ -22,8 +22,7 @@ import './asyncToGenerator-271a52f3.js';
22
22
  import './_set-species-41cbf140.js';
23
23
  import './beam-c4d8f8f6.js';
24
24
  import './AdSlot.js';
25
- import './_arrayMap-818441dd.js';
26
- import './get-58d2f7cc.js';
25
+ import './get-5ee14cda.js';
27
26
  import './react-social-icons-a7d5c5c7.js';
28
27
  import 'react-bootstrap';
29
28
  import './iconBase-602d52fe.js';
@@ -16,8 +16,8 @@ import { l as lib_3 } from './index-93ec3c59.js';
16
16
  import 'prop-types';
17
17
  import Container from 'react-bootstrap/Container';
18
18
  import { withRouter } from 'next/router';
19
- import './isSymbol-47f5ff3b.js';
20
- import { d as debounce_1 } from './debounce-a0d9abca.js';
19
+ import './isSymbol-807e927e.js';
20
+ import { d as debounce_1 } from './debounce-1a993acf.js';
21
21
  import { I as InfiniteScroll } from './index.es-938a3a58.js';
22
22
  import 'react-dom';
23
23
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -223,17 +223,74 @@ var VideoSeriesListing = function (_React$Component) {
223
223
  }
224
224
 
225
225
  _createClass(VideoSeriesListing, [{
226
+ key: 'componentDidMount',
227
+ value: function componentDidMount() {
228
+ console.log(this.state);
229
+ }
230
+ }, {
226
231
  key: 'render',
227
232
  value: function render() {
228
233
  var _this2 = this;
229
234
 
230
- return React__default.createElement(
231
- React__default.Fragment,
232
- null,
233
- this.state.data.length >= 1 && this.state.data[0].length > 0 ? //Check if any Video Groups available
234
- React__default.createElement(
235
- InfiniteScroll,
236
- { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
235
+ var _props$autoScroll = this.props.autoScroll,
236
+ autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll;
237
+
238
+
239
+ if (autoScroll) {
240
+ return React__default.createElement(
241
+ React__default.Fragment,
242
+ null,
243
+ this.state.data.length >= 1 && this.state.data[0].length > 0 ?
244
+ //Check if any Video Groups available
245
+ React__default.createElement(
246
+ InfiniteScroll,
247
+ { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
248
+ React__default.createElement(
249
+ Container,
250
+ null,
251
+ this.state.data && this.state.data.map(function (series, index) {
252
+ var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
253
+
254
+ return React__default.createElement(
255
+ React__default.Fragment,
256
+ { key: index },
257
+ React__default.createElement(
258
+ VisibilitySensor,
259
+ {
260
+ onChange: function onChange(isVisible) {
261
+ isVisible && _this2.changePageNumber(page);
262
+ } },
263
+ React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
264
+ ),
265
+ React__default.createElement(
266
+ 'div',
267
+ null,
268
+ _this2.renderSeries(series)
269
+ )
270
+ );
271
+ })
272
+ )
273
+ ) : React__default.createElement(
274
+ 'div',
275
+ { style: { marginTop: '10px' } },
276
+ React__default.createElement(
277
+ 'h5',
278
+ null,
279
+ React__default.createElement(
280
+ 'em',
281
+ null,
282
+ 'New content coming soon, please check back later.'
283
+ )
284
+ )
285
+ )
286
+ );
287
+ }
288
+ if (!autoScroll) {
289
+ return React__default.createElement(
290
+ React__default.Fragment,
291
+ null,
292
+ this.state.data.length >= 1 && this.state.data[0].length > 0 ?
293
+ //Check if any Video Groups available
237
294
  React__default.createElement(
238
295
  Container,
239
296
  null,
@@ -255,24 +312,43 @@ var VideoSeriesListing = function (_React$Component) {
255
312
  'div',
256
313
  null,
257
314
  _this2.renderSeries(series)
315
+ ),
316
+ _this2.state.scrolling ? React__default.createElement(
317
+ 'button',
318
+ {
319
+ className: 'btn',
320
+ style: { margin: '0 auto 2rem', display: 'block', fontSize: '18px', padding: '.5rem 1.5rem', boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)', background: 'var(--primary)', color: '#fff', borderRadius: '5px' },
321
+ onClick: function onClick(e) {
322
+ e.target.style.display = 'none';
323
+ _this2.loadMore();
324
+ } },
325
+ 'Load More'
326
+ ) : React__default.createElement(
327
+ 'p',
328
+ { style: { textAlign: 'center' } },
329
+ React__default.createElement(
330
+ 'b',
331
+ null,
332
+ 'End of data'
333
+ )
258
334
  )
259
335
  );
260
336
  })
261
- )
262
- ) : React__default.createElement(
263
- 'div',
264
- { style: { marginTop: '10px' } },
265
- React__default.createElement(
266
- 'h5',
267
- null,
337
+ ) : React__default.createElement(
338
+ 'div',
339
+ { style: { marginTop: '10px' } },
268
340
  React__default.createElement(
269
- 'em',
341
+ 'h5',
270
342
  null,
271
- 'New content coming soon, please check back later.'
343
+ React__default.createElement(
344
+ 'em',
345
+ null,
346
+ 'New content coming soon, please check back later.'
347
+ )
272
348
  )
273
349
  )
274
- )
275
- );
350
+ );
351
+ }
276
352
  }
277
353
  }]);
278
354
 
package/dist/esm/View.js CHANGED
@@ -20,8 +20,8 @@ import 'react-bootstrap/Row';
20
20
  import 'react-bootstrap/Col';
21
21
  import { m as moment } from './moment-12415288.js';
22
22
  import { useRouter } from 'next/router';
23
- import './isSymbol-47f5ff3b.js';
24
- import './debounce-a0d9abca.js';
23
+ import './isSymbol-807e927e.js';
24
+ import './debounce-1a993acf.js';
25
25
  import { I as InfiniteScroll } from './index.es-938a3a58.js';
26
26
  import 'react-dom';
27
27
  import './index-51a80699.js';
@@ -39,7 +39,7 @@ import './smoothscroll-4b699764.js';
39
39
  import './GroupDeck.js';
40
40
  import 'react-bootstrap';
41
41
  import Button from 'react-bootstrap/Button';
42
- import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-fe4d6d6e.js';
42
+ import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-4b48a31f.js';
43
43
  import './util-7700fc59.js';
44
44
  import './brightcove-react-player-loader.es-83f53e4e.js';
45
45
  import 'react-bootstrap/Pagination';
@@ -51,12 +51,12 @@ import Form from 'react-bootstrap/Form';
51
51
  import FormControl from 'react-bootstrap/FormControl';
52
52
  import { _ as _Object$keys } from './keys-941eccc4.js';
53
53
  import 'react-bootstrap/Dropdown';
54
- import getKeywords from './getKeywords.js';
55
54
  import getSeriesDetail from './getSeriesDetail.js';
56
55
  import 'nookies';
57
56
  import getQuery from './getQuery.js';
58
57
  import getRelatedArticle from './getRelatedArticle.js';
59
- import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-3cc3f97d.js';
58
+ import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-11d623e4.js';
59
+ import getKeywords from './getKeywords.js';
60
60
  import urlFor from './urlFor.js';
61
61
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
62
62
 
@@ -115,7 +115,7 @@ var DocumentGroup = function DocumentGroup(_ref) {
115
115
  var article = _ref.article,
116
116
  client = _ref.client;
117
117
 
118
- if (!article.documentGroup) {
118
+ if (!article.documentGroupMapping) {
119
119
  return null;
120
120
  }
121
121
  var name = getDocumentGroupName(article.documentGroup);
@@ -308,7 +308,7 @@ var Article = function Article(props) {
308
308
  var url = _props$article$url.current,
309
309
  issue = _props$article.issue,
310
310
  source = _props$article.source,
311
- documentGroup = _props$article.documentGroup,
311
+ documentGroupMapping = _props$article.documentGroupMapping,
312
312
  regionalPages = props.regionalPages,
313
313
  nationalPage = props.nationalPage,
314
314
  ISIContent = props.ISIContent,
@@ -399,7 +399,7 @@ var Article = function Article(props) {
399
399
  };
400
400
 
401
401
  var RelevantTopics = function RelevantTopics() {
402
- if (content_placement && content_placement.length > 0 || documentGroup) {
402
+ if (content_placement && content_placement.length > 0 || documentGroupMapping) {
403
403
  return React__default.createElement(
404
404
  'div',
405
405
  { style: { color: '#262626' } },
@@ -412,23 +412,29 @@ var Article = function Article(props) {
412
412
  'Related Content:'
413
413
  )
414
414
  ),
415
- documentGroup && documentGroup.parent && React__default.createElement(
416
- React__default.Fragment,
417
- null,
418
- React__default.createElement(
419
- 'span',
420
- { className: '' },
415
+ documentGroupMapping && documentGroupMapping.map(function (documentGroup) {
416
+ if (!documentGroup.parent) {
417
+ return null;
418
+ }
419
+
420
+ return React__default.createElement(
421
+ React__default.Fragment,
422
+ null,
421
423
  React__default.createElement(
422
- 'a',
423
- {
424
- className: 'related-links',
425
- style: { color: 'blue' },
426
- href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path },
427
- documentGroup.name
428
- )
429
- ),
430
- content_placement && content_placement.length ? ' | ' : null
431
- ),
424
+ 'span',
425
+ { className: '' },
426
+ React__default.createElement(
427
+ 'a',
428
+ {
429
+ className: 'related-links',
430
+ style: { color: 'blue' },
431
+ href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path },
432
+ documentGroup.name
433
+ )
434
+ ),
435
+ content_placement && content_placement.length ? ' | ' : null
436
+ );
437
+ }),
432
438
  content_placement && content_placement.length > 0 ? content_placement.map(function (cp, index) {
433
439
  var cp_url = cpModificationRequired ? getContentPlacementUrl(cp) : cp.path;
434
440
  var href = '/' + cp_url;
@@ -1276,7 +1282,9 @@ var View = function View(props) {
1276
1282
  _props$showRelatedArt = props.showRelatedArticles,
1277
1283
  showRelatedArticles = _props$showRelatedArt === undefined ? false : _props$showRelatedArt,
1278
1284
  _props$canonicalTag = props.canonicalTag,
1279
- canonicalTag = _props$canonicalTag === undefined ? true : _props$canonicalTag;
1285
+ canonicalTag = _props$canonicalTag === undefined ? true : _props$canonicalTag,
1286
+ _props$infiniteScroll = props.infiniteScrollFlag,
1287
+ infiniteScrollFlag = _props$infiniteScroll === undefined ? true : _props$infiniteScroll;
1280
1288
  var _props$article = props.article,
1281
1289
  _props$article$passwo = _props$article.passwordLock,
1282
1290
  passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo,
@@ -1334,7 +1342,7 @@ var View = function View(props) {
1334
1342
 
1335
1343
  var isVideoSeries = checkVideoSeries(props.article);
1336
1344
  var isArticleSeries = checkArticleSeries(props.article);
1337
- var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag;
1345
+ var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag;
1338
1346
 
1339
1347
  if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
1340
1348
  description = null;
@@ -1,4 +1,4 @@
1
- import { a as _root, c as isSymbol_1, d as isObject_1 } from './isSymbol-47f5ff3b.js';
1
+ import { _ as _root, i as isSymbol_1, a as isObject_1 } from './isSymbol-807e927e.js';
2
2
 
3
3
  /**
4
4
  * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -274,4 +274,4 @@ function debounce(func, wait, options) {
274
274
 
275
275
  var debounce_1 = debounce;
276
276
 
277
- export { debounce_1 as d, toNumber_1 as t };
277
+ export { debounce_1 as d };