@mjhls/mjh-framework 1.0.642-multi-doc-group → 1.0.642

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/ArticleQueue.js +1689 -0
  14. package/dist/cjs/ArticleSeriesListing.js +2 -2
  15. package/dist/cjs/CMEDeck.js +2 -2
  16. package/dist/cjs/Column2.js +3 -2
  17. package/dist/cjs/Column3.js +4 -3
  18. package/dist/cjs/ConferenceArticleCard.js +27 -11
  19. package/dist/cjs/DeckContent.js +3 -3
  20. package/dist/cjs/DeckQueue.js +4 -3
  21. package/dist/cjs/{Dfp-b2bc3b97.js → Dfp-ffaf5981.js} +2 -2
  22. package/dist/cjs/ExternalResources.js +3 -3
  23. package/dist/cjs/GridContent.js +6 -5
  24. package/dist/cjs/IssueLanding.js +4 -4
  25. package/dist/cjs/LeftNav.js +2 -2
  26. package/dist/cjs/MasterDeck.js +4 -4
  27. package/dist/cjs/PartnerDetailListing.js +5 -5
  28. package/dist/cjs/QueueDeckExpanded.js +4 -4
  29. package/dist/cjs/RelatedContent.js +30 -0
  30. package/dist/cjs/SideFooter.js +3 -2
  31. package/dist/cjs/TemplateNormal.js +4 -3
  32. package/dist/cjs/VideoSeriesListing.js +2 -2
  33. package/dist/cjs/View.js +26 -34
  34. package/dist/cjs/_arrayMap-3b4a0f75.js +91 -0
  35. package/dist/cjs/{debounce-eb287781.js → debounce-32e57002.js} +2 -1
  36. package/dist/cjs/{get-68c52cb1.js → get-5dfcdc33.js} +7 -90
  37. package/dist/cjs/getQuery.js +2 -2
  38. package/dist/cjs/getSerializers.js +3 -3
  39. package/dist/cjs/index.js +11 -8
  40. package/dist/cjs/{isSymbol-04666465.js → isSymbol-488934a7.js} +2 -0
  41. package/dist/esm/AD.js +1 -1
  42. package/dist/esm/AD300x250.js +2 -2
  43. package/dist/esm/AD300x250x600.js +2 -2
  44. package/dist/esm/AD728x90.js +2 -2
  45. package/dist/esm/ADFloatingFooter.js +2 -2
  46. package/dist/esm/ADGutter.js +2 -2
  47. package/dist/esm/ADSkyscraper.js +2 -2
  48. package/dist/esm/ADSponsoredResources.js +2 -2
  49. package/dist/esm/ADWebcast.js +2 -2
  50. package/dist/esm/ADWelcome.js +2 -2
  51. package/dist/esm/AdSlot.js +2 -2
  52. package/dist/esm/ArticleQueue.js +1684 -0
  53. package/dist/esm/ArticleSeriesListing.js +2 -2
  54. package/dist/esm/CMEDeck.js +2 -2
  55. package/dist/esm/Column2.js +3 -2
  56. package/dist/esm/Column3.js +4 -3
  57. package/dist/esm/ConferenceArticleCard.js +27 -11
  58. package/dist/esm/DeckContent.js +3 -3
  59. package/dist/esm/DeckQueue.js +4 -3
  60. package/dist/esm/{Dfp-43d61e01.js → Dfp-4f966af0.js} +2 -2
  61. package/dist/esm/ExternalResources.js +3 -3
  62. package/dist/esm/GridContent.js +6 -5
  63. package/dist/esm/IssueLanding.js +4 -4
  64. package/dist/esm/LeftNav.js +2 -2
  65. package/dist/esm/MasterDeck.js +4 -4
  66. package/dist/esm/PartnerDetailListing.js +5 -5
  67. package/dist/esm/QueueDeckExpanded.js +4 -4
  68. package/dist/esm/RelatedContent.js +30 -0
  69. package/dist/esm/SideFooter.js +3 -2
  70. package/dist/esm/TemplateNormal.js +4 -3
  71. package/dist/esm/VideoSeriesListing.js +2 -2
  72. package/dist/esm/View.js +23 -31
  73. package/dist/esm/_arrayMap-818441dd.js +87 -0
  74. package/dist/esm/{debounce-1a993acf.js → debounce-a0d9abca.js} +2 -2
  75. package/dist/esm/{get-5ee14cda.js → get-58d2f7cc.js} +2 -85
  76. package/dist/esm/getQuery.js +2 -2
  77. package/dist/esm/getSerializers.js +3 -3
  78. package/dist/esm/index.js +9 -7
  79. package/dist/esm/{isSymbol-807e927e.js → isSymbol-47f5ff3b.js} +1 -1
  80. package/package.json +1 -1
  81. /package/dist/cjs/{ADInfeed-eaa6c661.js → ADInfeed-350decaa.js} +0 -0
  82. /package/dist/cjs/{ADlgInfeed-f25eb4f7.js → ADlgInfeed-7d61609b.js} +0 -0
  83. /package/dist/cjs/{index-04c709c4.js → index-46694c1c.js} +0 -0
  84. /package/dist/esm/{ADInfeed-3c4773f8.js → ADInfeed-fd7a62b1.js} +0 -0
  85. /package/dist/esm/{ADlgInfeed-5a52301f.js → ADlgInfeed-79c771d6.js} +0 -0
  86. /package/dist/esm/{index-c3ffdcd7.js → index-c3a534d6.js} +0 -0
