@mjhls/mjh-framework 1.0.279 → 1.0.281

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 (47) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{ADInfeed-f560c2f9.js → ADInfeed-f0bf34d7.js} +1 -1
  3. package/dist/cjs/{AdSlot-f69a31ec.js → AdSlot-9660e9aa.js} +3 -4
  4. package/dist/cjs/DeckContent.js +10 -11
  5. package/dist/cjs/DeckQueue.js +8 -9
  6. package/dist/cjs/{Dfp-7a5533f9.js → Dfp-36d51c84.js} +3 -4
  7. package/dist/cjs/{Figure-fe3e9705.js → Figure-a7cd5161.js} +2 -2
  8. package/dist/cjs/{GridContent-8d5a738c.js → GridContent-4b4bbe7f.js} +13 -14
  9. package/dist/cjs/GridContent.js +7 -8
  10. package/dist/cjs/IssueContentDeck.js +4 -4
  11. package/dist/cjs/IssueDeck.js +5 -5
  12. package/dist/cjs/MasterDeck.js +4 -5
  13. package/dist/cjs/{Normal-7ed9eee9.js → Normal-f3765beb.js} +5 -5
  14. package/dist/cjs/PublicationDeck.js +4 -4
  15. package/dist/cjs/QueueDeckExpanded.js +47 -12
  16. package/dist/cjs/{TaxonomyCard-b5074d6e.js → TaxonomyCard-cf5bbc07.js} +5 -5
  17. package/dist/cjs/TaxonomyCard.js +1 -1
  18. package/dist/cjs/TemplateNormal.js +5 -6
  19. package/dist/cjs/ThumbnailCard.js +4 -4
  20. package/dist/cjs/VideoSeriesListing.js +4 -5
  21. package/dist/cjs/{YoutubeGroup-78e6bcc3.js → YoutubeGroup-1ec66294.js} +3 -3
  22. package/dist/cjs/YoutubeGroup.js +1 -1
  23. package/dist/cjs/{index-fa3cec70.js → debounce-fbfce522.js} +483 -0
  24. package/dist/cjs/{get-1f91592f.js → get-858530c2.js} +1 -1
  25. package/dist/cjs/index.js +36 -37
  26. package/dist/cjs/{inherits-9898af5a.js → inherits-3fbaa008.js} +1 -1
  27. package/dist/cjs/{promise-b96c61f8.js → promise-ea10b9c8.js} +1 -1
  28. package/dist/esm/{ADInfeed-a77b2850.js → ADInfeed-cc019fcb.js} +1 -1
  29. package/dist/esm/{AdSlot-69bf3195.js → AdSlot-1f20130d.js} +2 -3
  30. package/dist/esm/DeckContent.js +5 -6
  31. package/dist/esm/DeckQueue.js +3 -4
  32. package/dist/esm/{Dfp-71879c9d.js → Dfp-85f00c9b.js} +1 -2
  33. package/dist/esm/{GridContent-b8b5f361.js → GridContent-1292ff20.js} +5 -6
  34. package/dist/esm/GridContent.js +7 -8
  35. package/dist/esm/MasterDeck.js +3 -4
  36. package/dist/esm/{Normal-21cfb458.js → Normal-c46eeac5.js} +5 -5
  37. package/dist/esm/QueueDeckExpanded.js +40 -5
  38. package/dist/esm/TemplateNormal.js +5 -6
  39. package/dist/esm/VideoSeriesListing.js +2 -3
  40. package/dist/esm/{index-fa84ea96.js → debounce-d15d4a31.js} +478 -2
  41. package/dist/esm/{get-b2201dc8.js → get-a0244443.js} +1 -1
  42. package/dist/esm/index.js +10 -11
  43. package/dist/esm/{inherits-a75c8a1c.js → inherits-1d7657b5.js} +1 -1
  44. package/dist/esm/{promise-683a9c54.js → promise-eabb7f7e.js} +1 -1
  45. package/package.json +1 -1
  46. package/dist/cjs/debounce-783eb233.js +0 -487
  47. package/dist/esm/debounce-806f886b.js +0 -479
@@ -5,23 +5,27 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
+ var debounce = require('./debounce-fbfce522.js');
8
9
  var main = require('./main-0ea1b808.js');
9
10
  var toConsumableArray = require('./toConsumableArray-f05a306f.js');
10
11
  require('./core.get-iterator-method-e049ca4a.js');
