@mjhls/mjh-framework 1.0.594 → 1.0.596

package/dist/esm/InscreenSensor-beb2ec79.js

@@ -0,0 +1,80 @@
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-b8e4c697.js';
+import React__default from 'react';
+
+var InscreenSensor = function (_React$Component) {
+  _inherits(InscreenSensor, _React$Component);
+
+  function InscreenSensor(props) {
+    _classCallCheck(this, InscreenSensor);
+
+    var _this = _possibleConstructorReturn(this, (InscreenSensor.__proto__ || _Object$getPrototypeOf(InscreenSensor)).call(this, props));
+
+    _this.scrollHandler = function () {
+      var visible = _this.checkInside();
+      if (visible !== _this.visible) {
+        _this.visible = visible;
+        _this.props.onChange(visible);
+      }
+    };
+
+    _this.checkInside = function () {
+      var rect = _this.wraperRef.current.getBoundingClientRect();
+      var _this$props$offSetTop = _this.props.offSetTop,
+          offSetTop = _this$props$offSetTop === undefined ? 0 : _this$props$offSetTop;
+      var top = rect.top,
+          bottom = rect.bottom;
+
+      var viewHeight = window.innerHeight;
+      var wrpElem = document.getElementsByClassName('inscreen-wrapper');
+
+      if (top > 0 && top <= offSetTop) {
+        if (wrpElem.length > 1 && top <= viewHeight && bottom > viewHeight) {
+          return 'top';
+        } else if (wrpElem.length > 1 && bottom < viewHeight) {
+          return 'small-top';
+        }
+      } else if (wrpElem.length > 1 && top < offSetTop && bottom + offSetTop >= viewHeight) {
+        return 'bottom';
+      }
+    };
+
+    _this.wraperRef = React__default.createRef();
+    _this.visible = false;
+    return _this;
+  }
+
+  _createClass(InscreenSensor, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.visible = this.checkInside();
+      this.props.onChange(this.visible);
+      window.addEventListener('scroll', this.scrollHandler);
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      window.removeEventListener('scroll', this.scrollHandler);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          _props$className = _props.className,
+          className = _props$className === undefined ? '' : _props$className,
+          _props$style = _props.style,
+          style = _props$style === undefined ? {} : _props$style,
+          _props$id = _props.id,
+          id = _props$id === undefined ? '' : _props$id;
+
+      return React__default.createElement(
+        'div',
+        { ref: this.wraperRef, className: className, style: style, id: id },
+        this.props.children
+      );
+    }
+  }]);
+
+  return InscreenSensor;
+}(React__default.Component);
+
+export { InscreenSensor as I };

package/dist/esm/IssueContentDeck.js

