@mjhls/mjh-framework 1.0.133 → 1.0.134
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/README.md +1 -1
- package/dist/index.es.js +150 -32
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +149 -31
- package/dist/index.js.map +1 -1
- package/package.json +3 -1
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(
|
|
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);
|
|
@@ -6309,7 +6319,15 @@ var GridContent = function (_React$Component) {
|
|
|
6309
6319
|
React__default.createElement(
|
|
6310
6320
|
'a',
|
|
6311
6321
|
null,
|
|
6312
|
-
React__default.createElement(
|
|
6322
|
+
React__default.createElement(
|
|
6323
|
+
LazyLoad,
|
|
6324
|
+
{ height: _this2.props.imageHeight },
|
|
6325
|
+
React__default.createElement(Card.Img, {
|
|
6326
|
+
variant: 'top',
|
|
6327
|
+
src: _this2.renderCardImage(row, page),
|
|
6328
|
+
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
6329
|
+
})
|
|
6330
|
+
)
|
|
6313
6331
|
)
|
|
6314
6332
|
)
|
|
6315
6333
|
),
|
|
@@ -6381,7 +6399,15 @@ var GridContent = function (_React$Component) {
|
|
|
6381
6399
|
React__default.createElement(
|
|
6382
6400
|
'a',
|
|
6383
6401
|
{ className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
|
|
6384
|
-
React__default.createElement(
|
|
6402
|
+
React__default.createElement(
|
|
6403
|
+
LazyLoad,
|
|
6404
|
+
{ height: _this2.props.imageHeight },
|
|
6405
|
+
React__default.createElement(Card.Img, {
|
|
6406
|
+
variant: 'top',
|
|
6407
|
+
src: _this2.renderCardImage(row, page),
|
|
6408
|
+
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
6409
|
+
})
|
|
6410
|
+
)
|
|
6385
6411
|
)
|
|
6386
6412
|
),
|
|
6387
6413
|
React__default.createElement(
|
|
@@ -6565,7 +6591,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
6565
6591
|
var client = _this.props.client;
|
|
6566
6592
|
|
|
6567
6593
|
var builder = imageUrlBuilder(client);
|
|
6568
|
-
return builder.image(source);
|
|
6594
|
+
return builder.image(source).auto('format');
|
|
6569
6595
|
}, _this.renderCardImage = function (row) {
|
|
6570
6596
|
if (row.thumbnail && row.thumbnail.asset) {
|
|
6571
6597
|
var url = _this.urlFor(row.thumbnail);
|
|
@@ -6703,7 +6729,11 @@ var DeckQueue = function (_React$Component) {
|
|
|
6703
6729
|
React__default.createElement(
|
|
6704
6730
|
Link,
|
|
6705
6731
|
{ href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
|
|
6706
|
-
React__default.createElement(
|
|
6732
|
+
React__default.createElement(
|
|
6733
|
+
LazyLoad,
|
|
6734
|
+
{ height: _this2.props.imageHeight },
|
|
6735
|
+
React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
|
|
6736
|
+
)
|
|
6707
6737
|
)
|
|
6708
6738
|
),
|
|
6709
6739
|
React__default.createElement(
|
|
@@ -6831,7 +6861,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
|
|
|
6831
6861
|
var builder = imageUrlBuilder(client);
|
|
6832
6862
|
|
|
6833
6863
|
var urlFor = function urlFor(source) {
|
|
6834
|
-
return builder.image(source);
|
|
6864
|
+
return builder.image(source).auto('format');
|
|
6835
6865
|
};
|
|
6836
6866
|
|
|
6837
6867
|
return React__default.createElement(
|
|
@@ -6841,13 +6871,11 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
|
|
|
6841
6871
|
return React__default.createElement(
|
|
6842
6872
|
Media,
|
|
6843
6873
|
{ className: 'mb-3 thumbnail-card' },
|
|
6844
|
-
React__default.createElement(
|
|
6845
|
-
|
|
6846
|
-
height: size,
|
|
6847
|
-
className: 'mr-3',
|
|
6848
|
-
|
|
6849
|
-
alt: 'Generic placeholder'
|
|
6850
|
-
}),
|
|
6874
|
+
React__default.createElement(
|
|
6875
|
+
LazyLoad,
|
|
6876
|
+
{ height: size },
|
|
6877
|
+
React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
|
|
6878
|
+
),
|
|
6851
6879
|
React__default.createElement(
|
|
6852
6880
|
Media.Body,
|
|
6853
6881
|
null,
|
|
@@ -6882,7 +6910,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
6882
6910
|
var builder = imageUrlBuilder(client);
|
|
6883
6911
|
|
|
6884
6912
|
var urlFor = function urlFor(source) {
|
|
6885
|
-
return builder.image(source);
|
|
6913
|
+
return builder.image(source).auto('format');
|
|
6886
6914
|
};
|
|
6887
6915
|
|
|
6888
6916
|
var renderCardImage = function renderCardImage(row) {
|
|
@@ -6930,7 +6958,11 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
6930
6958
|
thumbnailURL && React__default.createElement(
|
|
6931
6959
|
Col,
|
|
6932
6960
|
null,
|
|
6933
|
-
React__default.createElement(
|
|
6961
|
+
React__default.createElement(
|
|
6962
|
+
LazyLoad,
|
|
6963
|
+
{ height: imageHeight },
|
|
6964
|
+
React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
|
|
6965
|
+
)
|
|
6934
6966
|
),
|
|
6935
6967
|
React__default.createElement(
|
|
6936
6968
|
Col,
|
|
@@ -7258,7 +7290,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
7258
7290
|
React__default.createElement(
|
|
7259
7291
|
'div',
|
|
7260
7292
|
{ className: 'tile__media' },
|
|
7261
|
-
React__default.createElement(
|
|
7293
|
+
React__default.createElement(
|
|
7294
|
+
LazyLoad,
|
|
7295
|
+
null,
|
|
7296
|
+
React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
|
|
7297
|
+
)
|
|
7262
7298
|
),
|
|
7263
7299
|
React__default.createElement(
|
|
7264
7300
|
'div',
|
|
@@ -7296,7 +7332,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
7296
7332
|
React__default.createElement(
|
|
7297
7333
|
'div',
|
|
7298
7334
|
{ className: 'tile__media' },
|
|
7299
|
-
React__default.createElement(
|
|
7335
|
+
React__default.createElement(
|
|
7336
|
+
LazyLoad,
|
|
7337
|
+
null,
|
|
7338
|
+
React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
|
|
7339
|
+
)
|
|
7300
7340
|
),
|
|
7301
7341
|
React__default.createElement(
|
|
7302
7342
|
'div',
|
|
@@ -7331,8 +7371,10 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
7331
7371
|
);
|
|
7332
7372
|
};
|
|
7333
7373
|
|
|
7374
|
+
var _this = undefined;
|
|
7375
|
+
|
|
7334
7376
|
var urlFor = function urlFor(source, builder) {
|
|
7335
|
-
return builder.image(source);
|
|
7377
|
+
return builder.image(source).auto('format');
|
|
7336
7378
|
};
|
|
7337
7379
|
|
|
7338
7380
|
var renderCardImage = function renderCardImage(row, builder, imageHeight, imageWidth) {
|
|
@@ -7501,7 +7543,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
7501
7543
|
React__default.createElement(
|
|
7502
7544
|
'a',
|
|
7503
7545
|
{ className: 'img-wrapper' },
|
|
7504
|
-
|
|
7546
|
+
React__default.createElement(
|
|
7547
|
+
LazyLoad,
|
|
7548
|
+
{ height: _this.props.imageHeight },
|
|
7549
|
+
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 })
|
|
7550
|
+
)
|
|
7505
7551
|
)
|
|
7506
7552
|
),
|
|
7507
7553
|
React__default.createElement(
|
|
@@ -8136,7 +8182,7 @@ var MasterDeck = function (_React$Component) {
|
|
|
8136
8182
|
var client = _this.props.client;
|
|
8137
8183
|
|
|
8138
8184
|
var builder = imageUrlBuilder(client);
|
|
8139
|
-
return builder.image(source);
|
|
8185
|
+
return builder.image(source).auto('format');
|
|
8140
8186
|
}, _this.renderCardImage = function (row, page) {
|
|
8141
8187
|
if (row.thumbnail && row.thumbnail.asset) {
|
|
8142
8188
|
var url = _this.urlFor(row.thumbnail);
|
|
@@ -8267,7 +8313,6 @@ var MasterDeck = function (_React$Component) {
|
|
|
8267
8313
|
Row,
|
|
8268
8314
|
null,
|
|
8269
8315
|
_this.state.data && _this.state.data.map(function (row, index$$1) {
|
|
8270
|
-
|
|
8271
8316
|
var pageNumber = row.pageNumber || _this.state.page;
|
|
8272
8317
|
var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
|
|
8273
8318
|
|
|
@@ -8423,7 +8468,7 @@ var PublicationDeck = function PublicationDeck(props) {
|
|
|
8423
8468
|
|
|
8424
8469
|
var urlFor = function urlFor(source) {
|
|
8425
8470
|
var builder = imageUrlBuilder(client);
|
|
8426
|
-
return builder.image(source);
|
|
8471
|
+
return builder.image(source).auto('format');
|
|
8427
8472
|
};
|
|
8428
8473
|
|
|
8429
8474
|
var renderCardImage = function renderCardImage(thumbnail) {
|
|
@@ -8453,7 +8498,11 @@ var PublicationDeck = function PublicationDeck(props) {
|
|
|
8453
8498
|
React__default.createElement(
|
|
8454
8499
|
'a',
|
|
8455
8500
|
null,
|
|
8456
|
-
row.childIssue && row.childIssue.thumbnail && React__default.createElement(
|
|
8501
|
+
row.childIssue && row.childIssue.thumbnail && React__default.createElement(
|
|
8502
|
+
LazyLoad,
|
|
8503
|
+
{ height: imageHeight },
|
|
8504
|
+
React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name })
|
|
8505
|
+
),
|
|
8457
8506
|
React__default.createElement(
|
|
8458
8507
|
Card.Body,
|
|
8459
8508
|
null,
|
|
@@ -8488,7 +8537,7 @@ var IssueDeck = function IssueDeck(props) {
|
|
|
8488
8537
|
|
|
8489
8538
|
var urlFor = function urlFor(source) {
|
|
8490
8539
|
var builder = imageUrlBuilder(client);
|
|
8491
|
-
return builder.image(source);
|
|
8540
|
+
return builder.image(source).auto('format');
|
|
8492
8541
|
};
|
|
8493
8542
|
|
|
8494
8543
|
var renderCardImage = function renderCardImage(thumbnail) {
|
|
@@ -8524,7 +8573,11 @@ var IssueDeck = function IssueDeck(props) {
|
|
|
8524
8573
|
React__default.createElement(
|
|
8525
8574
|
Col,
|
|
8526
8575
|
{ md: 12, lg: 4 },
|
|
8527
|
-
row.thumbnail && React__default.createElement(
|
|
8576
|
+
row.thumbnail && React__default.createElement(
|
|
8577
|
+
LazyLoad,
|
|
8578
|
+
{ height: imageHeight },
|
|
8579
|
+
React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
|
|
8580
|
+
)
|
|
8528
8581
|
),
|
|
8529
8582
|
React__default.createElement(
|
|
8530
8583
|
Col,
|
|
@@ -8575,7 +8628,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
|
|
|
8575
8628
|
|
|
8576
8629
|
var urlFor = function urlFor(source) {
|
|
8577
8630
|
var builder = imageUrlBuilder(client);
|
|
8578
|
-
return builder.image(source);
|
|
8631
|
+
return builder.image(source).auto('format');
|
|
8579
8632
|
};
|
|
8580
8633
|
|
|
8581
8634
|
var renderCardImage = function renderCardImage(thumbnail) {
|
|
@@ -8605,7 +8658,11 @@ var IssueContentDeck = function IssueContentDeck(props) {
|
|
|
8605
8658
|
React__default.createElement(
|
|
8606
8659
|
'a',
|
|
8607
8660
|
null,
|
|
8608
|
-
row.thumbnail && React__default.createElement(
|
|
8661
|
+
row.thumbnail && React__default.createElement(
|
|
8662
|
+
LazyLoad,
|
|
8663
|
+
{ height: imageHeight },
|
|
8664
|
+
React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
|
|
8665
|
+
),
|
|
8609
8666
|
React__default.createElement(
|
|
8610
8667
|
Card.Body,
|
|
8611
8668
|
null,
|
|
@@ -9219,6 +9276,65 @@ var NavFooter = function NavFooter(props) {
|
|
|
9219
9276
|
);
|
|
9220
9277
|
};
|
|
9221
9278
|
|
|
9279
|
+
var SocialNavFooter = function SocialNavFooter(props) {
|
|
9280
|
+
var year = new Date().getFullYear();
|
|
9281
|
+
var website = props.website;
|
|
9282
|
+
|
|
9283
|
+
return React__default.createElement(
|
|
9284
|
+
'div',
|
|
9285
|
+
{ className: 'nav-footer' },
|
|
9286
|
+
website && website.footerLinks && website.footerLinks.length && React__default.createElement(
|
|
9287
|
+
'ul',
|
|
9288
|
+
null,
|
|
9289
|
+
website && website.footerLinks.map(function (content, index) {
|
|
9290
|
+
if (content.url && content.title) {
|
|
9291
|
+
return content.blank ? React__default.createElement(
|
|
9292
|
+
'li',
|
|
9293
|
+
{ key: index },
|
|
9294
|
+
React__default.createElement(
|
|
9295
|
+
'a',
|
|
9296
|
+
{ target: '_blank', href: content.url, className: 'nav-link' },
|
|
9297
|
+
content.title
|
|
9298
|
+
)
|
|
9299
|
+
) : React__default.createElement(
|
|
9300
|
+
'li',
|
|
9301
|
+
{ key: index },
|
|
9302
|
+
React__default.createElement(
|
|
9303
|
+
Link,
|
|
9304
|
+
{ href: content.url },
|
|
9305
|
+
React__default.createElement(
|
|
9306
|
+
'a',
|
|
9307
|
+
{ className: 'nav-link' },
|
|
9308
|
+
content.title
|
|
9309
|
+
)
|
|
9310
|
+
)
|
|
9311
|
+
);
|
|
9312
|
+
} else return null;
|
|
9313
|
+
})
|
|
9314
|
+
),
|
|
9315
|
+
React__default.createElement(
|
|
9316
|
+
'ul',
|
|
9317
|
+
null,
|
|
9318
|
+
React__default.createElement(
|
|
9319
|
+
'li',
|
|
9320
|
+
{ style: { marginTop: '10px' }, key: website.footerLinks ? website.footerLinks.length + 1 : 1 },
|
|
9321
|
+
website.socialLinks && website.socialLinks.map(function (row, index) {
|
|
9322
|
+
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 } });
|
|
9323
|
+
})
|
|
9324
|
+
)
|
|
9325
|
+
),
|
|
9326
|
+
website && website.name && React__default.createElement(
|
|
9327
|
+
'p',
|
|
9328
|
+
{ className: 'nav-link' },
|
|
9329
|
+
'\xA9 ',
|
|
9330
|
+
year,
|
|
9331
|
+
' ',
|
|
9332
|
+
website.name,
|
|
9333
|
+
'. All rights reserved.'
|
|
9334
|
+
)
|
|
9335
|
+
);
|
|
9336
|
+
};
|
|
9337
|
+
|
|
9222
9338
|
var NavMagazine = function NavMagazine(props) {
|
|
9223
9339
|
/*
|
|
9224
9340
|
Example Nav with acceptable props
|
|
@@ -9238,7 +9354,9 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
9238
9354
|
website = props.website,
|
|
9239
9355
|
_props$showLogin = props.showLogin,
|
|
9240
9356
|
showLogin = _props$showLogin === undefined ? false : _props$showLogin,
|
|
9241
|
-
_props$userData = props.userData
|
|
9357
|
+
_props$userData = props.userData,
|
|
9358
|
+
_props$socialFooterNa = props.socialFooterNav,
|
|
9359
|
+
socialFooterNav = _props$socialFooterNa === undefined ? false : _props$socialFooterNa;
|
|
9242
9360
|
|
|
9243
9361
|
var navRef = React.useRef(null);
|
|
9244
9362
|
|
|
@@ -9530,7 +9648,7 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
9530
9648
|
React__default.createElement(
|
|
9531
9649
|
Nav,
|
|
9532
9650
|
{ className: 'mr-auto' },
|
|
9533
|
-
React__default.createElement(NavFooter, { website: website })
|
|
9651
|
+
socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter, { website: website })
|
|
9534
9652
|
)
|
|
9535
9653
|
)
|
|
9536
9654
|
)
|