@mjhls/mjh-framework 1.0.819 → 1.0.821-url-pagination-v1

package/dist/esm/{index-e887f3d1.js → index-7aec473d.js}

@@ -5,15 +5,15 @@ import { _ as _extends, b as _extends$1 } from './extends-6f2fcc99.js';
 import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-75d45541.js';
 import { _ as _typeof$1 } from './typeof-af9c50d8.js';
 import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
-import { l as lib_3 } from './index-acfb8079.js';
+import { l as lib_3 } from './index-f7fb1e25.js';
 import PropTypes from 'prop-types';
 import Row$1 from 'react-bootstrap/Row';
 import Col$1 from 'react-bootstrap/Col';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-b6f49411.js';
 import Router, { useRouter } from 'next/router';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
-import { d as main_16, b as main_38, m as main_39 } from './main-aef58dbc.js';
+import { d as main_16, b as main_39, m as main_40 } from './main-747e7d25.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';
@@ -25,7 +25,7 @@ import GroupDeck from './GroupDeck.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 { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-4abff0b1.js';
 import Head from 'next/head';
 import SocialShare from './SocialShare.js';
 import { _ as _objectToArray } from './_object-to-array-7e804fce.js';
@@ -33,10 +33,6 @@ import Pagination from 'react-bootstrap/Pagination';
 import Button$1 from 'react-bootstrap/Button';
 import Figure$2 from 'react-bootstrap/Figure';
 
-var urlFor = function urlFor(source, builder) {
-  return builder.image(source).auto('format');
-};
-
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   var pageNumber = selectedIndex + 1;
   var href = '/view/' + router.query.url + '?page=' + pageNumber;
