@mjhls/mjh-framework 1.0.695 → 1.0.696-1034-2

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.695
+# mjh-framework v. 1.0.696-1034-2
 
 > Foundation Framework 
 

package/dist/cjs/ExternalResources.js

@@ -48,11 +48,12 @@ require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var index$3 = require('./index-5be2866f.js');
-var getSerializers = require('./index-c0bfab13.js');
+var getSerializers = require('./index-7a6308f1.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
 require('next/head');
+require('react-bootstrap/Figure');
 
 var ExternalResources = function ExternalResources(props) {
   var resources = props.resources,
@@ -61,7 +62,11 @@ var ExternalResources = function ExternalResources(props) {
       _props$cta = props.cta,
       cta = _props$cta === undefined ? 'Learn More' : _props$cta,
       _props$url = props.url,
-      url = _props$url === undefined ? 'resources' : _props$url;
+      url = _props$url === undefined ? 'resources' : _props$url,
+      _props$recentTitle = props.recentTitle,
+      recentTitle = _props$recentTitle === undefined ? 'Recent' : _props$recentTitle,
+      _props$archiveTitle = props.archiveTitle,
+      archiveTitle = _props$archiveTitle === undefined ? 'Archive' : _props$archiveTitle;
 
   var _useState = React.useState(display && (display === 'recent' || display === 'archived') ? display : 'recent'),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -85,7 +90,7 @@ var ExternalResources = function ExternalResources(props) {
               return 'recent';
             });
           }, className: active === 'recent' ? 'active' : '' },
-        'Recent'
+        recentTitle
       ),
       React__default.createElement(
         'div',
@@ -94,13 +99,13 @@ var ExternalResources = function ExternalResources(props) {
               return 'archived';
             });
           }, className: active === 'archived' ? 'active' : '' },
-        'Archive'
+        archiveTitle
       )
     ),
