@mjhls/mjh-framework 1.0.196 → 1.0.198
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 +109 -33
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +108 -32
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
|
-
import
|
|
3
|
+
import reactDom from 'react-dom';
|
|
4
4
|
import Container from 'react-bootstrap/Container';
|
|
5
5
|
import Row from 'react-bootstrap/Row';
|
|
6
6
|
import Col from 'react-bootstrap/Col';
|
|
@@ -7186,7 +7186,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
|
|
|
7186
7186
|
|
|
7187
7187
|
var visibilitySensor = createCommonjsModule(function (module, exports) {
|
|
7188
7188
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
7189
|
-
module.exports = factory(React__default,
|
|
7189
|
+
module.exports = factory(React__default, reactDom);
|
|
7190
7190
|
})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
|
|
7191
7191
|
return /******/ (function(modules) { // webpackBootstrap
|
|
7192
7192
|
/******/ // The module cache
|
|
@@ -8494,7 +8494,7 @@ var _react2 = _interopRequireDefault(React__default);
|
|
|
8494
8494
|
|
|
8495
8495
|
|
|
8496
8496
|
|
|
8497
|
-
var _reactDom2 = _interopRequireDefault(
|
|
8497
|
+
var _reactDom2 = _interopRequireDefault(reactDom);
|
|
8498
8498
|
|
|
8499
8499
|
|
|
8500
8500
|
|
|
@@ -16357,7 +16357,7 @@ var NavNative = function NavNative(props) {
|
|
|
16357
16357
|
{
|
|
16358
16358
|
className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
|
|
16359
16359
|
variant: 'dark',
|
|
16360
|
-
expand: '
|
|
16360
|
+
expand: 'lg',
|
|
16361
16361
|
bg: 'primary',
|
|
16362
16362
|
sticky: 'top',
|
|
16363
16363
|
ref: navRef,
|
|
@@ -16472,7 +16472,7 @@ var NavNative = function NavNative(props) {
|
|
|
16472
16472
|
React__default.createElement(
|
|
16473
16473
|
'style',
|
|
16474
16474
|
{ jsx: 'true' },
|
|
16475
|
-
'\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n \n #nav-mobile-sm{\n display: none;\n }\n \n @media screen and (max-width:
|
|
16475
|
+
'\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n \n #nav-mobile-sm{\n display: none;\n }\n \n @media screen and (max-width: 1191px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n .nav-mobile-logo {\n margin-left: 1.5rem;\n \n }\n #nav-mobile-md{\n margin-right: auto;\n }\n .nav-mobile-logo img {\n height: 48px!important;\n \n }\n .nav-mobile-logo img {\n height: 38px !important;\n }\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ul::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar {\n width: 10px;\n background: rgba(0,0,0,.35);\n }\n ul::-webkit-scrollbar-thumb, .dropdown-menu::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n direction: rtl;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 113px;\n background: rgba(255,255,255,.1);\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n\n @media screen and (min-width: 1191px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n flex: 1 1 auto;\n margin-left: .25rem;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n \n #nav-mobile-md{\n display: none;\n }\n #nav-mobile-sm{\n display: inline-block;\n margin: 0 auto .5rem;\n }\n .nav-toggle{\n margin:.5rem 0;\n }\n }\n \n '
|
|
16476
16476
|
)
|
|
16477
16477
|
);
|
|
16478
16478
|
};
|
|
@@ -29391,6 +29391,16 @@ var fbsHero = function fbsHero(props) {
|
|
|
29391
29391
|
function urlFor(source) {
|
|
29392
29392
|
return builder.image(source);
|
|
29393
29393
|
}
|
|
29394
|
+
|
|
29395
|
+
var topArticleThumbnail = '';
|
|
29396
|
+
var topArticleAltText = topArticle.title;
|
|
29397
|
+
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
29398
|
+
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(600).url();
|
|
29399
|
+
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
29400
|
+
} else if (props.thumbnail) {
|
|
29401
|
+
topArticleThumbnail = props.thumbnail;
|
|
29402
|
+
}
|
|
29403
|
+
|
|
29394
29404
|
return React__default.createElement(
|
|
29395
29405
|
'div',
|
|
29396
29406
|
{ className: 'article-hero' },
|
|
@@ -29403,7 +29413,7 @@ var fbsHero = function fbsHero(props) {
|
|
|
29403
29413
|
React__default.createElement(
|
|
29404
29414
|
'div',
|
|
29405
29415
|
{ className: 'fbs-top-article--img' },
|
|
29406
|
-
React__default.createElement('img', { src:
|
|
29416
|
+
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
29407
29417
|
),
|
|
29408
29418
|
React__default.createElement(
|
|
29409
29419
|
'div',
|
|
@@ -29418,7 +29428,7 @@ var fbsHero = function fbsHero(props) {
|
|
|
29418
29428
|
null,
|
|
29419
29429
|
moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
|
|
29420
29430
|
),
|
|
29421
|
-
React__default.createElement(
|
|
29431
|
+
topArticle.authorMapping && topArticle.authorMapping[0] && React__default.createElement(
|
|
29422
29432
|
'p',
|
|
29423
29433
|
null,
|
|
29424
29434
|
'By ',
|
|
@@ -29435,10 +29445,19 @@ var fbsHero = function fbsHero(props) {
|
|
|
29435
29445
|
'div',
|
|
29436
29446
|
{ className: 'fbs-sub-article-container' },
|
|
29437
29447
|
subArticles.map(function (article, index) {
|
|
29448
|
+
var articleThumbnail = '';
|
|
29449
|
+
var articleAltText = article.title;
|
|
29450
|
+
if (article.thumbnail && article.thumbnail.asset) {
|
|
29451
|
+
articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
|
|
29452
|
+
articleAltText = article.thumbnail.asset.originalFileName;
|
|
29453
|
+
} else if (props.thumbnail) {
|
|
29454
|
+
articleThumbnail = props.thumbnail;
|
|
29455
|
+
}
|
|
29456
|
+
|
|
29438
29457
|
return React__default.createElement(
|
|
29439
29458
|
'a',
|
|
29440
29459
|
{ key: index, href: '/view/' + article.url.current, className: 'fbs-sub-article' },
|
|
29441
|
-
React__default.createElement('img', { src:
|
|
29460
|
+
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText }),
|
|
29442
29461
|
React__default.createElement(
|
|
29443
29462
|
'div',
|
|
29444
29463
|
null,
|
|
@@ -29452,14 +29471,14 @@ var fbsHero = function fbsHero(props) {
|
|
|
29452
29471
|
null,
|
|
29453
29472
|
moment(article.published).format('MMMM DD, YYYY hh:mma')
|
|
29454
29473
|
),
|
|
29455
|
-
React__default.createElement(
|
|
29474
|
+
article.authorMapping && article.authorMapping[0] && React__default.createElement(
|
|
29456
29475
|
'p',
|
|
29457
29476
|
null,
|
|
29458
29477
|
'By ',
|
|
29459
29478
|
React__default.createElement(
|
|
29460
29479
|
'b',
|
|
29461
29480
|
null,
|
|
29462
|
-
|
|
29481
|
+
article.authorMapping[0].displayName
|
|
29463
29482
|
)
|
|
29464
29483
|
)
|
|
29465
29484
|
)
|
|
@@ -29469,7 +29488,7 @@ var fbsHero = function fbsHero(props) {
|
|
|
29469
29488
|
React__default.createElement(
|
|
29470
29489
|
'style',
|
|
29471
29490
|
{ jsx: 'true' },
|
|
29472
|
-
'\n .article-hero {\n margin-bottom: 1rem;\n border-bottom: 1px solid #ddd;\n padding-bottom: 0.5rem;\n }\n .fbs-top-article {\n width: 100%;\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid #ddd;\n }\n .fbs-top-article img {\n width: 100%;\n height: auto;\n max-height: 375px;\n object-fit: cover;\n }\n .fbs-top-article--body {\n }\n .fbs-top-article--body h1 {\n color: #252525!important;\n font-size: 1.6rem;\n font-weight: bold;\n text-align: center;\n margin-top: 1rem;\n }\n .fbs-top-article--body p {\n text-align: center;\n margin-bottom: 0;\n color: #252525;\n }\n .fbs-top-article--body p:first-of-type {\n
|
|
29491
|
+
'\n .article-hero {\n margin-bottom: 1rem;\n border-bottom: 1px solid #ddd;\n padding-bottom: 0.5rem;\n }\n .fbs-top-article {\n width: 100%;\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid #ddd;\n }\n .fbs-top-article img {\n width: 100%;\n height: auto;\n max-height: 375px;\n object-fit: cover;\n }\n \n .fbs-top-article--body {\n }\n .fbs-top-article--body h1 {\n color: #252525 !important;\n font-size: 1.6rem;\n font-weight: bold;\n text-align: center;\n margin-top: 1rem;\n }\n .fbs-top-article--body p {\n text-align: center;\n margin-bottom: 0;\n color: #252525;\n }\n .fbs-top-article--body p:first-of-type {\n font-size: 0.9rem;\n }\n .fbs-sub-article-container {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n padding-top: 1.75rem;\n margin-left: -1rem;\n margin-rigth: -1rem;\n }\n .fbs-sub-article {\n width: calc(50% - 2rem);\n min-width: 350px;\n display: flex;\n flex-direction: row;\n flex: 1 1 auto;\n margin: 0 1rem 1.75rem;\n }\n .fbs-sub-article img {\n margin-right: 1rem;\n width: 100px;\n max-height: 100px;\n object-fit: contain;\n }\n .fbs-sub-article p {\n margin-bottom: 0;\n font-size: 0.8rem;\n color: #252525;\n }\n .fbs-sub-article .fbs-sub-article--title {\n font-weight: bold;\n font-size: 1rem;\n color: #252525;\n }\n '
|
|
29473
29492
|
)
|
|
29474
29493
|
);
|
|
29475
29494
|
};
|
|
@@ -29489,9 +29508,18 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
29489
29508
|
borderColor = _props$borderColor === undefined ? 'black' : _props$borderColor;
|
|
29490
29509
|
|
|
29491
29510
|
|
|
29511
|
+
var topArticleThumbnail = '';
|
|
29512
|
+
var topArticleAltText = topArticle.title;
|
|
29513
|
+
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
29514
|
+
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
|
|
29515
|
+
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
29516
|
+
} else if (props.thumbnail) {
|
|
29517
|
+
topArticleThumbnail = props.thumbnail;
|
|
29518
|
+
}
|
|
29519
|
+
|
|
29492
29520
|
return React__default.createElement(
|
|
29493
29521
|
'div',
|
|
29494
|
-
{ className: 'horizontal-hero-container' },
|
|
29522
|
+
{ className: 'horizontal-hero-container', style: { borderRight: '3px solid ' + borderColor, borderTop: '3px solid ' + borderColor } },
|
|
29495
29523
|
React__default.createElement(
|
|
29496
29524
|
'div',
|
|
29497
29525
|
{ className: 'horizontal-hero-title' },
|
|
@@ -29508,7 +29536,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
29508
29536
|
React__default.createElement(
|
|
29509
29537
|
'a',
|
|
29510
29538
|
{ href: '/view/' + topArticle.url.current, className: 'horizontal-hero-img' },
|
|
29511
|
-
React__default.createElement('img', { src:
|
|
29539
|
+
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
29512
29540
|
),
|
|
29513
29541
|
React__default.createElement(
|
|
29514
29542
|
'div',
|
|
@@ -29555,7 +29583,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
29555
29583
|
React__default.createElement(
|
|
29556
29584
|
'style',
|
|
29557
29585
|
{ jsx: 'true' },
|
|
29558
|
-
'\n .horizontal-hero-container {\n
|
|
29586
|
+
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right: 1.5rem;\n font-weight: bold;\n }\n .horizontal-hero-inner {\n display: flex;\n flex-direction: row;\n padding-top: 0.75rem;\n margin-top: 0.75rem;\n }\n\n .horizontal-articles-wrap {\n padding: 0 1rem;\n }\n\n .horizontal-hero-img {\n width: 33%;\n min-width: 200px;\n }\n .horizontal-hero-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .horizontal-article {\n border-bottom: 1px solid #ccc;\n display: block;\n margin-bottom: 0.5rem;\n }\n .horizontal-article:hover {\n background: #eee;\n }\n .horizontal-article p {\n margin-bottom: 0.5rem;\n font-weight: bold;\n color: #252525;\n }\n .horizontal-view-more {\n position: absolute;\n right: 0;\n margin-top: 0.25rem;\n font-weight: bold;\n }\n .horizontal-view-more span {\n display: inline-block;\n color: rgb(81, 116, 153);\n font-size: 1.2rem;\n }\n @media screen and (max-width: 768px) {\n .horizontal-hero-img {\n display: none;\n }\n }\n '
|
|
29559
29587
|
)
|
|
29560
29588
|
);
|
|
29561
29589
|
};
|
|
@@ -29571,13 +29599,21 @@ var OncliveHero = function OncliveHero(props) {
|
|
|
29571
29599
|
'div',
|
|
29572
29600
|
{ className: 'article-group--container' },
|
|
29573
29601
|
props.dataRecord.map(function (article, index) {
|
|
29602
|
+
var articleThumbnail = '';
|
|
29603
|
+
var articleAltText = article.title;
|
|
29604
|
+
if (article.thumbnail && article.thumbnail.asset) {
|
|
29605
|
+
articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
|
|
29606
|
+
articleAltText = article.thumbnail.asset.originalFileName;
|
|
29607
|
+
} else if (props.thumbnail) {
|
|
29608
|
+
articleThumbnail = props.thumbnail;
|
|
29609
|
+
}
|
|
29574
29610
|
return React__default.createElement(
|
|
29575
29611
|
'a',
|
|
29576
29612
|
{ key: index, href: '/view/' + article.url.current, className: 'article-group' },
|
|
29577
29613
|
React__default.createElement(
|
|
29578
29614
|
'figure',
|
|
29579
29615
|
null,
|
|
29580
|
-
React__default.createElement('img', { src:
|
|
29616
|
+
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
|
|
29581
29617
|
),
|
|
29582
29618
|
React__default.createElement(
|
|
29583
29619
|
'div',
|
|
@@ -29589,7 +29625,7 @@ var OncliveHero = function OncliveHero(props) {
|
|
|
29589
29625
|
),
|
|
29590
29626
|
React__default.createElement('div', null),
|
|
29591
29627
|
moment(article.published).format('MMMM Do YYYY, h:mma'),
|
|
29592
|
-
article.authorMapping[0].displayName && React__default.createElement(
|
|
29628
|
+
article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
|
|
29593
29629
|
'p',
|
|
29594
29630
|
{ className: 'mb-2' },
|
|
29595
29631
|
'By ',
|
|
@@ -29610,7 +29646,7 @@ var OncliveHero = function OncliveHero(props) {
|
|
|
29610
29646
|
React__default.createElement(
|
|
29611
29647
|
'style',
|
|
29612
29648
|
{ jsx: 'true' },
|
|
29613
|
-
'\n .article-group--container {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n }\n .article-group--container * {\n transition: all 0.13s ease;\n }\n .article-group {\n display: flex;\n flex-direction: row;\n flex: 1 1 auto;\n margin: 0.5rem 1rem;\n width: calc(50% - 2rem);\n background: #fff;\n min-width: 320px;\n transition: all 0.1s ease-out;\n border-top: 1px solid #eee;\n position: relative;\n overflow: hidden;\n }\n \n .article-group:nth-of-type(1) {\n width: 100%;\n }\n .article-group:nth-of-type(1) .article-group--body {\n }\n .article-group:nth-of-type(1) figure img {\n width: 225px;\n }\n .article-group:nth-of-type(1) .article-group--body h2 {\n font-size: 1.4rem;\n }\n .article-group:nth-of-type(1) .article-group--summary {\n display: block;\n }\n @media screen and (max-width: 1091px) {\n .article-group:nth-of-type(1) {\n width: 100%;\n }\n .article-group:nth-of-type(1) .article-group--summary {\n display: none;\n }\n .article-group:nth-of-type(1) figure img {\n width: 130px;\n }\n .article-group:nth-of-type(1) .article-group--body h2 {\n font-size: 1rem;\n }\n }\n .article-group figure {\n margin-bottom: 0;\n }\n .article-group figure img {\n height: 100%;\n width: 130px;\n
|
|
29649
|
+
'\n .article-group--container {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n }\n .article-group--container * {\n transition: all 0.13s ease;\n }\n .article-group {\n display: flex;\n flex-direction: row;\n flex: 1 1 auto;\n margin: 0.5rem 1rem;\n width: calc(50% - 2rem);\n background: #fff;\n min-width: 320px;\n transition: all 0.1s ease-out;\n border-top: 1px solid #eee;\n position: relative;\n overflow: hidden;\n }\n \n .article-group:nth-of-type(1) {\n width: 100%;\n }\n .article-group:nth-of-type(1) .article-group--body {\n }\n .article-group:nth-of-type(1) figure img {\n width: 225px;\n }\n .article-group:nth-of-type(1) .article-group--body h2 {\n font-size: 1.4rem;\n }\n .article-group:nth-of-type(1) .article-group--summary {\n display: block;\n }\n @media screen and (max-width: 1091px) {\n .article-group:nth-of-type(1) {\n width: 100%;\n }\n .article-group:nth-of-type(1) .article-group--summary {\n display: none;\n }\n .article-group:nth-of-type(1) figure img {\n width: 130px;\n }\n .article-group:nth-of-type(1) .article-group--body h2 {\n font-size: 1rem;\n }\n }\n .article-group figure {\n margin-bottom: 0;\n }\n .article-group figure img {\n height: 100%;\n width: 130px;\n object-fit: contain;\n }\n \n .article-group--body {\n padding-left: 1rem;\n }\n .article-group--body p {\n font-size: .9rem;\n }\n .article-group--body h2 {\n font-weight: bold;\n margin-top: 1rem;\n font-size: 1rem;\n padding-right: 0.5rem;\n }\n .article-group--summary {\n font-size: 1rem;\n display: none;\n }\n '
|
|
29614
29650
|
)
|
|
29615
29651
|
);
|
|
29616
29652
|
};
|
|
@@ -29625,6 +29661,15 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
|
|
|
29625
29661
|
return builder.image(source);
|
|
29626
29662
|
}
|
|
29627
29663
|
|
|
29664
|
+
var topArticleThumbnail = '';
|
|
29665
|
+
var topArticleAltText = topArticle.title;
|
|
29666
|
+
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
29667
|
+
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(550).url();
|
|
29668
|
+
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
29669
|
+
} else if (props.thumbnail) {
|
|
29670
|
+
topArticleThumbnail = props.thumbnail;
|
|
29671
|
+
}
|
|
29672
|
+
|
|
29628
29673
|
return React__default.createElement(
|
|
29629
29674
|
'div',
|
|
29630
29675
|
{ className: 'article-hero-container' },
|
|
@@ -29634,8 +29679,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
|
|
|
29634
29679
|
React__default.createElement(
|
|
29635
29680
|
'figure',
|
|
29636
29681
|
null,
|
|
29637
|
-
React__default.createElement('img', {
|
|
29638
|
-
src: urlFor(topArticle.thumbnail.asset).width(500).url() })
|
|
29682
|
+
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
29639
29683
|
),
|
|
29640
29684
|
React__default.createElement(
|
|
29641
29685
|
'div',
|
|
@@ -29661,16 +29705,21 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
|
|
|
29661
29705
|
'div',
|
|
29662
29706
|
{ className: 'sub-articles-container' },
|
|
29663
29707
|
subArticles && subArticles.map(function (article, index) {
|
|
29708
|
+
var articleThumbnail = '';
|
|
29709
|
+
var articleAltText = article.title;
|
|
29710
|
+
if (article.thumbnail && article.thumbnail.asset) {
|
|
29711
|
+
articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
|
|
29712
|
+
articleAltText = article.thumbnail.asset.originalFileName;
|
|
29713
|
+
} else if (props.thumbnail) {
|
|
29714
|
+
articleThumbnail = props.thumbnail;
|
|
29715
|
+
}
|
|
29664
29716
|
return React__default.createElement(
|
|
29665
29717
|
'a',
|
|
29666
|
-
{ href: '/view/' + article.url.current, className: 'sub-article' },
|
|
29718
|
+
{ key: index, href: '/view/' + article.url.current, className: 'sub-article' },
|
|
29667
29719
|
React__default.createElement(
|
|
29668
29720
|
'figure',
|
|
29669
29721
|
null,
|
|
29670
|
-
React__default.createElement('img', {
|
|
29671
|
-
src: urlFor(article.thumbnail.asset).width(250).url(),
|
|
29672
|
-
alt: article.title
|
|
29673
|
-
})
|
|
29722
|
+
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
|
|
29674
29723
|
),
|
|
29675
29724
|
React__default.createElement(
|
|
29676
29725
|
'div',
|
|
@@ -29682,7 +29731,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
|
|
|
29682
29731
|
),
|
|
29683
29732
|
React__default.createElement('div', null),
|
|
29684
29733
|
moment(article.published).format('MMMM Do YYYY, h:mma'),
|
|
29685
|
-
article.authorMapping[0].displayName && React__default.createElement(
|
|
29734
|
+
article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
|
|
29686
29735
|
'p',
|
|
29687
29736
|
{ className: 'mb-2' },
|
|
29688
29737
|
'By ',
|
|
@@ -29731,10 +29780,18 @@ var VerticalHero = function VerticalHero(props) {
|
|
|
29731
29780
|
)
|
|
29732
29781
|
),
|
|
29733
29782
|
props.dataRecord.map(function (article, index) {
|
|
29783
|
+
var articleThumbnail = '';
|
|
29784
|
+
var articleAltText = article.title;
|
|
29785
|
+
if (article.thumbnail && article.thumbnail.asset) {
|
|
29786
|
+
articleThumbnail = urlFor(article.thumbnail.asset).width(500).url();
|
|
29787
|
+
articleAltText = article.thumbnail.asset.originalFileName;
|
|
29788
|
+
} else if (props.thumbnail) {
|
|
29789
|
+
articleThumbnail = props.thumbnail;
|
|
29790
|
+
}
|
|
29734
29791
|
return index === 0 ? React__default.createElement(
|
|
29735
29792
|
'a',
|
|
29736
29793
|
{ href: '/view/' + article.url.current, key: index, className: 'vertical-article' },
|
|
29737
|
-
React__default.createElement('img', { src:
|
|
29794
|
+
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText }),
|
|
29738
29795
|
React__default.createElement(
|
|
29739
29796
|
'h2',
|
|
29740
29797
|
null,
|
|
@@ -29754,7 +29811,7 @@ var VerticalHero = function VerticalHero(props) {
|
|
|
29754
29811
|
React__default.createElement(
|
|
29755
29812
|
'style',
|
|
29756
29813
|
{ jsx: 'true' },
|
|
29757
|
-
'\n .vertical-hero-container {\n display: flex;\n flex-direction: row;\n padding: 0.25rem;\n justify-content: space-between;\n width: 100%;\n flex: 1 1 auto;\n
|
|
29814
|
+
'\n .vertical-hero-container {\n display: flex;\n flex-direction: row;\n padding: 0.25rem;\n justify-content: space-between;\n width: 100%;\n flex: 1 1 auto;\n }\n .hero-title h2 {\n font-size: 1.2rem;\n font-weight: bold;\n }\n .vertical-article {\n display: block;\n }\n .vertical-article img {\n width: 100%;\n height: auto;\n min-width: 200px;\n }\n .vertical-article h2 {\n font-size: 0.9rem;\n color: #252525;\n font-weight: bold;\n padding: 0.5rem 0.5rem 1rem;\n margin: 0.5rem;\n border-bottom: 1px solid #ccc;\n }\n '
|
|
29758
29815
|
)
|
|
29759
29816
|
);
|
|
29760
29817
|
};
|
|
@@ -29768,6 +29825,16 @@ var YahooHero = function YahooHero(props) {
|
|
|
29768
29825
|
function urlFor(source) {
|
|
29769
29826
|
return builder.image(source);
|
|
29770
29827
|
}
|
|
29828
|
+
|
|
29829
|
+
var topArticleThumbnail = '';
|
|
29830
|
+
var topArticleAltText = topArticle.title;
|
|
29831
|
+
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
29832
|
+
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(600).url();
|
|
29833
|
+
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
29834
|
+
} else if (props.thumbnail) {
|
|
29835
|
+
topArticleThumbnail = props.thumbnail;
|
|
29836
|
+
}
|
|
29837
|
+
|
|
29771
29838
|
return React__default.createElement(
|
|
29772
29839
|
'div',
|
|
29773
29840
|
{ className: 'article-hero' },
|
|
@@ -29780,7 +29847,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
29780
29847
|
React__default.createElement(
|
|
29781
29848
|
'div',
|
|
29782
29849
|
{ className: 'yh-top-article--img' },
|
|
29783
|
-
React__default.createElement('img', { src:
|
|
29850
|
+
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
29784
29851
|
),
|
|
29785
29852
|
React__default.createElement('div', { className: 'yh-top-article--blur' }),
|
|
29786
29853
|
React__default.createElement(
|
|
@@ -29808,10 +29875,19 @@ var YahooHero = function YahooHero(props) {
|
|
|
29808
29875
|
'div',
|
|
29809
29876
|
{ className: 'yh-sub-article-container' },
|
|
29810
29877
|
subArticles.map(function (article, index) {
|
|
29878
|
+
var articleThumbnail = '';
|
|
29879
|
+
var articleAltText = article.title;
|
|
29880
|
+
if (article.thumbnail && article.thumbnail.asset) {
|
|
29881
|
+
articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
|
|
29882
|
+
articleAltText = article.thumbnail.asset.originalFileName;
|
|
29883
|
+
} else if (props.thumbnail) {
|
|
29884
|
+
articleThumbnail = props.thumbnail;
|
|
29885
|
+
}
|
|
29886
|
+
|
|
29811
29887
|
return React__default.createElement(
|
|
29812
29888
|
'a',
|
|
29813
29889
|
{ href: '/view/' + article.url.current, key: index, className: 'yh-sub-article' },
|
|
29814
|
-
React__default.createElement('img', { src:
|
|
29890
|
+
React__default.createElement('img', { src: articleThumbnail }),
|
|
29815
29891
|
React__default.createElement(
|
|
29816
29892
|
'h6',
|
|
29817
29893
|
{ className: 'yh-sub-article--title' },
|
|
@@ -29822,9 +29898,9 @@ var YahooHero = function YahooHero(props) {
|
|
|
29822
29898
|
{ className: 'yh-sub-article--info' },
|
|
29823
29899
|
moment(article.published).format('MMMM DD, YYYY hh:mma')
|
|
29824
29900
|
),
|
|
29825
|
-
React__default.createElement(
|
|
29901
|
+
article.authorMapping && article.authorMapping[0] && React__default.createElement(
|
|
29826
29902
|
'p',
|
|
29827
|
-
|
|
29903
|
+
null,
|
|
29828
29904
|
'By ',
|
|
29829
29905
|
React__default.createElement(
|
|
29830
29906
|
'b',
|
|
@@ -29838,7 +29914,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
29838
29914
|
React__default.createElement(
|
|
29839
29915
|
'style',
|
|
29840
29916
|
{ jsx: 'true' },
|
|
29841
|
-
'\n .yh-top-article {\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \'Roboto\', sans-serif;\n margin-bottom: 1rem;\n border-radius: 15px;\n overflow: hidden;\n min-height: 315px;\n }\n .yh-top-article--img {\n width: 100%;\n min-height: 240px;\n overflow: hidden;\n }\n .yh-top-article--img img {\n width: 100%;\n height: auto;\n min-height: 100%;\n max-height: 315px;\n object-fit: cover;\n }\n .yh-top-article--body {\n height: 100%;\n width: 40%;\n min-width: 320px;\n right: 0;\n position: absolute;\n color: white;\n padding: 1.75rem;\n height: 315px;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n }\n .yh-top-article--body h1 {\n color: white!important;\n font-size: 1.4rem;\n font-weight: 500;\n margin-bottom: 0.5rem;\n }\n .yh-top-article--body p {\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n }\n .yh-top-article--blur {\n height: 100%;\n width: 40%;\n right: 0;\n position: absolute;\n filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n background: rgba(0,0,0,.65);\n min-width: 320px;\n }\n .yh-sub-article-container {\n display: flex;\n justify-content: space-between;\n }\n .yh-sub-article {\n width: 23.25%;\n }\n .yh-sub-article p.yh-sub-article--title {\n font-weight: bold;\n }\n .yh-sub-article img {\n width: 100%;\n height: 150px;\n object-fit: cover;\n border-radius: 15px;\n }\n .yh-sub-article--title {\n font-weight: bold;\n margin-top: .25rem;\n font-size: 1rem;\n margin-bottom: .25rem;\n }\n .yh-sub-article--info {\n font-size: .8rem;\n margin-bottom: 0;\n \n }\n @media screen and (max-width: 968px) {\n .yh-sub-article-container {\n flex-wrap: wrap;\n }\n .yh-sub-article {\n width: 48%;\n margin-bottom: 1rem;\n }\n }\n '
|
|
29917
|
+
'\n .yh-top-article {\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \'Roboto\', sans-serif;\n margin-bottom: 1rem;\n border-radius: 15px;\n overflow: hidden;\n min-height: 315px;\n }\n .yh-top-article--img {\n width: 100%;\n min-height: 240px;\n overflow: hidden;\n }\n .yh-top-article--img img {\n width: 100%;\n height: auto;\n min-height: 100%;\n max-height: 315px;\n object-fit: cover;\n }\n .yh-top-article--body {\n height: 100%;\n width: 40%;\n min-width: 320px;\n right: 0;\n position: absolute;\n color: white;\n padding: 1.75rem;\n height: 315px;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n }\n .yh-top-article--body h1 {\n color: white!important;\n font-size: 1.4rem;\n font-weight: 500;\n margin-bottom: 0.5rem;\n }\n .yh-top-article--body p {\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n }\n .yh-top-article--blur {\n height: 100%;\n width: 40%;\n right: 0;\n position: absolute;\n filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n background: rgba(0,0,0,.65);\n min-width: 320px;\n }\n .yh-sub-article-container {\n display: flex;\n justify-content: space-between;\n }\n .yh-sub-article {\n width: 23.25%;\n }\n .yh-sub-article p.yh-sub-article--title {\n font-weight: bold;\n }\n .yh-sub-article img {\n width: 100%;\n height: 150px;\n object-fit: cover;\n border-radius: 15px;\n }\n .yh-sub-article img[src=\'' + props.thumbnail + '\']{\n object-fit: contain;\n }\n .yh-sub-article--title {\n font-weight: bold;\n margin-top: .25rem;\n font-size: 1rem;\n margin-bottom: .25rem;\n }\n .yh-sub-article--info {\n font-size: .8rem;\n margin-bottom: 0;\n \n }\n @media screen and (max-width: 968px) {\n .yh-sub-article-container {\n flex-wrap: wrap;\n }\n .yh-sub-article {\n width: 48%;\n margin-bottom: 1rem;\n }\n }\n '
|
|
29842
29918
|
)
|
|
29843
29919
|
);
|
|
29844
29920
|
};
|