@@ -12,7 +12,7 @@ import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import './slicedToArray-f1e40361.js';
-import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
+import { A as AuthorComponent } from './AuthorComponent-357dbee9.js';
 import Badge from 'react-bootstrap/Badge';
 
 var urlFor = function urlFor(source, client) {

package/dist/esm/IssueLanding.js

@@ -14,8 +14,8 @@ import 'prop-types';
 import 'react-bootstrap/Card';
 import './moment-12415288.js';
 import 'next/router';
-import './isSymbol-b7b7434f.js';
-import './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import './debounce-a0d9abca.js';
 import './index.es-938a3a58.js';
 import 'react-dom';
 import './visibility-sensor-0baa4eea.js';
@@ -29,10 +29,10 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import './ADInfeed-c7dba95f.js';
+import './ADInfeed-cecd42e8.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-8bfd6d58.js';
-import './AuthorComponent-158226c9.js';
+import './ADlgInfeed-234ba767.js';
+import './AuthorComponent-357dbee9.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import 'react-bootstrap/Breadcrumb';

package/dist/esm/LeftNav.js

@@ -7,8 +7,8 @@ import './web.dom.iterable-46c95e52.js';
 import React__default, { useRef, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-b7b7434f.js';
-import './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import './debounce-a0d9abca.js';
 import './main-7255814e.js';
 import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';

package/dist/esm/MasterDeck.js

@@ -21,8 +21,8 @@ import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import './moment-12415288.js';
 import { withRouter } from 'next/router';
-import './isSymbol-b7b7434f.js';
-import { d as debounce_1 } from './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import { d as debounce_1 } from './debounce-a0d9abca.js';
 import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -34,9 +34,9 @@ import { _ as _Promise } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-c7dba95f.js';
+import { A as ADInfeed } from './ADInfeed-cecd42e8.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-8bfd6d58.js';
+import { A as ADlgInfeed } from './ADlgInfeed-234ba767.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/OncliveLargeHero.js

@@ -10,7 +10,7 @@ import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-f1e40361.js';
-import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
+import { A as AuthorComponent } from './AuthorComponent-357dbee9.js';
 
 var OncliveLargeHero = function OncliveLargeHero(props) {
   var removeTimeStamp = props.removeTimeStamp;

package/dist/esm/PartnerDetailListing.js

@@ -18,8 +18,8 @@ import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import { m as moment } from './moment-12415288.js';
 import 'next/router';
-import './isSymbol-b7b7434f.js';
-import './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import './debounce-a0d9abca.js';
 import './index.es-938a3a58.js';
 import 'react-dom';
 import './visibility-sensor-0baa4eea.js';
@@ -33,17 +33,17 @@ import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './async
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import './ADInfeed-c7dba95f.js';
+import './ADInfeed-cecd42e8.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-8bfd6d58.js';
-import './AuthorComponent-158226c9.js';
+import './ADlgInfeed-234ba767.js';
+import './AuthorComponent-357dbee9.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import 'react-bootstrap/Button';
-import { g as getSerializers } from './index-80cb5ee6.js';
+import { g as getSerializers } from './index-91506c27.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/QueueDeckExpanded.js

@@ -14,8 +14,8 @@ import 'prop-types';
 import 'react-bootstrap/Card';
 import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
-import './isSymbol-b7b7434f.js';
-import './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import './debounce-a0d9abca.js';
 import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
@@ -29,10 +29,10 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-c7dba95f.js';
+import { A as ADInfeed } from './ADInfeed-cecd42e8.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-8bfd6d58.js';
-import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
+import { A as ADlgInfeed } from './ADlgInfeed-234ba767.js';
+import { A as AuthorComponent } from './AuthorComponent-357dbee9.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {

package/dist/esm/RecentNews.js

@@ -0,0 +1,88 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import React__default from 'react';
+import './moment-12415288.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
+import './iconBase-602d52fe.js';
+import { a as FaLongArrowAltRight } from './index.esm-9a4c8813.js';
+
+var RecentNews = function RecentNews(_ref) {
+  var client = _ref.client,
+      _ref$dataRecord = _ref.dataRecord,
+      dataRecord = _ref$dataRecord === undefined ? [] : _ref$dataRecord,
+      _ref$linkTo = _ref.linkTo,
+      linkTo = _ref$linkTo === undefined ? '/news' : _ref$linkTo,
+      _ref$borderColor = _ref.borderColor,
+      borderColor = _ref$borderColor === undefined ? 'var(--primary)' : _ref$borderColor,
+      _ref$heroTitle = _ref.heroTitle,
+      heroTitle = _ref$heroTitle === undefined ? 'Latest News' : _ref$heroTitle,
+      _ref$linkTitle = _ref.linkTitle,
+      linkTitle = _ref$linkTitle === undefined ? 'View More ' : _ref$linkTitle;
+
+  var builder = imageUrlBuilder(client);
+  var topArticle = dataRecord[0];
+  var subArticles = dataRecord.slice(1, dataRecord.length);
+
+  return React__default.createElement(
+    'div',
+    { className: 'recent-news-container', style: { border: '3px solid ' + borderColor } },
+    React__default.createElement(
+      'div',
+      { className: 'recent-news-title' },
+      React__default.createElement(
+        'h2',
+        null,
+        heroTitle
+      ),
+      React__default.createElement('div', null)
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'recent-news-inner' },
+      React__default.createElement(
+        'div',
+        { className: 'recent-article-wrap', style: { flexBasis: '100%' } },
+        React__default.createElement(
+          'a',
+          { href: '/view/' + topArticle.url.current, className: 'recent-article' },
+          React__default.createElement(
+            'p',
+            null,
+            topArticle.title
+          )
+        ),
+        subArticles.map(function (article, index) {
+          return React__default.createElement(
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'recent-article' },
+            React__default.createElement(
+              'p',
+              null,
+              article.title
+            )
+          );
+        })
+      )
+    ),
+    linkTo && React__default.createElement(
+      'div',
+      { className: 'recent-view-more' },
+      React__default.createElement(
+        'a',
+        { href: linkTo },
+        linkTitle,
+        React__default.createElement(
+          'span',
+          null,
+          React__default.createElement(FaLongArrowAltRight, { color: 'var(--primary)' })
+        )
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .recent-news-container {\n          margin-bottom: 1.7rem;\n          margin-top: 1rem;\n          position: relative;\n        }\n        .recent-news-title {\n          position: absolute;\n          top: -10px;\n          background: white;\n          z-index: 2;\n          left: 10px;\n          padding-right: 0.25rem;\n          padding-left: 0.25rem;\n          font-weight: bold;\n        }\n        .recent-news-title h2 {\n          font-size: 0.9rem;\n          font-weight: bold;\n        }\n        .recent-news-inner {\n          display: flex;\n          flex-direction: row;\n          padding-top: 0.75rem;\n          margin-top: 0.75rem;\n        }\n        .recent-article-wrap {\n          padding: 0 0.5rem;\n        }\n     \n        .recent-article {\n          border-bottom: 1px solid #ccc;\n          display: block;\n          margin-bottom: 0.5rem;\n        }\n        .recent-article:last-child {\n          border-bottom: none;\n        }\n        .recent-article:hover {\n          background: #eee;\n        }\n        .recent-article p {\n          font-size: 0.7rem;\n          margin-bottom: 0.5rem;\n          color: #252525;\n        }\n        .recent-view-more {\n          position: absolute;\n          right: 0;\n          margin-top: 0.25rem;\n          font-size: 0.7rem;\n          font-weight: bold;\n        }\n        .recent-view-more span {\n          display: inline-block;\n          color: rgb(81, 116, 153);\n          font-size: 0.7rem;\n        }\n        @media screen and (max-width: 1191px){\n         \n            .recent-article > p {\n              font-size: 0.7rem;\n            }\n          }\n        }\n        @media screen and (max-width: 495px) {\n          \n          .recent-article > p {\n            font-size: 0.7rem;\n          }\n        }\n      '
+    )
+  );
+};
+
+export default RecentNews;

package/dist/esm/SideFooter.js

@@ -6,13 +6,13 @@ import './_iter-detect-6e099a34.js';
 import './web.dom.iterable-46c95e52.js';
 import React__default, { useRef, useEffect } from 'react';
 import 'prop-types';
-import './isSymbol-b7b7434f.js';
+import './isSymbol-47f5ff3b.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import { S as Segment } from './beam-a25bd8fd.js';
-import './_arrayMap-64cbe0e4.js';
-import { g as get_1 } from './get-0eb56363.js';
+import './_arrayMap-818441dd.js';
+import { g as get_1 } from './get-58d2f7cc.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 
 var year = new Date().getFullYear();

package/dist/esm/TemplateNormal.js

@@ -11,8 +11,8 @@ import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import { useRouter } from 'next/router';
-import './isSymbol-b7b7434f.js';
-import './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import './debounce-a0d9abca.js';
 import './main-7255814e.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
@@ -20,8 +20,8 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import './_arrayMap-64cbe0e4.js';
-import './get-0eb56363.js';
+import './_arrayMap-818441dd.js';
+import './get-58d2f7cc.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';

package/dist/esm/VideoSeriesListing.js

@@ -15,8 +15,8 @@ import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import './moment-12415288.js';
 import { withRouter } from 'next/router';
-import './isSymbol-b7b7434f.js';
-import { d as debounce_1 } from './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import { d as debounce_1 } from './debounce-a0d9abca.js';
 import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';