@@ -23,8 +23,8 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
23
23
  require('./moment-66a6a284.js');
24
24
  var Router = require('next/router');
25
25
  var Router__default = _interopDefault(Router);
26
- require('./isSymbol-04666465.js');
27
- var debounce = require('./debounce-eb287781.js');
26
+ require('./isSymbol-488934a7.js');
27
+ var debounce = require('./debounce-32e57002.js');
28
28
  var index_es = require('./index.es-ab3f2690.js');
29
29
  require('react-dom');
30
30
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -19,8 +19,8 @@ require('prop-types');
19
19
  require('./moment-66a6a284.js');
20
20
  var Router = require('next/router');
21
21
  var Router__default = _interopDefault(Router);
22
- require('./isSymbol-04666465.js');
23
- var debounce = require('./debounce-eb287781.js');
22
+ require('./isSymbol-488934a7.js');
23
+ var debounce = require('./debounce-32e57002.js');
24
24
  var index_es = require('./index.es-ab3f2690.js');
25
25
  require('react-dom');
26
26
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -17,12 +17,13 @@ var React__default = _interopDefault(React);
17
17
  require('prop-types');
18
18
  var Row = _interopDefault(require('react-bootstrap/Row'));
19
19
  var Col = _interopDefault(require('react-bootstrap/Col'));
20
- require('./isSymbol-04666465.js');
20
+ require('./isSymbol-488934a7.js');
21
21
  require('./stringify-7c5aff47.js');
22
22
  require('./asyncToGenerator-533d476a.js');
23
23
  require('./_set-species-f92c67c5.js');
24
24
  require('./beam-7217b7e7.js');
25
- require('./get-68c52cb1.js');
25
+ require('./_arrayMap-3b4a0f75.js');
26
+ require('./get-5dfcdc33.js');
26
27
  require('./react-social-icons-f7f48f71.js');
27
28
  require('./defineProperty-55548b25.js');
28
29
  var SideFooter = require('./SideFooter.js');
@@ -18,8 +18,8 @@ require('./index-2d0a4911.js');
18
18
  require('prop-types');
19
19
  var Row = _interopDefault(require('react-bootstrap/Row'));
20
20
  var Col = _interopDefault(require('react-bootstrap/Col'));
21
- require('./isSymbol-04666465.js');
22
- require('./debounce-eb287781.js');
21
+ require('./isSymbol-488934a7.js');
22
+ require('./debounce-32e57002.js');
23
23
  var main = require('./main-b6c96c8d.js');
24
24
  require('./stringify-7c5aff47.js');
25
25
  require('./slicedToArray-8f385299.js');
@@ -27,7 +27,8 @@ require('./asyncToGenerator-533d476a.js');
27
27
  require('./_set-species-f92c67c5.js');
28
28
  require('./beam-7217b7e7.js');
29
29
  require('./AdSlot.js');
