@mjhls/mjh-framework 1.0.133 → 1.0.135

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.
package/dist/index.js CHANGED
@@ -15,6 +15,7 @@ var Card = _interopDefault(require('react-bootstrap/Card'));
15
15
  var moment = _interopDefault(require('moment'));
16
16
  var Link = _interopDefault(require('next/link'));
17
17
  var router = require('next/router');
18
+ var LazyLoad = _interopDefault(require('react-lazyload'));
18
19
  var Media = _interopDefault(require('react-bootstrap/Media'));
19
20
  var reactBootstrap = require('react-bootstrap');
20
21
  var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -26,6 +27,7 @@ var AccordionToggle = require('react-bootstrap/AccordionToggle');
26
27
  var reactShare = require('react-share');
27
28
  var Form = _interopDefault(require('react-bootstrap/Form'));
28
29
  var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
30
+ var reactSocialIcons = require('react-social-icons');
29
31
  var Nav = _interopDefault(require('react-bootstrap/Nav'));
30
32
  var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
31
33
  var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
@@ -4740,7 +4742,7 @@ var DeckContent = function (_React$Component) {
4740
4742
  var client = _this.props.client;
4741
4743
 
4742
4744
  var builder = imageUrlBuilder(client);
4743
- return builder.image(source);
4745
+ return builder.image(source).auto('format');
4744
4746
  }, _this.renderCardImage = function (row, page) {
4745
4747
  if (row.thumbnail && row.thumbnail.asset) {
4746
4748
  var url = _this.urlFor(row.thumbnail);
@@ -4905,7 +4907,15 @@ var DeckContent = function (_React$Component) {
4905
4907
  React__default.createElement(
4906
4908
  'a',
4907
4909
  null,
4908
- React__default.createElement(Card.Img, { variant: 'top', src: _this.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
4910
+ React__default.createElement(
4911
+ LazyLoad,
4912
+ { height: _this.props.imageHeight },
4913
+ React__default.createElement(Card.Img, {
4914
+ variant: 'top',
4915
+ src: _this.renderCardImage(row, page),
4916
+ alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
4917
+ })
4918
+ )
4909
4919
  )
4910
4920
  ),
4911
4921
  React__default.createElement(
@@ -6136,7 +6146,7 @@ var GridContent = function (_React$Component) {
6136
6146
  var client = _this.props.client;
6137
6147
 
6138
6148
  var builder = imageUrlBuilder(client);
6139
- return builder.image(source);
6149
+ return builder.image(source).auto('format');
6140
6150
  }, _this.renderCardImage = function (row, page) {
6141
6151
  if (row.thumbnail && row.thumbnail.asset) {
6142
6152
  var url = _this.urlFor(row.thumbnail);
@@ -6279,12 +6289,13 @@ var GridContent = function (_React$Component) {
6279
6289
 
6280
6290
  createClass(GridContent, [{
6281
6291
  key: 'cardLoader',
6282
- value: function cardLoader(page, columns, variant) {
6292
+ value: function cardLoader(page, columns, variant, showVideo, VideoPlayer) {
6283
6293
  var _this2 = this;
6284
6294
 
6285
6295
  var lgVar = Math.floor(12 / columns);
6286
6296
  var itemCounter = 0;
6287
6297
  var numberOfItemsBeforeAd = 6;
6298
+ var numberOfItemsBeforeVideo = 3;
6288
6299
  if (variant === 'stack') {
6289
6300
  return React__default.createElement(
6290
6301
  Row,
@@ -6309,7 +6320,15 @@ var GridContent = function (_React$Component) {
6309
6320
  React__default.createElement(
6310
6321
  'a',
6311
6322
  null,
6312
- React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
6323
+ React__default.createElement(
6324
+ LazyLoad,
6325
+ { height: _this2.props.imageHeight },
6326
+ React__default.createElement(Card.Img, {
6327
+ variant: 'top',
6328
+ src: _this2.renderCardImage(row, page),
6329
+ alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
6330
+ })
6331
+ )
6313
6332
  )
6314
6333
  )
6315
6334
  ),
@@ -6381,7 +6400,15 @@ var GridContent = function (_React$Component) {
6381
6400
  React__default.createElement(
6382
6401
  'a',
6383
6402
  { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
6384
- React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
6403
+ React__default.createElement(
6404
+ LazyLoad,
6405
+ { height: _this2.props.imageHeight },
6406
+ React__default.createElement(Card.Img, {
6407
+ variant: 'top',
6408
+ src: _this2.renderCardImage(row, page),
6409
+ alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
6410
+ })
6411
+ )
6385
6412
  )
6386
6413
  ),
6387
6414
  React__default.createElement(
@@ -6417,6 +6444,7 @@ var GridContent = function (_React$Component) {
6417
6444
  )
6418
6445
  )
6419
6446
  ),
6447
+ showVideo && (_this2.state.data.length < numberOfItemsBeforeVideo || index$$1 + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
6420
6448
  main_36 && _this2.props.rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index$$1, numberOfItemsBeforeAd)
6421
6449
  );
6422
6450
  })
@@ -6431,7 +6459,9 @@ var GridContent = function (_React$Component) {
6431
6459
  columns = _props.columns,
6432
6460
  variant = _props.variant,
6433
6461
  autoScroll = _props.autoScroll,
6434
- page = _props.page;
6462
+ page = _props.page,
6463
+ showVideo = _props.showVideo,
6464
+ VideoPlayer = _props.VideoPlayer;
6435
6465
 
6436
6466
 
6437
6467
  return React__default.createElement(
@@ -6443,7 +6473,7 @@ var GridContent = function (_React$Component) {
6443
6473
  React__default.createElement(
6444
6474
  Container,
6445
6475
  null,
6446
- this.cardLoader(page, columns, variant)
6476
+ this.cardLoader(page, columns, variant, showVideo, VideoPlayer)
6447
6477
  )
6448
6478
  ) : React__default.createElement(
6449
6479
  React__default.Fragment,
@@ -6451,7 +6481,7 @@ var GridContent = function (_React$Component) {
6451
6481
  React__default.createElement(
6452
6482
  Container,
6453
6483
  null,
6454
- this.cardLoader(page, columns, variant)
6484
+ this.cardLoader(page, columns, variant, showVideo, VideoPlayer)
6455
6485
  ),
6456
6486
  React__default.createElement(
6457
6487
  'div',
@@ -6565,7 +6595,7 @@ var DeckQueue = function (_React$Component) {
6565
6595
  var client = _this.props.client;
6566
6596
 
6567
6597
  var builder = imageUrlBuilder(client);
6568
- return builder.image(source);
6598
+ return builder.image(source).auto('format');
6569
6599
  }, _this.renderCardImage = function (row) {
6570
6600
  if (row.thumbnail && row.thumbnail.asset) {
6571
6601
  var url = _this.urlFor(row.thumbnail);
@@ -6703,7 +6733,11 @@ var DeckQueue = function (_React$Component) {
6703
6733
  React__default.createElement(
6704
6734
  Link,
6705
6735
  { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
6706
- React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
6736
+ React__default.createElement(
6737
+ LazyLoad,
6738
+ { height: _this2.props.imageHeight },
6739
+ React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
6740
+ )
6707
6741
  )
6708
6742
  ),
6709
6743
  React__default.createElement(
@@ -6831,7 +6865,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
6831
6865
  var builder = imageUrlBuilder(client);
6832
6866
 
6833
6867
  var urlFor = function urlFor(source) {
6834
- return builder.image(source);
6868
+ return builder.image(source).auto('format');
6835
6869
  };
6836
6870
 
6837
6871
  return React__default.createElement(
@@ -6841,13 +6875,11 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
6841
6875
  return React__default.createElement(
6842
6876
  Media,
6843
6877
  { className: 'mb-3 thumbnail-card' },
6844
- React__default.createElement('img', {
6845
- width: size,
6846
- height: size,
6847
- className: 'mr-3',
6848
- src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage,
6849
- alt: 'Generic placeholder'
6850
- }),
6878
+ React__default.createElement(
6879
+ LazyLoad,
6880
+ { height: size },
6881
+ React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
6882
+ ),
6851
6883
  React__default.createElement(
6852
6884
  Media.Body,
6853
6885
  null,
@@ -6882,7 +6914,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
6882
6914
  var builder = imageUrlBuilder(client);
6883
6915
 
6884
6916
  var urlFor = function urlFor(source) {
6885
- return builder.image(source);
6917
+ return builder.image(source).auto('format');
6886
6918
  };
6887
6919
 
6888
6920
  var renderCardImage = function renderCardImage(row) {
@@ -6930,7 +6962,11 @@ var TaxonomyCard = function TaxonomyCard(props) {
6930
6962
  thumbnailURL && React__default.createElement(
6931
6963
  Col,
6932
6964
  null,
6933
- React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
6965
+ React__default.createElement(
6966
+ LazyLoad,
6967
+ { height: imageHeight },
6968
+ React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
6969
+ )
6934
6970
  ),
6935
6971
  React__default.createElement(
6936
6972
  Col,
@@ -7258,7 +7294,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
7258
7294
  React__default.createElement(
7259
7295
  'div',
7260
7296
  { className: 'tile__media' },
7261
- React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
7297
+ React__default.createElement(
7298
+ LazyLoad,
7299
+ null,
7300
+ React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
7301
+ )
7262
7302
  ),
7263
7303
  React__default.createElement(
7264
7304
  'div',
@@ -7296,7 +7336,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
7296
7336
  React__default.createElement(
7297
7337
  'div',
7298
7338
  { className: 'tile__media' },
7299
- React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
7339
+ React__default.createElement(
7340
+ LazyLoad,
7341
+ null,
7342
+ React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
7343
+ )
7300
7344
  ),
7301
7345
  React__default.createElement(
7302
7346
  'div',
@@ -7332,7 +7376,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
7332
7376
  };
7333
7377
 
7334
7378
  var urlFor = function urlFor(source, builder) {
7335
- return builder.image(source);
7379
+ return builder.image(source).auto('format');
7336
7380
  };
7337
7381
 
7338
7382
  var renderCardImage = function renderCardImage(row, builder, imageHeight, imageWidth) {
@@ -7501,7 +7545,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
7501
7545
  React__default.createElement(
7502
7546
  'a',
7503
7547
  { className: 'img-wrapper' },
7504
- 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 })
7548
+ React__default.createElement(
7549
+ LazyLoad,
7550
+ { height: imageHeight },
7551
+ 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 })
7552
+ )
7505
7553
  )
7506
7554
  ),
7507
7555
  React__default.createElement(
@@ -8136,7 +8184,7 @@ var MasterDeck = function (_React$Component) {
8136
8184
  var client = _this.props.client;
8137
8185
 
8138
8186
  var builder = imageUrlBuilder(client);
8139
- return builder.image(source);
8187
+ return builder.image(source).auto('format');
8140
8188
  }, _this.renderCardImage = function (row, page) {
8141
8189
  if (row.thumbnail && row.thumbnail.asset) {
8142
8190
  var url = _this.urlFor(row.thumbnail);
@@ -8267,7 +8315,6 @@ var MasterDeck = function (_React$Component) {
8267
8315
  Row,
8268
8316
  null,
8269
8317
  _this.state.data && _this.state.data.map(function (row, index$$1) {
8270
-
8271
8318
  var pageNumber = row.pageNumber || _this.state.page;
8272
8319
  var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
8273
8320
 
@@ -8423,7 +8470,7 @@ var PublicationDeck = function PublicationDeck(props) {
8423
8470
 
8424
8471
  var urlFor = function urlFor(source) {
8425
8472
  var builder = imageUrlBuilder(client);
8426
- return builder.image(source);
8473
+ return builder.image(source).auto('format');
8427
8474
  };
8428
8475
 
8429
8476
  var renderCardImage = function renderCardImage(thumbnail) {
@@ -8453,7 +8500,11 @@ var PublicationDeck = function PublicationDeck(props) {
8453
8500
  React__default.createElement(
8454
8501
  'a',
8455
8502
  null,
8456
- row.childIssue && row.childIssue.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name }),
8503
+ row.childIssue && row.childIssue.thumbnail && React__default.createElement(
8504
+ LazyLoad,
8505
+ { height: imageHeight },
8506
+ React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name })
8507
+ ),
8457
8508
  React__default.createElement(
8458
8509
  Card.Body,
8459
8510
  null,
@@ -8488,7 +8539,7 @@ var IssueDeck = function IssueDeck(props) {
8488
8539
 
8489
8540
  var urlFor = function urlFor(source) {
8490
8541
  var builder = imageUrlBuilder(client);
8491
- return builder.image(source);
8542
+ return builder.image(source).auto('format');
8492
8543
  };
8493
8544
 
8494
8545
  var renderCardImage = function renderCardImage(thumbnail) {
@@ -8524,7 +8575,11 @@ var IssueDeck = function IssueDeck(props) {
8524
8575
  React__default.createElement(
8525
8576
  Col,
8526
8577
  { md: 12, lg: 4 },
8527
- row.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
8578
+ row.thumbnail && React__default.createElement(
8579
+ LazyLoad,
8580
+ { height: imageHeight },
8581
+ React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
8582
+ )
8528
8583
  ),
8529
8584
  React__default.createElement(
8530
8585
  Col,
@@ -8575,7 +8630,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
8575
8630
 
8576
8631
  var urlFor = function urlFor(source) {
8577
8632
  var builder = imageUrlBuilder(client);
8578
- return builder.image(source);
8633
+ return builder.image(source).auto('format');
8579
8634
  };
8580
8635
 
8581
8636
  var renderCardImage = function renderCardImage(thumbnail) {
@@ -8605,7 +8660,11 @@ var IssueContentDeck = function IssueContentDeck(props) {
8605
8660
  React__default.createElement(
8606
8661
  'a',
8607
8662
  null,
8608
- row.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title }),
8663
+ row.thumbnail && React__default.createElement(
8664
+ LazyLoad,
8665
+ { height: imageHeight },
8666
+ React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
8667
+ ),
8609
8668
  React__default.createElement(
8610
8669
  Card.Body,
8611
8670
  null,
@@ -9219,6 +9278,65 @@ var NavFooter = function NavFooter(props) {
9219
9278
  );
9220
9279
  };
9221
9280
 
9281
+ var SocialNavFooter = function SocialNavFooter(props) {
9282
+ var year = new Date().getFullYear();
9283
+ var website = props.website;
9284
+
9285
+ return React__default.createElement(
9286
+ 'div',
9287
+ { className: 'nav-footer' },
9288
+ website && website.footerLinks && website.footerLinks.length && React__default.createElement(
9289
+ 'ul',
9290
+ null,
9291
+ website && website.footerLinks.map(function (content, index) {
9292
+ if (content.url && content.title) {
9293
+ return content.blank ? React__default.createElement(
9294
+ 'li',
9295
+ { key: index },
9296
+ React__default.createElement(
9297
+ 'a',
9298
+ { target: '_blank', href: content.url, className: 'nav-link' },
9299
+ content.title
9300
+ )
9301
+ ) : React__default.createElement(
9302
+ 'li',
9303
+ { key: index },
9304
+ React__default.createElement(
9305
+ Link,
9306
+ { href: content.url },
9307
+ React__default.createElement(
9308
+ 'a',
9309
+ { className: 'nav-link' },
9310
+ content.title
9311
+ )
9312
+ )
9313
+ );
9314
+ } else return null;
9315
+ })
9316
+ ),
9317
+ React__default.createElement(
9318
+ 'ul',
9319
+ null,
9320
+ React__default.createElement(
9321
+ 'li',
9322
+ { style: { marginTop: '10px' }, key: website.footerLinks ? website.footerLinks.length + 1 : 1 },
9323
+ website.socialLinks && website.socialLinks.map(function (row, index) {
9324
+ return React__default.createElement(reactSocialIcons.SocialIcon, { target: row.blank ? '_blank' : '_self', key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
9325
+ })
9326
+ )
9327
+ ),
9328
+ website && website.name && React__default.createElement(
9329
+ 'p',
9330
+ { className: 'nav-link' },
9331
+ '\xA9 ',
9332
+ year,
9333
+ ' ',
9334
+ website.name,
9335
+ '. All rights reserved.'
9336
+ )
9337
+ );
9338
+ };
9339
+
9222
9340
  var NavMagazine = function NavMagazine(props) {
9223
9341
  /*
9224
9342
  Example Nav with acceptable props
@@ -9238,7 +9356,9 @@ var NavMagazine = function NavMagazine(props) {
9238
9356
  website = props.website,
9239
9357
  _props$showLogin = props.showLogin,
9240
9358
  showLogin = _props$showLogin === undefined ? false : _props$showLogin,
9241
- _props$userData = props.userData;
9359
+ _props$userData = props.userData,
9360
+ _props$socialFooterNa = props.socialFooterNav,
9361
+ socialFooterNav = _props$socialFooterNa === undefined ? false : _props$socialFooterNa;
9242
9362
 
9243
9363
  var navRef = React.useRef(null);
9244
9364
 
@@ -9530,7 +9650,7 @@ var NavMagazine = function NavMagazine(props) {
9530
9650
  React__default.createElement(
9531
9651
  Nav,
9532
9652
  { className: 'mr-auto' },
9533
- React__default.createElement(NavFooter, { website: website })
9653
+ socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter, { website: website })
9534
9654
  )
9535
9655
  )
9536
9656
  )