@mjhls/mjh-framework 1.0.383 → 1.0.385

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 (69) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{ADInfeed-9f564bd2.js → ADInfeed-f544f2a5.js} +1 -1
  3. package/dist/cjs/{AdSlot-b5f0c396.js → AdSlot-1e40a214.js} +4 -4
  4. package/dist/cjs/AuthorComponent-37deda17.js +99 -0
  5. package/dist/cjs/DeckContent.js +13 -10
  6. package/dist/cjs/DeckQueue.js +10 -7
  7. package/dist/cjs/{Dfp-e77be4e4.js → Dfp-27b922b0.js} +3 -3
  8. package/dist/cjs/{Figure-04b8dbbe.js → Figure-c49ee0f8.js} +2 -2
  9. package/dist/cjs/{GridContent-a0c81f9f.js → GridContent-1871749e.js} +29 -68
  10. package/dist/cjs/GridContent.js +16 -12
  11. package/dist/cjs/GroupDeck.js +28 -4
  12. package/dist/cjs/MasterDeck.js +10 -7
  13. package/dist/cjs/{Normal-6b148627.js → Normal-a747507b.js} +4 -4
  14. package/dist/cjs/QueueDeckExpanded.js +31 -68
  15. package/dist/cjs/{TaxonomyCard-b51062ec.js → TaxonomyCard-cf264332.js} +1 -1
  16. package/dist/cjs/TaxonomyCard.js +3 -2
  17. package/dist/cjs/TemplateNormal.js +9 -8
  18. package/dist/cjs/{Ustream-f5f53782.js → Ustream-c7baf022.js} +1 -1
  19. package/dist/cjs/Ustream.js +3 -3
  20. package/dist/cjs/VideoSeriesListing.js +9 -5
  21. package/dist/cjs/YoutubeGroup.js +25 -4
  22. package/dist/cjs/_library-dd23b178.js +5 -0
  23. package/dist/cjs/_object-pie-68c5bcbc.js +16 -0
  24. package/dist/cjs/{debounce-528ad412.js → debounce-b088070c.js} +0 -3
  25. package/dist/cjs/{extends-4c2285ff.js → extends-60837c34.js} +3 -16
  26. package/dist/cjs/{get-3b23d857.js → get-5aa7468c.js} +1 -1
  27. package/dist/cjs/index.js +544 -18
  28. package/dist/cjs/inherits-2a0fa98c.js +210 -0
  29. package/dist/cjs/{main-987c23c6.js → main-2020ba94.js} +1 -1
  30. package/dist/cjs/{promise-3b44b2a3.js → promise-d5136080.js} +8 -4
  31. package/dist/cjs/{slicedToArray-879ab2fb.js → slicedToArray-419d467a.js} +1 -1
  32. package/dist/cjs/{toConsumableArray-34b5e9a7.js → toConsumableArray-3cf1df2c.js} +2 -2
  33. package/dist/cjs/{inherits-7548e3e8.js → typeof-2747c582.js} +20 -218
  34. package/dist/cjs/{web.dom.iterable-8b02d65e.js → web.dom.iterable-5c889cf1.js} +2 -0
  35. package/dist/esm/{ADInfeed-c65835b9.js → ADInfeed-88c335d9.js} +1 -1
  36. package/dist/esm/{AdSlot-1cc6bdb0.js → AdSlot-971ce41c.js} +5 -5
  37. package/dist/esm/AuthorComponent-beb2ad16.js +94 -0
  38. package/dist/esm/DeckContent.js +14 -11
  39. package/dist/esm/DeckQueue.js +11 -8
  40. package/dist/esm/{Dfp-7c317aa4.js → Dfp-3b3273ee.js} +4 -4
  41. package/dist/esm/{Figure-aa16a017.js → Figure-7ba30e53.js} +3 -3
  42. package/dist/esm/{GridContent-6aafc29f.js → GridContent-3229be76.js} +29 -68
  43. package/dist/esm/GridContent.js +17 -13
  44. package/dist/esm/GroupDeck.js +29 -5
  45. package/dist/esm/MasterDeck.js +11 -8
  46. package/dist/esm/{Normal-308179a5.js → Normal-508d09f1.js} +4 -4
  47. package/dist/esm/QueueDeckExpanded.js +32 -69
  48. package/dist/esm/{TaxonomyCard-f1f072ab.js → TaxonomyCard-12f0a90a.js} +1 -1
  49. package/dist/esm/TaxonomyCard.js +4 -3
  50. package/dist/esm/TemplateNormal.js +10 -9
  51. package/dist/esm/{Ustream-d8cc3cbd.js → Ustream-ee7aeeef.js} +1 -1
  52. package/dist/esm/Ustream.js +4 -4
  53. package/dist/esm/VideoSeriesListing.js +10 -6
  54. package/dist/esm/YoutubeGroup.js +26 -5
  55. package/dist/esm/_library-528f1934.js +3 -0
  56. package/dist/esm/_object-pie-33c40e79.js +13 -0
  57. package/dist/esm/{_to-object-b9b796ec.js → _to-object-1b1f7766.js} +1 -1
  58. package/dist/esm/{debounce-702eb224.js → debounce-df468b0e.js} +1 -3
  59. package/dist/esm/{extends-26d3b609.js → extends-92072fff.js} +3 -14
  60. package/dist/esm/{get-36d03764.js → get-53653403.js} +1 -1
  61. package/dist/esm/index.js +549 -24
  62. package/dist/esm/inherits-cacd91d8.js +203 -0
  63. package/dist/esm/{main-cb86f95d.js → main-25bb2c75.js} +2 -2
  64. package/dist/esm/{promise-86cb8313.js → promise-5d7cd78a.js} +5 -5
  65. package/dist/esm/{slicedToArray-a47a84a4.js → slicedToArray-04e02710.js} +2 -2
  66. package/dist/esm/{toConsumableArray-2718dc16.js → toConsumableArray-d7054876.js} +3 -3
  67. package/dist/esm/{inherits-4b85034c.js → typeof-e4b50250.js} +8 -205
  68. package/dist/esm/{web.dom.iterable-7e9bebf9.js → web.dom.iterable-e6bf2bf6.js} +2 -2
  69. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.383