30
- require('./get-68c52cb1.js');
30
+ require('./_arrayMap-3b4a0f75.js');
31
+ require('./get-5dfcdc33.js');
31
32
  require('./react-social-icons-f7f48f71.js');
32
33
  require('react-bootstrap');
33
34
  require('./defineProperty-55548b25.js');
@@ -8,6 +8,23 @@ var React__default = _interopDefault(React);
8
8
  var moment = require('./moment-66a6a284.js');
9
9
  var index$1 = require('./index-b5eb3ff8.js');
10
10
 
11
+ /*
12
+ Example usage - targetedonc.com/latest-conference
13
+ const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
14
+ ...,
15
+ title,
16
+ summary,
17
+ thumbnail,
18
+ url,
19
+ published,
20
+ documentGroup->,
21
+ contentCategory->,
22
+ 'pageNumber': ${currentPage}
23
+ }`
24
+
25
+ const posts = await client.fetch(query, params)
26
+ */
27
+
11
28
  var ConferenceArticleCard = function ConferenceArticleCard(props) {
12
29
  var data = props.data,
13
30
  variant = props.variant,
@@ -21,6 +38,7 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
21
38
  return builder.image(source).auto('format');
22
39
  }
23
40
 
41
+ //title, thumbnail, summary, published, documentGroup.identifier.current, documentGroup.identifier.name
24
42
  return React__default.createElement(
25
43
  'div',
26
44
  { className: 'conference-media' },
@@ -50,17 +68,15 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
50
68
  { className: 'conf-media__card-text' },
51
69
  moment.moment(data.published).format('MMMM Do YYYY, h:mma')
52
70
  ),
53
- data.documentGroupMapping && data.documentGroupMapping.map(function (map, index) {
54
- return React__default.createElement(
55
- 'p',
56
- { className: 'mb-1 conference-group', key: index },
57
- React__default.createElement(
58
- 'a',
59
- { href: '/conference/' + (map.identifier && map.identifier.current || ''), alt: data.thumbnail && data.thumbnail.alt || data.title },
60
- map.name
61
- )
62
- );
63
- }),
71
+ React__default.createElement(
72
+ 'p',
73
+ { className: 'mb-1 conference-group' },
74
+ data.documentGroup && data.documentGroup.identifier && React__default.createElement(
75
+ 'a',
76
+ { href: '/conference/' + data.documentGroup.identifier.current, alt: data.thumbnail && data.thumbnail.alt || data.title },
77
+ data.documentGroup.name
78
+ )
79
+ ),
64
80
  React__default.createElement('p', { className: 'pt-2 card-text', dangerouslySetInnerHTML: { __html: data.summary } })
65
81
  ),
