@mjhls/mjh-framework 1.0.274 → 1.0.276
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/cjs/GroupDeck.js +1 -1
- package/dist/cjs/index.js +28 -1
- package/dist/esm/GroupDeck.js +1 -1
- package/dist/esm/index.js +28 -1
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/cjs/GroupDeck.js
CHANGED
|
@@ -148,7 +148,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
148
148
|
React__default.createElement(
|
|
149
149
|
'style',
|
|
150
150
|
{ jsx: 'true' },
|
|
151
|
-
'\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:
|
|
151
|
+
'\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: hidden;\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 '
|
|
152
152
|
)
|
|
153
153
|
);
|
|
154
154
|
};
|
package/dist/cjs/index.js
CHANGED
|
@@ -15247,6 +15247,7 @@ var Article = function Article(props) {
|
|
|
15247
15247
|
articleBody = _props$article.body,
|
|
15248
15248
|
summary = _props$article.summary,
|
|
15249
15249
|
thumbnail = _props$article.thumbnail,
|
|
15250
|
+
content_placement = _props$article.content_placement,
|
|
15250
15251
|
_props$article$url = _props$article.url;
|
|
15251
15252
|
_props$article$url = _props$article$url === undefined ? {
|
|
15252
15253
|
current: ''
|
|
@@ -15328,6 +15329,27 @@ var Article = function Article(props) {
|
|
|
15328
15329
|
twitterSiteName: twitterSiteName
|
|
15329
15330
|
})
|
|
15330
15331
|
),
|
|
15332
|
+
content_placement && content_placement.length > 0 && React__default.createElement(
|
|
15333
|
+
Dropdown,
|
|
15334
|
+
{ style: { marginBottom: '1rem' } },
|
|
15335
|
+
React__default.createElement(
|
|
15336
|
+
Dropdown.Toggle,
|
|
15337
|
+
{ variant: 'primary', id: 'partner-dropdown' },
|
|
15338
|
+
'Relevant Topics'
|
|
15339
|
+
),
|
|
15340
|
+
React__default.createElement(
|
|
15341
|
+
Dropdown.Menu,
|
|
15342
|
+
null,
|
|
15343
|
+
content_placement.length > 0 ? content_placement.map(function (cp, index) {
|
|
15344
|
+
var href = '/' + cp.path;
|
|
15345
|
+
return React__default.createElement(
|
|
15346
|
+
Dropdown.Item,
|
|
15347
|
+
{ key: index, href: href },
|
|
15348
|
+
cp.name
|
|
15349
|
+
);
|
|
15350
|
+
}) : null
|
|
15351
|
+
)
|
|
15352
|
+
),
|
|
15331
15353
|
React__default.createElement(
|
|
15332
15354
|
'p',
|
|
15333
15355
|
null,
|
|
@@ -15517,7 +15539,12 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
15517
15539
|
regionalPages = _props2.regionalPages,
|
|
15518
15540
|
nationalPage = _props2.nationalPage;
|
|
15519
15541
|
|
|
15520
|
-
|
|
15542
|
+
if (regionalPages || nationalPage) {
|
|
15543
|
+
|
|
15544
|
+
return regionalPages.includes(url) || nationalPage === url;
|
|
15545
|
+
} else {
|
|
15546
|
+
return false;
|
|
15547
|
+
}
|
|
15521
15548
|
};
|
|
15522
15549
|
|
|
15523
15550
|
this.urlFor = function (source) {
|
package/dist/esm/GroupDeck.js
CHANGED
|
@@ -143,7 +143,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
143
143
|
React__default.createElement(
|
|
144
144
|
'style',
|
|
145
145
|
{ jsx: 'true' },
|
|
146
|
-
'\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:
|
|
146
|
+
'\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: hidden;\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 '
|
|
147
147
|
)
|
|
148
148
|
);
|
|
149
149
|
};
|
package/dist/esm/index.js
CHANGED
|
@@ -15245,6 +15245,7 @@ var Article = function Article(props) {
|
|
|
15245
15245
|
articleBody = _props$article.body,
|
|
15246
15246
|
summary = _props$article.summary,
|
|
15247
15247
|
thumbnail = _props$article.thumbnail,
|
|
15248
|
+
content_placement = _props$article.content_placement,
|
|
15248
15249
|
_props$article$url = _props$article.url;
|
|
15249
15250
|
_props$article$url = _props$article$url === undefined ? {
|
|
15250
15251
|
current: ''
|
|
@@ -15326,6 +15327,27 @@ var Article = function Article(props) {
|
|
|
15326
15327
|
twitterSiteName: twitterSiteName
|
|
15327
15328
|
})
|
|
15328
15329
|
),
|
|
15330
|
+
content_placement && content_placement.length > 0 && React__default.createElement(
|
|
15331
|
+
Dropdown,
|
|
15332
|
+
{ style: { marginBottom: '1rem' } },
|
|
15333
|
+
React__default.createElement(
|
|
15334
|
+
Dropdown.Toggle,
|
|
15335
|
+
{ variant: 'primary', id: 'partner-dropdown' },
|
|
15336
|
+
'Relevant Topics'
|
|
15337
|
+
),
|
|
15338
|
+
React__default.createElement(
|
|
15339
|
+
Dropdown.Menu,
|
|
15340
|
+
null,
|
|
15341
|
+
content_placement.length > 0 ? content_placement.map(function (cp, index) {
|
|
15342
|
+
var href = '/' + cp.path;
|
|
15343
|
+
return React__default.createElement(
|
|
15344
|
+
Dropdown.Item,
|
|
15345
|
+
{ key: index, href: href },
|
|
15346
|
+
cp.name
|
|
15347
|
+
);
|
|
15348
|
+
}) : null
|
|
15349
|
+
)
|
|
15350
|
+
),
|
|
15329
15351
|
React__default.createElement(
|
|
15330
15352
|
'p',
|
|
15331
15353
|
null,
|
|
@@ -15515,7 +15537,12 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
15515
15537
|
regionalPages = _props2.regionalPages,
|
|
15516
15538
|
nationalPage = _props2.nationalPage;
|
|
15517
15539
|
|
|
15518
|
-
|
|
15540
|
+
if (regionalPages || nationalPage) {
|
|
15541
|
+
|
|
15542
|
+
return regionalPages.includes(url) || nationalPage === url;
|
|
15543
|
+
} else {
|
|
15544
|
+
return false;
|
|
15545
|
+
}
|
|
15519
15546
|
};
|
|
15520
15547
|
|
|
15521
15548
|
this.urlFor = function (source) {
|