@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/README.md
CHANGED
package/dist/index.es.js
CHANGED
|
@@ -7,9 +7,9 @@ import Col from 'react-bootstrap/Col';
|
|
|
7
7
|
import Card from 'react-bootstrap/Card';
|
|
8
8
|
import moment from 'moment';
|
|
9
9
|
import Link from 'next/link';
|
|
10
|
-
import
|
|
10
|
+
import { withRouter, useRouter } from 'next/router';
|
|
11
11
|
import Media from 'react-bootstrap/Media';
|
|
12
|
-
import { Media as Media$1, Container as Container$1,
|
|
12
|
+
import { Media as Media$1, Card as Card$1, Container as Container$1, Dropdown, Figure, Carousel, Table } from 'react-bootstrap';
|
|
13
13
|
import ListGroup from 'react-bootstrap/ListGroup';
|
|
14
14
|
import Head from 'next/head';
|
|
15
15
|
import Accordion from 'react-bootstrap/Accordion';
|
|
@@ -3881,7 +3881,7 @@ var DeckContent = function (_React$Component) {
|
|
|
3881
3881
|
var builder = imageUrlBuilder(client);
|
|
3882
3882
|
return builder.image(source);
|
|
3883
3883
|
}, _this.renderCardImage = function (row, page) {
|
|
3884
|
-
if (row.thumbnail) {
|
|
3884
|
+
if (row.thumbnail && row.thumbnail.asset) {
|
|
3885
3885
|
return _this.urlFor(row.thumbnail).url();
|
|
3886
3886
|
} else {
|
|
3887
3887
|
return _this.defaultImage;
|
|
@@ -5212,7 +5212,7 @@ var GridContent = function (_React$Component) {
|
|
|
5212
5212
|
var builder = imageUrlBuilder(client);
|
|
5213
5213
|
return builder.image(source);
|
|
5214
5214
|
}, _this.renderCardImage = function (row, page) {
|
|
5215
|
-
if (row.thumbnail) {
|
|
5215
|
+
if (row.thumbnail && row.thumbnail.asset) {
|
|
5216
5216
|
return _this.urlFor(row.thumbnail).url();
|
|
5217
5217
|
} else {
|
|
5218
5218
|
return _this.defaultImage;
|
|
@@ -5565,12 +5565,6 @@ var DeckQueue = function (_React$Component) {
|
|
|
5565
5565
|
|
|
5566
5566
|
var builder = imageUrlBuilder(client);
|
|
5567
5567
|
return builder.image(source);
|
|
5568
|
-
}, _this.renderCardImage = function (row, page) {
|
|
5569
|
-
if (row.thumbnail) {
|
|
5570
|
-
return _this.urlFor(row.thumbnail).url();
|
|
5571
|
-
} else {
|
|
5572
|
-
return _this.defaultImage;
|
|
5573
|
-
}
|
|
5574
5568
|
}, _this.changePageNumber = function (pageNumber) {
|
|
5575
5569
|
var _this$props = _this.props,
|
|
5576
5570
|
seoPaginate = _this$props.seoPaginate,
|
|
@@ -5663,7 +5657,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
5663
5657
|
this.state.data && this.state.data.map(function (row, index$$1) {
|
|
5664
5658
|
var pageNumber = row.pageNumber || _this2.state.page;
|
|
5665
5659
|
// const thumbnailURL = get(row, 'thumbnail.asset.url', this.props.defaultImage)
|
|
5666
|
-
var thumbnailURL = row.thumbnail ? _this2.urlFor(row.thumbnail).url() : _this2.props.defaultImage;
|
|
5660
|
+
var thumbnailURL = row.thumbnail && row.thumbnail.asset ? _this2.urlFor(row.thumbnail).url() : _this2.props.defaultImage;
|
|
5667
5661
|
return React__default.createElement(
|
|
5668
5662
|
VisibilitySensor,
|
|
5669
5663
|
{
|
|
@@ -5993,23 +5987,23 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
5993
5987
|
return React__default.createElement(
|
|
5994
5988
|
'div',
|
|
5995
5989
|
{ id: 'vid-slider', className: 'col' },
|
|
5996
|
-
React__default.createElement(
|
|
5997
|
-
'div',
|
|
5998
|
-
{ onClick: function onClick(e) {
|
|
5999
|
-
return scrollSlider(e, 'prev');
|
|
6000
|
-
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
6001
|
-
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
6002
|
-
),
|
|
6003
|
-
React__default.createElement(
|
|
6004
|
-
'div',
|
|
6005
|
-
{ onClick: function onClick(e) {
|
|
6006
|
-
return scrollSlider(e, 'next');
|
|
6007
|
-
}, className: 'tile__slider-next', style: { color: variant } },
|
|
6008
|
-
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
6009
|
-
),
|
|
6010
5990
|
React__default.createElement(
|
|
6011
5991
|
'div',
|
|
6012
5992
|
{ className: 'row' },
|
|
5993
|
+
React__default.createElement(
|
|
5994
|
+
'div',
|
|
5995
|
+
{ onClick: function onClick(e) {
|
|
5996
|
+
return scrollSlider(e, 'prev');
|
|
5997
|
+
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
5998
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
5999
|
+
),
|
|
6000
|
+
React__default.createElement(
|
|
6001
|
+
'div',
|
|
6002
|
+
{ onClick: function onClick(e) {
|
|
6003
|
+
return scrollSlider(e, 'next');
|
|
6004
|
+
}, className: 'tile__slider-next', style: { color: variant } },
|
|
6005
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
6006
|
+
),
|
|
6013
6007
|
React__default.createElement(
|
|
6014
6008
|
'div',
|
|
6015
6009
|
{ className: 'row__inner' },
|
|
@@ -6101,7 +6095,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
6101
6095
|
React__default.createElement(
|
|
6102
6096
|
'style',
|
|
6103
6097
|
{ jsx: true },
|
|
6104
|
-
'\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
|
|
6098
|
+
'\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 '
|
|
6105
6099
|
)
|
|
6106
6100
|
);
|
|
6107
6101
|
};
|
|
@@ -6191,23 +6185,23 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
6191
6185
|
return React__default.createElement(
|
|
6192
6186
|
'div',
|
|
6193
6187
|
{ id: 'vid-slider', className: 'col' },
|
|
6194
|
-
React__default.createElement(
|
|
6195
|
-
'div',
|
|
6196
|
-
{ onClick: function onClick(e) {
|
|
6197
|
-
return scrollSlider(e, 'prev');
|
|
6198
|
-
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
6199
|
-
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
6200
|
-
),
|
|
6201
|
-
React__default.createElement(
|
|
6202
|
-
'div',
|
|
6203
|
-
{ onClick: function onClick(e) {
|
|
6204
|
-
return scrollSlider(e, 'next');
|
|
6205
|
-
}, className: 'tile__slider-next', style: { color: variant } },
|
|
6206
|
-
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
6207
|
-
),
|
|
6208
6188
|
React__default.createElement(
|
|
6209
6189
|
'div',
|
|
6210
6190
|
{ className: 'row' },
|
|
6191
|
+
React__default.createElement(
|
|
6192
|
+
'div',
|
|
6193
|
+
{ onClick: function onClick(e) {
|
|
6194
|
+
return scrollSlider(e, 'prev');
|
|
6195
|
+
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
6196
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
6197
|
+
),
|
|
6198
|
+
React__default.createElement(
|
|
6199
|
+
'div',
|
|
6200
|
+
{ onClick: function onClick(e) {
|
|
6201
|
+
return scrollSlider(e, 'next');
|
|
6202
|
+
}, className: 'tile__slider-next', style: { color: variant } },
|
|
6203
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
6204
|
+
),
|
|
6211
6205
|
React__default.createElement(
|
|
6212
6206
|
'div',
|
|
6213
6207
|
{ className: 'row__inner' },
|
|
@@ -6301,7 +6295,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
6301
6295
|
React__default.createElement(
|
|
6302
6296
|
'style',
|
|
6303
6297
|
{ jsx: true },
|
|
6304
|
-
'\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
|
|
6298
|
+
'\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 '
|
|
6305
6299
|
)
|
|
6306
6300
|
);
|
|
6307
6301
|
};
|
|
@@ -6443,9 +6437,9 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
6443
6437
|
null,
|
|
6444
6438
|
article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', {
|
|
6445
6439
|
className: 'mr-3',
|
|
6446
|
-
src: urlFor(builder, article.thumbnail).width(
|
|
6440
|
+
src: urlFor(builder, article.thumbnail).width(240).height(135).url(),
|
|
6447
6441
|
alt: article.title
|
|
6448
|
-
}) : React__default.createElement('img', { src: defaultImage, className: 'mr-3', width: '
|
|
6442
|
+
}) : React__default.createElement('img', { src: defaultImage, className: 'mr-3', width: '240', height: '135' })
|
|
6449
6443
|
)
|
|
6450
6444
|
),
|
|
6451
6445
|
React__default.createElement(
|
|
@@ -6465,8 +6459,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
6465
6459
|
)
|
|
6466
6460
|
),
|
|
6467
6461
|
showPublished && article.published && React__default.createElement(
|
|
6468
|
-
'
|
|
6469
|
-
{ className: 'card-text', style: { color: 'var(--
|
|
6462
|
+
'p',
|
|
6463
|
+
{ className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
|
|
6470
6464
|
moment(article.published).format('MMMM DD, YYYY')
|
|
6471
6465
|
),
|
|
6472
6466
|
article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
|
|
@@ -7110,6 +7104,59 @@ var SocialShare = function SocialShare(props) {
|
|
|
7110
7104
|
);
|
|
7111
7105
|
};
|
|
7112
7106
|
|
|
7107
|
+
var PageFilter = function PageFilter(props) {
|
|
7108
|
+
var getParams = props.getParams,
|
|
7109
|
+
filters = props.filters,
|
|
7110
|
+
defaultFilter = props.defaultFilter;
|
|
7111
|
+
|
|
7112
|
+
var _useState = useState(''),
|
|
7113
|
+
_useState2 = slicedToArray(_useState, 2),
|
|
7114
|
+
filter = _useState2[0],
|
|
7115
|
+
setFilter = _useState2[1];
|
|
7116
|
+
|
|
7117
|
+
var usePrevious = function usePrevious(value) {
|
|
7118
|
+
var ref = useRef();
|
|
7119
|
+
useEffect(function () {
|
|
7120
|
+
ref.current = value;
|
|
7121
|
+
});
|
|
7122
|
+
return ref.current;
|
|
7123
|
+
};
|
|
7124
|
+
|
|
7125
|
+
var sortAttr = usePrevious({ filter: filter });
|
|
7126
|
+
|
|
7127
|
+
useEffect(function () {
|
|
7128
|
+
if (sortAttr && sortAttr.filter !== filter) {
|
|
7129
|
+
getParams(filter);
|
|
7130
|
+
}
|
|
7131
|
+
}, [filter, sortAttr, getParams]);
|
|
7132
|
+
|
|
7133
|
+
if (filters.length) {
|
|
7134
|
+
return React__default.createElement(
|
|
7135
|
+
Dropdown,
|
|
7136
|
+
null,
|
|
7137
|
+
React__default.createElement(
|
|
7138
|
+
Dropdown.Toggle,
|
|
7139
|
+
{ id: 'filter-dropdown' },
|
|
7140
|
+
filter || defaultFilter
|
|
7141
|
+
),
|
|
7142
|
+
React__default.createElement(
|
|
7143
|
+
Dropdown.Menu,
|
|
7144
|
+
null,
|
|
7145
|
+
filters.map(function (filter, index) {
|
|
7146
|
+
return React__default.createElement(
|
|
7147
|
+
Dropdown.Item,
|
|
7148
|
+
{ key: index, onClick: function onClick() {
|
|
7149
|
+
return setFilter(filter);
|
|
7150
|
+
} },
|
|
7151
|
+
filter
|
|
7152
|
+
);
|
|
7153
|
+
})
|
|
7154
|
+
)
|
|
7155
|
+
);
|
|
7156
|
+
}
|
|
7157
|
+
return null;
|
|
7158
|
+
};
|
|
7159
|
+
|
|
7113
7160
|
// THIS FILE IS AUTO GENERATED
|
|
7114
7161
|
var MdSearch = function (props) {
|
|
7115
7162
|
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);
|
|
@@ -7137,43 +7184,27 @@ var Search = function Search(_ref) {
|
|
|
7137
7184
|
searchKey = _useState2[0],
|
|
7138
7185
|
setSearchKey = _useState2[1];
|
|
7139
7186
|
|
|
7140
|
-
var
|
|
7141
|
-
|
|
7142
|
-
|
|
7143
|
-
|
|
7144
|
-
|
|
7145
|
-
useEffect(function () {
|
|
7146
|
-
if (activesearch) {
|
|
7147
|
-
router.push({
|
|
7148
|
-
pathname: '/search',
|
|
7149
|
-
query: { searchTerm: searchKey }
|
|
7150
|
-
});
|
|
7151
|
-
}
|
|
7152
|
-
}, [activesearch]);
|
|
7153
|
-
|
|
7154
|
-
useEffect(function () {
|
|
7155
|
-
Router.events.on('routeChangeComplete', function () {
|
|
7156
|
-
return setActivesearch(false);
|
|
7187
|
+
var submitSearch = function submitSearch(e) {
|
|
7188
|
+
e.preventDefault();
|
|
7189
|
+
router.push({
|
|
7190
|
+
pathname: '/search',
|
|
7191
|
+
query: { searchTerm: searchKey }
|
|
7157
7192
|
});
|
|
7158
|
-
}
|
|
7193
|
+
};
|
|
7159
7194
|
|
|
7160
7195
|
return React__default.createElement(
|
|
7161
7196
|
Form,
|
|
7162
|
-
{
|
|
7163
|
-
|
|
7164
|
-
onSubmit: function onSubmit(e) {
|
|
7165
|
-
e.preventDefault();
|
|
7166
|
-
setActivesearch(true);
|
|
7197
|
+
{ inline: true, onSubmit: function onSubmit(e) {
|
|
7198
|
+
return submitSearch(e);
|
|
7167
7199
|
} },
|
|
7168
|
-
activesearch && React__default.createElement(Spinner, { className: 'active-loader mr-3', animation: 'border', variant: 'light' }),
|
|
7169
7200
|
React__default.createElement(FormControl, { type: 'text', placeholder: placeholder, className: 'mr-sm-2', value: searchKey, onChange: function onChange(e) {
|
|
7170
7201
|
return setSearchKey(e.target.value);
|
|
7171
7202
|
} }),
|
|
7172
7203
|
React__default.createElement(
|
|
7173
7204
|
Button,
|
|
7174
|
-
{ variant: 'secondary', onClick: function onClick() {
|
|
7175
|
-
return
|
|
7176
|
-
}
|
|
7205
|
+
{ variant: 'secondary', onClick: function onClick(e) {
|
|
7206
|
+
return submitSearch(e);
|
|
7207
|
+
} },
|
|
7177
7208
|
btnText
|
|
7178
7209
|
)
|
|
7179
7210
|
);
|
|
@@ -12711,5 +12742,43 @@ var Breadcrumbs = function Breadcrumbs() {
|
|
|
12711
12742
|
);
|
|
12712
12743
|
};
|
|
12713
12744
|
|
|
12714
|
-
|
|
12745
|
+
var urlFor$2 = function urlFor(source, client) {
|
|
12746
|
+
var builder = imageUrlBuilder(client);
|
|
12747
|
+
return builder.image(source);
|
|
12748
|
+
};
|
|
12749
|
+
|
|
12750
|
+
var Hero = function Hero(_ref) {
|
|
12751
|
+
var data = _ref.data,
|
|
12752
|
+
client = _ref.client;
|
|
12753
|
+
var title = data.title,
|
|
12754
|
+
summary = data.summary,
|
|
12755
|
+
thumbnail = data.thumbnail,
|
|
12756
|
+
url = data.url;
|
|
12757
|
+
|
|
12758
|
+
return React__default.createElement(
|
|
12759
|
+
Link,
|
|
12760
|
+
{ href: '/view/[url]', as: '/view/' + url.current },
|
|
12761
|
+
React__default.createElement(
|
|
12762
|
+
'a',
|
|
12763
|
+
null,
|
|
12764
|
+
React__default.createElement(
|
|
12765
|
+
Card$1,
|
|
12766
|
+
{ bsPrefix: 'hero-card' },
|
|
12767
|
+
title && React__default.createElement(
|
|
12768
|
+
Card$1.Header,
|
|
12769
|
+
{ className: 'h4' },
|
|
12770
|
+
title
|
|
12771
|
+
),
|
|
12772
|
+
thumbnail && React__default.createElement(Card$1.Img, { src: urlFor$2(thumbnail, client).url() }),
|
|
12773
|
+
summary && React__default.createElement(
|
|
12774
|
+
Card$1.Footer,
|
|
12775
|
+
{ className: 'h6' },
|
|
12776
|
+
summary
|
|
12777
|
+
)
|
|
12778
|
+
)
|
|
12779
|
+
)
|
|
12780
|
+
);
|
|
12781
|
+
};
|
|
12782
|
+
|
|
12783
|
+
export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, PageFilter, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD300x250, AD300x250x600, AD728x90, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs, Hero };
|
|
12715
12784
|
//# sourceMappingURL=index.es.js.map
|