2
+ # mjh-framework v. 1.0.385
3
3
 
4
4
 
5
5
  > Foundation Framework
@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
7
  var Card = _interopDefault(require('react-bootstrap/Card'));
8
- var AdSlot = require('./AdSlot-b5f0c396.js');
8
+ var AdSlot = require('./AdSlot-1e40a214.js');
9
9
 
10
10
  var ADInfeed = function ADInfeed(_ref) {
11
11
  var index = _ref.index,
@@ -4,13 +4,13 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
6
6
  var _toObject = require('./_to-object-329a650b.js');
7
- var debounce = require('./debounce-528ad412.js');
8
- var main = require('./main-987c23c6.js');
7
+ var main = require('./main-2020ba94.js');
9
8
  var React = require('react');
10
9
  var React__default = _interopDefault(React);
10
+ var debounce = require('./debounce-b088070c.js');
11
11
  var PropTypes = _interopDefault(require('prop-types'));
12
- var slicedToArray = require('./slicedToArray-879ab2fb.js');
13
- var promise = require('./promise-3b44b2a3.js');
12
+ var slicedToArray = require('./slicedToArray-419d467a.js');
13
+ var promise = require('./promise-d5136080.js');
14
14
 
15
15
  var $JSON = _toObject._core.JSON || (_toObject._core.JSON = { stringify: JSON.stringify });
16
16
  var stringify = function stringify(it) { // eslint-disable-line no-unused-vars
@@ -0,0 +1,99 @@
1
+ 'use strict';
2
+
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
5
+ var React = require('react');
6
+ var React__default = _interopDefault(React);
7
+ var slicedToArray = require('./slicedToArray-419d467a.js');
8
+
9
+ var AuthorComponent = function AuthorComponent(_ref) {
10
+ var authors = _ref.authors,
11
+ index = _ref.index;
12
+
13
+ var renderAuthor = function renderAuthor(authorDetail, index, length) {
14
+ if (authorDetail) {
15
+ var _id = authorDetail._id,
16
+ displayName = authorDetail.displayName,
17
+ url = authorDetail.url;
18
+
19
+
20
+ if (displayName && url && url.current) {
21
+ return React__default.createElement(
22
+ 'span',
23
+ { key: _id },
24
+ index === 0 && React__default.createElement(
25
+ 'span',
26
+ { className: 'pr-1' },
27
+ 'By'
28
+ ),
29
+ React__default.createElement(
30
+ 'a',
31
+ { href: '/authors/' + url.current, className: 'text-muted' },
32
+ displayName
33
+ ),
34
+ length !== index + 1 && ' , '
35
+ );
36
+ } else if (displayName) {
37
+ return React__default.createElement(
38
+ 'span',
39
+ { key: _id },
40
+ index === 0 && React__default.createElement(
41
+ 'span',
42
+ { className: 'pr-1' },
43
+ 'By'
44
+ ),
45
+ React__default.createElement(
46
+ 'span',
47
+ { className: 'text-muted' },
48
+ displayName,
49
+ length !== index + 1 && React__default.createElement(
50
+ 'span',
51
+ { className: 'author-seperator' },
52
+ ','
53
+ )
54
+ )
55
+ );
56
+ }
57
+ } else return null;
58
+ };
59
+
60
+ var onOverlayClick = function onOverlayClick() {
61
+ if (authorRef && authorRef.current) {
62
+ authorRef.current.classList.remove('hide-content');
63
+ sethideContent(false);
64
+ }
65
+ };
66
+
67
+ React.useEffect(function () {
68
+ if (authorRef && authorRef.current.clientHeight && authorRef.current.clientHeight > 50) {
69
+ authorRef.current.classList.add('hide-content');
70
+ sethideContent(true);
71
+ }
72
+ }, []);
73
+
74
+ var _useState = React.useState(''),
75
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
76
+ hideContent = _useState2[0],
77
+ sethideContent = _useState2[1];
78
+
79
+ var overlayRef = React.useRef(null);
80
+ var authorRef = React.useRef(null);
81
+
82
+ return React__default.createElement(
83
+ 'div',
84
+ { id: 'author-sec' + index, ref: authorRef },
85
+ hideContent && React__default.createElement('div', { onClick: function onClick() {
86
+ return onOverlayClick();
87
+ }, ref: overlayRef, id: 'overlay-content' + index }),
88
+ authors.map(function (authorDetail, index) {
89
+ return renderAuthor(authorDetail, index, authors.length);
90
+ }),
91
+ React__default.createElement(
92
+ 'style',
93
+ { jsx: true },
94
+ '\n #author-sec' + index + ' {\n line-height: 25px;\n position: relative;\n height: auto;\n // max-height: 50px;\n }\n .hide-content {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n #overlay-content' + index + ' {\n position: absolute;\n cursor: pointer;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1000;\n }\n .author-seperator {\n padding-left: 2px;\n padding-right: 2px;\n }\n '
95
+ )
96
+ );
97
+ };
98
+
99
+ exports.AuthorComponent = AuthorComponent;
@@ -4,14 +4,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
- require('./web.dom.iterable-8b02d65e.js');
8
- var debounce = require('./debounce-528ad412.js');
9
- var main = require('./main-987c23c6.js');
10
- var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
11
- var _extends$2 = require('./extends-4c2285ff.js');
12
- var inherits$2 = require('./inherits-7548e3e8.js');
7
+ require('./web.dom.iterable-5c889cf1.js');
8
+ require('./_library-dd23b178.js');
9
+ var main = require('./main-2020ba94.js');
10
+ var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
11
+ require('./_object-pie-68c5bcbc.js');
12
+ var _extends$2 = require('./extends-60837c34.js');
13
+ var inherits$2 = require('./inherits-2a0fa98c.js');
14
+ require('./typeof-2747c582.js');
13
15
  var React = require('react');
14
16
  var React__default = _interopDefault(React);
17
+ var debounce = require('./debounce-b088070c.js');
15
18
  require('prop-types');
16
19
  var Container = _interopDefault(require('react-bootstrap/Container'));
17
20
  var Row = _interopDefault(require('react-bootstrap/Row'));
@@ -25,10 +28,10 @@ require('react-dom');
25
28
  var index = require('./index-b5eb3ff8.js');
26
29
  var index$1 = require('./index-fa0fb52c.js');
27
30
  var entities = require('./entities-310b46ee.js');
28
- require('./slicedToArray-879ab2fb.js');
29
- require('./AdSlot-b5f0c396.js');
30
- require('./promise-3b44b2a3.js');
31
- var ADInfeed = require('./ADInfeed-9f564bd2.js');
31
+ require('./slicedToArray-419d467a.js');
32
+ require('./AdSlot-1e40a214.js');
33
+ require('./promise-d5136080.js');
34
+ var ADInfeed = require('./ADInfeed-f544f2a5.js');
32
35
 
33
36
  var DeckContent = function (_React$Component) {
34
37
  inherits$2._inherits(DeckContent, _React$Component);
@@ -4,14 +4,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
- require('./web.dom.iterable-8b02d65e.js');
8
- var debounce = require('./debounce-528ad412.js');
9
- var main = require('./main-987c23c6.js');
10
- var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
11
- var _extends$2 = require('./extends-4c2285ff.js');
12
- var inherits$2 = require('./inherits-7548e3e8.js');
7
+ require('./web.dom.iterable-5c889cf1.js');
8
+ require('./_library-dd23b178.js');
9
+ var main = require('./main-2020ba94.js');
10
+ var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
11
+ require('./_object-pie-68c5bcbc.js');
12
+ var _extends$2 = require('./extends-60837c34.js');
13
+ var inherits$2 = require('./inherits-2a0fa98c.js');
14
+ require('./typeof-2747c582.js');
13
15
  var React = require('react');
14
16
  var React__default = _interopDefault(React);
17
+ var debounce = require('./debounce-b088070c.js');
15
18
  require('prop-types');
16
19
  var Container = _interopDefault(require('react-bootstrap/Container'));
17
20
  var Row = _interopDefault(require('react-bootstrap/Row'));
@@ -25,7 +28,7 @@ require('react-dom');
25
28
  var index = require('./index-b5eb3ff8.js');
26
29
  var index$1 = require('./index-fa0fb52c.js');
27
30
  var entities = require('./entities-310b46ee.js');
28
- var get$1 = require('./get-3b23d857.js');
31
+ var get$1 = require('./get-5aa7468c.js');
29
32
 
30
33
  var DeckQueue = function (_React$Component) {
31
34
  inherits$2._inherits(DeckQueue, _React$Component);
@@ -4,14 +4,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
- require('./web.dom.iterable-8b02d65e.js');
8
- var debounce = require('./debounce-528ad412.js');
7
+ require('./web.dom.iterable-5c889cf1.js');
9
8
  var React = require('react');
10
9
  var React__default = _interopDefault(React);
10
+ var debounce = require('./debounce-b088070c.js');
11
11
  var PropTypes = _interopDefault(require('prop-types'));
12
12
  var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
13
13
  require('react-dom');
14
- var slicedToArray = require('./slicedToArray-879ab2fb.js');
14
+ var slicedToArray = require('./slicedToArray-419d467a.js');
15
15
 
16
16
  var AD = function AD(_ref) {
17
17
  var networkID = _ref.networkID,
@@ -4,11 +4,11 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
- require('./web.dom.iterable-8b02d65e.js');
7
+ require('./web.dom.iterable-5c889cf1.js');
8
8
  var React = require('react');
9
9
  var React__default = _interopDefault(React);
10
10
  var index = require('./index-b5eb3ff8.js');
11
- var slicedToArray = require('./slicedToArray-879ab2fb.js');
11
+ var slicedToArray = require('./slicedToArray-419d467a.js');
12
12
  var reactBootstrap = require('react-bootstrap');
13
13
 
14
14
  var urlFor = function urlFor(source, client) {
@@ -2,13 +2,13 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
- var debounce = require('./debounce-528ad412.js');
6
- var main = require('./main-987c23c6.js');
7
- var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
8
- var _extends$2 = require('./extends-4c2285ff.js');
9
- var inherits$2 = require('./inherits-7548e3e8.js');
5
+ var main = require('./main-2020ba94.js');
6
+ var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
7
+ var _extends$2 = require('./extends-60837c34.js');
8
+ var inherits$2 = require('./inherits-2a0fa98c.js');
10
9
  var React = require('react');
11
10
  var React__default = _interopDefault(React);
11
+ var debounce = require('./debounce-b088070c.js');
12
12
  var Container = _interopDefault(require('react-bootstrap/Container'));
13
13
  var Row = _interopDefault(require('react-bootstrap/Row'));
14
14
  var Col = _interopDefault(require('react-bootstrap/Col'));
@@ -20,11 +20,12 @@ var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
20
20
  var index = require('./index-b5eb3ff8.js');
21
21
  var index$1 = require('./index-fa0fb52c.js');
22
22
  var entities = require('./entities-310b46ee.js');
23
- var ADInfeed = require('./ADInfeed-9f564bd2.js');
24
- var get$1 = require('./get-3b23d857.js');
23
+ var ADInfeed = require('./ADInfeed-f544f2a5.js');
24
+ var get$1 = require('./get-5aa7468c.js');
25
+ var AuthorComponent = require('./AuthorComponent-37deda17.js');
25
26
 
26
27
  var Dfp = React__default.lazy(function () {
27
- return Promise.resolve().then(function () { return require('./Dfp-e77be4e4.js'); });
28
+ return Promise.resolve().then(function () { return require('./Dfp-27b922b0.js'); });
28
29
  });
29
30
 
30
31
  var AD = function AD(props) {
@@ -191,54 +192,6 @@ var GridContent = function (_React$Component) {
191
192
  });
192
193
  }
193
194
  }
194
- }, _this.renderAuthor = function (authorDetail, index, length) {
195
- if (authorDetail) {
196
- var _id = authorDetail._id,
197
- displayName = authorDetail.displayName,
198
- url = authorDetail.url;
199
-
200
- if (displayName && url && url.current) {
201
- return React__default.createElement(
202
- 'span',
203
- { key: _id },
204
- index === 0 && React__default.createElement(
205
- 'span',
206
- { className: 'pr-1' },
207
- 'By'
208
- ),
209
- React__default.createElement(
210
- 'a',
211
- { href: '/authors/' + url.current, className: 'text-muted' },
212
- displayName,
213
- length !== index + 1 && React__default.createElement(
214
- 'span',
215
- { style: { paddingLeft: 7, paddingRight: 7 } },
216
- '|'
217
- )
218
- )
219
- );
220
- } else if (displayName) {
221
- return React__default.createElement(
222
- 'span',
223
- { key: _id },
224
- index === 0 && React__default.createElement(
225
- 'span',
226
- { className: 'pr-1' },
227
- 'By'
228
- ),
229
- React__default.createElement(
230
- 'span',
231
- { className: 'text-muted' },
232
- displayName,
233
- length !== index + 1 && React__default.createElement(
234
- 'span',
235
- { style: { paddingLeft: 7, paddingRight: 7 } },
236
- '|'
237
- )
238
- )
239
- );
240
- }
241
- } else return null;
242
195
  }, _this.checkExternalUrl = function (url) {
243
196
  return new RegExp(['http', 'https'].join('|')).test(url);
244
197
  }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd) {
@@ -327,9 +280,11 @@ var GridContent = function (_React$Component) {
327
280
  { style: { marginTop: 0 } },
328
281
  moment.moment(row.published).format('MMMM DD, YYYY')
329
282
  ),
330
- _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
331
- return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
332
- }),
283
+ _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
284
+ index$1.LazyLoad,
285
+ { height: 50 },
286
+ React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
287
+ ),
333
288
  React__default.createElement(
334
289
  Card.Text,
335
290
  null,
@@ -441,9 +396,11 @@ var GridContent = function (_React$Component) {
441
396
  { style: { marginTop: 0 } },
442
397
  moment.moment(row.published).format('MMMM DD, YYYY')
443
398
  ),
444
- _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
445
- return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
446
- }),
399
+ _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
400
+ index$1.LazyLoad,
401
+ { height: 50 },
402
+ React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
403
+ ),
447
404
  React__default.createElement(
448
405
  Card.Text,
449
406
  { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
@@ -503,9 +460,11 @@ var GridContent = function (_React$Component) {
503
460
  { style: { marginTop: 0 } },
504
461
  moment.moment(row.published).format('MMMM DD, YYYY')
505
462
  ),
506
- _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
507
- return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
508
- }),
463
+ _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
464
+ index$1.LazyLoad,
465
+ { height: 50 },
466
+ React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
467
+ ),
509
468
  React__default.createElement(
510
469
  Card.Text,
511
470
  { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
@@ -563,9 +522,11 @@ var GridContent = function (_React$Component) {
563
522
  { style: { marginTop: 0 } },
564
523
  moment.moment(row.published).format('MMMM DD, YYYY')
565
524
  ),
566
- _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
567
- return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
568
- }),
525
+ _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
526
+ index$1.LazyLoad,
527
+ { height: 50 },
528
+ React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
529
+ ),
569
530
  React__default.createElement(
570
531
  Card.Text,
571
532
  { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
@@ -2,13 +2,16 @@
2
2
 
3
3
  require('./_commonjsHelpers-06173234.js');
4
4
  require('./_to-object-329a650b.js');
5
- require('./web.dom.iterable-8b02d65e.js');
6
- require('./debounce-528ad412.js');
7
- require('./main-987c23c6.js');
8
- require('./toConsumableArray-34b5e9a7.js');
9
- require('./extends-4c2285ff.js');
10
- require('./inherits-7548e3e8.js');
5
+ require('./web.dom.iterable-5c889cf1.js');
6
+ require('./_library-dd23b178.js');
7
+ require('./main-2020ba94.js');
8
+ require('./toConsumableArray-3cf1df2c.js');
9
+ require('./_object-pie-68c5bcbc.js');
10
+ require('./extends-60837c34.js');
11
+ require('./inherits-2a0fa98c.js');
12
+ require('./typeof-2747c582.js');
11
13
  require('react');
14
+ require('./debounce-b088070c.js');
12
15
  require('prop-types');
13
16
  require('react-bootstrap/Container');
14
17
  require('react-bootstrap/Row');
@@ -21,12 +24,13 @@ require('react-dom');
21
24
  require('./index-b5eb3ff8.js');
22
25
  require('./index-fa0fb52c.js');
23
26
  require('./entities-310b46ee.js');
24
- require('./slicedToArray-879ab2fb.js');
25
- require('./AdSlot-b5f0c396.js');
26
- require('./promise-3b44b2a3.js');
27
- require('./ADInfeed-9f564bd2.js');
28
- require('./get-3b23d857.js');
29
- var GridContent = require('./GridContent-a0c81f9f.js');
27
+ require('./slicedToArray-419d467a.js');
28
+ require('./AdSlot-1e40a214.js');
29
+ require('./promise-d5136080.js');
30
+ require('./ADInfeed-f544f2a5.js');
31
+ require('./get-5aa7468c.js');
32
+ var GridContent = require('./GridContent-1871749e.js');
33
+ require('./AuthorComponent-37deda17.js');
30
34
 
31
35
 
32
36
 
@@ -4,10 +4,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
- require('./web.dom.iterable-8b02d65e.js');
7
+ require('./web.dom.iterable-5c889cf1.js');
8
+ require('./_library-dd23b178.js');
9
+ require('./_object-pie-68c5bcbc.js');
10
+ var _typeof$2 = require('./typeof-2747c582.js');
8
11
  var React = require('react');
9
12
  var React__default = _interopDefault(React);
10
- var slicedToArray = require('./slicedToArray-879ab2fb.js');
13
+ var index = require('./index-b5eb3ff8.js');
14
+ var slicedToArray = require('./slicedToArray-419d467a.js');
11
15
  var smoothscroll = require('./smoothscroll-95231a70.js');
12
16
 
13
17
  /*
@@ -27,6 +31,11 @@ var GroupDeck = function GroupDeck(props) {
27
31
  tileSize = _useState2[0],
28
32
  setTileSize = _useState2[1];
29
33
 
34
+ var urlFor = function urlFor(source, client) {
35
+ var builder = index.imageUrlBuilder(client);
36
+ return builder.image(source).auto('format');
37
+ };
38
+
30
39
  React.useEffect(function () {
31
40
  //IE11 Polyfill
32
41
  smoothscroll.smoothscroll.polyfill();
@@ -139,7 +148,15 @@ var GroupDeck = function GroupDeck(props) {
139
148
  // If there is a current prop, means this will overlay a currently playing video
140
149
  if (current !== '') {
141
150
  var url = video.url;
142
- var thumbnail = video.thumbnail || 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
151
+ var thumbnail = void 0;
152
+
153
+ if (video.thumbnail && video.thumbnail.asset) {
154
+ thumbnail = urlFor(video.thumbnail, props.client);
155
+ } else if (_typeof$2._typeof(video.thumbnail == 'string')) {
156
+ thumbnail = video.thumbnail;
157
+ } else {
158
+ thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
159
+ }
143
160
 
144
161
  return React__default.createElement(
145
162
  'div',
@@ -182,7 +199,14 @@ var GroupDeck = function GroupDeck(props) {
182
199
  } else {
183
200
  // slider by itself
184
201
  var _url = '' + video.link;
185
- var _thumbnail = video.thumbnail || 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
202
+ var _thumbnail = void 0;
203
+ if (video.thumbnail && video.thumbnail.asset) {
204
+ _thumbnail = urlFor(video.thumbnail, props.client);
205
+ } else if (_typeof$2._typeof(video.thumbnail == 'string')) {
206
+ _thumbnail = video.thumbnail;
207
+ } else {
208
+ _thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
209
+ }
186
210
  return React__default.createElement(
187
211
  'div',
188
212
  { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
@@ -4,14 +4,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
- require('./web.dom.iterable-8b02d65e.js');
8
- var debounce = require('./debounce-528ad412.js');
9
- var main = require('./main-987c23c6.js');
10
- var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
11
- var _extends$2 = require('./extends-4c2285ff.js');
12
- var inherits$2 = require('./inherits-7548e3e8.js');
7
+ require('./web.dom.iterable-5c889cf1.js');
8
+ require('./_library-dd23b178.js');
9
+ var main = require('./main-2020ba94.js');
10
+ var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
11
+ require('./_object-pie-68c5bcbc.js');
12
+ var _extends$2 = require('./extends-60837c34.js');
13
+ var inherits$2 = require('./inherits-2a0fa98c.js');
14
+ require('./typeof-2747c582.js');
13
15
  var React = require('react');
14
16
  var React__default = _interopDefault(React);
17
+ var debounce = require('./debounce-b088070c.js');
15
18
  require('prop-types');
16
19
  var Container = _interopDefault(require('react-bootstrap/Container'));
17
20
  require('react-bootstrap/Row');
@@ -23,7 +26,7 @@ var Router__default = _interopDefault(Router);
23
26
  var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
24
27
  require('react-dom');
25
28
  require('./index-b5eb3ff8.js');
26
- var promise = require('./promise-3b44b2a3.js');
29
+ var promise = require('./promise-d5136080.js');
27
30
 
28
31
  var MasterDeck = function (_React$Component) {
29
32
  inherits$2._inherits(MasterDeck, _React$Component);
@@ -2,15 +2,15 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
- var main = require('./main-987c23c6.js');
5
+ var main = require('./main-2020ba94.js');
6
6
  var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
8
  var Container = _interopDefault(require('react-bootstrap/Container'));
9
9
  var Row = _interopDefault(require('react-bootstrap/Row'));
10
10
  var Col = _interopDefault(require('react-bootstrap/Col'));
11
- var slicedToArray = require('./slicedToArray-879ab2fb.js');
12
- var AdSlot = require('./AdSlot-b5f0c396.js');
13
- var get$1 = require('./get-3b23d857.js');
11
+ var slicedToArray = require('./slicedToArray-419d467a.js');
12
+ var AdSlot = require('./AdSlot-1e40a214.js');
13
+ var get$1 = require('./get-5aa7468c.js');
14
14
  var reactSocialIcons = require('./react-social-icons-cd0d9d3b.js');
15
15
  var reactBootstrap = require('react-bootstrap');
16
16
  var index_esm = require('./index.esm-340d3792.js');