@mjhls/mjh-framework 1.0.817-image-crop-test-v4 → 1.0.818

package/dist/esm/index.js

@@ -49,8 +49,7 @@ export { default as ADSkyscraper } from './ADSkyscraper.js';
 export { default as Search } from './Search.js';
 export { default as Feature } from './Feature.js';
 import React from 'react';
-import urlFor from './urlFor.js';
-export { default as urlFor } from './urlFor.js';
+import { i as imageUrlBuilder } from './index-0dbff1d1.js';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import 'react-bootstrap/Badge';
@@ -80,7 +79,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-e8c6a892.js';
+export { g as getSerializers } from './index-04c4d8d6.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -94,6 +93,7 @@ export { default as VideoProgramLandingPage } from './VideoProgramLandingPage.js
 export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
 export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
 export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
+export { default as urlFor } from './urlFor.js';
 export { g as getTargeting } from './getTargeting-68291ce9.js';
 export { default as getKeywords } from './getKeywords.js';
 export { default as getQuery } from './getQuery.js';
@@ -137,7 +137,6 @@ import './eq-bdcbf886.js';
 import './AuthorComponent-5ae7409f.js';
 import 'react-bootstrap/Media';
 import './BlockContent-52cf21c5.js';
-import './index-0dbff1d1.js';
 import './react-social-icons-91f9716f.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-fa4e3f8c.js';
@@ -186,7 +185,7 @@ import 'swr';
 import 'passport-local';
 import 'mysql';
 import './md5-4e42248e.js';
-import './SeriesSlider-8f2aca58.js';
+import './SeriesSlider-8414085b.js';
 import './style-inject.es-1f59c1d0.js';
 import 'disqus-react';
 import 'react-twitter-embed';
@@ -213,6 +212,20 @@ var FeatureArticles = function FeatureArticles(props) {
       styles = _props$styles === undefined ? null : _props$styles;
 
 
+  var urlFor = function urlFor(source) {
+    var builder = imageUrlBuilder(client);
+    return builder.image(source).auto('format');
+  };
+
+  var renderImage = function renderImage(thumbnail, imageWidth, imageHeight) {
+    var url = urlFor(thumbnail);
+    if (imageHeight) url = url.height(imageHeight);
+    if (imageWidth) url = url.width(imageWidth);
+    return url.url();
+  };
+
+  //image width updated.
+
   return React.createElement(
     'div',
     { className: 'featured-articles-wrapper' },
@@ -235,7 +248,7 @@ var FeatureArticles = function FeatureArticles(props) {
                 React.createElement(
                   LazyLoad,
                   { height: imageHeight },
-                  React.createElement('img', { style: { width: '100%', borderRadius: '10px' }, src: article.feature_img ? urlFor({ client: client, source: article.feature_img, imageWidth: imageWidth, imageHeight: imageHeight }) : defaultImage })
+                  React.createElement('img', { style: { width: '100%', borderRadius: '10px' }, src: article.feature_img ? renderImage(article.feature_img, imageWidth, imageHeight) : defaultImage })
                 )
               )
             )

package/dist/esm/urlFor.js

@@ -2,40 +2,8 @@ import { i as imageUrlBuilder } from './index-0dbff1d1.js';
 import './_commonjsHelpers-0c4b6f40.js';
 
 // Sanity image auto formating
-
-function urlFor(_ref) {
-  var client = _ref.client,
-      source = _ref.source,
-      _ref$imageWidth = _ref.imageWidth,
-      imageWidth = _ref$imageWidth === undefined ? null : _ref$imageWidth,
-      _ref$imageHeight = _ref.imageHeight,
-      imageHeight = _ref$imageHeight === undefined ? null : _ref$imageHeight,
-      _ref$imageMaxHeight = _ref.imageMaxHeight,
-      imageMaxHeight = _ref$imageMaxHeight === undefined ? null : _ref$imageMaxHeight,
-      _ref$imageFit = _ref.imageFit,
-      imageFit = _ref$imageFit === undefined ? null : _ref$imageFit;
-
-
-  //checks for old usage so it wont break view pages
-  //All view pages are using  urlFor(client, thumbnail.asset).url()
-  //will need to update to urlFor({client, source: thumbnail.asset})
-  //All framework components are using new format
-  if (arguments[1] && arguments[1]._ref) {
-    return imageUrlBuilder(client).image(source).auto('format');
-  }
-
-  if (imageWidth && imageHeight) {
-    imageMaxHeight = imageHeight;
-    imageHeight = null;
-  }
-
-  var builder = imageUrlBuilder(client);
-  var url = builder.image(source);
-  if (imageWidth) url = url.width(imageWidth);
-  if (imageHeight) url = url.height(imageHeight);
-  if (imageMaxHeight) url = url.maxHeight(imageMaxHeight);
-  if (imageFit) url = url.fit(imageFit);
-  return url.auto('format').url();
+function urlFor(client, source) {
+  return imageUrlBuilder(client).image(source).auto('format');
 }
 
 export default urlFor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.817-image-crop-test-v4",
+  "version": "1.0.818",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",