@mjhls/mjh-framework 1.0.781 → 1.0.782-dev4485

package/dist/esm/{index-9b2f6ac4.js → index-f41e3fe9.js}

@@ -1,36 +1,36 @@
+import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
+import { _ as _export, a as _core } from './_to-object-a4107da3.js';
+import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
+import { _ as _extends } from './extends-eb69e8ac.js';
+import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-0d8cda6e.js';
+import { _ as _typeof$1 } from './typeof-af9c50d8.js';
 import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-cdeaee08.js';
-import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
-import { i as imageUrlBuilder } from './index-3f5c03b2.js';
-import { l as lib_3 } from './index-888f9253.js';
-import Router, { useRouter } from 'next/router';
-import { g as getYoutubeId } from './index-c7e2ac95.js';
+import { l as lib_3 } from './index-acfb8079.js';
 import PropTypes from 'prop-types';
-import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { u as util } from './util-3ab476bf.js';
-import Beam from './Beam.js';
+import Row$1 from 'react-bootstrap/Row';
+import Col$1 from 'react-bootstrap/Col';
+import { m as moment } from './moment-12415288.js';
+import Router, { useRouter } from 'next/router';
+import { i as imageUrlBuilder } from './index-51a80699.js';
+import { L as LazyLoad } from './index-c5fd0af5.js';
+import { d as main_16, b as main_38, m as main_39 } from './main-aef58dbc.js';
+import { h as html_decode_1 } from './entities-7cc3bf45.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-641f241f.js';
 import Segment from './Segment.js';
-import { d as main_16, b as main_39, m as main_40 } from './main-1450d277.js';
-import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { _ as _extends } from './extends-31d65aba.js';
-import { L as LazyLoad } from './index-752d1dae.js';
-import { _ as _typeof$1 } from './typeof-e9cea9e8.js';
-import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-b43c695a.js';
+import Beam from './Beam.js';
+import DFPAdSlot from './AdSlot.js';
+import { B as BlockContent } from './BlockContent-d05b5b23.js';
+import { g as getYoutubeId } from './index-c7e2ac95.js';
 import GroupDeck from './GroupDeck.js';
-import { m as moment } from './moment-bc12cb97.js';
+import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
+import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
+import { u as util } from './util-7700fc59.js';
+import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-e1c6b0f2.js';
+import Head from 'next/head';
 import SocialShare from './SocialShare.js';
-import { _ as _export, a as _core } from './_to-object-97770c52.js';
-import { _ as _objectToArray } from './_object-to-array-8f409e54.js';
-import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
+import { _ as _objectToArray } from './_object-to-array-7e804fce.js';
 import Pagination from 'react-bootstrap/Pagination';
 import Button$1 from 'react-bootstrap/Button';
-import { h as html_decode_1 } from './entities-932b50cf.js';
-import DFPAdSlot from './AdSlot.js';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import Head from 'next/head';
-import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-5906fbea.js';
-import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
 import Figure$2 from 'react-bootstrap/Figure';
 
 var urlFor = function urlFor(source, builder) {
@@ -675,14 +675,14 @@ function coerce(val) {
   return val;
 }
 });