11
12
  var _extends$2 = require('./extends-e94dbea5.js');
12
13
  var React = require('react');
13
14
  var React__default = _interopDefault(React);
14
- var index = require('./index-fa3cec70.js');
15
15
  require('prop-types');
16
+ require('react-bootstrap/Card');
16
17
  var visibilitySensor = require('./visibility-sensor-b72d9527.js');
17
18
  require('next/link');
18
19
  var Router = require('next/router');
19
20
  var Router__default = _interopDefault(Router);
20
21
  require('react-dom');
21
- var index$1 = require('./index-39beccb3.js');
22
- var index$2 = require('./index-fa0fb52c.js');
22
+ var index = require('./index-39beccb3.js');
23
+ var index$1 = require('./index-fa0fb52c.js');
23
24
  var entities = require('./entities-310b46ee.js');
24
25
  var slicedToArray = require('./slicedToArray-e38fb29d.js');
26
+ require('./AdSlot-9660e9aa.js');
27
+ require('./promise-ea10b9c8.js');
28
+ var ADInfeed = require('./ADInfeed-f0bf34d7.js');
25
29
  var reactBootstrap = require('react-bootstrap');
26
30
 
27
31
  var urlFor = function urlFor(source, builder) {
@@ -107,7 +111,7 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
107
111
  pageNumber = parseInt(pageNumber);
108
112
 
109
113
  if (currentPage !== pageNumber) {
110
- index.lib_3.refresh();
114
+ debounce.lib_3.refresh();
111
115
 
112
116
  setCurrentPage(pageNumber);
113
117
  if (path[0] !== '/') {
@@ -172,8 +176,34 @@ var checkExternalUrl = function checkExternalUrl(url) {
172
176
  return new RegExp(['http', 'https'].join('|')).test(url);
173
177
  };
174
178
 
175
- var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems) {
179
+ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI) {
176
180
  var numberOfItemsBeforeAd = 6;
181
+
182
+ var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
183
+ return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
184
+ };
185
+ if (showBI && brandInsightAd) {
186
+ var pos = 0;
187
+ for (var i = 1; pos < data.length; i++) {
188
+ var inFeedAd = {
189
+ adUnit: brandInsightAd.adUnit,
190
+ className: brandInsightAd.className,
191
+ networkID: brandInsightAd.networkID,
192
+ sizes: brandInsightAd.sizes,
193
+ slotId: brandInsightAd.slotId + '_' + i,
194
+ targeting: {
195
+ pos: 'article' + i,
196
+ content_placement: brandInsightAd.targeting.content_placement,
197
+ document_url: brandInsightAd.targeting.document_url
198
+ },
199
+ _type: 'brandInsightAd'
200
+ };
201
+
202
+ data = insertBrandInsightAd(data, pos, inFeedAd);
203
+ pos += brandInsightAd.interval + 1;
204
+ }
205
+ }
206
+
177
207
  return React__default.createElement(
178
208
  'div',
179
209
  null,
@@ -207,7 +237,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
207
237
  'a',
208
238
  { href: article.url.current, target: '_blank', className: 'feature-wrapper' },
209
239
  React__default.createElement(
210
- index$2.LazyLoad,
240
+ index$1.LazyLoad,
211
241
  { height: imageHeight },
212
242
  article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
213
243
  )
@@ -282,7 +312,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
282
312
  'a',
283
313
  { href: article.url.current, className: 'feature-wrapper' },
284
314
  React__default.createElement(
285
- index$2.LazyLoad,
315
+ index$1.LazyLoad,
286
316
  { height: imageHeight },
287
317
  article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
288
318
  )
@@ -332,6 +362,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
332
362
  main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
333
363
  );
334
364
  }
365
+ } else if (article._type === 'brandInsightAd' && article.adUnit) {
366
+ return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: article });
335
367
  }
336
368
 
