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

package/dist/esm/NavMagazine.js

@@ -8,7 +8,7 @@ import './web.dom.iterable-4439f05a.js';
 import React, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import { c as main_40 } from './main-aef58dbc.js';
+import { c as main_41 } from './main-747e7d25.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './asyncToGenerator-fc1c2e29.js';
 import Segment from './Segment.js';
@@ -25,19 +25,19 @@ import { N as NavFooter } from './NavFooter-c29526b7.js';
 import { S as SocialNavFooter } from './index.esm-8ee5ff72.js';
 import './SocialIcons.js';
 import 'react-bootstrap/FormControl';
-import { S as SocialSearchComponent } from './SocialSearchComponent-82ac7d6d.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-94f6554c.js';
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     user={props.cache.user}
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -315,7 +315,7 @@ var NavMagazine = function NavMagazine(props) {
       {
         id: 'navbar-ham',
         style: { width: '100%', display: 'flex', top: topOffset, overflow: 'auto', zIndex: '999999' },
-        className: main_40 ? 'bottom-nav ios-nav' : 'bottom-nav ',
+        className: main_41 ? 'bottom-nav ios-nav' : 'bottom-nav ',
         variant: 'dark',
         expand: 'xl',
         bg: 'primary',
@@ -331,7 +331,7 @@ var NavMagazine = function NavMagazine(props) {
             'aria-controls': 'basic-navbar-nav',
             onClick: function onClick() {
               // Set overflow fix for iPhones safari browsers
-              if (main_40) {
+              if (main_41) {
                 var mainNav = document.querySelector('#navbar-ham');
                 if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
               }

package/dist/esm/NavNative.js

@@ -10,7 +10,7 @@ import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import { i as isObject_1 } from './isSymbol-1981418f.js';
 import { t as toNumber_1 } from './toNumber-2f7a84cd.js';
-import { c as main_40 } from './main-aef58dbc.js';
+import { c as main_41 } from './main-747e7d25.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './asyncToGenerator-fc1c2e29.js';
 import Segment from './Segment.js';
@@ -302,15 +302,15 @@ function chunk(array, size, guard) {
 var chunk_1 = chunk;
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
   // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
   var logo = props.logo,
@@ -566,13 +566,13 @@ var NavNative = function NavNative(props) {
     React.createElement(
       Navbar,
       {
-        className: main_40 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
+        className: main_41 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
         variant: 'dark',
         expand: 'lg',
         bg: 'primary',
         sticky: 'top',
         ref: navRef,
-        style: { minHeight: '65px', overflow: '' + (main_40 ? 'auto' : '') } },
+        style: { minHeight: '65px', overflow: '' + (main_41 ? 'auto' : '') } },
       React.createElement(
         Container,
         { style: { maxHeight: '80vh' }, className: 'mobile-nav' },

package/dist/esm/OncliveHero.js

@@ -1,17 +1,15 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import { m as moment } from './moment-12415288.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { m as moment } from './moment-b6f49411.js';
+import './index-51a80699.js';
+import urlFor from './urlFor.js';
 import './iconBase-602d52fe.js';
 import 'react-bootstrap/Badge';
 
 var OncliveHero = function OncliveHero(props) {
   var client = props.client;
 
-  var builder = imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source).auto('format');
-  }
+
   return React.createElement(
     'div',
     { className: 'article-group--container' },
@@ -19,7 +17,8 @@ var OncliveHero = function OncliveHero(props) {
       var articleThumbnail = '';
       var articleAltText = article.title;
       if (article.thumbnail && article.thumbnail.asset) {
-        articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+        articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
+
         articleAltText = article.thumbnail.asset.originalFileName;
       } else if (props.thumbnail) {
         articleThumbnail = props.thumbnail;

package/dist/esm/OncliveLargeHero.js

@@ -5,9 +5,10 @@ import './core.get-iterator-method-e1de7503.js';
 import './web.dom.iterable-4439f05a.js';
 import React from 'react';
 import 'prop-types';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-b6f49411.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import './index-51a80699.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-641f241f.js';
@@ -21,15 +22,12 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
   var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
   var client = props.client;
 
-  var builder = imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source).auto('format');
-  }
 
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(550).url();
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 550 });
+
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -76,7 +74,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
           var articleThumbnail = '';
           var articleAltText = article.title;
           if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
             articleAltText = article.thumbnail.asset.originalFileName;
           } else if (props.thumbnail) {
             articleThumbnail = props.thumbnail;
@@ -131,7 +129,8 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
           var articleThumbnail = '';
           var articleAltText = article.title;
           if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
+
             articleAltText = article.thumbnail.asset.originalFileName;
           } else if (props.thumbnail) {
             articleThumbnail = props.thumbnail;
@@ -182,7 +181,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
           var articleThumbnail = '';
           var articleAltText = article.title;
           if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
             articleAltText = article.thumbnail.asset.originalFileName;
           } else if (props.thumbnail) {
             articleThumbnail = props.thumbnail;

package/dist/esm/PartnerDetailListing.js

@@ -14,22 +14,24 @@ import './web.dom.iterable-4439f05a.js';
 import './typeof-af9c50d8.js';
 import './_is-array-58e95429.js';
 import React, { useRef, useState, useEffect } from 'react';
-import './index-acfb8079.js';
+import './events-6c3a7a63.js';
+import './index-f7fb1e25.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-b6f49411.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
-import './index.es-7dda2f0a.js';
+import './index.es-c6222053.js';
 import 'react-dom';
 import './visibility-sensor-f40c2564.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import './index-51a80699.js';
+import urlFor from './urlFor.js';
 import './index-6c12bdd5.js';
-import './main-aef58dbc.js';
+import './main-747e7d25.js';
 import './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -37,9 +39,9 @@ import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './async
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-ba59666b.js';
+import './ADInfeed-427022e9.js';
 import './lodash-ec8c6b48.js';
-import './ADlgInfeed-995322a1.js';
+import './ADlgInfeed-28d3f944.js';
 import './getContentCategory-15dcc413.js';
 import './AuthorComponent-8ffd4679.js';
 import { B as BlockContent } from './BlockContent-d05b5b23.js';
@@ -51,9 +53,9 @@ import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import './iconBase-602d52fe.js';
 import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-e887f3d1.js';
+import { g as getSerializers } from './index-7aec473d.js';
 import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e1c6b0f2.js';
+import './brightcove-react-player-loader.es-4abff0b1.js';
 import 'next/head';
 import 'react-share';
 import './SocialShare.js';
@@ -65,7 +67,6 @@ import 'react-bootstrap/Carousel';
 import Feature from './Feature.js';
 import 'react-bootstrap/Breadcrumb';
 import Breadcrumbs from './Breadcrumbs.js';
-import urlFor from './urlFor.js';
 import { TwitterTimelineEmbed } from 'react-twitter-embed';
 
 var ImageSlider = function ImageSlider(props) {
@@ -88,10 +89,6 @@ var ImageSlider = function ImageSlider(props) {
       scrollPosition = _useState6[0],
       setScrollPosition = _useState6[1];
 
-  var builder = imageUrlBuilder(props.client);
-  function urlFor(source) {
-    return builder.image(source);
-  }
   function scrollSlider(e, direction) {
     var slide = e.target.parentElement;
     var scrollOffset = scrollPosition;
@@ -199,7 +196,7 @@ var ImageSlider = function ImageSlider(props) {
           'div',
           { ref: innerSlider, className: 'row__inner' },
           props.data.slides.map(function (img, index) {
-            var thumbnail = urlFor(img.slideshowImage).width(250);
+            var thumbnail = urlFor({ client: client, source: img.slideshowImage, imageWidth: 250 });
             if (!img.slideshowImage.link) {
               return React.createElement(
                 'div',
@@ -268,7 +265,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
             React.createElement('img', {
               alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
               style: { maxWidth: '100%' },
-              src: partnerDetails.thumbnail ? urlFor(client, partnerDetails.thumbnail.asset) : '' }),
+              src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : '' }),
             partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React.createElement(
               'figcaption',
               null,
@@ -281,7 +278,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
           React.createElement('img', {
             alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
             style: { maxWidth: '100%' },
-            src: partnerDetails.thumbnail ? urlFor(client, partnerDetails.thumbnail.asset) : '' }),
+            src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : '' }),
           partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React.createElement(
             'figcaption',
             null,

package/dist/esm/PubSection.js

@@ -9,20 +9,22 @@ import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-6f2fcc99.js';
 import './web.dom.iterable-4439f05a.js';
 import React from 'react';
-import './index-acfb8079.js';
+import './events-6c3a7a63.js';
+import './index-f7fb1e25.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import './moment-12415288.js';
+import './moment-b6f49411.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
-import './index.es-7dda2f0a.js';
+import './index.es-c6222053.js';
 import 'react-dom';
 import './visibility-sensor-f40c2564.js';
 import './index-51a80699.js';
+import './urlFor.js';
 import './index-6c12bdd5.js';
-import './main-aef58dbc.js';
+import './main-747e7d25.js';
 import './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -30,9 +32,9 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-ba59666b.js';
+import './ADInfeed-427022e9.js';
 import './lodash-ec8c6b48.js';
-import './ADlgInfeed-995322a1.js';
+import './ADlgInfeed-28d3f944.js';
 import './getContentCategory-15dcc413.js';
 import './AuthorComponent-8ffd4679.js';
 import 'react-bootstrap';

package/dist/esm/PublicationDeck.js

@@ -5,15 +5,20 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import './index-51a80699.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
 import { l as lodash } from './lodash-ec8c6b48.js';
 import Button from 'react-bootstrap/Button';
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
+      _props$imageHeight = props.imageHeight,
+      imageHeight = _props$imageHeight === undefined ? null : _props$imageHeight,
+      _props$imageWidth = props.imageWidth,
+      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
+      _props$imageFit = props.imageFit,
+      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
       href = props.href,
       website = props.website,
       client = props.client;
@@ -33,17 +38,10 @@ var PublicationDeck = function PublicationDeck(props) {
     return o.childIssue && o.childIssue.year ? o.childIssue.year : null;
   }]);
 
-  var urlFor = function urlFor(source) {
-    var builder = imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
-
   var renderCardImage = function renderCardImage(thumbnail) {
     if (thumbnail && thumbnail.asset) {
-      var url = urlFor(thumbnail);
-      if (imageHeight) url = url.height(imageHeight);
-      if (imageWidth) url = url.width(imageWidth);
-      return url.url();
+      var url = urlFor({ client: client, source: thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
+      return url;
     } else {
       return website.logo;
     }

package/dist/esm/PublicationLanding.js

@@ -373,35 +373,32 @@ module.exports = { "default": set, __esModule: true };
 
 var _Set = unwrapExports(set$1);
 
-/* usage & query
-const Publication = (props) => {
-  const { cache, pub, year } = props
-  const targeting = {
-    content_placement: [`/journals/${pub.identifier.current}`],
-    document_url: [`/journals/${pub.identifier.current}`],
-  }
-  return (
-    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
-      <PublicationLanding publication={pub} year={year} href={'journals'} />
-    </Shell>
-  )
-}
-Publication.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const {
-    query: { year },
-  } = ctx
-  const pub = await client.fetch(getQuery('publication'), query)
-  const builder = imageUrlBuilder(client)
-  const urlFor = (source) => {
-    return builder.image(source)
-  }
-  pub.issues.map((issue) => {
-    issue.thumbnail = urlFor(issue.thumbnail).url()
-  })
-  return { pub, year }
-}
-export default Publication
+/* usage & query
+const Publication = (props) => {
+  const { cache, pub, year } = props
+  const targeting = {
+    content_placement: [`/journals/${pub.identifier.current}`],
+    document_url: [`/journals/${pub.identifier.current}`],
+  }
+  return (
+    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
+      <PublicationLanding publication={pub} year={year} href={'journals'} />
+    </Shell>
+  )
+}
+Publication.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const {
+    query: { year },
+  } = ctx
+  const pub = await client.fetch(getQuery('publication'), query)
+ **import urlFor from framework**
+  pub.issues.map((issue) => {
+    issue.thumbnail = urlFor({client, source: issue.thumbnail})
+  })
+  return { pub, year }
+}
+export default Publication
 */
 
 var generateContentPlacements = function generateContentPlacements(issues) {