@mjhls/mjh-framework 1.0.817-image-crop-test-v3 → 1.0.817

package/dist/cjs/NavMagazine.js

@@ -8,19 +8,19 @@ var Container = require('react-bootstrap/Container');
 var Nav = require('react-bootstrap/Nav');
 var Navbar = require('react-bootstrap/Navbar');
 var NavDropdown = require('react-bootstrap/NavDropdown');
-var index_esm = require('./index.esm-3b9b8952.js');
-var index_esm$1 = require('./index.esm-974f47d9.js');
+var index_esm = require('./index.esm-9225638f.js');
+var index_esm$1 = require('./index.esm-00a6aade.js');
 var NavFooter = require('./NavFooter-3dcd99a8.js');
-var index_esm$2 = require('./index.esm-8123cf40.js');
-var main = require('./main-025fdc78.js');
+var index_esm$2 = require('./index.esm-2bb721c8.js');
+var main = require('./main-f1c77adb.js');
 var Segment = require('./Segment.js');
-var SocialSearchComponent = require('./SocialSearchComponent-ecb4f972.js');
+var SocialSearchComponent = require('./SocialSearchComponent-948138c7.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
 require('./core.get-iterator-method-f474eacc.js');
-require('./iconBase-68959171.js');
+require('./iconBase-be4097c0.js');
 require('./react-social-icons-af932527.js');
 require('prop-types');
 require('./asyncToGenerator-58c289d9.js');
@@ -40,16 +40,16 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 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

package/dist/cjs/NavNative.js

@@ -9,14 +9,14 @@ var Nav = require('react-bootstrap/Nav');
 var Navbar = require('react-bootstrap/Navbar');
 var NavDropdown = require('react-bootstrap/NavDropdown');
 var NavFooter = require('./NavFooter-3dcd99a8.js');
-var index_esm = require('./index.esm-8123cf40.js');
+var index_esm = require('./index.esm-2bb721c8.js');
 var Segment = require('./Segment.js');
 var SocialIcons = require('./SocialIcons.js');
-var iconBase = require('./iconBase-68959171.js');
+var iconBase = require('./iconBase-be4097c0.js');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
-var main = require('./main-025fdc78.js');
+var main = require('./main-f1c77adb.js');
 var eq = require('./eq-5fc26c07.js');
 var isSymbol = require('./isSymbol-03abbdf0.js');
 var toNumber = require('./toNumber-5e1fac58.js');
@@ -317,15 +317,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,

package/dist/cjs/NavNormal.js

@@ -7,10 +7,10 @@ var Container = require('react-bootstrap/Container');
 var Nav = require('react-bootstrap/Nav');
 var Navbar = require('react-bootstrap/Navbar');
 var NavDropdown = require('react-bootstrap/NavDropdown');
-var index_esm = require('./index.esm-3b9b8952.js');
+var index_esm = require('./index.esm-9225638f.js');
 var Search = require('./Search.js');
 var Segment = require('./Segment.js');
-require('./iconBase-68959171.js');
+require('./iconBase-be4097c0.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-46657b5c.js');

package/dist/cjs/OncliveHero.js

@@ -1,11 +1,10 @@
 'use strict';
 
 var React = require('react');
-var urlFor = require('./urlFor.js');
+var index = require('./index-efca863c.js');
 require('react-bootstrap/Badge');
-require('./iconBase-68959171.js');
+require('./iconBase-be4097c0.js');
 var moment = require('./moment-aca40de1.js');
-require('./index-efca863c.js');
 require('./_commonjsHelpers-06173234.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,7 +14,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var OncliveHero = function OncliveHero(props) {
   var client = props.client;
 
-
+  var builder = index.imageUrlBuilder(client);
+  function urlFor(source) {
+    return builder.image(source).auto('format');
+  }
   return React__default['default'].createElement(
     'div',
     { className: 'article-group--container' },
@@ -23,8 +25,7 @@ var OncliveHero = function OncliveHero(props) {
       var articleThumbnail = '';
       var articleAltText = article.title;
       if (article.thumbnail && article.thumbnail.asset) {
-        articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
-
+        articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
         articleAltText = article.thumbnail.asset.originalFileName;
       } else if (props.thumbnail) {
         articleThumbnail = props.thumbnail;

package/dist/cjs/OncliveLargeHero.js

@@ -2,12 +2,11 @@
 
 var React = require('react');
 var moment = require('./moment-aca40de1.js');
-var urlFor = require('./urlFor.js');
+var index = require('./index-efca863c.js');
 var entities = require('./entities-3f9d0f2f.js');
 var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
-var index = require('./index-eadd5035.js');
+var index$1 = require('./index-eadd5035.js');
 require('./_commonjsHelpers-06173234.js');
-require('./index-efca863c.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -28,12 +27,15 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
   var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
   var client = props.client;
 
+  var builder = index.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({ client: client, source: topArticle.thumbnail.asset, imageWidth: 550 });
-
+    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(550).url();
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -76,18 +78,18 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
       React__default['default'].createElement(
         'div',
         { className: 'sub-articles-container middle-single' },
-        middleArticles && middleArticles.map(function (article, index$1) {
+        middleArticles && middleArticles.map(function (article, index) {
           var articleThumbnail = '';
           var articleAltText = article.title;
           if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
             articleAltText = article.thumbnail.asset.originalFileName;
           } else if (props.thumbnail) {
             articleThumbnail = props.thumbnail;
           }
           return React__default['default'].createElement(
             'div',
-            { key: index$1, className: 'sub-article' },
+            { key: index, className: 'sub-article' },
             React__default['default'].createElement(
               'a',
               { href: '/view/' + article.url.current },
@@ -115,9 +117,9 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 'div',
                 { className: 'author-wrapper' },
                 React__default['default'].createElement(
-                  index.LazyLoad,
+                  index$1.LazyLoad,
                   { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                 )
               )
             )
@@ -131,19 +133,18 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
       React__default['default'].createElement(
         'div',
         { className: 'sub-articles-container middle-group' },
-        middleArticles && middleArticles.map(function (article, index$1) {
+        middleArticles && middleArticles.map(function (article, index) {
           var articleThumbnail = '';
           var articleAltText = article.title;
           if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
-
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
             articleAltText = article.thumbnail.asset.originalFileName;
           } else if (props.thumbnail) {
             articleThumbnail = props.thumbnail;
           }
           return React__default['default'].createElement(
             'div',
-            { key: index$1, className: 'sub-article' },
+            { key: index, className: 'sub-article' },
             React__default['default'].createElement(
               'a',
               { href: '/view/' + article.url.current },
@@ -171,9 +172,9 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 'div',
                 { className: 'author-wrapper' },
                 React__default['default'].createElement(
-                  index.LazyLoad,
+                  index$1.LazyLoad,
                   { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                 )
               )
             )
@@ -183,18 +184,18 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
       React__default['default'].createElement(
         'div',
         { className: 'sub-articles-container' },
-        subArticles && subArticles.map(function (article, index$1) {
+        subArticles && subArticles.map(function (article, index) {
           var articleThumbnail = '';
           var articleAltText = article.title;
           if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
             articleAltText = article.thumbnail.asset.originalFileName;
           } else if (props.thumbnail) {
             articleThumbnail = props.thumbnail;
           }
           return React__default['default'].createElement(
             'div',
-            { key: index$1, className: 'sub-article' },
+            { key: index, className: 'sub-article' },
             React__default['default'].createElement(
               'a',
               { href: '/view/' + article.url.current },
@@ -222,9 +223,9 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 'div',
                 { className: 'author-wrapper' },
                 React__default['default'].createElement(
-                  index.LazyLoad,
+                  index$1.LazyLoad,
                   { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                 )
               )
             )

package/dist/cjs/PartnerDetailListing.js

@@ -5,13 +5,14 @@ var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var _extends = require('./extends-29bdbc6d.js');
 var React = require('react');
 var reactTwitterEmbed = require('react-twitter-embed');
+var index = require('./index-efca863c.js');
 var smoothscroll = require('./smoothscroll-99df7f93.js');
-var urlFor = require('./urlFor.js');
 var moment = require('./moment-aca40de1.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
-var getSerializers = require('./index-55c6de08.js');
+var urlFor = require('./urlFor.js');
+var getSerializers = require('./index-70971c54.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -21,20 +22,18 @@ require('./_library-dd23b178.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('./_iter-detect-55a5657a.js');
 require('./_object-pie-083f2dd6.js');
-require('./index-efca863c.js');
 require('./toConsumableArray-ddb70795.js');
 require('react-bootstrap');
 require('./index.es-f3e47207.js');
 require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
-require('./index-fc2f1ca2.js');
-require('./events-1b438fe7.js');
+require('./index-0e4427c8.js');
 require('prop-types');
 require('next/router');
 require('./index-eadd5035.js');
-require('./main-025fdc78.js');
+require('./main-f1c77adb.js');
 require('./entities-3f9d0f2f.js');
-require('./ADInfeed-1ac86856.js');
+require('./ADInfeed-7cf51090.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -45,7 +44,7 @@ require('./stringify-c9ac1214.js');
 require('./Segment.js');
 require('./AuthorComponent-c21aac7f.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-2ee46b09.js');
+require('./ADlgInfeed-bf24708d.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 require('react-bootstrap/Breadcrumb');
@@ -67,8 +66,8 @@ require('react-bootstrap/Col');
 require('./inherits-c2065b95.js');
 require('./_object-sap-a175b4a9.js');
 require('./define-property-c88be878.js');
-require('./index.esm-974f47d9.js');
-require('./iconBase-68959171.js');
+require('./index.esm-00a6aade.js');
+require('./iconBase-be4097c0.js');
 require('react-bootstrap/Figure');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -95,6 +94,10 @@ var ImageSlider = function ImageSlider(props) {
       scrollPosition = _useState6[0],
       setScrollPosition = _useState6[1];
 
+  var builder = index.imageUrlBuilder(props.client);
+  function urlFor(source) {
+    return builder.image(source);
+  }
   function scrollSlider(e, direction) {
     var slide = e.target.parentElement;
     var scrollOffset = scrollPosition;
@@ -202,7 +205,7 @@ var ImageSlider = function ImageSlider(props) {
           'div',
           { ref: innerSlider, className: 'row__inner' },
           props.data.slides.map(function (img, index) {
-            var thumbnail = urlFor({ client: client, source: img.slideshowImage, imageWidth: 250 });
+            var thumbnail = urlFor(img.slideshowImage).width(250);
             if (!img.slideshowImage.link) {
               return React__default['default'].createElement(
                 'div',
@@ -271,7 +274,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
             React__default['default'].createElement('img', {
               alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
               style: { maxWidth: '100%' },
-              src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : '' }),
+              src: partnerDetails.thumbnail ? urlFor(client, partnerDetails.thumbnail.asset) : '' }),
             partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default['default'].createElement(
               'figcaption',
               null,
@@ -284,7 +287,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
           React__default['default'].createElement('img', {
             alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
             style: { maxWidth: '100%' },
-            src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : '' }),
+            src: partnerDetails.thumbnail ? urlFor(client, partnerDetails.thumbnail.asset) : '' }),
           partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default['default'].createElement(
             'figcaption',
             null,

package/dist/cjs/PdfDownload.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index_esm = require('./index.esm-3b9b8952.js');
+var index_esm = require('./index.esm-9225638f.js');
 var React = require('react');
-require('./iconBase-68959171.js');
+require('./iconBase-be4097c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/PubSection.js

@@ -15,20 +15,18 @@ require('./_iter-detect-55a5657a.js');
 require('./_object-pie-083f2dd6.js');
 require('./toConsumableArray-ddb70795.js');
 require('react-bootstrap');
-require('./urlFor.js');
 require('./index-efca863c.js');
 require('./index.es-f3e47207.js');
 require('./moment-aca40de1.js');
 require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
-require('./index-fc2f1ca2.js');
-require('./events-1b438fe7.js');
+require('./index-0e4427c8.js');
 require('prop-types');
 require('next/router');
 require('./index-eadd5035.js');
-require('./main-025fdc78.js');
+require('./main-f1c77adb.js');
 require('./entities-3f9d0f2f.js');
-require('./ADInfeed-1ac86856.js');
+require('./ADInfeed-7cf51090.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -39,7 +37,7 @@ require('./stringify-c9ac1214.js');
 require('./Segment.js');
 require('./AuthorComponent-c21aac7f.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-2ee46b09.js');
+require('./ADlgInfeed-bf24708d.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 

package/dist/cjs/PublicationDeck.js

@@ -6,12 +6,11 @@ var Col = require('react-bootstrap/Col');
 var Button = require('react-bootstrap/Button');
 var Card = require('react-bootstrap/Card');
 var index = require('./index-eadd5035.js');
-var urlFor = require('./urlFor.js');
+var index$1 = require('./index-efca863c.js');
 var lodash = require('./lodash-f0783643.js');
 require('./_commonjsHelpers-06173234.js');
 require('react-dom');
 require('prop-types');
-require('./index-efca863c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,12 +22,8 @@ var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,
-      _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,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
       href = props.href,
       website = props.website,
       client = props.client;
@@ -48,10 +43,17 @@ var PublicationDeck = function PublicationDeck(props) {
     return o.childIssue && o.childIssue.year ? o.childIssue.year : null;
   }]);
 
+  var urlFor = function urlFor(source) {
+    var builder = index$1.imageUrlBuilder(client);
+    return builder.image(source).auto('format');
+  };
+
   var renderCardImage = function renderCardImage(thumbnail) {
     if (thumbnail && thumbnail.asset) {
-      var url = urlFor({ client: client, source: thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
-      return url;
+      var url = urlFor(thumbnail);
+      if (imageHeight) url = url.height(imageHeight);
+      if (imageWidth) url = url.width(imageWidth);
+      return url.url();
     } else {
       return website.logo;
     }

package/dist/cjs/PublicationLanding.js

@@ -383,32 +383,35 @@ module.exports = { "default": set$1, __esModule: true };
 
 var _Set = _commonjsHelpers.unwrapExports(set);
 
-/* 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
+/* 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
 */
 
 var generateContentPlacements = function generateContentPlacements(issues) {