@mjhls/mjh-framework 1.0.96 → 1.0.98
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 +142 -73
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +176 -106
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -14,8 +14,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
|
14
14
|
var Card = _interopDefault(require('react-bootstrap/Card'));
|
|
15
15
|
var moment = _interopDefault(require('moment'));
|
|
16
16
|
var Link = _interopDefault(require('next/link'));
|
|
17
|
-
var
|
|
18
|
-
var Router__default = _interopDefault(Router);
|
|
17
|
+
var router = require('next/router');
|
|
19
18
|
var Media = _interopDefault(require('react-bootstrap/Media'));
|
|
20
19
|
var reactBootstrap = require('react-bootstrap');
|
|
21
20
|
var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
|
|
@@ -3889,7 +3888,7 @@ var DeckContent = function (_React$Component) {
|
|
|
3889
3888
|
var builder = imageUrlBuilder(client);
|
|
3890
3889
|
return builder.image(source);
|
|
3891
3890
|
}, _this.renderCardImage = function (row, page) {
|
|
3892
|
-
if (row.thumbnail) {
|
|
3891
|
+
if (row.thumbnail && row.thumbnail.asset) {
|
|
3893
3892
|
return _this.urlFor(row.thumbnail).url();
|
|
3894
3893
|
} else {
|
|
3895
3894
|
return _this.defaultImage;
|
|
@@ -3898,19 +3897,19 @@ var DeckContent = function (_React$Component) {
|
|
|
3898
3897
|
var _this$props = _this.props,
|
|
3899
3898
|
seoPaginate = _this$props.seoPaginate,
|
|
3900
3899
|
pageview = _this$props.pageview,
|
|
3901
|
-
router = _this$props.router;
|
|
3900
|
+
router$$1 = _this$props.router;
|
|
3902
3901
|
var currentPage = _this.state.currentPage;
|
|
3903
3902
|
|
|
3904
3903
|
if (seoPaginate) {
|
|
3905
|
-
var path = router.asPath;
|
|
3904
|
+
var path = router$$1.asPath;
|
|
3906
3905
|
var qrIndex = path.indexOf('?');
|
|
3907
|
-
var pathname = router.pathname;
|
|
3906
|
+
var pathname = router$$1.pathname;
|
|
3908
3907
|
var queryString = '';
|
|
3909
3908
|
|
|
3910
3909
|
if (qrIndex > 0) {
|
|
3911
3910
|
path = path.substring(1, qrIndex);
|
|
3912
3911
|
|
|
3913
|
-
var partialQS = router.asPath.substring(qrIndex + 1);
|
|
3912
|
+
var partialQS = router$$1.asPath.substring(qrIndex + 1);
|
|
3914
3913
|
var partialQSArr = partialQS.split('&');
|
|
3915
3914
|
|
|
3916
3915
|
// exclude page=xxx from query string
|
|
@@ -3956,7 +3955,7 @@ var DeckContent = function (_React$Component) {
|
|
|
3956
3955
|
|
|
3957
3956
|
pageview(newPath);
|
|
3958
3957
|
|
|
3959
|
-
router.push(pathname, newPath, {
|
|
3958
|
+
router$$1.push(pathname, newPath, {
|
|
3960
3959
|
shallow: true
|
|
3961
3960
|
});
|
|
3962
3961
|
});
|
|
@@ -4152,7 +4151,7 @@ var DeckContent = function (_React$Component) {
|
|
|
4152
4151
|
return DeckContent;
|
|
4153
4152
|
}(React__default.Component);
|
|
4154
4153
|
|
|
4155
|
-
var ContentCard =
|
|
4154
|
+
var ContentCard = router.withRouter(DeckContent);
|
|
4156
4155
|
|
|
4157
4156
|
/**
|
|
4158
4157
|
* Checks if `value` is classified as an `Array` object.
|
|
@@ -5220,7 +5219,7 @@ var GridContent = function (_React$Component) {
|
|
|
5220
5219
|
var builder = imageUrlBuilder(client);
|
|
5221
5220
|
return builder.image(source);
|
|
5222
5221
|
}, _this.renderCardImage = function (row, page) {
|
|
5223
|
-
if (row.thumbnail) {
|
|
5222
|
+
if (row.thumbnail && row.thumbnail.asset) {
|
|
5224
5223
|
return _this.urlFor(row.thumbnail).url();
|
|
5225
5224
|
} else {
|
|
5226
5225
|
return _this.defaultImage;
|
|
@@ -5229,19 +5228,19 @@ var GridContent = function (_React$Component) {
|
|
|
5229
5228
|
var _this$props = _this.props,
|
|
5230
5229
|
seoPaginate = _this$props.seoPaginate,
|
|
5231
5230
|
pageview = _this$props.pageview,
|
|
5232
|
-
router = _this$props.router;
|
|
5231
|
+
router$$1 = _this$props.router;
|
|
5233
5232
|
var currentPage = _this.state.currentPage;
|
|
5234
5233
|
|
|
5235
5234
|
if (seoPaginate) {
|
|
5236
|
-
var path = router.asPath;
|
|
5235
|
+
var path = router$$1.asPath;
|
|
5237
5236
|
var qrIndex = path.indexOf('?');
|
|
5238
|
-
var pathname = router.pathname;
|
|
5237
|
+
var pathname = router$$1.pathname;
|
|
5239
5238
|
var queryString = '';
|
|
5240
5239
|
|
|
5241
5240
|
if (qrIndex > 0) {
|
|
5242
5241
|
path = path.substring(1, qrIndex);
|
|
5243
5242
|
|
|
5244
|
-
var partialQS = router.asPath.substring(qrIndex + 1);
|
|
5243
|
+
var partialQS = router$$1.asPath.substring(qrIndex + 1);
|
|
5245
5244
|
var partialQSArr = partialQS.split('&');
|
|
5246
5245
|
|
|
5247
5246
|
// exclude page=xxx from query string
|
|
@@ -5276,7 +5275,7 @@ var GridContent = function (_React$Component) {
|
|
|
5276
5275
|
|
|
5277
5276
|
pageview(newPath);
|
|
5278
5277
|
|
|
5279
|
-
router.push(pathname, newPath, {
|
|
5278
|
+
router$$1.push(pathname, newPath, {
|
|
5280
5279
|
shallow: true
|
|
5281
5280
|
});
|
|
5282
5281
|
});
|
|
@@ -5493,7 +5492,7 @@ var GridContent = function (_React$Component) {
|
|
|
5493
5492
|
return GridContent;
|
|
5494
5493
|
}(React__default.Component);
|
|
5495
5494
|
|
|
5496
|
-
var GridContent$1 =
|
|
5495
|
+
var GridContent$1 = router.withRouter(GridContent);
|
|
5497
5496
|
|
|
5498
5497
|
var DeckQueue = function (_React$Component) {
|
|
5499
5498
|
inherits(DeckQueue, _React$Component);
|
|
@@ -5573,29 +5572,23 @@ var DeckQueue = function (_React$Component) {
|
|
|
5573
5572
|
|
|
5574
5573
|
var builder = imageUrlBuilder(client);
|
|
5575
5574
|
return builder.image(source);
|
|
5576
|
-
}, _this.renderCardImage = function (row, page) {
|
|
5577
|
-
if (row.thumbnail) {
|
|
5578
|
-
return _this.urlFor(row.thumbnail).url();
|
|
5579
|
-
} else {
|
|
5580
|
-
return _this.defaultImage;
|
|
5581
|
-
}
|
|
5582
5575
|
}, _this.changePageNumber = function (pageNumber) {
|
|
5583
5576
|
var _this$props = _this.props,
|
|
5584
5577
|
seoPaginate = _this$props.seoPaginate,
|
|
5585
5578
|
pageview = _this$props.pageview,
|
|
5586
|
-
router = _this$props.router;
|
|
5579
|
+
router$$1 = _this$props.router;
|
|
5587
5580
|
var currentPage = _this.state.currentPage;
|
|
5588
5581
|
|
|
5589
5582
|
if (seoPaginate) {
|
|
5590
|
-
var path = router.asPath;
|
|
5583
|
+
var path = router$$1.asPath;
|
|
5591
5584
|
var qrIndex = path.indexOf('?');
|
|
5592
|
-
var pathname = router.pathname;
|
|
5585
|
+
var pathname = router$$1.pathname;
|
|
5593
5586
|
var queryString = '';
|
|
5594
5587
|
|
|
5595
5588
|
if (qrIndex > 0) {
|
|
5596
5589
|
path = path.substring(1, qrIndex);
|
|
5597
5590
|
|
|
5598
|
-
var partialQS = router.asPath.substring(qrIndex + 1);
|
|
5591
|
+
var partialQS = router$$1.asPath.substring(qrIndex + 1);
|
|
5599
5592
|
var partialQSArr = partialQS.split('&');
|
|
5600
5593
|
|
|
5601
5594
|
// exclude page=xxx from query string
|
|
@@ -5630,7 +5623,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
5630
5623
|
|
|
5631
5624
|
pageview(newPath);
|
|
5632
5625
|
|
|
5633
|
-
router.push(pathname, newPath, {
|
|
5626
|
+
router$$1.push(pathname, newPath, {
|
|
5634
5627
|
shallow: true
|
|
5635
5628
|
});
|
|
5636
5629
|
});
|
|
@@ -5671,7 +5664,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
5671
5664
|
this.state.data && this.state.data.map(function (row, index$$1) {
|
|
5672
5665
|
var pageNumber = row.pageNumber || _this2.state.page;
|
|
5673
5666
|
// const thumbnailURL = get(row, 'thumbnail.asset.url', this.props.defaultImage)
|
|
5674
|
-
var thumbnailURL = row.thumbnail ? _this2.urlFor(row.thumbnail).url() : _this2.props.defaultImage;
|
|
5667
|
+
var thumbnailURL = row.thumbnail && row.thumbnail.asset ? _this2.urlFor(row.thumbnail).url() : _this2.props.defaultImage;
|
|
5675
5668
|
return React__default.createElement(
|
|
5676
5669
|
VisibilitySensor,
|
|
5677
5670
|
{
|
|
@@ -5809,7 +5802,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
5809
5802
|
return DeckQueue;
|
|
5810
5803
|
}(React__default.Component);
|
|
5811
5804
|
|
|
5812
|
-
var Queue =
|
|
5805
|
+
var Queue = router.withRouter(DeckQueue);
|
|
5813
5806
|
|
|
5814
5807
|
var ThumbnailCard = function ThumbnailCard(_ref) {
|
|
5815
5808
|
var size = _ref.size,
|
|
@@ -6001,23 +5994,23 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
6001
5994
|
return React__default.createElement(
|
|
6002
5995
|
'div',
|
|
6003
5996
|
{ id: 'vid-slider', className: 'col' },
|
|
6004
|
-
React__default.createElement(
|
|
6005
|
-
'div',
|
|
6006
|
-
{ onClick: function onClick(e) {
|
|
6007
|
-
return scrollSlider(e, 'prev');
|
|
6008
|
-
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
6009
|
-
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
6010
|
-
),
|
|
6011
|
-
React__default.createElement(
|
|
6012
|
-
'div',
|
|
6013
|
-
{ onClick: function onClick(e) {
|
|
6014
|
-
return scrollSlider(e, 'next');
|
|
6015
|
-
}, className: 'tile__slider-next', style: { color: variant } },
|
|
6016
|
-
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
6017
|
-
),
|
|
6018
5997
|
React__default.createElement(
|
|
6019
5998
|
'div',
|
|
6020
5999
|
{ className: 'row' },
|
|
6000
|
+
React__default.createElement(
|
|
6001
|
+
'div',
|
|
6002
|
+
{ onClick: function onClick(e) {
|
|
6003
|
+
return scrollSlider(e, 'prev');
|
|
6004
|
+
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
6005
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
6006
|
+
),
|
|
6007
|
+
React__default.createElement(
|
|
6008
|
+
'div',
|
|
6009
|
+
{ onClick: function onClick(e) {
|
|
6010
|
+
return scrollSlider(e, 'next');
|
|
6011
|
+
}, className: 'tile__slider-next', style: { color: variant } },
|
|
6012
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
6013
|
+
),
|
|
6021
6014
|
React__default.createElement(
|
|
6022
6015
|
'div',
|
|
6023
6016
|
{ className: 'row__inner' },
|
|
@@ -6109,7 +6102,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
6109
6102
|
React__default.createElement(
|
|
6110
6103
|
'style',
|
|
6111
6104
|
{ jsx: true },
|
|
6112
|
-
'\n #vid-slider * {\n box-sizing: border-box;\n }\n #vid-slider {\n position: relative;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: .5rem;\n left: .5rem;\n color: white;\n padding: 0 1rem;\n background: rgba(0,0,0
|
|
6105
|
+
'\n #vid-slider * {\n box-sizing: border-box;\n }\n #vid-slider {\n position: relative;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 0.5rem;\n color: white;\n padding: 0 1rem;\n background: rgba(0, 0, 0, 0.75);\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow: scroll;\n width: 100%;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 1rem;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 55px 0;\n padding-bottom: 10px;\n padding-left: 0;\n }\n #vid-slider .tile {\n position: relative;\n display: inline-block;\n width: 250px;\n height: 140.625px;\n margin-right: 10px;\n font-size: 20px;\n cursor: pointer;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n #vid-slider .tile__img {\n width: 250px;\n height: 140.625px;\n -o-object-fit: cover;\n object-fit: cover;\n }\n #vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n #vid-slider .tile__details:after,\n #vid-slider .tile__details:before {\n content: \'\';\n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n #vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n #vid-slider .tile__details:before {\n content: \'\u25B6\';\n left: 0;\n width: 100%;\n font-size: 30px;\n margin-left: 3px;\n margin-top: -22px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n #vid-slider .tile:hover .tile__details {\n opacity: 1;\n }\n #vid-slider .tile__title {\n position: absolute;\n bottom: 0;\n padding: 10px;\n max-width: 250px;\n }\n #vid-slider .tile__title_text {\n position: relative;\n left: 0;\n white-space: normal;\n }\n #vid-slider .row__inner:hover {\n -webkit-transform: translate3d(-62.5px, 0, 0);\n transform: translate3d(-62.5px, 0, 0);\n }\n #vid-slider .row__inner:hover .tile {\n opacity: 0.3;\n }\n #vid-slider .row__inner:hover .tile:hover {\n -webkit-transform: scale(1.25);\n transform: scale(1.25);\n opacity: 1;\n }\n #vid-slider .tile:hover ~ .tile {\n -webkit-transform: translate3d(62px, 0, 0);\n transform: translate3d(62px, 0, 0);\n }\n #vid-slider .tile:hover .tile__info {\n opacity: 0;\n }\n #vid-slider .tile__slider-prev,\n #vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (props.dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n }\n #vid-slider .tile__slider-prev {\n left: -3px;\n }\n #vid-slider .tile__slider-next {\n right: 0;\n }\n #vid-slider,\n #vid-slider .row {\n margin: 0;\n padding: 0 1.2rem;\n }\n #vid-slider .tile:last-child {\n margin-right: 2rem;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n #vid-slider i {\n border: solid ' + (props.dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n\n #vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n\n #vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n '
|
|
6113
6106
|
)
|
|
6114
6107
|
);
|
|
6115
6108
|
};
|
|
@@ -6199,23 +6192,23 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
6199
6192
|
return React__default.createElement(
|
|
6200
6193
|
'div',
|
|
6201
6194
|
{ id: 'vid-slider', className: 'col' },
|
|
6202
|
-
React__default.createElement(
|
|
6203
|
-
'div',
|
|
6204
|
-
{ onClick: function onClick(e) {
|
|
6205
|
-
return scrollSlider(e, 'prev');
|
|
6206
|
-
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
6207
|
-
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
6208
|
-
),
|
|
6209
|
-
React__default.createElement(
|
|
6210
|
-
'div',
|
|
6211
|
-
{ onClick: function onClick(e) {
|
|
6212
|
-
return scrollSlider(e, 'next');
|
|
6213
|
-
}, className: 'tile__slider-next', style: { color: variant } },
|
|
6214
|
-
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
6215
|
-
),
|
|
6216
6195
|
React__default.createElement(
|
|
6217
6196
|
'div',
|
|
6218
6197
|
{ className: 'row' },
|
|
6198
|
+
React__default.createElement(
|
|
6199
|
+
'div',
|
|
6200
|
+
{ onClick: function onClick(e) {
|
|
6201
|
+
return scrollSlider(e, 'prev');
|
|
6202
|
+
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
6203
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
6204
|
+
),
|
|
6205
|
+
React__default.createElement(
|
|
6206
|
+
'div',
|
|
6207
|
+
{ onClick: function onClick(e) {
|
|
6208
|
+
return scrollSlider(e, 'next');
|
|
6209
|
+
}, className: 'tile__slider-next', style: { color: variant } },
|
|
6210
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
6211
|
+
),
|
|
6219
6212
|
React__default.createElement(
|
|
6220
6213
|
'div',
|
|
6221
6214
|
{ className: 'row__inner' },
|
|
@@ -6309,7 +6302,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
6309
6302
|
React__default.createElement(
|
|
6310
6303
|
'style',
|
|
6311
6304
|
{ jsx: true },
|
|
6312
|
-
'\n #vid-slider * {\n box-sizing: border-box;\n }\n #vid-slider {\n position: relative;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: .5rem;\n left: 1rem;\n color: white;\n background: rgba(0,0,0
|
|
6305
|
+
'\n #vid-slider * {\n box-sizing: border-box;\n }\n #vid-slider {\n position: relative;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow: scroll;\n width: 100%;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 1rem;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 55px 0;\n padding-bottom: 10px;\n padding-left: 0;\n }\n #vid-slider .tile {\n position: relative;\n display: inline-block;\n width: 250px;\n height: 140.625px;\n margin-right: 10px;\n font-size: 20px;\n cursor: pointer;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n #vid-slider .tile__img {\n width: 250px;\n height: 140.625px;\n -o-object-fit: cover;\n object-fit: cover;\n }\n #vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n #vid-slider .tile__details:after,\n #vid-slider .tile__details:before {\n content: \'\';\n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n #vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n #vid-slider .tile__details:before {\n content: \'\u25B6\';\n left: 0;\n width: 100%;\n font-size: 30px;\n margin-left: 2px;\n margin-top: -23px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n #vid-slider .tile:hover .tile__details {\n opacity: 1;\n }\n #vid-slider .tile__title {\n position: absolute;\n bottom: 0;\n padding: 10px;\n max-width: 250px;\n }\n #vid-slider .tile__title_text {\n position: relative;\n left: 0;\n white-space: normal;\n }\n #vid-slider .row__inner:hover {\n -webkit-transform: translate3d(-62.5px, 0, 0);\n transform: translate3d(-62.5px, 0, 0);\n }\n #vid-slider .row__inner:hover .tile {\n opacity: 0.3;\n }\n #vid-slider .row__inner:hover .tile:hover {\n -webkit-transform: scale(1.25);\n transform: scale(1.25);\n opacity: 1;\n }\n #vid-slider .tile:hover ~ .tile {\n -webkit-transform: translate3d(62px, 0, 0);\n transform: translate3d(62px, 0, 0);\n }\n #vid-slider .tile:hover .tile__info {\n opacity: 0;\n }\n #vid-slider .tile__slider-prev,\n #vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (props.dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n }\n #vid-slider .tile__slider-prev {\n left: -3px;\n }\n #vid-slider .tile__slider-next {\n right: 0;\n }\n #vid-slider,\n #vid-slider .row {\n margin: 0;\n padding: 0 1.2rem;\n }\n #vid-slider .tile:last-child {\n margin-right: 2rem;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n #vid-slider i {\n border: solid ' + (props.dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n\n #vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n\n #vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n '
|
|
6313
6306
|
)
|
|
6314
6307
|
);
|
|
6315
6308
|
};
|
|
@@ -6353,17 +6346,17 @@ var loadData = function loadData(values, query, client, params, setData, setScro
|
|
|
6353
6346
|
});
|
|
6354
6347
|
};
|
|
6355
6348
|
|
|
6356
|
-
var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage) {
|
|
6349
|
+
var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pageview, router$$1, currentPage, setCurrentPage) {
|
|
6357
6350
|
if (seoPaginate) {
|
|
6358
|
-
var path = router.asPath;
|
|
6351
|
+
var path = router$$1.asPath;
|
|
6359
6352
|
var qrIndex = path.indexOf('?');
|
|
6360
|
-
var pathname = router.pathname;
|
|
6353
|
+
var pathname = router$$1.pathname;
|
|
6361
6354
|
var queryString = '';
|
|
6362
6355
|
|
|
6363
6356
|
if (qrIndex > 0) {
|
|
6364
6357
|
path = path.substring(1, qrIndex);
|
|
6365
6358
|
|
|
6366
|
-
var partialQS = router.asPath.substring(qrIndex + 1);
|
|
6359
|
+
var partialQS = router$$1.asPath.substring(qrIndex + 1);
|
|
6367
6360
|
var partialQSArr = partialQS.split('&');
|
|
6368
6361
|
|
|
6369
6362
|
// exclude page=xxx from query string
|
|
@@ -6393,7 +6386,7 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
|
|
|
6393
6386
|
}
|
|
6394
6387
|
var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
|
|
6395
6388
|
pageview(newPath);
|
|
6396
|
-
router.push(pathname, newPath, {
|
|
6389
|
+
router$$1.push(pathname, newPath, {
|
|
6397
6390
|
shallow: true
|
|
6398
6391
|
});
|
|
6399
6392
|
}
|
|
@@ -6423,7 +6416,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index$$1, length
|
|
|
6423
6416
|
}
|
|
6424
6417
|
};
|
|
6425
6418
|
|
|
6426
|
-
var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage) {
|
|
6419
|
+
var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage, showPublished, defaultImage) {
|
|
6427
6420
|
return React__default.createElement(
|
|
6428
6421
|
'div',
|
|
6429
6422
|
null,
|
|
@@ -6435,7 +6428,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
6435
6428
|
{
|
|
6436
6429
|
key: article._id ? article._id : index$$1,
|
|
6437
6430
|
onChange: function onChange(isVisible) {
|
|
6438
|
-
isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
|
|
6431
|
+
isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router$$1, currentPage, setCurrentPage);
|
|
6439
6432
|
} },
|
|
6440
6433
|
React__default.createElement(
|
|
6441
6434
|
React__default.Fragment,
|
|
@@ -6451,9 +6444,9 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
6451
6444
|
null,
|
|
6452
6445
|
article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', {
|
|
6453
6446
|
className: 'mr-3',
|
|
6454
|
-
src: urlFor(builder, article.thumbnail).width(
|
|
6447
|
+
src: urlFor(builder, article.thumbnail).width(240).height(135).url(),
|
|
6455
6448
|
alt: article.title
|
|
6456
|
-
}) : React__default.createElement('img', { src: defaultImage, className: 'mr-3', width: '
|
|
6449
|
+
}) : React__default.createElement('img', { src: defaultImage, className: 'mr-3', width: '240', height: '135' })
|
|
6457
6450
|
)
|
|
6458
6451
|
),
|
|
6459
6452
|
React__default.createElement(
|
|
@@ -6473,8 +6466,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
6473
6466
|
)
|
|
6474
6467
|
),
|
|
6475
6468
|
showPublished && article.published && React__default.createElement(
|
|
6476
|
-
'
|
|
6477
|
-
{ className: 'card-text', style: { color: 'var(--
|
|
6469
|
+
'p',
|
|
6470
|
+
{ className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
|
|
6478
6471
|
moment(article.published).format('MMMM DD, YYYY')
|
|
6479
6472
|
),
|
|
6480
6473
|
article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
|
|
@@ -6523,7 +6516,7 @@ var usePrevious = function usePrevious(value) {
|
|
|
6523
6516
|
};
|
|
6524
6517
|
|
|
6525
6518
|
var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
6526
|
-
var router =
|
|
6519
|
+
var router$$1 = router.useRouter();
|
|
6527
6520
|
var initialData = props.dataRecord,
|
|
6528
6521
|
client = props.client,
|
|
6529
6522
|
params = props.params,
|
|
@@ -6593,7 +6586,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
6593
6586
|
React__default.createElement(
|
|
6594
6587
|
reactBootstrap.Container,
|
|
6595
6588
|
null,
|
|
6596
|
-
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage)
|
|
6589
|
+
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage, showPublished, defaultImage)
|
|
6597
6590
|
)
|
|
6598
6591
|
),
|
|
6599
6592
|
React__default.createElement(
|
|
@@ -6607,7 +6600,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
6607
6600
|
React__default.createElement(
|
|
6608
6601
|
reactBootstrap.Container,
|
|
6609
6602
|
null,
|
|
6610
|
-
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage)
|
|
6603
|
+
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage, showPublished, defaultImage)
|
|
6611
6604
|
),
|
|
6612
6605
|
React__default.createElement(
|
|
6613
6606
|
'div',
|
|
@@ -7118,6 +7111,59 @@ var SocialShare = function SocialShare(props) {
|
|
|
7118
7111
|
);
|
|
7119
7112
|
};
|
|
7120
7113
|
|
|
7114
|
+
var PageFilter = function PageFilter(props) {
|
|
7115
|
+
var getParams = props.getParams,
|
|
7116
|
+
filters = props.filters,
|
|
7117
|
+
defaultFilter = props.defaultFilter;
|
|
7118
|
+
|
|
7119
|
+
var _useState = React.useState(''),
|
|
7120
|
+
_useState2 = slicedToArray(_useState, 2),
|
|
7121
|
+
filter = _useState2[0],
|
|
7122
|
+
setFilter = _useState2[1];
|
|
7123
|
+
|
|
7124
|
+
var usePrevious = function usePrevious(value) {
|
|
7125
|
+
var ref = React.useRef();
|
|
7126
|
+
React.useEffect(function () {
|
|
7127
|
+
ref.current = value;
|
|
7128
|
+
});
|
|
7129
|
+
return ref.current;
|
|
7130
|
+
};
|
|
7131
|
+
|
|
7132
|
+
var sortAttr = usePrevious({ filter: filter });
|
|
7133
|
+
|
|
7134
|
+
React.useEffect(function () {
|
|
7135
|
+
if (sortAttr && sortAttr.filter !== filter) {
|
|
7136
|
+
getParams(filter);
|
|
7137
|
+
}
|
|
7138
|
+
}, [filter, sortAttr, getParams]);
|
|
7139
|
+
|
|
7140
|
+
if (filters.length) {
|
|
7141
|
+
return React__default.createElement(
|
|
7142
|
+
reactBootstrap.Dropdown,
|
|
7143
|
+
null,
|
|
7144
|
+
React__default.createElement(
|
|
7145
|
+
reactBootstrap.Dropdown.Toggle,
|
|
7146
|
+
{ id: 'filter-dropdown' },
|
|
7147
|
+
filter || defaultFilter
|
|
7148
|
+
),
|
|
7149
|
+
React__default.createElement(
|
|
7150
|
+
reactBootstrap.Dropdown.Menu,
|
|
7151
|
+
null,
|
|
7152
|
+
filters.map(function (filter, index) {
|
|
7153
|
+
return React__default.createElement(
|
|
7154
|
+
reactBootstrap.Dropdown.Item,
|
|
7155
|
+
{ key: index, onClick: function onClick() {
|
|
7156
|
+
return setFilter(filter);
|
|
7157
|
+
} },
|
|
7158
|
+
filter
|
|
7159
|
+
);
|
|
7160
|
+
})
|
|
7161
|
+
)
|
|
7162
|
+
);
|
|
7163
|
+
}
|
|
7164
|
+
return null;
|
|
7165
|
+
};
|
|
7166
|
+
|
|
7121
7167
|
// THIS FILE IS AUTO GENERATED
|
|
7122
7168
|
var MdSearch = function (props) {
|
|
7123
7169
|
return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"d":"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}}]})(props);
|
|
@@ -7138,50 +7184,34 @@ var Search = function Search(_ref) {
|
|
|
7138
7184
|
_ref$btnText = _ref.btnText,
|
|
7139
7185
|
btnText = _ref$btnText === undefined ? 'Search' : _ref$btnText;
|
|
7140
7186
|
|
|
7141
|
-
var router =
|
|
7187
|
+
var router$$1 = router.useRouter();
|
|
7142
7188
|
|
|
7143
7189
|
var _useState = React.useState(''),
|
|
7144
7190
|
_useState2 = slicedToArray(_useState, 2),
|
|
7145
7191
|
searchKey = _useState2[0],
|
|
7146
7192
|
setSearchKey = _useState2[1];
|
|
7147
7193
|
|
|
7148
|
-
var
|
|
7149
|
-
|
|
7150
|
-
|
|
7151
|
-
|
|
7152
|
-
|
|
7153
|
-
React.useEffect(function () {
|
|
7154
|
-
if (activesearch) {
|
|
7155
|
-
router.push({
|
|
7156
|
-
pathname: '/search',
|
|
7157
|
-
query: { searchTerm: searchKey }
|
|
7158
|
-
});
|
|
7159
|
-
}
|
|
7160
|
-
}, [activesearch]);
|
|
7161
|
-
|
|
7162
|
-
React.useEffect(function () {
|
|
7163
|
-
Router__default.events.on('routeChangeComplete', function () {
|
|
7164
|
-
return setActivesearch(false);
|
|
7194
|
+
var submitSearch = function submitSearch(e) {
|
|
7195
|
+
e.preventDefault();
|
|
7196
|
+
router$$1.push({
|
|
7197
|
+
pathname: '/search',
|
|
7198
|
+
query: { searchTerm: searchKey }
|
|
7165
7199
|
});
|
|
7166
|
-
}
|
|
7200
|
+
};
|
|
7167
7201
|
|
|
7168
7202
|
return React__default.createElement(
|
|
7169
7203
|
Form,
|
|
7170
|
-
{
|
|
7171
|
-
|
|
7172
|
-
onSubmit: function onSubmit(e) {
|
|
7173
|
-
e.preventDefault();
|
|
7174
|
-
setActivesearch(true);
|
|
7204
|
+
{ inline: true, onSubmit: function onSubmit(e) {
|
|
7205
|
+
return submitSearch(e);
|
|
7175
7206
|
} },
|
|
7176
|
-
activesearch && React__default.createElement(reactBootstrap.Spinner, { className: 'active-loader mr-3', animation: 'border', variant: 'light' }),
|
|
7177
7207
|
React__default.createElement(FormControl, { type: 'text', placeholder: placeholder, className: 'mr-sm-2', value: searchKey, onChange: function onChange(e) {
|
|
7178
7208
|
return setSearchKey(e.target.value);
|
|
7179
7209
|
} }),
|
|
7180
7210
|
React__default.createElement(
|
|
7181
7211
|
Button,
|
|
7182
|
-
{ variant: 'secondary', onClick: function onClick() {
|
|
7183
|
-
return
|
|
7184
|
-
}
|
|
7212
|
+
{ variant: 'secondary', onClick: function onClick(e) {
|
|
7213
|
+
return submitSearch(e);
|
|
7214
|
+
} },
|
|
7185
7215
|
btnText
|
|
7186
7216
|
)
|
|
7187
7217
|
);
|
|
@@ -8656,7 +8686,7 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
8656
8686
|
client = _ref.client,
|
|
8657
8687
|
pageview = _ref.pageview;
|
|
8658
8688
|
|
|
8659
|
-
var router =
|
|
8689
|
+
var router$$1 = router.useRouter();
|
|
8660
8690
|
|
|
8661
8691
|
var _useState = React.useState(0),
|
|
8662
8692
|
_useState2 = slicedToArray(_useState, 2),
|
|
@@ -8671,7 +8701,7 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
8671
8701
|
React__default.createElement(
|
|
8672
8702
|
reactBootstrap.Carousel,
|
|
8673
8703
|
{ activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
|
|
8674
|
-
return onChangeSlide(selectedIndex, pageview, setCarouselIndex, router.asPath);
|
|
8704
|
+
return onChangeSlide(selectedIndex, pageview, setCarouselIndex, router$$1.asPath);
|
|
8675
8705
|
} },
|
|
8676
8706
|
slides && slides.map(function (slide) {
|
|
8677
8707
|
return React__default.createElement(
|
|
@@ -12365,7 +12395,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
12365
12395
|
var nodes = _ref.nodes,
|
|
12366
12396
|
client = _ref.client;
|
|
12367
12397
|
|
|
12368
|
-
var router =
|
|
12398
|
+
var router$$1 = router.useRouter();
|
|
12369
12399
|
//state
|
|
12370
12400
|
|
|
12371
12401
|
var _useState = React.useState(''),
|
|
@@ -12385,8 +12415,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
12385
12415
|
//variables
|
|
12386
12416
|
|
|
12387
12417
|
|
|
12388
|
-
var get2 = router.asPath.split('/')[1];
|
|
12389
|
-
var get3 = router.asPath.split('/')[2].split('?')[0];
|
|
12418
|
+
var get2 = router$$1.asPath.split('/')[1];
|
|
12419
|
+
var get3 = router$$1.asPath.split('/')[2].split('?')[0];
|
|
12390
12420
|
|
|
12391
12421
|
// Once component mounts, set the variables
|
|
12392
12422
|
React.useEffect(function () {
|
|
@@ -12719,6 +12749,44 @@ var Breadcrumbs = function Breadcrumbs() {
|
|
|
12719
12749
|
);
|
|
12720
12750
|
};
|
|
12721
12751
|
|
|
12752
|
+
var urlFor$2 = function urlFor(source, client) {
|
|
12753
|
+
var builder = imageUrlBuilder(client);
|
|
12754
|
+
return builder.image(source);
|
|
12755
|
+
};
|
|
12756
|
+
|
|
12757
|
+
var Hero = function Hero(_ref) {
|
|
12758
|
+
var data = _ref.data,
|
|
12759
|
+
client = _ref.client;
|
|
12760
|
+
var title = data.title,
|
|
12761
|
+
summary = data.summary,
|
|
12762
|
+
thumbnail = data.thumbnail,
|
|
12763
|
+
url = data.url;
|
|
12764
|
+
|
|
12765
|
+
return React__default.createElement(
|
|
12766
|
+
Link,
|
|
12767
|
+
{ href: '/view/[url]', as: '/view/' + url.current },
|
|
12768
|
+
React__default.createElement(
|
|
12769
|
+
'a',
|
|
12770
|
+
null,
|
|
12771
|
+
React__default.createElement(
|
|
12772
|
+
reactBootstrap.Card,
|
|
12773
|
+
{ bsPrefix: 'hero-card' },
|
|
12774
|
+
title && React__default.createElement(
|
|
12775
|
+
reactBootstrap.Card.Header,
|
|
12776
|
+
{ className: 'h4' },
|
|
12777
|
+
title
|
|
12778
|
+
),
|
|
12779
|
+
thumbnail && React__default.createElement(reactBootstrap.Card.Img, { src: urlFor$2(thumbnail, client).url() }),
|
|
12780
|
+
summary && React__default.createElement(
|
|
12781
|
+
reactBootstrap.Card.Footer,
|
|
12782
|
+
{ className: 'h6' },
|
|
12783
|
+
summary
|
|
12784
|
+
)
|
|
12785
|
+
)
|
|
12786
|
+
)
|
|
12787
|
+
);
|
|
12788
|
+
};
|
|
12789
|
+
|
|
12722
12790
|
exports.DeckContent = ContentCard;
|
|
12723
12791
|
exports.GridContent = GridContent$1;
|
|
12724
12792
|
exports.DeckQueue = Queue;
|
|
@@ -12734,6 +12802,7 @@ exports.Header = Header;
|
|
|
12734
12802
|
exports.LeftNav = LeftNav;
|
|
12735
12803
|
exports.AccordionPanel = AccordionPanel;
|
|
12736
12804
|
exports.SocialShare = SocialShare;
|
|
12805
|
+
exports.PageFilter = PageFilter;
|
|
12737
12806
|
exports.NavMagazine = NavMagazine;
|
|
12738
12807
|
exports.NavNative = NavNative;
|
|
12739
12808
|
exports.NavNormal = NavNormal;
|
|
@@ -12746,4 +12815,5 @@ exports.getSerializers = getSerializers$1;
|
|
|
12746
12815
|
exports.Search = Search;
|
|
12747
12816
|
exports.Feature = Feature;
|
|
12748
12817
|
exports.Breadcrumbs = Breadcrumbs;
|
|
12818
|
+
exports.Hero = Hero;
|
|
12749
12819
|
//# sourceMappingURL=index.js.map
|