337
369
  return React__default.createElement(
@@ -356,7 +388,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
356
388
  'a',
357
389
  { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
358
390
  React__default.createElement(
359
- index$2.LazyLoad,
391
+ index$1.LazyLoad,
360
392
  { height: imageHeight },
361
393
  article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
362
394
  )
@@ -477,11 +509,14 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
477
509
  showCategory = props.showCategory,
478
510
  imageHeight = props.imageHeight,
479
511
  imageWidth = props.imageWidth,
480
- rightItems = props.rightItems;
512
+ rightItems = props.rightItems,
513
+ brandInsightAd = props.brandInsightAd,
514
+ _props$showBI = props.showBI,
515
+ showBI = _props$showBI === undefined ? false : _props$showBI;
481
516
  var initialCurrentPage = props.currentPage,
482
517
  showPublished = props.showPublished;
483
518
 
484
- var builder = index$1.imageUrlBuilder(client);
519
+ var builder = index.imageUrlBuilder(client);
485
520
 
486
521
  var _useState = React.useState(initialData),
487
522
  _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -535,7 +570,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
535
570
  React__default.createElement(
536
571
  reactBootstrap.Container,
537
572
  null,
538
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems)
573
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI)
539
574
  )
540
575
  ),
541
576
  React__default.createElement(
@@ -549,7 +584,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
549
584
  React__default.createElement(
550
585
  reactBootstrap.Container,
551
586
  null,
552
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems)
587
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI)
553
588
  ),
