@mjhls/mjh-framework 1.0.440 → 1.0.441

package/dist/esm/YoutubeGroup.js

@@ -3,19 +3,19 @@ import './_to-object-1b1f7766.js';
 import './web.dom.iterable-e6bf2bf6.js';
 import './_library-528f1934.js';
 import './_object-pie-33c40e79.js';
-import { b as _typeof } from './typeof-e4b50250.js';
-import React__default, { useRef, useState, useEffect } from 'react';
+import { b as _typeof } from './typeof-09bf9211.js';
+import React, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-5f9f807a.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
+import { L as LazyLoad } from './index-c5fd0af5.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.js';
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var YoutubeGroup = function YoutubeGroup(props) {
@@ -142,27 +142,27 @@ var YoutubeGroup = function YoutubeGroup(props) {
       current = _props$current === undefined ? '' : _props$current;
 
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { ref: viewableWindow, id: 'vid-slider', className: 'col' },
-    React__default.createElement(
+    React.createElement(
       'div',
       { className: 'row' },
-      showScroller && showScroller && React__default.createElement(
+      showScroller && showScroller && React.createElement(
         'div',
         { onClick: function onClick(e) {
             return scrollSlider(e, 'prev');
           }, className: 'tile__slider-prev', style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingLeft: '19px' } },
-        React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
+        React.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
       ),
-      showScroller && showScroller && React__default.createElement(
+      showScroller && showScroller && React.createElement(
         'div',
         { onClick: function onClick(e) {
             return scrollSlider(e, 'next');
           }, className: 'tile__slider-next', style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingRight: '19px' } },
-        React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
+        React.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
       ),
-      React__default.createElement(
+      React.createElement(
         'div',
         { ref: innerSlider, className: 'row__inner' },
         props.dataset && props.dataset.map(function (video, index) {
@@ -178,42 +178,42 @@ var YoutubeGroup = function YoutubeGroup(props) {
               thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
             }
 
-            return React__default.createElement(
+            return React.createElement(
               'div',
               { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
-              current && current === url ? React__default.createElement(
+              current && current === url ? React.createElement(
                 'div',
                 { className: 'now-playing' },
                 'Now Playing'
               ) : '',
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { onClick: function onClick() {
                     return handleClick(url, index + 1);
                   } },
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'tile__media' },
-                  React__default.createElement(
+                  React.createElement(
                     LazyLoad,
                     null,
-                    React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
+                    React.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
                   )
                 ),
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'tile__details' },
-                  React__default.createElement(
+                  React.createElement(
                     'div',
                     { className: 'tile__title' },
-                    React__default.createElement(
+                    React.createElement(
                       'div',
                       { style: { color: variant }, className: 'tile__title_text' },
                       video.title
                     )
                   )
                 ),
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { style: { color: '#fff' }, className: 'tile__info' },
                   video.title
@@ -229,41 +229,41 @@ var YoutubeGroup = function YoutubeGroup(props) {
             } else {
               _thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
             }
-            return React__default.createElement(
+            return React.createElement(
               'div',
               { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { href: _url },
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'tile__media' },
-                  React__default.createElement(
+                  React.createElement(
                     LazyLoad,
                     null,
-                    React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
+                    React.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
                   )
                 ),
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'tile__details' },
-                  React__default.createElement(
+                  React.createElement(
                     'div',
                     { className: 'tile__title' },
-                    React__default.createElement(
+                    React.createElement(
                       'div',
                       { style: { color: '#fff' }, className: 'tile__title_text' },
                       video.title
                     )
                   )
                 ),
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { style: { color: variant }, className: 'tile__info' },
-                  props.displayEpisodeNumber ? React__default.createElement(
+                  props.displayEpisodeNumber ? React.createElement(
                     'span',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       'span',
                       { style: { fontWeight: 'bold' } },
                       'Ep. ',
@@ -280,7 +280,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
         })
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        #vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\n        }\n        #vid-slider::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 1.5rem;\n          margin-bottom: 2rem;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 1rem;\n          color: white;\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,\n        #vidHolder {\n          max-width: 805px;\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-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\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: 0.9rem;\n          font-weight: bold;\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: 25px 0 55px -.25rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n\n          margin: 0 12.5px;\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:first-child {\n          margin-left: 15px;\n        }\n        #vid-slider .tile__img {\n          height: 135px;\n\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\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\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: \'\';\n          background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n            no-repeat center center;\n          left: 0;\n          width: 100%;\n          height: 3rem;\n          font-size: 30px;\n          margin-right: 12px;\n          margin-top: -24px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\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\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: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\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        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n            max-width: 620px;\n          }\n          #vid-slider .tile__img {\n            height: 145px;\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\n            max-width: 580px;\n          }\n        }\n        @media screen and (max-width: 967px) {\n          #vid-slider {\n            max-width: 100%;\n          }\n          #vid-slider .tile__img {\n            height: 175px;\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          #vid-slider .tile__img {\n            height: 118px;\n          }\n          #vid-slider .row__inner {\n            margin: 30px 0 60px ;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n            height: 195px;\n          }\n        }\n      '

package/dist/esm/{debounce-df468b0e.js → debounce-42a7f724.js}

@@ -1,5 +1,5 @@
 import { c as createCommonjsModule, u as unwrapExports, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
 var domain;
@@ -821,13 +821,15 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
       });
 
       if (_this5.lazyLoadIsEnabled()) {
+        var args = [];
+
         var config = _this5.getLazyLoadConfig();
 
-        if (config) {
-          pubadsService.enableLazyLoad(config);
-        } else {
-          pubadsService.enableLazyLoad();
+        if (config !== null) {
+          args.push(config);
         }
+
+        pubadsService.enableLazyLoad.call(args);
       }
 
       if (_this5.singleRequestIsEnabled()) {
@@ -1027,7 +1029,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Context = void 0;
 
-var _react = _interopRequireDefault(React__default);
+var _react = _interopRequireDefault(React);
 
 var _propTypes = _interopRequireDefault(PropTypes);
 
@@ -1335,7 +1337,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AdSlot = void 0;
 
-var _react = _interopRequireDefault(React__default);
+var _react = _interopRequireDefault(React);
 
 var _propTypes = _interopRequireDefault(PropTypes);
 

package/dist/esm/{get-53653403.js → get-bc6cf9fb.js}

@@ -1,4 +1,4 @@
-import { f as isSymbol_1, g as isObject_1, _ as _baseGetTag, b as _root, h as _Symbol } from './debounce-df468b0e.js';
+import { f as isSymbol_1, g as isObject_1, _ as _baseGetTag, b as _root, h as _Symbol } from './debounce-42a7f724.js';
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/dist/esm/{index-51a80699.js → index-73819142.js}

@@ -58,35 +58,35 @@ function parseSource(source) {
     if (typeof source === 'string' && isUrl(source)) {
         // Someone passed an existing image url?
         image = {
-            asset: { _ref: urlToId(source) },
+            asset: { _ref: urlToId(source) }
         };
     }
     else if (typeof source === 'string') {
         // Just an asset id
         image = {
-            asset: { _ref: source },
+            asset: { _ref: source }
         };
     }
     else if (isRef(source)) {
         // We just got passed an asset directly
         image = {
-            asset: source,
+            asset: source
         };
     }
     else if (isAsset(source)) {
         // If we were passed an image asset document
         image = {
             asset: {
-                _ref: source._id || '',
-            },
+                _ref: source._id || ''
+            }
         };
     }
     else if (isAssetStub(source)) {
         // If we were passed a partial asset (`url`, but no `_id`)
         image = {
             asset: {
-                _ref: urlToId(source.asset.url),
-            },
+                _ref: urlToId(source.asset.url)
+            }
         };
     }
     else if (typeof source.asset === 'object') {
@@ -127,7 +127,7 @@ function applyDefaults(image) {
             left: 0,
             top: 0,
             bottom: 0,
-            right: 0,
+            right: 0
         };
     }
     if (!result.hotspot) {
@@ -135,7 +135,7 @@ function applyDefaults(image) {
             x: 0.5,
             y: 0.5,
             height: 1.0,
-            width: 1.0,
+            width: 1.0
         };
     }
     return result;
@@ -182,7 +182,7 @@ exports.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
     ['crop', 'crop'],
     ['saturation', 'sat'],
     ['auto', 'auto'],
-    ['dpr', 'dpr'],
+    ['dpr', 'dpr']
 ];
 function urlForImage(options) {
     var spec = __assign({}, (options || {}));
@@ -201,7 +201,7 @@ function urlForImage(options) {
         left: cropLeft,
         top: cropTop,
         width: Math.round(asset.width - image.crop.right * asset.width - cropLeft),
-        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop),
+        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop)
     };
     // Compute hot spot rect in terms of pixel coordinates
     var hotSpotVerticalRadius = (image.hotspot.height * asset.height) / 2;
@@ -212,7 +212,7 @@ function urlForImage(options) {
         left: hotSpotCenterX - hotSpotHorizontalRadius,
         top: hotSpotCenterY - hotSpotVerticalRadius,
         right: hotSpotCenterX + hotSpotHorizontalRadius,
-        bottom: hotSpotCenterY + hotSpotVerticalRadius,
+        bottom: hotSpotCenterY + hotSpotVerticalRadius
     };
     // If irrelevant, or if we are requested to: don't perform crop/fit based on
     // the crop/hotspot.
@@ -294,7 +294,7 @@ function fit(source, spec) {
             left: Math.round(left),
             top: Math.round(top_2),
             width: Math.round(width),
-            height: Math.round(height),
+            height: Math.round(height)
         };
     }
     else {
@@ -316,13 +316,13 @@ function fit(source, spec) {
             left: Math.max(0, Math.floor(left)),
             top: Math.max(0, Math.floor(top_3)),
             width: Math.round(width),
-            height: Math.round(height),
+            height: Math.round(height)
         };
     }
     return {
         width: imgWidth,
         height: imgHeight,
-        rect: cropRect,
+        rect: cropRect
     };
 }
 
@@ -375,12 +375,11 @@ function urlBuilder(options) {
     var client = options;
     if (isSanityClient(client)) {
         // Inherit config from client
-        var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
-        var apiHost = apiUrl || 'https://api.sanity.io';
+        var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
         return new ImageUrlBuilder(null, {
             baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
             projectId: projectId,
-            dataset: dataset,
+            dataset: dataset
         });
     }
     // Or just accept the options as given
@@ -393,7 +392,7 @@ var ImageUrlBuilder = /** @class */ (function () {
             ? __assign(__assign({}, (parent.options || {})), (options || {})) : __assign({}, (options || {})); // Copy options
     }
     ImageUrlBuilder.prototype.withOptions = function (options) {
-        var baseUrl = options.baseUrl || this.options.baseUrl;
+        var baseUrl = options.baseUrl || '';
         var newOptions = { baseUrl: baseUrl };
         for (var key in options) {
             if (options.hasOwnProperty(key)) {
@@ -521,7 +520,7 @@ var ImageUrlBuilder = /** @class */ (function () {
     ImageUrlBuilder.prototype.url = function () {
         return urlForImage_1$1.default(this.options);
     };
-    // Alias for url()
+    // Synonym for url()
     ImageUrlBuilder.prototype.toString = function () {
         return this.url();
     };

package/dist/esm/{index-5f9f807a.js → index-c5fd0af5.js}

@@ -1,5 +1,5 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 
@@ -179,7 +179,7 @@ var _createClass = function () { function defineProperties(target, props) { for
 
 
 
-var _react2 = _interopRequireDefault(React__default);
+var _react2 = _interopRequireDefault(React);
 
 
 
@@ -530,7 +530,7 @@ var LazyLoad = function (_Component) {
   }]);
 
   return LazyLoad;
-}(React__default.Component);
+}(React.Component);
 
 LazyLoad.propTypes = {
   once: _propTypes2.default.bool,
@@ -587,7 +587,7 @@ var decorator = function decorator() {
       }]);
 
       return LazyLoadDecorated;
-    }(React__default.Component);
+    }(React.Component);
   };
 };
 

package/dist/esm/{index.es-938a3a58.js → index.es-27d0bae9.js}

@@ -1,4 +1,4 @@
-import React__default, { Component } from 'react';
+import React, { Component } from 'react';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -263,9 +263,6 @@ var InfiniteScroll = /** @class */ (function (_super) {
             _this.dragging = false;
             if (_this.state.pullToRefreshThresholdBreached) {
                 _this.props.refreshFunction && _this.props.refreshFunction();
-                _this.setState({
-                    pullToRefreshThresholdBreached: false,
-                });
             }
             requestAnimationFrame(function () {
                 // this._infScroll
@@ -372,6 +369,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
         // update state when new data was sent in
         this.setState({
             showLoader: false,
+            pullToRefreshThresholdBreached: false,
         });
     };
     InfiniteScroll.prototype.isElementAtBottom = function (target, scrollThreshold) {
@@ -398,10 +396,10 @@ var InfiniteScroll = /** @class */ (function (_super) {
         var outerDivStyle = this.props.pullDownToRefresh && this.props.height
             ? { overflow: 'auto' }
             : {};
-        return (React__default.createElement("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv" },
-            React__default.createElement("div", { className: "infinite-scroll-component " + (this.props.className || ''), ref: function (infScroll) { return (_this._infScroll = infScroll); }, style: style },
-                this.props.pullDownToRefresh && (React__default.createElement("div", { style: { position: 'relative' }, ref: function (pullDown) { return (_this._pullDown = pullDown); } },
-                    React__default.createElement("div", { style: {
+        return (React.createElement("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv" },
+            React.createElement("div", { className: "infinite-scroll-component " + (this.props.className || ''), ref: function (infScroll) { return (_this._infScroll = infScroll); }, style: style },
+                this.props.pullDownToRefresh && (React.createElement("div", { style: { position: 'relative' }, ref: function (pullDown) { return (_this._pullDown = pullDown); } },
+                    React.createElement("div", { style: {
                             position: 'absolute',
                             left: 0,
                             right: 0,