-debug.coerce;
-debug.disable;
-debug.enable;
-debug.enabled;
-debug.humanize;
-debug.names;
-debug.skips;
-debug.formatters;
+var debug_1 = debug.coerce;
+var debug_2 = debug.disable;
+var debug_3 = debug.enable;
+var debug_4 = debug.enabled;
+var debug_5 = debug.humanize;
+var debug_6 = debug.names;
+var debug_7 = debug.skips;
+var debug_8 = debug.formatters;
 
 var browser = createCommonjsModule(function (module, exports) {
 /**
@@ -871,13 +871,13 @@ function localstorage() {
   } catch (e) {}
 }
 });
-browser.log;
-browser.formatArgs;
-browser.save;
-browser.load;
-browser.useColors;
-browser.storage;
-browser.colors;
+var browser_1 = browser.log;
+var browser_2 = browser.formatArgs;
+var browser_3 = browser.save;
+var browser_4 = browser.load;
+var browser_5 = browser.useColors;
+var browser_6 = browser.storage;
+var browser_7 = browser.colors;
 
 // MIT lisence
 // from https://github.com/substack/tty-browserify/blob/1ba769a6429d242f36226538835b4034bf6b7886/index.js
@@ -1152,14 +1152,14 @@ function init (debug) {
 
 exports.enable(load());
 });
-node.init;
-node.log;
-node.formatArgs;
-node.save;
-node.load;
-node.useColors;
-node.colors;
-node.inspectOpts;
+var node_1 = node.init;
+var node_2 = node.log;
+var node_3 = node.formatArgs;
+var node_4 = node.save;
+var node_5 = node.load;
+var node_6 = node.useColors;
+var node_7 = node.colors;
+var node_8 = node.inspectOpts;
 
 var src = createCommonjsModule(function (module) {
 /**
@@ -1617,11 +1617,11 @@ function shouldUpdateVideo(prevProps, props) {
 
 function filterResetOptions(opts) {
   return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread({
+    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
       autoplay: 0,
       start: 0,
       end: 0
-    }, opts.playerVars)
+    })
   });
 }
 /**
@@ -2690,9 +2690,9 @@ exports.DEPRECATED_CONFIG_PROPS = DEPRECATED_CONFIG_PROPS;
 });
 
 unwrapExports(props);
-props.DEPRECATED_CONFIG_PROPS;
-props.defaultProps;
-props.propTypes;
+var props_1 = props.DEPRECATED_CONFIG_PROPS;
+var props_2 = props.defaultProps;
+var props_3 = props.propTypes;
 
 var isMergeableObject = function isMergeableObject(value) {
 	return isNonNullObject(value)
@@ -3127,17 +3127,17 @@ function isMediaStream(url) {
 });
 
 unwrapExports(utils);
-utils.parseStartTime;
-utils.parseEndTime;
-utils.randomString;
-utils.queryString;
-utils.getSDK;
-utils.getConfig;
-utils.omit;
-utils.callPlayer;
-utils.isObject;
-utils.isEqual;
-utils.isMediaStream;
+var utils_1 = utils.parseStartTime;
+var utils_2 = utils.parseEndTime;
+var utils_3 = utils.randomString;
+var utils_4 = utils.queryString;
+var utils_5 = utils.getSDK;
+var utils_6 = utils.getConfig;
+var utils_7 = utils.omit;
+var utils_8 = utils.callPlayer;
+var utils_9 = utils.isObject;
+var utils_10 = utils.isEqual;
+var utils_11 = utils.isMediaStream;
 
 var Player_1 = createCommonjsModule(function (module, exports) {
 
@@ -4014,7 +4014,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(YouTube_1);
-YouTube_1.YouTube;
+var YouTube_2 = YouTube_1.YouTube;
 
 var SoundCloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -4231,7 +4231,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(SoundCloud_1);
-SoundCloud_1.SoundCloud;
+var SoundCloud_2 = SoundCloud_1.SoundCloud;
 
 var Vimeo_1 = createCommonjsModule(function (module, exports) {
 
@@ -4487,7 +4487,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Vimeo_1);
-Vimeo_1.Vimeo;
+var Vimeo_2 = Vimeo_1.Vimeo;
 
 var Facebook_1 = createCommonjsModule(function (module, exports) {
 
@@ -4699,7 +4699,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Facebook_1);
-Facebook_1.Facebook;
+var Facebook_2 = Facebook_1.Facebook;
 
 var Streamable_1 = createCommonjsModule(function (module, exports) {
 
@@ -4910,7 +4910,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Streamable_1);
-Streamable_1.Streamable;
+var Streamable_2 = Streamable_1.Streamable;
 
 var Wistia_1 = createCommonjsModule(function (module, exports) {
 
@@ -5153,7 +5153,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Wistia_1);
-Wistia_1.Wistia;
+var Wistia_2 = Wistia_1.Wistia;
 
 var Twitch_1 = createCommonjsModule(function (module, exports) {
 
@@ -5369,7 +5369,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Twitch_1);
-Twitch_1.Twitch;
+var Twitch_2 = Twitch_1.Twitch;
 
 var DailyMotion_1 = createCommonjsModule(function (module, exports) {
 
@@ -5605,7 +5605,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(DailyMotion_1);
-DailyMotion_1.DailyMotion;
+var DailyMotion_2 = DailyMotion_1.DailyMotion;
 
 var Mixcloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -5804,7 +5804,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Mixcloud_1);
-Mixcloud_1.Mixcloud;
+var Mixcloud_2 = Mixcloud_1.Mixcloud;
 
 var FilePlayer_1 = createCommonjsModule(function (module, exports) {
 
@@ -6338,7 +6338,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(FilePlayer_1);
-FilePlayer_1.FilePlayer;
+var FilePlayer_2 = FilePlayer_1.FilePlayer;
 
 var players = createCommonjsModule(function (module, exports) {
 
@@ -7514,13 +7514,13 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
 };
 
 var Poll = function Poll(_ref) {
-  var node = _ref.node;
-      _ref.client;
-      _ref.pageview;
-      _ref.videoAccountIDs;
-      var onVote = _ref.onVote;
-      _ref.showVotes;
-      var getSerializers = _ref.getSerializers;
+  var node = _ref.node,
+      client = _ref.client,
+      pageview = _ref.pageview,
+      videoAccountIDs = _ref.videoAccountIDs,
+      onVote = _ref.onVote,
+      _ref$showVotes = _ref.showVotes,
+      getSerializers = _ref.getSerializers;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7663,13 +7663,13 @@ module.exports = { "default": values, __esModule: true };
 var _Object$values = unwrapExports(values$1);
 
 var Poll$1 = function Poll(_ref) {
-  var node = _ref.node;
-      _ref.client;
-      _ref.pageview;
-      _ref.videoAccountIDs;
-      var onVote = _ref.onVote;
-      _ref.showVotes;
-      var getSerializers = _ref.getSerializers;
+  var node = _ref.node,
+      client = _ref.client,
+      pageview = _ref.pageview,
+      videoAccountIDs = _ref.videoAccountIDs,
+      onVote = _ref.onVote,
+      _ref$showVotes = _ref.showVotes,
+      getSerializers = _ref.getSerializers;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7821,7 +7821,7 @@ var Poll$1 = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main_39 ? 4 : 10;
+var numberOfPaginations = main_38 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7941,7 +7941,7 @@ var Quiz = function Quiz(_ref) {
   var renderPagination = function renderPagination() {
     return React.createElement(
       Pagination,
-      { className: 'p-0 m-0', size: main_39 && 'sm' },
+      { className: 'p-0 m-0', size: main_38 && 'sm' },
       React.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
@@ -8128,8 +8128,8 @@ var Slideshow$1 = function Slideshow(_ref) {
 
   var _useState = useState(!pageNumber || isNaN(pageNumber) || pageNumber > slides.length ? 0 : pageNumber - 1),
       _useState2 = _slicedToArray(_useState, 2),
-      carouselIndex = _useState2[0];
-      _useState2[1];
+      carouselIndex = _useState2[0],
+      setCarouselIndex = _useState2[1];
 
   // useEffect(() => {
   //   let itemArr = router.asPath.split('?page=')
@@ -8641,7 +8641,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main_40) {
+      if (main_39) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8665,7 +8665,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
     if (pageview) pageview(path);
 
-    if (!main_40) {
+    if (!main_39) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           lib_3.refresh();
@@ -8673,7 +8673,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_40) {
+    if (main_39) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8742,7 +8742,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     React.createElement(
       'div',
       { className: 'ad-box', style: { textAlign: 'center' } },
-      main_40 && Ads.map(function (ad, index) {
+      main_39 && Ads.map(function (ad, index) {
         if (index === 0) {
           return React.createElement(
             'div',
@@ -8864,7 +8864,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
             React.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_40 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main_39 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
                   return React.createElement(
                     'div',

package/dist/esm/{index.es-c6222053.js → index.es-7dda2f0a.js}

@@ -291,9 +291,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
             // prevents multiple triggers.
             if (_this.actionTriggered)
                 return;
-            var atBottom = _this.props.inverse
-                ? _this.isElementAtTop(target, _this.props.scrollThreshold)
-                : _this.isElementAtBottom(target, _this.props.scrollThreshold);
+            var atBottom = _this.isElementAtBottom(target, _this.props.scrollThreshold);
             // call the `next` function in the props to trigger the next data fetch
             if (atBottom && _this.props.hasMore) {
                 _this.actionTriggered = true;
@@ -366,8 +364,9 @@ var InfiniteScroll = /** @class */ (function (_super) {
         }
     };
     InfiniteScroll.prototype.UNSAFE_componentWillReceiveProps = function (props) {
-        // do nothing when dataLength is unchanged
-        if (this.props.dataLength === props.dataLength)
+        // do nothing when dataLength and key are unchanged
+        if (this.props.key === props.key &&
+            this.props.dataLength === props.dataLength)
             return;
         this.actionTriggered = false;
         // update state when new data was sent in
@@ -375,21 +374,6 @@ var InfiniteScroll = /** @class */ (function (_super) {
             showLoader: false,
         });
     };
-    InfiniteScroll.prototype.isElementAtTop = function (target, scrollThreshold) {
-        if (scrollThreshold === void 0) { scrollThreshold = 0.8; }
-        var clientHeight = target === document.body || target === document.documentElement
-            ? window.screen.availHeight
-            : target.clientHeight;
-        var threshold = parseThreshold(scrollThreshold);
-        if (threshold.unit === ThresholdUnits.Pixel) {
-            return (target.scrollTop <=
-                threshold.value + clientHeight - target.scrollHeight + 1 ||
-                target.scrollTop === 0);
-        }
-        return (target.scrollTop <=
-            threshold.value / 100 + clientHeight - target.scrollHeight + 1 ||
-            target.scrollTop === 0);
-    };
     InfiniteScroll.prototype.isElementAtBottom = function (target, scrollThreshold) {
         if (scrollThreshold === void 0) { scrollThreshold = 0.8; }
         var clientHeight = target === document.body || target === document.documentElement

package/dist/esm/{index.esm-8016b507.js → index.esm-8ee5ff72.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { r as reactSocialIcons_1 } from './react-social-icons-91f9716f.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
 import { G as GenIcon } from './iconBase-602d52fe.js';
 
 var year = new Date().getFullYear();