-    resources[active].length > 0 ? resources[active].map(function (r, i) {
+    resources[active].length > 0 ? resources[active].map(function (r) {
       return React__default.createElement(
         'div',
-        { key: i, className: 'resource' },
+        { key: r._id, className: 'resource' },
         React__default.createElement(
           'div',
           { id: 'thumb' },
@@ -181,7 +186,7 @@ var ExternalResources = function ExternalResources(props) {
     }) : React__default.createElement(
       'p',
       null,
-      'No ' + active + ' resources available. '
+      'No content available.'
     ),
     React__default.createElement(
       'style',

package/dist/cjs/PartnerDetailListing.js

@@ -57,11 +57,12 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-c0bfab13.js');
+var getSerializers = require('./index-7a6308f1.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
 require('next/head');
+require('react-bootstrap/Figure');
 require('react-bootstrap/Carousel');
 var Feature = require('./Feature.js');
 require('react-bootstrap/Breadcrumb');

package/dist/cjs/VideoSeriesListing.js

@@ -52,25 +52,27 @@ var VideoSeriesListing = function (_React$Component) {
 
     return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || inherits._Object$getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.today = moment.moment().utc().format(), _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
       data: _this.dataArr.map(function (item) {
-        var tempObj = item;
-        if (tempObj.body) {
-          var filteredBody = tempObj.body.map(function (item) {
-            if (item._type === 'articleSeries') {
-              var innerObj = item;
-              var filteredArticles = innerObj.articles.filter(function (article) {
-                if ((article.is_visible === true || !article.hasOwnProperty('is_visible')) && (_this.today >= article.published || !article.hasOwnProperty('published'))) {
-                  return article;
-                }
-              });
-              innerObj.body = filteredArticles;
-              return innerObj;
-            } else {
-              return item;
-            }
-          });
+        var tempObj = item.map(function (arrItem) {
+          if (arrItem.body) {
+            var filteredBody = arrItem.body.map(function (item) {
+              if (item._type === 'youtubeGallery') {
+                var innerObj = item;
+                var filteredArticles = innerObj.videos.filter(function (video) {
+                  if ((video.is_visible === true || !video.hasOwnProperty('is_visible')) && (_this.today >= video.published || !video.hasOwnProperty('published'))) {
+                    return video;
+                  }
+                });
+                innerObj.videos = filteredArticles;
+                return innerObj;
+              } else {
+                return item;
+              }
+            });
 
-          tempObj.body = filteredBody;
-        }
+            arrItem.body = filteredBody;
+          }
+          return arrItem;
+        });
         return tempObj;
       }),
       per: _this.params ? _this.params.to : 2,

package/dist/cjs/View.js

@@ -30,6 +30,7 @@ require('./isSymbol-04666465.js');
 require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
+var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 require('./index-b5eb3ff8.js');
 require('./index-da796b8c.js');
 var main = require('./main-b6c96c8d.js');
@@ -50,11 +51,12 @@ require('./index.esm-90433435.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var defineProperty$1 = require('./defineProperty-55548b25.js');
 var Form = _interopDefault(require('react-bootstrap/Form'));
-var getSerializers = require('./index-c0bfab13.js');
+var getSerializers = require('./index-7a6308f1.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
 var Head = _interopDefault(require('next/head'));
+require('react-bootstrap/Figure');
 require('react-share');
 var SocialShare = require('./SocialShare.js');
 var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
@@ -396,7 +398,10 @@ var Article = function Article(props) {
       _props$sponsoredFlag = props.sponsoredFlag,
       sponsoredFlag = _props$sponsoredFlag === undefined ? false : _props$sponsoredFlag,
       _props$authorImgHeigh = props.authorImgHeight,
-      authorImgHeight = _props$authorImgHeigh === undefined ? 270 : _props$authorImgHeigh;
+      authorImgHeight = _props$authorImgHeigh === undefined ? 270 : _props$authorImgHeigh,
+      active = props.active,
+      containerHeight = props.containerHeight;
+
 
   var targeting = getTargeting.getTargeting(props);
   var onChangeArticle = props.onChangeArticle;
@@ -810,16 +815,16 @@ var Article = function Article(props) {
       React__default.Fragment,
       null,
       React__default.createElement(
-        getSerializers.InscreenSensor,
+        visibilitySensor.VisibilitySensor,
         {
-          offSetTop: 120,
-          className: 'inscreen-wrapper',
-          id: 'article-' + title,
-          onChange: function onChange(visible) {
-            if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-              onChangeArticle(url, visible, meta);
-              //  Setting 'visibleFlag' to know that the article is visible.
-              setVisibleFlag(true);
+          partialVisibility: true,
+          offset: { bottom: 100, top: containerHeight - 100 },
+          onChange: function onChange(isVisible) {
+            if (isVisible && queueData.length > 1) {
+              onChangeArticle(url, meta);
+              setVisibleFlag(function () {
+                return true;
+              });
             }
           } },
         React__default.createElement(
@@ -1023,16 +1028,16 @@ var Article = function Article(props) {
             )
           ),
           renderIsiContent(props.article)
-        ),
-        showIsi && Array.isArray(isi) && isi.length > 0 && React__default.createElement(
-          ISI,
-          null,
-          React__default.createElement(BlockContent.BlockContent, {
-            serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting),
-            blocks: isi
-          })
         )
       ),
+      showIsi && Array.isArray(isi) && isi.length > 0 && React__default.createElement(
+        ISI,
+        null,
+        React__default.createElement(BlockContent.BlockContent, {
+          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting),
+          blocks: isi
+        })
+      ),
       main.main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
         if (index > 0) {
           return React__default.createElement(
@@ -1087,7 +1092,25 @@ var ArticleQueue = function ArticleQueue(props) {
       showRelatedArticles = props.showRelatedArticles,
       canonicalTag = props.canonicalTag;
 
+  var _useState = React.useState(0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      containerHeight = _useState2[0],
+      setContainerHeight = _useState2[1];
 
+  React.useEffect(function () {
+    setContainerHeight(function () {
+      return window.innerHeight;
+    });
+    var handleResize = function handleResize() {
+      return setContainerHeight(function () {
+        return window.innerHeight;
+      });
+    };
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
   var firstArticle = function firstArticle() {
     var article = _extends._Object$assign({}, props.article);
     var targeting = getTargeting.getTargeting(props);
@@ -1095,10 +1118,15 @@ var ArticleQueue = function ArticleQueue(props) {
     return article;
   };
 
-  var _useState = React.useState([firstArticle()]),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      queueData = _useState2[0],
-      setQueueData = _useState2[1];
+  var _useState3 = React.useState([firstArticle()]),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      queueData = _useState4[0],
+      setQueueData = _useState4[1];
+
+  var _useState5 = React.useState(queueData[0]._id),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      active = _useState6[0],
+      setActive = _useState6[1];
 
   var refreshAD = function refreshAD(path) {
     var activeArticle = queueData.find(function (item) {
@@ -1148,16 +1176,11 @@ var ArticleQueue = function ArticleQueue(props) {
   };
 
   var preVscroll = 0;
-  var isScrollDown = true;
 
   var scrollDirectionDetect = function scrollDirectionDetect(e) {
     var window = e.currentTarget;
 
-    if (preVscroll > window.scrollY) {
-      isScrollDown = false;
-    } else if (preVscroll < window.scrollY) {
-      isScrollDown = true;
-    }
+    if (preVscroll > window.scrollY) ; else if (preVscroll < window.scrollY) ;
     preVscroll = window.scrollY;
   };
 
@@ -1247,38 +1270,23 @@ var ArticleQueue = function ArticleQueue(props) {
     }
   };
 
-  var onChangeArticle = function onChangeArticle(path, visibility, meta) {
+  var onChangeArticle = function onChangeArticle(path, meta) {
     var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('/view/', '') : '';
     var newPath = '/view/' + path;
-
+    var activeArticle = queueData.find(function (item) {
+      return item.url.current === path;
+    });
+    setActive(function () {
+      return activeArticle._id;
+    });
     // Change URL and do other changes
-    var doChanges = function doChanges() {
-      window.history.pushState({ page: path }, meta.shareTitle, newPath);
-      changeMeta(meta);
-      if (props.setCustomDimensions) {
-        var activeArticle = queueData.find(function (item) {
-          return item.url.current === path;
-        });
-        props.setCustomDimensions(activeArticle, '200', prevUrl);
-      }
-      if (props.pageview) props.pageview(newPath);
-      refreshAD(path);
-    };
-
-    if (currentPath !== path) {
-      if (isScrollDown) {
-        if (visibility === 'top') {
-          doChanges();
-        }
-      } else {
-        if (visibility === 'bottom') {
-          doChanges();
-        }
-      }
-      if (visibility === 'small-top') {
-        doChanges();
-      }
+    window.history.pushState({ page: path }, meta.shareTitle, newPath);
+    changeMeta(meta);
+    if (props.setCustomDimensions) {
+      props.setCustomDimensions(activeArticle, '200', prevUrl);
     }
+    if (props.pageview) props.pageview(newPath);
+    refreshAD(path);
   };
 
   return React__default.createElement(
@@ -1288,10 +1296,12 @@ var ArticleQueue = function ArticleQueue(props) {
       return React__default.createElement(Article, _extends._extends({
         key: index
       }, props, {
+        containerHeight: containerHeight,
         onChangeArticle: onChangeArticle,
         authorPrfix: authorPrefix,
         article: article,
-        cpModificationRequired: cpModificationRequired
+        cpModificationRequired: cpModificationRequired,
+        active: active === article._id
         // Passing queueData to check for single article
         , queueData: queueData,
         showRelatedArticles: showRelatedArticles

package/dist/cjs/YoutubeGroup.js

@@ -74,7 +74,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
     var tileHeight = tileArray.current.map(function (tile) {
       return tile.scrollHeight;
     });
-    console.log(tileArray.current);
+
     for (var ele in tileArray.current) {
       var eleHeight = tileHeight[ele] < 185 ? 185 : tileHeight[ele];
       tileArray.current[ele].style.height = eleHeight + 'px';

package/dist/cjs/getSerializers.js

@@ -43,11 +43,12 @@ require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-c0bfab13.js');
+var getSerializers = require('./index-7a6308f1.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
 require('next/head');
+require('react-bootstrap/Figure');