554
589
  React__default.createElement(
555
590
  'div',
@@ -10,8 +10,8 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
10
10
  var Row = _interopDefault(require('react-bootstrap/Row'));
11
11
  var Col = _interopDefault(require('react-bootstrap/Col'));
12
12
  var Card = _interopDefault(require('react-bootstrap/Card'));
13
- var index$1 = require('./index-39beccb3.js');
14
- var index$2 = require('./index-fa0fb52c.js');
13
+ var index = require('./index-39beccb3.js');
14
+ var index$1 = require('./index-fa0fb52c.js');
15
15
 
16
16
  /*
17
17
  object-assign
@@ -150,7 +150,7 @@ var buildUrl = function buildUrl(props) {
150
150
  throw new Error('Invalid image reference in block, no `_ref` found on `asset`');
151
151
  }
152
152
 
153
- return index$1.node(objectAssign({
153
+ return index.node(objectAssign({
154
154
  projectId: projectId,
155
155
  dataset: dataset
156
156
  }, options.imageOptions || {})).image(node).toString();
@@ -933,7 +933,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
933
933
  getSerializers = props.getSerializers;
934
934
 
935
935
 
936
- var builder = index$1.imageUrlBuilder(client);
936
+ var builder = index.imageUrlBuilder(client);
937
937
 
938
938
  var urlFor = function urlFor(source) {
939
939
  return builder.image(source).auto('format');
@@ -985,7 +985,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
985
985
  Col,
986
986
  null,
987
987
  React__default.createElement(
988
- index$2.LazyLoad,
988
+ index$1.LazyLoad,
989
989
  { height: imageHeight },
990
990
  React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
991
991
  )
@@ -12,7 +12,7 @@ require('react-bootstrap/Card');
12
12
  require('react-dom');
13
13
  require('./index-39beccb3.js');
14
14
  require('./index-fa0fb52c.js');
15
- var TaxonomyCard = require('./TaxonomyCard-b5074d6e.js');
15
+ var TaxonomyCard = require('./TaxonomyCard-cf5bbc07.js');
16
16
 
17
17
 
18
18
 
@@ -3,25 +3,24 @@
3
3
  require('./_commonjsHelpers-06173234.js');
4
4
  require('./_to-object-329a650b.js');
5
5
  require('./web.dom.iterable-0998bdc3.js');
6
- require('./debounce-783eb233.js');
6
+ require('./debounce-fbfce522.js');
7
7
  require('./main-0ea1b808.js');
8
8
  require('./core.get-iterator-method-e049ca4a.js');
9
9
  require('./extends-e94dbea5.js');
10
10
  require('react');
11
- require('./index-fa3cec70.js');
12
11
  require('prop-types');
13
12
  require('react-bootstrap/Container');
14
13
  require('react-bootstrap/Row');
15
14
  require('react-bootstrap/Col');
16
15
  require('next/link');
17
16
  require('./slicedToArray-e38fb29d.js');
18
- require('./AdSlot-f69a31ec.js');
19
- require('./promise-b96c61f8.js');
20
- require('./get-1f91592f.js');
17
+ require('./AdSlot-9660e9aa.js');
18
+ require('./promise-ea10b9c8.js');
19
+ require('./get-858530c2.js');
21
20
  require('react-bootstrap');
22
21
  require('./index.esm-340d3792.js');
23
22
  require('react-bootstrap/Button');
24
- var TemplateNormal = require('./Normal-7ed9eee9.js');
23
+ var TemplateNormal = require('./Normal-f3765beb.js');
25
24
  require('react-bootstrap/ListGroup');
26
25
  require('next/head');
27
26
  require('react-bootstrap/Nav');
@@ -7,8 +7,8 @@ var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
8
  require('prop-types');
9
9
  require('react-dom');
10
- var index$1 = require('./index-39beccb3.js');
11
- var index$2 = require('./index-fa0fb52c.js');
10
+ var index = require('./index-39beccb3.js');
11
+ var index$1 = require('./index-fa0fb52c.js');
12
12
  var entities = require('./entities-310b46ee.js');
13
13
  var Media$1 = _interopDefault(require('react-bootstrap/Media'));
14
14
 
@@ -18,7 +18,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
18
18
  client = _ref.client,
19
19
  defaultImage = _ref.defaultImage;
20
20
 
21
- var builder = index$1.imageUrlBuilder(client);
21
+ var builder = index.imageUrlBuilder(client);
22
22
 
23
23
  var urlFor = function urlFor(source) {
24
24
  return builder.image(source).auto('format');
@@ -32,7 +32,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
32
32
  Media$1,
33
33
  { className: 'mb-3 thumbnail-card' },
34
34
  React__default.createElement(
35
- index$2.LazyLoad,
35
+ index$1.LazyLoad,
36
36
  { height: size },
37
37
  React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
38
38
  ),
@@ -5,12 +5,11 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
- var debounce = require('./debounce-783eb233.js');
8
+ var debounce = require('./debounce-fbfce522.js');
9
9
  var _extends$2 = require('./extends-e94dbea5.js');
10
- var inherits$2 = require('./inherits-9898af5a.js');
10
+ var inherits$2 = require('./inherits-3fbaa008.js');
11
11
  var React = require('react');
12
12
  var React__default = _interopDefault(React);
13
- var index = require('./index-fa3cec70.js');
14
13
  require('prop-types');
15
14
  var Container = _interopDefault(require('react-bootstrap/Container'));
16
15
  var visibilitySensor = require('./visibility-sensor-b72d9527.js');
@@ -19,7 +18,7 @@ var Router = require('next/router');
19
18
  var Router__default = _interopDefault(Router);
20
19
  require('react-dom');
21
20
  require('./index-fa0fb52c.js');
22
- var YoutubeGroup = require('./YoutubeGroup-78e6bcc3.js');
21
+ var YoutubeGroup = require('./YoutubeGroup-1ec66294.js');
23
22
  require('smoothscroll-polyfill');
24
23
  var index_esm = require('./index.esm-340d3792.js');
25
24
 
@@ -137,7 +136,7 @@ var VideoSeriesListing = function (_React$Component) {
137
136
  pageNumber = parseInt(pageNumber);
138
137
 
139
138
  if (currentPage !== pageNumber) {
140
- index.lib_3.refresh();
139
+ debounce.lib_3.refresh();
141
140
 
142
141
  _this.setState({
143
142
  currentPage: pageNumber
@@ -6,7 +6,7 @@ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
6
6
  var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
8
  require('next/link');
9
- var index$2 = require('./index-fa0fb52c.js');
9
+ var index$1 = require('./index-fa0fb52c.js');
10
10
  var smoothscroll = _interopDefault(require('smoothscroll-polyfill'));
11
11
 
12
12
  var getYoutubeId = _commonjsHelpers.createCommonjsModule(function (module, exports) {
@@ -144,7 +144,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
144
144
  'div',
145
145
  { className: 'tile__media' },
146
146
  React__default.createElement(
147
- index$2.LazyLoad,
147
+ index$1.LazyLoad,
148
148
  null,
149
149
  React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
150
150
  )
@@ -183,7 +183,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
183
183
  'div',
184
184
  { className: 'tile__media' },
185
185
  React__default.createElement(
186
- index$2.LazyLoad,
186
+ index$1.LazyLoad,
187
187
  null,
188
188
  React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
189
189
  )
@@ -6,7 +6,7 @@ require('prop-types');
6
6
  require('next/link');
7
7
  require('react-dom');
8
8
  require('./index-fa0fb52c.js');
9
- var YoutubeGroup = require('./YoutubeGroup-78e6bcc3.js');
9
+ var YoutubeGroup = require('./YoutubeGroup-1ec66294.js');
10
10
  require('smoothscroll-polyfill');
11
11
 
12
12