@@ -55,8 +51,6 @@ var Slideshow = function Slideshow(_ref) {
       carouselIndex = _useState2[0],
       setCarouselIndex = _useState2[1];
 
-  var builder = imageUrlBuilder(client);
-
   useEffect(function () {
     var itemArr = router.asPath.split('?page=');
     var pageNumber = parseInt(itemArr[1]);
@@ -84,7 +78,7 @@ var Slideshow = function Slideshow(_ref) {
         return React.createElement(
           Carousel.Item,
           { key: slide._key },
-          React.createElement('img', { src: slide.asset && urlFor(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React.createElement('img', { src: slide.asset && urlFor({ source: slide.asset, client: client }), alt: slide.alt && slide.alt, style: { width: '100%' } }),
           slide.caption && React.createElement(
             'p',
             { className: 'p-2' },
@@ -1617,11 +1611,11 @@ function shouldUpdateVideo(prevProps, props) {
 
 function filterResetOptions(opts) {
   return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
+    playerVars: _objectSpread({
       autoplay: 0,
       start: 0,
       end: 0
-    })
+    }, opts.playerVars)
   });
 }
 /**
@@ -2065,11 +2059,6 @@ var Media = function Media(_ref) {
       _node$disableTextWrap = node.disableTextWrap,
       disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap;
 
-  var builder = imageUrlBuilder(client);
-
-  var urlFor = function urlFor(source) {
-    return builder.image(source).auto('format');
-  };
 
   if (typeof window === 'undefined') {
     return null;
@@ -2149,7 +2138,7 @@ var Media = function Media(_ref) {
         React.createElement(
           LazyLoad,
           { once: true },
-          React.createElement(Figure$1.Image, _extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor(poster).url() }, alt && { alt: alt }))
+          React.createElement(Figure$1.Image, _extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ sorce: poster, client: client }) }, alt && { alt: alt }))
         ),
         caption && React.createElement(
           Figure$1.Caption,
@@ -7151,11 +7140,6 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     }
   });
 
-  var builder = imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source);
-  }
-
   var router = useRouter();
 
   var _useState = useState(false),
@@ -7221,10 +7205,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
 
     Videos.forEach(function (vid) {
       if (vid.type == 'mp4') {
-        data.push({ title: vid.title, thumbnail: urlFor(vid.thumbnail.asset).url(), url: vid.url });
+        data.push({ title: vid.title, thumbnail: urlFor({ client: client, source: vid.thumbnail.asset }), url: vid.url });
       } else {
         if (vid.thumbnail && vid.thumbnail.asset) {
-          data.push({ title: vid.title, thumbnail: urlFor(vid.thumbnail.asset).url(), url: vid.url });
+          data.push({ title: vid.title, thumbnail: urlFor({ client: client, source: vid.thumbnail.asset }), url: vid.url });
         } else {
           data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' + getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
         }
@@ -7235,7 +7219,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     if (data.length < seriesVid || !seriesVid) {
       setSeries(1);
       setVidUrl(Videos[0].url);
-      setVidThumbnail(Videos[0].thumbnail && Videos[0].thumbnail.asset ? urlFor(Videos[0].thumbnail.asset).url() : '');
+      setVidThumbnail(Videos[0].thumbnail && Videos[0].thumbnail.asset ? urlFor({ client: client, source: Videos[0].thumbnail.asset }) : '');
       if (Videos[0].type) {
         setVidType(Videos[0].type);
       }
@@ -7246,7 +7230,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     } else {
       setSeries(seriesVid);
       setVidUrl(Videos[seriesVid - 1].url);
-      setVidThumbnail(Videos[seriesVid - 1].thumbnail && Videos[seriesVid - 1].thumbnail.asset ? urlFor(Videos[seriesVid - 1].thumbnail.asset).url() : '');
+      setVidThumbnail(Videos[seriesVid - 1].thumbnail && Videos[seriesVid - 1].thumbnail.asset ? urlFor({ client: client, source: Videos[seriesVid - 1].thumbnail.asset }) : '');
       if (Videos[0].type) {
         setVidType(Videos[seriesVid - 1].type);
       }
@@ -7426,7 +7410,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           return React.createElement(
             'span',
             { key: index },
-            renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor(client, authorDetail.profileImage).height(authorImgHeight).url())
+            renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
           );
         })
       ),
@@ -7821,7 +7805,7 @@ var Poll$1 = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main_38 ? 4 : 10;
+var numberOfPaginations = main_39 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7941,7 +7925,7 @@ var Quiz = function Quiz(_ref) {
   var renderPagination = function renderPagination() {
     return React.createElement(
       Pagination,
-      { className: 'p-0 m-0', size: main_38 && 'sm' },
+      { className: 'p-0 m-0', size: main_39 && 'sm' },
       React.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
@@ -8111,11 +8095,6 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var urlFor$1 = function urlFor(source, client) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
 var Slideshow$1 = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
@@ -8172,7 +8151,7 @@ var Slideshow$1 = function Slideshow(_ref) {
               React.createElement(
                 LazyLoad,
                 null,
-                React.createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
             React.createElement(
@@ -8235,10 +8214,6 @@ var Formstack = function Formstack(_ref) {
   );
 };
 
-var urlFor$2 = function urlFor(source, client) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
 var MultiMedia = function MultiMedia(props) {
   var medias = props.node.medias,
       client = props.client;
@@ -8271,7 +8246,7 @@ var MultiMedia = function MultiMedia(props) {
                 imageBox && React.createElement(
                   LazyLoad,
                   { once: true },
-                  React.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor$2(media.poster, client).url(), alt: media.alt })
+                  React.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt })
                 ),
                 media.caption && React.createElement(
                   'span',
@@ -8385,10 +8360,6 @@ var ArticleSeries = function ArticleSeries(_ref) {
   var today = moment().utc().format();
 
   var authorPrefix = 'authors';
-  var builder = imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source);
-  }
   var router = useRouter();
 
   var refArray = useRef([]);
@@ -8491,7 +8462,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
           React.createElement(
             'div',
             { className: 'prevNext-thumbnail' },
-            React.createElement('img', { src: urlFor(article.thumbnail.asset).url() }),
+            React.createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
             React.createElement(
               'div',
               { className: 'prevNext-reading ' + showReading },
@@ -8561,7 +8532,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   useEffect(function () {
     if (articleClicked === true) {
-      onChangeArticle(Articles[articleIndex].param.current, 'top', Articles[articleIndex].title, Articles[articleIndex].summary, urlFor(Articles[articleIndex].thumbnail.asset).url());
+      onChangeArticle(Articles[articleIndex].param.current, 'top', Articles[articleIndex].title, Articles[articleIndex].summary, urlFor({ client: client, source: Articles[articleIndex].thumbnail.asset }));
     }
   }, [articleClicked]);
 
@@ -8641,7 +8612,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main_39) {
+      if (main_40) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8665,7 +8636,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
     if (pageview) pageview(path);
 
-    if (!main_39) {
+    if (!main_40) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           lib_3.refresh();
@@ -8673,7 +8644,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_39) {
+    if (main_40) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8699,7 +8670,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       setCurrentTitle(title);
       if (rootArticle) {
         setCurrentSummary(rootArticle.summary ? rootArticle.summary : '');
-        setCurrentThumbnail(urlFor(rootArticle.thumbnail.asset).url());
+        setCurrentThumbnail(urlFor({ client: client, source: rootArticle.thumbnail.asset }));
       } else {
         setCurrentSummary('');
         setCurrentThumbnail('');
@@ -8742,7 +8713,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     React.createElement(
       'div',
       { className: 'ad-box', style: { textAlign: 'center' } },
-      main_39 && Ads.map(function (ad, index) {
+      main_40 && Ads.map(function (ad, index) {
         if (index === 0) {
           return React.createElement(
             'div',
@@ -8785,7 +8756,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
               onChange: function onChange(visible) {
                 if (upArrowClicked === false && articleClicked === false) {
                   if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                    onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor(article.thumbnail.asset).url());
+                    onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor({ client: client, source: article.thumbnail.asset }));
                   }
                 }
               } },
@@ -8821,7 +8792,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
                   return React.createElement(
                     'span',
                     { key: index },
-                    renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
+                    renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage }))
                   );
                 })
               ),
@@ -8864,7 +8835,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
             React.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_39 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main_40 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
                   return React.createElement(
                     'div',
@@ -8931,16 +8902,6 @@ var LightBox = function LightBox(_ref) {
   );
 };
 
-var urlFor$3 = function urlFor(source, client) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var generateSrcSet = function generateSrcSet(source, client, width) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).width(width).fit('max').auto('format').url();
-};
-
 var compareProps = function compareProps(prevProps, nextProps) {
   if (nextProps.node.asset && nextProps.node.asset._ref) {
     return prevProps.node.asset._ref === nextProps.node.asset._ref;
@@ -8958,13 +8919,13 @@ var FigureImage = React.memo(function (_ref2) {
   return React.createElement(
     'picture',
     null,
-    React.createElement('source', { media: '(min-width: 1200px)', srcSet: generateSrcSet(node, client, 1500) }),
-    React.createElement('source', { media: '(min-width: 600px)', srcSet: generateSrcSet(node, client, 1000) }),
-    React.createElement('source', { media: '(max-width: 600px)', srcSet: generateSrcSet(node, client, 500) }),
+    React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
     React.createElement('img', _extends({
       style: figureImageStyle,
       className: 'figure-image',
-      src: urlFor$3(node, client).url(),
+      src: urlFor({ source: node, client: client }),
       alt: imgAlt ? imgAlt : 'figure image'
     }, !link && {
       onClick: function onClick() {
@@ -9068,7 +9029,7 @@ var FigureComponent = function FigureComponent(props) {
   };
 
   var handleClickFigure = useCallback(function (node, client) {
-    setLightboxImgSrc(urlFor$3(node, client).url());
+    setLightboxImgSrc(urlFor({ source: node, client: client }));
     setShowLightbox(true);
   }, [node, client]);
 
@@ -9108,11 +9069,6 @@ var FigureComponent = function FigureComponent(props) {
 
 var Figure = React.memo(FigureComponent, compareProps);
 
-var urlFor$4 = function urlFor(source, client) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
 function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   useEffect(function () {
     function handleClickOutside(event) {
@@ -9182,7 +9138,7 @@ var MultiFigure = function MultiFigure(props) {
                 React.createElement(
                   LazyLoad,
                   { once: true },
-                  React.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt })
+                  React.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor({ source: image.asset, client: client }), alt: image.alt })
                 ),
                 React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9195,10 +9151,10 @@ var MultiFigure = function MultiFigure(props) {
                 React.createElement('img', {
                   'images-count': images.length,
                   className: 'multi-figure-image',
-                  src: urlFor$4(image.asset, client).url(),
+                  src: urlFor({ source: image.asset, client: client }),
                   alt: image.alt,
                   onClick: function onClick() {
-                    setOpenImgSrc(urlFor$4(image, client).url());
+                    setOpenImgSrc(urlFor({ source: image, client: client }));
                     setOpenImg(true);
                   }
                 })

package/dist/esm/index-aaa2dae0.js

@@ -0,0 +1,85 @@
+import { c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+var classnames = createCommonjsModule(function (module) {
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames () {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg) && arg.length) {
+				var inner = classNames.apply(null, arg);
+				if (inner) {
+					classes.push(inner);
+				}
+			} else if (argType === 'object') {
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes.push(key);
+					}
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if ( module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
+export { _objectWithoutPropertiesLoose as _, _extends as a, classnames as c };