@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/README.md
CHANGED
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default, { Component, useState, useEffect, useRef,
|
|
1
|
+
import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import reactDom from 'react-dom';
|
|
4
4
|
import Container from 'react-bootstrap/Container';
|
|
@@ -8,6 +8,7 @@ import Card from 'react-bootstrap/Card';
|
|
|
8
8
|
import moment from 'moment';
|
|
9
9
|
import Link from 'next/link';
|
|
10
10
|
import { withRouter, useRouter } from 'next/router';
|
|
11
|
+
import LazyLoad from 'react-lazyload';
|
|
11
12
|
import Media from 'react-bootstrap/Media';
|
|
12
13
|
import { Media as Media$1, Container as Container$1, Dropdown, Figure, Carousel, Table, Button as Button$1, ProgressBar, Card as Card$1 } from 'react-bootstrap';
|
|
13
14
|
import Button from 'react-bootstrap/Button';
|
|
@@ -19,6 +20,7 @@ import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
|
|
|
19
20
|
import { FacebookShareButton, TwitterShareButton, PinterestShareButton, EmailShareButton, FacebookIcon, TwitterIcon, PinterestIcon, EmailIcon } from 'react-share';
|
|
20
21
|
import Form from 'react-bootstrap/Form';
|
|
21
22
|
import FormControl from 'react-bootstrap/FormControl';
|
|
23
|
+
import { SocialIcon } from 'react-social-icons';
|
|
22
24
|
import Nav from 'react-bootstrap/Nav';
|
|
23
25
|
import Navbar from 'react-bootstrap/Navbar';
|
|
24
26
|
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
@@ -4733,7 +4735,7 @@ var DeckContent = function (_React$Component) {
|
|
|
4733
4735
|
var client = _this.props.client;
|
|
4734
4736
|
|
|
4735
4737
|
var builder = imageUrlBuilder(client);
|
|
4736
|
-
return builder.image(source);
|
|
4738
|
+
return builder.image(source).auto('format');
|
|
4737
4739
|
}, _this.renderCardImage = function (row, page) {
|
|
4738
4740
|
if (row.thumbnail && row.thumbnail.asset) {
|
|
4739
4741
|
var url = _this.urlFor(row.thumbnail);
|
|
@@ -4898,7 +4900,15 @@ var DeckContent = function (_React$Component) {
|
|
|
4898
4900
|
React__default.createElement(
|
|
4899
4901
|
'a',
|
|
4900
4902
|
null,
|
|
4901
|
-
React__default.createElement(
|
|
4903
|
+
React__default.createElement(
|
|
4904
|
+
LazyLoad,
|
|
4905
|
+
{ height: _this.props.imageHeight },
|
|
4906
|
+
React__default.createElement(Card.Img, {
|
|
4907
|
+
variant: 'top',
|
|
4908
|
+
src: _this.renderCardImage(row, page),
|
|
4909
|
+
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
4910
|
+
})
|
|
4911
|
+
)
|
|
4902
4912
|
)
|
|
4903
4913
|
),
|
|
4904
4914
|
React__default.createElement(
|
|
@@ -6129,7 +6139,7 @@ var GridContent = function (_React$Component) {
|
|
|
6129
6139
|
var client = _this.props.client;
|
|
6130
6140
|
|
|
6131
6141
|
var builder = imageUrlBuilder(client);
|
|
6132
|
-
return builder.image(source);
|
|
6142
|
+
return builder.image(source).auto('format');
|
|
6133
6143
|
}, _this.renderCardImage = function (row, page) {
|
|
6134
6144
|
if (row.thumbnail && row.thumbnail.asset) {
|
|
6135
6145
|
var url = _this.urlFor(row.thumbnail);
|
|
@@ -6302,7 +6312,15 @@ var GridContent = function (_React$Component) {
|
|
|
6302
6312
|
React__default.createElement(
|
|
6303
6313
|
'a',
|
|
6304
6314
|
null,
|
|
6305
|
-
React__default.createElement(
|
|
6315
|
+
React__default.createElement(
|
|
6316
|
+
LazyLoad,
|
|
6317
|
+
{ height: _this2.props.imageHeight },
|
|
6318
|
+
React__default.createElement(Card.Img, {
|
|
6319
|
+
variant: 'top',
|
|
6320
|
+
src: _this2.renderCardImage(row, page),
|
|
6321
|
+
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
6322
|
+
})
|
|
6323
|
+
)
|
|
6306
6324
|
)
|
|
6307
6325
|
)
|
|
6308
6326
|
),
|
|
@@ -6374,7 +6392,15 @@ var GridContent = function (_React$Component) {
|
|
|
6374
6392
|
React__default.createElement(
|
|
6375
6393
|
'a',
|
|
6376
6394
|
{ className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
|
|
6377
|
-
React__default.createElement(
|
|
6395
|
+
React__default.createElement(
|
|
6396
|
+
LazyLoad,
|
|
6397
|
+
{ height: _this2.props.imageHeight },
|
|
6398
|
+
React__default.createElement(Card.Img, {
|
|
6399
|
+
variant: 'top',
|
|
6400
|
+
src: _this2.renderCardImage(row, page),
|
|
6401
|
+
alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
|
|
6402
|
+
})
|
|
6403
|
+
)
|
|
6378
6404
|
)
|
|
6379
6405
|
),
|
|
6380
6406
|
React__default.createElement(
|
|
@@ -6558,7 +6584,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
6558
6584
|
var client = _this.props.client;
|
|
6559
6585
|
|
|
6560
6586
|
var builder = imageUrlBuilder(client);
|
|
6561
|
-
return builder.image(source);
|
|
6587
|
+
return builder.image(source).auto('format');
|
|
6562
6588
|
}, _this.renderCardImage = function (row) {
|
|
6563
6589
|
if (row.thumbnail && row.thumbnail.asset) {
|
|
6564
6590
|
var url = _this.urlFor(row.thumbnail);
|
|
@@ -6696,7 +6722,11 @@ var DeckQueue = function (_React$Component) {
|
|
|
6696
6722
|
React__default.createElement(
|
|
6697
6723
|
Link,
|
|
6698
6724
|
{ href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
|
|
6699
|
-
React__default.createElement(
|
|
6725
|
+
React__default.createElement(
|
|
6726
|
+
LazyLoad,
|
|
6727
|
+
{ height: _this2.props.imageHeight },
|
|
6728
|
+
React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
|
|
6729
|
+
)
|
|
6700
6730
|
)
|
|
6701
6731
|
),
|
|
6702
6732
|
React__default.createElement(
|
|
@@ -6824,7 +6854,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
|
|
|
6824
6854
|
var builder = imageUrlBuilder(client);
|
|
6825
6855
|
|
|
6826
6856
|
var urlFor = function urlFor(source) {
|
|
6827
|
-
return builder.image(source);
|
|
6857
|
+
return builder.image(source).auto('format');
|
|
6828
6858
|
};
|
|
6829
6859
|
|
|
6830
6860
|
return React__default.createElement(
|
|
@@ -6834,13 +6864,11 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
|
|
|
6834
6864
|
return React__default.createElement(
|
|
6835
6865
|
Media,
|
|
6836
6866
|
{ className: 'mb-3 thumbnail-card' },
|
|
6837
|
-
React__default.createElement(
|
|
6838
|
-
|
|
6839
|
-
height: size,
|
|
6840
|
-
className: 'mr-3',
|
|
6841
|
-
|
|
6842
|
-
alt: 'Generic placeholder'
|
|
6843
|
-
}),
|
|
6867
|
+
React__default.createElement(
|
|
6868
|
+
LazyLoad,
|
|
6869
|
+
{ height: size },
|
|
6870
|
+
React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
|
|
6871
|
+
),
|
|
6844
6872
|
React__default.createElement(
|
|
6845
6873
|
Media.Body,
|
|
6846
6874
|
null,
|
|
@@ -6875,7 +6903,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
6875
6903
|
var builder = imageUrlBuilder(client);
|
|
6876
6904
|
|
|
6877
6905
|
var urlFor = function urlFor(source) {
|
|
6878
|
-
return builder.image(source);
|
|
6906
|
+
return builder.image(source).auto('format');
|
|
6879
6907
|
};
|
|
6880
6908
|
|
|
6881
6909
|
var renderCardImage = function renderCardImage(row) {
|
|
@@ -6923,7 +6951,11 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
6923
6951
|
thumbnailURL && React__default.createElement(
|
|
6924
6952
|
Col,
|
|
6925
6953
|
null,
|
|
6926
|
-
React__default.createElement(
|
|
6954
|
+
React__default.createElement(
|
|
6955
|
+
LazyLoad,
|
|
6956
|
+
{ height: imageHeight },
|
|
6957
|
+
React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
|
|
6958
|
+
)
|
|
6927
6959
|
),
|
|
6928
6960
|
React__default.createElement(
|
|
6929
6961
|
Col,
|
|
@@ -7251,7 +7283,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
7251
7283
|
React__default.createElement(
|
|
7252
7284
|
'div',
|
|
7253
7285
|
{ className: 'tile__media' },
|
|
7254
|
-
React__default.createElement(
|
|
7286
|
+
React__default.createElement(
|
|
7287
|
+
LazyLoad,
|
|
7288
|
+
null,
|
|
7289
|
+
React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
|
|
7290
|
+
)
|
|
7255
7291
|
),
|
|
7256
7292
|
React__default.createElement(
|
|
7257
7293
|
'div',
|
|
@@ -7289,7 +7325,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
7289
7325
|
React__default.createElement(
|
|
7290
7326
|
'div',
|
|
7291
7327
|
{ className: 'tile__media' },
|
|
7292
|
-
React__default.createElement(
|
|
7328
|
+
React__default.createElement(
|
|
7329
|
+
LazyLoad,
|
|
7330
|
+
null,
|
|
7331
|
+
React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
|
|
7332
|
+
)
|
|
7293
7333
|
),
|
|
7294
7334
|
React__default.createElement(
|
|
7295
7335
|
'div',
|
|
@@ -7324,8 +7364,10 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
7324
7364
|
);
|
|
7325
7365
|
};
|
|
7326
7366
|
|
|
7367
|
+
var _this = undefined;
|
|
7368
|
+
|
|
7327
7369
|
var urlFor = function urlFor(source, builder) {
|
|
7328
|
-
return builder.image(source);
|
|
7370
|
+
return builder.image(source).auto('format');
|
|
7329
7371
|
};
|
|
7330
7372
|
|
|
7331
7373
|
var renderCardImage = function renderCardImage(row, builder, imageHeight, imageWidth) {
|
|
@@ -7494,7 +7536,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
7494
7536
|
React__default.createElement(
|
|
7495
7537
|
'a',
|
|
7496
7538
|
{ className: 'img-wrapper' },
|
|
7497
|
-
|
|
7539
|
+
React__default.createElement(
|
|
7540
|
+
LazyLoad,
|
|
7541
|
+
{ height: _this.props.imageHeight },
|
|
7542
|
+
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 })
|
|
7543
|
+
)
|
|
7498
7544
|
)
|
|
7499
7545
|
),
|
|
7500
7546
|
React__default.createElement(
|
|
@@ -8129,7 +8175,7 @@ var MasterDeck = function (_React$Component) {
|
|
|
8129
8175
|
var client = _this.props.client;
|
|
8130
8176
|
|
|
8131
8177
|
var builder = imageUrlBuilder(client);
|
|
8132
|
-
return builder.image(source);
|
|
8178
|
+
return builder.image(source).auto('format');
|
|
8133
8179
|
}, _this.renderCardImage = function (row, page) {
|
|
8134
8180
|
if (row.thumbnail && row.thumbnail.asset) {
|
|
8135
8181
|
var url = _this.urlFor(row.thumbnail);
|
|
@@ -8260,7 +8306,6 @@ var MasterDeck = function (_React$Component) {
|
|
|
8260
8306
|
Row,
|
|
8261
8307
|
null,
|
|
8262
8308
|
_this.state.data && _this.state.data.map(function (row, index$$1) {
|
|
8263
|
-
|
|
8264
8309
|
var pageNumber = row.pageNumber || _this.state.page;
|
|
8265
8310
|
var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
|
|
8266
8311
|
|
|
@@ -8416,7 +8461,7 @@ var PublicationDeck = function PublicationDeck(props) {
|
|
|
8416
8461
|
|
|
8417
8462
|
var urlFor = function urlFor(source) {
|
|
8418
8463
|
var builder = imageUrlBuilder(client);
|
|
8419
|
-
return builder.image(source);
|
|
8464
|
+
return builder.image(source).auto('format');
|
|
8420
8465
|
};
|
|
8421
8466
|
|
|
8422
8467
|
var renderCardImage = function renderCardImage(thumbnail) {
|
|
@@ -8446,7 +8491,11 @@ var PublicationDeck = function PublicationDeck(props) {
|
|
|
8446
8491
|
React__default.createElement(
|
|
8447
8492
|
'a',
|
|
8448
8493
|
null,
|
|
8449
|
-
row.childIssue && row.childIssue.thumbnail && React__default.createElement(
|
|
8494
|
+
row.childIssue && row.childIssue.thumbnail && React__default.createElement(
|
|
8495
|
+
LazyLoad,
|
|
8496
|
+
{ height: imageHeight },
|
|
8497
|
+
React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name })
|
|
8498
|
+
),
|
|
8450
8499
|
React__default.createElement(
|
|
8451
8500
|
Card.Body,
|
|
8452
8501
|
null,
|
|
@@ -8481,7 +8530,7 @@ var IssueDeck = function IssueDeck(props) {
|
|
|
8481
8530
|
|
|
8482
8531
|
var urlFor = function urlFor(source) {
|
|
8483
8532
|
var builder = imageUrlBuilder(client);
|
|
8484
|
-
return builder.image(source);
|
|
8533
|
+
return builder.image(source).auto('format');
|
|
8485
8534
|
};
|
|
8486
8535
|
|
|
8487
8536
|
var renderCardImage = function renderCardImage(thumbnail) {
|
|
@@ -8517,7 +8566,11 @@ var IssueDeck = function IssueDeck(props) {
|
|
|
8517
8566
|
React__default.createElement(
|
|
8518
8567
|
Col,
|
|
8519
8568
|
{ md: 12, lg: 4 },
|
|
8520
|
-
row.thumbnail && React__default.createElement(
|
|
8569
|
+
row.thumbnail && React__default.createElement(
|
|
8570
|
+
LazyLoad,
|
|
8571
|
+
{ height: imageHeight },
|
|
8572
|
+
React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
|
|
8573
|
+
)
|
|
8521
8574
|
),
|
|
8522
8575
|
React__default.createElement(
|
|
8523
8576
|
Col,
|
|
@@ -8568,7 +8621,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
|
|
|
8568
8621
|
|
|
8569
8622
|
var urlFor = function urlFor(source) {
|
|
8570
8623
|
var builder = imageUrlBuilder(client);
|
|
8571
|
-
return builder.image(source);
|
|
8624
|
+
return builder.image(source).auto('format');
|
|
8572
8625
|
};
|
|
8573
8626
|
|
|
8574
8627
|
var renderCardImage = function renderCardImage(thumbnail) {
|
|
@@ -8598,7 +8651,11 @@ var IssueContentDeck = function IssueContentDeck(props) {
|
|
|
8598
8651
|
React__default.createElement(
|
|
8599
8652
|
'a',
|
|
8600
8653
|
null,
|
|
8601
|
-
row.thumbnail && React__default.createElement(
|
|
8654
|
+
row.thumbnail && React__default.createElement(
|
|
8655
|
+
LazyLoad,
|
|
8656
|
+
{ height: imageHeight },
|
|
8657
|
+
React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
|
|
8658
|
+
),
|
|
8602
8659
|
React__default.createElement(
|
|
8603
8660
|
Card.Body,
|
|
8604
8661
|
null,
|
|
@@ -9212,6 +9269,65 @@ var NavFooter = function NavFooter(props) {
|
|
|
9212
9269
|
);
|
|
9213
9270
|
};
|
|
9214
9271
|
|
|
9272
|
+
var SocialNavFooter = function SocialNavFooter(props) {
|
|
9273
|
+
var year = new Date().getFullYear();
|
|
9274
|
+
var website = props.website;
|
|
9275
|
+
|
|
9276
|
+
return React__default.createElement(
|
|
9277
|
+
'div',
|
|
9278
|
+
{ className: 'nav-footer' },
|
|
9279
|
+
website && website.footerLinks && website.footerLinks.length && React__default.createElement(
|
|
9280
|
+
'ul',
|
|
9281
|
+
null,
|
|
9282
|
+
website && website.footerLinks.map(function (content, index) {
|
|
9283
|
+
if (content.url && content.title) {
|
|
9284
|
+
return content.blank ? React__default.createElement(
|
|
9285
|
+
'li',
|
|
9286
|
+
{ key: index },
|
|
9287
|
+
React__default.createElement(
|
|
9288
|
+
'a',
|
|
9289
|
+
{ target: '_blank', href: content.url, className: 'nav-link' },
|
|
9290
|
+
content.title
|
|
9291
|
+
)
|
|
9292
|
+
) : React__default.createElement(
|
|
9293
|
+
'li',
|
|
9294
|
+
{ key: index },
|
|
9295
|
+
React__default.createElement(
|
|
9296
|
+
Link,
|
|
9297
|
+
{ href: content.url },
|
|
9298
|
+
React__default.createElement(
|
|
9299
|
+
'a',
|
|
9300
|
+
{ className: 'nav-link' },
|
|
9301
|
+
content.title
|
|
9302
|
+
)
|
|
9303
|
+
)
|
|
9304
|
+
);
|
|
9305
|
+
} else return null;
|
|
9306
|
+
})
|
|
9307
|
+
),
|
|
9308
|
+
React__default.createElement(
|
|
9309
|
+
'ul',
|
|
9310
|
+
null,
|
|
9311
|
+
React__default.createElement(
|
|
9312
|
+
'li',
|
|
9313
|
+
{ style: { marginTop: '10px' }, key: website.footerLinks ? website.footerLinks.length + 1 : 1 },
|
|
9314
|
+
website.socialLinks && website.socialLinks.map(function (row, index) {
|
|
9315
|
+
return React__default.createElement(SocialIcon, { target: row.blank ? '_blank' : '_self', key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
|
|
9316
|
+
})
|
|
9317
|
+
)
|
|
9318
|
+
),
|
|
9319
|
+
website && website.name && React__default.createElement(
|
|
9320
|
+
'p',
|
|
9321
|
+
{ className: 'nav-link' },
|
|
9322
|
+
'\xA9 ',
|
|
9323
|
+
year,
|
|
9324
|
+
' ',
|
|
9325
|
+
website.name,
|
|
9326
|
+
'. All rights reserved.'
|
|
9327
|
+
)
|
|
9328
|
+
);
|
|
9329
|
+
};
|
|
9330
|
+
|
|
9215
9331
|
var NavMagazine = function NavMagazine(props) {
|
|
9216
9332
|
/*
|
|
9217
9333
|
Example Nav with acceptable props
|
|
@@ -9231,7 +9347,9 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
9231
9347
|
website = props.website,
|
|
9232
9348
|
_props$showLogin = props.showLogin,
|
|
9233
9349
|
showLogin = _props$showLogin === undefined ? false : _props$showLogin,
|
|
9234
|
-
_props$userData = props.userData
|
|
9350
|
+
_props$userData = props.userData,
|
|
9351
|
+
_props$socialFooterNa = props.socialFooterNav,
|
|
9352
|
+
socialFooterNav = _props$socialFooterNa === undefined ? false : _props$socialFooterNa;
|
|
9235
9353
|
|
|
9236
9354
|
var navRef = useRef(null);
|
|
9237
9355
|
|
|
@@ -9523,7 +9641,7 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
9523
9641
|
React__default.createElement(
|
|
9524
9642
|
Nav,
|
|
9525
9643
|
{ className: 'mr-auto' },
|
|
9526
|
-
React__default.createElement(NavFooter, { website: website })
|
|
9644
|
+
socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter, { website: website })
|
|
9527
9645
|
)
|
|
9528
9646
|
)
|
|
9529
9647
|
)
|