66
82
  React__default.createElement(
@@ -28,8 +28,8 @@ var Card = _interopDefault(require('react-bootstrap/Card'));
28
28
  var moment = require('./moment-66a6a284.js');
29
29
  var Router = require('next/router');
30
30
  var Router__default = _interopDefault(Router);
31
- require('./isSymbol-04666465.js');
32
- var debounce = require('./debounce-eb287781.js');
31
+ require('./isSymbol-488934a7.js');
32
+ var debounce = require('./debounce-32e57002.js');
33
33
  var index_es = require('./index.es-ab3f2690.js');
34
34
  require('react-dom');
35
35
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -43,7 +43,7 @@ require('./asyncToGenerator-533d476a.js');
43
43
  require('./_set-species-f92c67c5.js');
44
44
  require('./beam-7217b7e7.js');
45
45
  require('./AdSlot.js');
46
- var ADInfeed = require('./ADInfeed-eaa6c661.js');
46
+ var ADInfeed = require('./ADInfeed-350decaa.js');
47
47
 
48
48
  var DeckContent = function (_React$Component) {
49
49
  inherits._inherits(DeckContent, _React$Component);
@@ -28,8 +28,8 @@ var Card = _interopDefault(require('react-bootstrap/Card'));
28
28
  var moment = require('./moment-66a6a284.js');
29
29
  var Router = require('next/router');
30
30
  var Router__default = _interopDefault(Router);
31
- require('./isSymbol-04666465.js');
32
- var debounce = require('./debounce-eb287781.js');
31
+ require('./isSymbol-488934a7.js');
32
+ var debounce = require('./debounce-32e57002.js');
33
33
  var index_es = require('./index.es-ab3f2690.js');
34
34
  require('react-dom');
35
35
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -37,7 +37,8 @@ var index$1 = require('./index-b5eb3ff8.js');
37
37
  var index$2 = require('./index-da796b8c.js');
38
38
  var main = require('./main-b6c96c8d.js');
39
39
  var entities = require('./entities-310b46ee.js');
40
- var get = require('./get-68c52cb1.js');
40
+ require('./_arrayMap-3b4a0f75.js');
41
+ var get = require('./get-5dfcdc33.js');
41
42
 
42
43
  var DeckQueue = function (_React$Component) {
43
44
  inherits._inherits(DeckQueue, _React$Component);
@@ -12,8 +12,8 @@ var React__default = _interopDefault(React);
12
12
  var index = require('./index-2d0a4911.js');
13
13
  var PropTypes = require('prop-types');
14
14
  var PropTypes__default = _interopDefault(PropTypes);
15
- require('./isSymbol-04666465.js');
16
- var debounce = require('./debounce-eb287781.js');
15
+ require('./isSymbol-488934a7.js');
16
+ var debounce = require('./debounce-32e57002.js');
17
17
  require('react-dom');
18
18
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
19
19
  var slicedToArray = require('./slicedToArray-8f385299.js');
@@ -26,8 +26,8 @@ require('react-bootstrap/Col');
26
26
  require('./moment-66a6a284.js');
27
27
  var Router = require('next/router');
28
28
  var Router__default = _interopDefault(Router);
29
- require('./isSymbol-04666465.js');
30
- require('./debounce-eb287781.js');
29
+ require('./isSymbol-488934a7.js');
30
+ require('./debounce-32e57002.js');
31
31
  require('react-dom');
32
32
  require('./index-b5eb3ff8.js');
33
33
  require('./index-da796b8c.js');
@@ -45,7 +45,7 @@ require('./GroupDeck.js');
45
45
  require('react-bootstrap');
46
46
  var Button = _interopDefault(require('react-bootstrap/Button'));
47
47
  var index$3 = require('./index-5be2866f.js');
48
- var getSerializers = require('./index-04c709c4.js');
48
+ var getSerializers = require('./index-46694c1c.js');
49
49
  require('./util-f2c1b65b.js');
50
50
  require('./brightcove-react-player-loader.es-156bd4d6.js');
51
51
  require('react-bootstrap/Pagination');
@@ -28,8 +28,8 @@ var Card = _interopDefault(require('react-bootstrap/Card'));
28
28
  var moment = require('./moment-66a6a284.js');
29
29
  var Router = require('next/router');
30
30
  var Router__default = _interopDefault(Router);
31
- require('./isSymbol-04666465.js');
32
- var debounce = require('./debounce-eb287781.js');
31
+ require('./isSymbol-488934a7.js');
32
+ var debounce = require('./debounce-32e57002.js');
33
33
  var index_es = require('./index.es-ab3f2690.js');
34
34
  require('react-dom');
35
35
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -43,10 +43,11 @@ require('./asyncToGenerator-533d476a.js');
43
43
  require('./_set-species-f92c67c5.js');
44
44
  require('./beam-7217b7e7.js');
45
45
  require('./AdSlot.js');
46
- var ADInfeed = require('./ADInfeed-eaa6c661.js');
46
+ var ADInfeed = require('./ADInfeed-350decaa.js');
47
47
  var lodash = require('./lodash-fc2922d0.js');
48
- var ADlgInfeed = require('./ADlgInfeed-f25eb4f7.js');
49
- var get = require('./get-68c52cb1.js');
48
+ var ADlgInfeed = require('./ADlgInfeed-7d61609b.js');
49
+ require('./_arrayMap-3b4a0f75.js');
50
+ var get = require('./get-5dfcdc33.js');
50
51
  require('./AD.js');
51
52
  var AuthorComponent = require('./AuthorComponent-bb831b74.js');
52
53
 
@@ -19,8 +19,8 @@ require('prop-types');
19
19
  require('react-bootstrap/Card');
20
20
  require('./moment-66a6a284.js');
21
21
  require('next/router');
22
- require('./isSymbol-04666465.js');
23
- require('./debounce-eb287781.js');
22
+ require('./isSymbol-488934a7.js');
23
+ require('./debounce-32e57002.js');
24
24
  require('./index.es-ab3f2690.js');
25
25
  require('react-dom');
26
26
  require('./visibility-sensor-0c45a583.js');
@@ -34,9 +34,9 @@ require('./asyncToGenerator-533d476a.js');
34
34
  require('./_set-species-f92c67c5.js');
35
35
  require('./beam-7217b7e7.js');
36
36
  require('./AdSlot.js');
37
- require('./ADInfeed-eaa6c661.js');
37
+ require('./ADInfeed-350decaa.js');
38
38
  require('./lodash-fc2922d0.js');
39
- require('./ADlgInfeed-f25eb4f7.js');
39
+ require('./ADlgInfeed-7d61609b.js');
40
40
  require('./AuthorComponent-bb831b74.js');
41
41
  require('react-bootstrap');
42
42
  var QueueDeckExpanded = require('./QueueDeckExpanded.js');
@@ -15,8 +15,8 @@ var React = require('react');
15
15
  var React__default = _interopDefault(React);
16
16
  require('./index-2d0a4911.js');
17
17
  require('prop-types');
18
- require('./isSymbol-04666465.js');
19
- require('./debounce-eb287781.js');
18
+ require('./isSymbol-488934a7.js');
19
+ require('./debounce-32e57002.js');
20
20
  require('./main-b6c96c8d.js');
21
21
  require('./stringify-7c5aff47.js');
22
22
  require('./slicedToArray-8f385299.js');
@@ -28,8 +28,8 @@ require('react-bootstrap/Card');
28
28
  require('./moment-66a6a284.js');
29
29
  var Router = require('next/router');
30
30
  var Router__default = _interopDefault(Router);
31
- require('./isSymbol-04666465.js');
32
- var debounce = require('./debounce-eb287781.js');
31
+ require('./isSymbol-488934a7.js');
32
+ var debounce = require('./debounce-32e57002.js');
33
33
  var index_es = require('./index.es-ab3f2690.js');
34
34
  require('react-dom');
35
35
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -41,9 +41,9 @@ var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
41
41
  require('./_set-species-f92c67c5.js');
42
42
  require('./beam-7217b7e7.js');
43
43
  require('./AdSlot.js');
44
- var ADInfeed = require('./ADInfeed-eaa6c661.js');
44
+ var ADInfeed = require('./ADInfeed-350decaa.js');
45
45
  var lodash = require('./lodash-fc2922d0.js');
46
- var ADlgInfeed = require('./ADlgInfeed-f25eb4f7.js');
46
+ var ADlgInfeed = require('./ADlgInfeed-7d61609b.js');
47
47
 
48
48
  var MasterDeck = function (_React$Component) {
49
49
  inherits._inherits(MasterDeck, _React$Component);
@@ -26,8 +26,8 @@ require('react-bootstrap/Col');
26
26
  require('react-bootstrap/Card');
27
27
  var moment = require('./moment-66a6a284.js');
28
28
  require('next/router');
29
- require('./isSymbol-04666465.js');
30
- require('./debounce-eb287781.js');
29
+ require('./isSymbol-488934a7.js');
30
+ require('./debounce-32e57002.js');
31
31
  require('./index.es-ab3f2690.js');
32
32
  require('react-dom');
33
33
  require('./visibility-sensor-0c45a583.js');
@@ -41,9 +41,9 @@ var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
41
41
  require('./_set-species-f92c67c5.js');
42
42
  require('./beam-7217b7e7.js');
43
43
  require('./AdSlot.js');
44
- require('./ADInfeed-eaa6c661.js');
44
+ require('./ADInfeed-350decaa.js');
45
45
  require('./lodash-fc2922d0.js');
46
- require('./ADlgInfeed-f25eb4f7.js');
46
+ require('./ADlgInfeed-7d61609b.js');
47
47
  require('./AuthorComponent-bb831b74.js');
48
48
  var BlockContent = require('./BlockContent-88f69acd.js');
49
49
  var smoothscroll = require('./smoothscroll-95231a70.js');
@@ -51,7 +51,7 @@ require('./GroupDeck.js');
51
51
  require('react-bootstrap');
52
52
  var QueueDeckExpanded = require('./QueueDeckExpanded.js');
53
53
  require('react-bootstrap/Button');
54
- var getSerializers = require('./index-04c709c4.js');
54
+ var getSerializers = require('./index-46694c1c.js');
55
55
  require('./util-f2c1b65b.js');
56
56
  require('./brightcove-react-player-loader.es-156bd4d6.js');
57
57
  require('react-bootstrap/Pagination');
@@ -20,8 +20,8 @@ require('react-bootstrap/Card');
20
20
  var moment = require('./moment-66a6a284.js');
21
21
  var Router = require('next/router');
22
22
  var Router__default = _interopDefault(Router);
23
- require('./isSymbol-04666465.js');
24
- require('./debounce-eb287781.js');
23
+ require('./isSymbol-488934a7.js');
24
+ require('./debounce-32e57002.js');
25
25
  var index_es = require('./index.es-ab3f2690.js');
26
26
  require('react-dom');
27
27
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -35,9 +35,9 @@ require('./asyncToGenerator-533d476a.js');
35
35
  require('./_set-species-f92c67c5.js');
36
36
  require('./beam-7217b7e7.js');
37
37
  require('./AdSlot.js');
38
- var ADInfeed = require('./ADInfeed-eaa6c661.js');
38
+ var ADInfeed = require('./ADInfeed-350decaa.js');
39
39
  var lodash = require('./lodash-fc2922d0.js');
40
- var ADlgInfeed = require('./ADlgInfeed-f25eb4f7.js');
40
+ var ADlgInfeed = require('./ADlgInfeed-7d61609b.js');
41
41
  var AuthorComponent = require('./AuthorComponent-bb831b74.js');
42
42
  var reactBootstrap = require('react-bootstrap');
43
43
 
@@ -7,7 +7,37 @@ var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
8
  var moment = require('./moment-66a6a284.js');
9
9
  var index$1 = require('./index-b5eb3ff8.js');
10
+ require('react-bootstrap/Media');
10
11
 
12
+ /*
13
+ Sample query
14
+ let references = ''
15
+ if(article.taxonomyMapping.length > 0){
16
+ article.taxonomyMapping.forEach((ref, index) => {
17
+ references = references + `references('${ref._ref}') `
18
+ if(index+1 !== article.taxonomyMapping.length){
19
+ references = references + ` && `
20
+ }
21
+ })
22
+ }
23
+
24
+ const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
25
+ ...,
26
+ title,
27
+ summary,
28
+ thumbnail,
29
+ url,
30
+ published,
31
+ authorMapping[]->,
32
+ contentCategory->
33
+ }`
34
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
35
+
36
+ Sample usage
37
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
38
+
39
+
40
+ */
11
41
  var RelatedContent = function RelatedContent(props) {
12
42
  var client = props.client,
13
43
  dataRecord = props.dataRecord,
@@ -13,12 +13,13 @@ require('./web.dom.iterable-a0e279c1.js');
13
13
  var React = require('react');
14
14
  var React__default = _interopDefault(React);
15
15
  require('prop-types');
16
- require('./isSymbol-04666465.js');
16
+ require('./isSymbol-488934a7.js');
17
17
  require('./stringify-7c5aff47.js');
18
18
  require('./asyncToGenerator-533d476a.js');
19
19
  require('./_set-species-f92c67c5.js');
20
20
  var Segment = require('./beam-7217b7e7.js');
21
- var get = require('./get-68c52cb1.js');
21
+ require('./_arrayMap-3b4a0f75.js');
22
+ var get = require('./get-5dfcdc33.js');
22
23
  var reactSocialIcons = require('./react-social-icons-f7f48f71.js');
23
24
  var defineProperty$1 = require('./defineProperty-55548b25.js');
24
25
 
@@ -19,8 +19,8 @@ require('react-bootstrap/Row');
19
19
  require('react-bootstrap/Col');
20
20
  var Router = require('next/router');
21
21
  var Router__default = _interopDefault(Router);
22
- require('./isSymbol-04666465.js');
23
- require('./debounce-eb287781.js');
22
+ require('./isSymbol-488934a7.js');
23
+ require('./debounce-32e57002.js');
24
24
  require('./main-b6c96c8d.js');
25
25
  require('./stringify-7c5aff47.js');
26
26
  var slicedToArray = require('./slicedToArray-8f385299.js');
@@ -28,7 +28,8 @@ require('./asyncToGenerator-533d476a.js');
28
28
  require('./_set-species-f92c67c5.js');
29
29
  require('./beam-7217b7e7.js');
30
30
  require('./AdSlot.js');
31
- require('./get-68c52cb1.js');
31
+ require('./_arrayMap-3b4a0f75.js');
32
+ require('./get-5dfcdc33.js');
32
33
  require('./react-social-icons-f7f48f71.js');
33
34
  require('react-bootstrap');
34
35
  require('./iconBase-68959171.js');
@@ -22,8 +22,8 @@ require('prop-types');
22
22
  var Container = _interopDefault(require('react-bootstrap/Container'));
23
23
  var Router = require('next/router');
24
24
  var Router__default = _interopDefault(Router);
25
- require('./isSymbol-04666465.js');
26
- var debounce = require('./debounce-eb287781.js');
25
+ require('./isSymbol-488934a7.js');
26
+ var debounce = require('./debounce-32e57002.js');
27
27
  var index_es = require('./index.es-ab3f2690.js');
28
28
  require('react-dom');
29
29
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
package/dist/cjs/View.js CHANGED
@@ -26,8 +26,8 @@ require('react-bootstrap/Col');
26
26
  var moment = require('./moment-66a6a284.js');
27
27
  var Router = require('next/router');
28
28
  var Router__default = _interopDefault(Router);
29
- require('./isSymbol-04666465.js');
30
- require('./debounce-eb287781.js');
29
+ require('./isSymbol-488934a7.js');
30
+ require('./debounce-32e57002.js');
31
31
  var index_es = require('./index.es-ab3f2690.js');
32
32
  require('react-dom');
33
33
  require('./index-b5eb3ff8.js');
@@ -45,7 +45,7 @@ require('./smoothscroll-95231a70.js');
45
45
  require('./GroupDeck.js');
46
46
  require('react-bootstrap');
47
47
  var Button = _interopDefault(require('react-bootstrap/Button'));
48
- var getSerializers = require('./index-04c709c4.js');
48
+ var getSerializers = require('./index-46694c1c.js');
49
49
  require('./util-f2c1b65b.js');
50
50
  require('./brightcove-react-player-loader.es-156bd4d6.js');
51
51
  require('react-bootstrap/Pagination');
@@ -55,14 +55,14 @@ require('react-share');
55
55
  var SocialShare = require('./SocialShare.js');
56
56
  var Form = _interopDefault(require('react-bootstrap/Form'));
57
57
  var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
58
- var keys = require('./keys-a586b7a0.js');
58
+ var keys$1 = require('./keys-a586b7a0.js');
59
59
  require('react-bootstrap/Dropdown');
60
+ var getKeywords = require('./getKeywords.js');
60
61
  var getSeriesDetail = require('./getSeriesDetail.js');
61
62
  require('nookies');
62
63
  var getQuery = require('./getQuery.js');
63
64
  var getRelatedArticle = require('./getRelatedArticle.js');
64
65
  var getTargeting = require('./getTargeting-87eb9994.js');
65
- var getKeywords = require('./getKeywords.js');
66
66
  var urlFor = require('./urlFor.js');
67
67
  var styleInject_es = require('./style-inject.es-dcee06b6.js');
68
68
 
@@ -315,7 +315,6 @@ var Article = function Article(props) {
315
315
  issue = _props$article.issue,
316
316
  source = _props$article.source,
317
317
  documentGroup = _props$article.documentGroup,
318
- documentGroupMapping = _props$article.documentGroupMapping,
319
318
  regionalPages = props.regionalPages,
320
319
  nationalPage = props.nationalPage,
321
320
  ISIContent = props.ISIContent,
@@ -406,7 +405,7 @@ var Article = function Article(props) {
406
405
  };
407
406
 
408
407
  var RelevantTopics = function RelevantTopics() {
409
- if (content_placement && content_placement.length > 0 || documentGroupMapping) {
408
+ if (content_placement && content_placement.length > 0 || documentGroup) {
410
409
  return React__default.createElement(
411
410
  'div',
412
411
  { style: { color: '#262626' } },
@@ -419,28 +418,23 @@ var Article = function Article(props) {
419
418
  'Related Content:'
420
419
  )
421
420
  ),
422
- documentGroupMapping && documentGroupMapping.length > 0 && documentGroupMapping.map(function (map, map_index) {
423
- var map_href = (cpModificationRequired ? map.parent && '/' + (map.parent.identifier && map.parent.identifier.current) : '') + '/' + map.path;
424
- return React__default.createElement(
425
- React__default.Fragment,
426
- null,
421
+ documentGroup && documentGroup.parent && React__default.createElement(
422
+ React__default.Fragment,
423
+ null,
424
+ React__default.createElement(
425
+ 'span',
426
+ { className: '' },
427
427
  React__default.createElement(
428
- 'span',
429
- { className: '', key: map_index },
430
- React__default.createElement(
431
- 'a',
432
- {
433
- className: 'related-links',
434
- style: { color: 'blue' },
435
- href: map_href
436
- },
437
- map.name
438
- )
439
- ),
440
- map.index < documentGroupMapping.length && ' | '
441
- );
442
- }),
443
- content_placement && content_placement.length > 0 && ' | ',
428
+ 'a',
429
+ {
430
+ className: 'related-links',
431
+ style: { color: 'blue' },
432
+ href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path },
433
+ documentGroup.name
434
+ )
435
+ ),
436
+ content_placement && content_placement.length ? ' | ' : null
437
+ ),
444
438
  content_placement && content_placement.length > 0 ? content_placement.map(function (cp, index) {
445
439
  var cp_url = cpModificationRequired ? getTargeting.getContentPlacementUrl(cp) : cp.path;
446
440
  var href = '/' + cp_url;
@@ -1017,7 +1011,7 @@ var ArticleQueue = function ArticleQueue(props) {
1017
1011
  var pos = slot.getTargeting('pos');
1018
1012
 
1019
1013
  slot.clearTargeting();
1020
- keys._Object$keys(targeting).forEach(function (key) {
1014
+ keys$1._Object$keys(targeting).forEach(function (key) {
1021
1015
  slot.setTargeting(key, targeting[key]);
1022
1016
  });
1023
1017
  slot.setTargeting('pos', pos);
@@ -1038,7 +1032,7 @@ var ArticleQueue = function ArticleQueue(props) {
1038
1032
  //gets the slotId of the leaderboard ad to refresh
1039
1033
  leaderboardSlotId = slot.getSlotId().getDomId();
1040
1034
  slot.clearTargeting();
1041
- keys._Object$keys(targeting).forEach(function (key) {
1035
+ keys$1._Object$keys(targeting).forEach(function (key) {
1042
1036
  slot.setTargeting(key, targeting[key]);
1043
1037
  });
1044
1038
  slot.setTargeting('pos', pos);
@@ -1288,9 +1282,7 @@ var View = function View(props) {
1288
1282
  _props$showRelatedArt = props.showRelatedArticles,
1289
1283
  showRelatedArticles = _props$showRelatedArt === undefined ? false : _props$showRelatedArt,
1290
1284
  _props$canonicalTag = props.canonicalTag,
1291
- canonicalTag = _props$canonicalTag === undefined ? true : _props$canonicalTag,
1292
- _props$disableInfinit = props.disableInfiniteScroll,
1293
- disableInfiniteScroll = _props$disableInfinit === undefined ? false : _props$disableInfinit;
1285
+ canonicalTag = _props$canonicalTag === undefined ? true : _props$canonicalTag;
1294
1286
  var _props$article = props.article,
1295
1287
  _props$article$passwo = _props$article.passwordLock,
1296
1288
  passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo,
@@ -1348,7 +1340,7 @@ var View = function View(props) {
1348
1340
 
1349
1341
  var isVideoSeries = checkVideoSeries(props.article);
1350
1342
  var isArticleSeries = checkArticleSeries(props.article);
1351
- var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && !disableInfiniteScroll;
1343
+ var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag;
1352
1344
 
1353
1345
  if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
1354
1346
  description = null;