@mjhls/mjh-framework 1.0.440 → 1.0.441

package/dist/esm/DeckQueue.js

@@ -6,10 +6,10 @@ import './_iter-detect-7c281f0a.js';
 import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
 import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-92072fff.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-dfba24f5.js';
-import './typeof-e4b50250.js';
-import React__default from 'react';
-import { d as debounce_1, l as lib_3 } from './debounce-df468b0e.js';
+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-bbec2f34.js';
+import './typeof-09bf9211.js';
+import React from 'react';
+import { d as debounce_1, l as lib_3 } from './debounce-42a7f724.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -17,14 +17,14 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import { m as moment } from './moment-12415288.js';
 import { withRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-27d0bae9.js';
 import 'react-dom';
-import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-5f9f807a.js';
-import { m as main_39 } from './main-7d1b3c98.js';
+import { V as VisibilitySensor } from './visibility-sensor-87d6b78c.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
+import { L as LazyLoad } from './index-c5fd0af5.js';
+import { m as main_36 } from './main-cf4930f0.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import { g as get_1 } from './get-53653403.js';
+import { g as get_1 } from './get-bc6cf9fb.js';
 
 var DeckQueue = function (_React$Component) {
   _inherits(DeckQueue, _React$Component);
@@ -176,7 +176,7 @@ var DeckQueue = function (_React$Component) {
       var rightItems = _this.props.rightItems;
 
       var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-      return React__default.createElement(
+      return React.createElement(
         'div',
         { style: { display: 'flex', flex: '1 0 auto' } },
         rightItems[i].component
@@ -184,15 +184,15 @@ var DeckQueue = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React__default.createElement(
+      return React.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default.createElement(
+        currentPage && currentPage > 1 && React.createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -210,78 +210,78 @@ var DeckQueue = function (_React$Component) {
       var lgVar = Math.floor(12 / columns);
       var numberOfItemsBeforeAd = 6;
 
-      return React__default.createElement(
+      return React.createElement(
         Row,
         null,
         this.state.data && this.state.data.map(function (row, index) {
           var pageNumber = row.pageNumber || _this2.state.page;
           // const thumbnailURL = get(row, 'thumbnail.asset.url', this.props.defaultImage)
 
-          return React__default.createElement(
-            React__default.Fragment,
+          return React.createElement(
+            React.Fragment,
             { key: index },
-            React__default.createElement(
+            React.createElement(
               VisibilitySensor,
               {
                 onChange: function onChange(isVisible) {
                   isVisible && _this2.changePageNumber(pageNumber);
                 } },
-              React__default.createElement(
+              React.createElement(
                 Col,
                 { md: 12, lg: lgVar, style: { display: 'flex', flex: '1 0 auto' } },
-                React__default.createElement(
+                React.createElement(
                   Card,
                   { className: 'queue-card', style: { borderTop: '1px solid #EEE' } },
-                  React__default.createElement(
+                  React.createElement(
                     Row,
                     { style: { flexDirection: mode } },
-                    (row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default.createElement(
+                    (row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React.createElement(
                       Col,
                       { md: 12, lg: 4 },
-                      React__default.createElement(
+                      React.createElement(
                         'a',
                         { href: _this2.page + '/' + get_1(row, 'url.current') },
-                        React__default.createElement(
+                        React.createElement(
                           LazyLoad,
                           { height: _this2.props.imageHeight },
-                          React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
+                          React.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                         )
                       )
                     ),
-                    React__default.createElement(
+                    React.createElement(
                       Col,
                       null,
-                      React__default.createElement(
+                      React.createElement(
                         Card.Body,
                         { style: { padding: '20px' } },
-                        row.title && React__default.createElement(
+                        row.title && React.createElement(
                           Card.Title,
                           null,
-                          React__default.createElement(
+                          React.createElement(
                             'a',
                             { href: _this2.page + '/' + get_1(row, 'url.current') },
                             row.title
                           )
                         ),
-                        _this2.props.showPublished && row.published && React__default.createElement(
+                        _this2.props.showPublished && row.published && React.createElement(
                           Card.Subtitle,
                           null,
                           moment(row.published).format('MMMM DD, YYYY')
                         ),
-                        _this2.props.showRecent && row.recent && row.recent.title && React__default.createElement(
+                        _this2.props.showRecent && row.recent && row.recent.title && React.createElement(
                           Card.Subtitle,
                           null,
                           'Recent : ',
-                          React__default.createElement(
+                          React.createElement(
                             'a',
                             { href: 'view/' + row.recent.url.current },
                             row.recent.title
                           )
                         ),
-                        row.summary && React__default.createElement(
+                        row.summary && React.createElement(
                           Card.Text,
                           null,
-                          React__default.createElement(
+                          React.createElement(
                             'a',
                             { href: _this2.page + '/' + get_1(row, 'url.current') },
                             clean_html_1(row.summary)
@@ -293,7 +293,7 @@ var DeckQueue = function (_React$Component) {
                 )
               )
             ),
-            main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+            main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
           );
         })
       );
@@ -310,29 +310,29 @@ var DeckQueue = function (_React$Component) {
           page = _props.page;
 
 
-      return React__default.createElement(
+      return React.createElement(
         'div',
         { className: 'contentDeck' },
-        autoScroll ? React__default.createElement(
+        autoScroll ? React.createElement(
           InfiniteScroll,
           { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
-          React__default.createElement(
+          React.createElement(
             Container,
             null,
             this.cardLoader(page, columns, variant)
           )
-        ) : React__default.createElement(
-          React__default.Fragment,
+        ) : React.createElement(
+          React.Fragment,
           null,
-          React__default.createElement(
+          React.createElement(
             Container,
             null,
             this.cardLoader(page, columns, variant)
           ),
-          React__default.createElement(
+          React.createElement(
             'div',
             { style: { padding: '0px 10px' } },
-            this.state.scrolling ? React__default.createElement(
+            this.state.scrolling ? React.createElement(
               'button',
               {
                 style: { margin: 'auto', width: '100%' },
@@ -340,17 +340,17 @@ var DeckQueue = function (_React$Component) {
                   _this3.loadMore();
                 } },
               'Load More'
-            ) : React__default.createElement(
+            ) : React.createElement(
               'p',
               { style: { textAlign: 'center' } },
-              React__default.createElement(
+              React.createElement(
                 'b',
                 null,
                 'End of data'
               )
             )
           ),
-          React__default.createElement(
+          React.createElement(
             'noscript',
             null,
             this.renderManualPagination()
@@ -361,7 +361,7 @@ var DeckQueue = function (_React$Component) {
   }]);
 
   return DeckQueue;
-}(React__default.Component);
+}(React.Component);
 
 var Queue = withRouter(DeckQueue);
 

package/dist/esm/{Dfp-d5fe1252.js → Dfp-994cd0ab.js}

@@ -1,11 +1,11 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-1b1f7766.js';
 import './web.dom.iterable-e6bf2bf6.js';
-import React__default, { useState } from 'react';
-import { d as debounce_1, a as lib_1, e as lib_2 } from './debounce-df468b0e.js';
+import React, { useState } from 'react';
+import { d as debounce_1, a as lib_1, e as lib_2 } from './debounce-42a7f724.js';
 import PropTypes from 'prop-types';
 import 'react-dom';
-import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
+import { V as VisibilitySensor } from './visibility-sensor-87d6b78c.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 
 var AD = function AD(_ref) {
@@ -37,20 +37,20 @@ var AD = function AD(_ref) {
     }
   }, 500);
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React.createElement(
+    React.Fragment,
     null,
-    !showPlaceholder && React__default.createElement(
+    !showPlaceholder && React.createElement(
       lib_1,
       {
         dfpNetworkId: networkID,
         targetingArguments: targeting,
         sizeMapping: sizeMapping,
         lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
-      React__default.createElement(
+      React.createElement(
         'div',
         { className: className },
-        React__default.createElement(lib_2, {
+        React.createElement(lib_2, {
           slotId: slotId,
           sizes: sizes,
           adUnit: adUnit,
@@ -62,7 +62,7 @@ var AD = function AD(_ref) {
         })
       )
     ),
-    adRendered && showPlaceholder && React__default.createElement(
+    adRendered && showPlaceholder && React.createElement(
       VisibilitySensor,
       {
         partialVisibility: true,
@@ -71,7 +71,7 @@ var AD = function AD(_ref) {
             setShowPlaceholder(false);
           }
         } },
-      React__default.createElement(
+      React.createElement(
         'div',
         { style: { height: 'auto' } },
         '\xA0'

package/dist/esm/{Figure-cc1affbe.js → Figure-1c55ebf0.js}

@@ -1,8 +1,8 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-1b1f7766.js';
 import './web.dom.iterable-e6bf2bf6.js';
-import React__default, { useState } from 'react';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import React, { useState } from 'react';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import { Figure as Figure$1 } from 'react-bootstrap';
 
@@ -96,21 +96,21 @@ var FigureComponent = function FigureComponent(props) {
     margin: figureMargin
   };
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React.createElement(
+    React.Fragment,
     null,
-    React__default.createElement(
+    React.createElement(
       Figure$1,
       { className: '' + class_name, style: figureStyle },
-      link ? React__default.createElement(
+      link ? React.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default.createElement(Figure$1.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor(node, client).url(), alt: alt && alt }),
-        caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
-      ) : React__default.createElement(
-        React__default.Fragment,
+        React.createElement(Figure$1.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor(node, client).url(), alt: alt && alt }),
+        caption && React.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
+      ) : React.createElement(
+        React.Fragment,
         null,
-        React__default.createElement(Figure$1.Image, {
+        React.createElement(Figure$1.Image, {
           style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
           className: 'figure-image',
           src: urlFor(node, client).url(),
@@ -120,14 +120,14 @@ var FigureComponent = function FigureComponent(props) {
             setOpenImg(true);
           }
         }),
-        caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
+        caption && React.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'div',
       { className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-      React__default.createElement('img', { src: openImgSrc }),
-      React__default.createElement('a', {
+      React.createElement('img', { src: openImgSrc }),
+      React.createElement('a', {
         className: 'lightbox-close',
         onClick: function onClick() {
           setOpenImgSrc('');
@@ -135,7 +135,7 @@ var FigureComponent = function FigureComponent(props) {
         }
       })
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 99999;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
@@ -143,6 +143,6 @@ var FigureComponent = function FigureComponent(props) {
   );
 };
 
-var Figure = React__default.memo(FigureComponent, compareProps);
+var Figure = React.memo(FigureComponent, compareProps);
 
 export default Figure;