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

package/dist/cjs/YahooHero.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');
@@ -27,11 +26,15 @@ var YahooHero = function YahooHero(props) {
   var subArticles = props.dataRecord.slice(1, 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: 600 });
+    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(600).url();
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -76,12 +79,11 @@ var YahooHero = function YahooHero(props) {
     React__default['default'].createElement(
       'div',
       { className: 'yh-sub-article-container' },
-      subArticles.map(function (article, index$1) {
+      subArticles.map(function (article, index) {
         var articleThumbnail = '';
         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();
           article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
@@ -89,7 +91,7 @@ var YahooHero = function YahooHero(props) {
 
         return React__default['default'].createElement(
           'div',
-          { key: index$1, className: 'yh-sub-article' },
+          { key: index, className: 'yh-sub-article' },
           React__default['default'].createElement(
             'a',
             { href: '/view/' + article.url.current },
@@ -110,9 +112,9 @@ var YahooHero = function YahooHero(props) {
             moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           article.authorMapping && article.authorMapping.length > 0 && 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 })
           )
         );
       })
@@ -120,7 +122,7 @@ var YahooHero = function YahooHero(props) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .article-hero{\n          padding-bottom:15px\n        }\n        .yh-top-article {\n          display: flex;\n          flex-direction: row;\n          position: relative;\n          font-family: Roboto, sans-serif;\n          margin-bottom: 1rem;\n          border-radius: 15px;\n          overflow: hidden;\n          min-height: 315px;\n        }\n        .yh-top-article--img {\n          width: 100%;\n          min-height: 240px;\n          overflow: hidden;\n        }\n        .yh-top-article--img img {\n          width: 100%;\n          height: auto;\n          min-height: 100%;\n          max-height: 615px;\n          object-fit: cover;\n        }\n        .yh-top-article--body {\n          height: 100%;\n          width: 40%;\n          min-width: 320px;\n          right: 0;\n          position: absolute;\n          color: white;\n          padding: 1.75rem;\n          height: 315px;\n          display: flex;\n          align-items: flex-start;\n          justify-content: center;\n          flex-direction: column;\n        }\n        .yh-top-article--body h1 {\n          color: white!important;\n          font-size: 1.4rem;\n          font-weight: 500;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--body p {\n          font-size: 0.9rem;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--blur {\n          height: 100%;\n          width: 40%;\n          right: 0;\n          position: absolute;\n          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n          background: rgba(0,0,0,.65);\n          min-width: 320px;\n        }\n        .yh-sub-article-container {\n          display: flex;\n          justify-content: space-between;\n        }\n        .yh-sub-article {\n          width: 23.25%;\n        }\n        .yh-sub-article p.yh-sub-article--title {\n          font-weight: bold;\n        }\n        .yh-sub-article img {\n          width: 100%;\n          max-height: 150px;\n          object-fit: cover;\n          border-radius: 15px;\n        }\n        .yh-sub-article img[src=\'' + props.thumbnail + '\']{\n          object-fit: contain;\n        }\n        .yh-sub-article--title {\n          font-weight: bold;\n          margin-top: .25rem;\n          font-size: 1rem;\n          margin-bottom: .25rem;\n        }\n        .yh-sub-article--info {\n          font-size: .8rem;\n          margin-bottom: 0;\n\n        }\n        @media screen and (max-width: 968px) {\n          .yh-sub-article-container {\n            flex-wrap: wrap;\n          }\n          .yh-sub-article {\n            width: 48%;\n            margin-bottom: 1rem;\n          }\n        }\n      '
+      '\n        .article-hero{\n          padding-bottom:15px\n        }\n        .yh-top-article {\n          display: flex;\n          flex-direction: row;\n          position: relative;\n          font-family: Roboto, sans-serif;\n          margin-bottom: 1rem;\n          border-radius: 15px;\n          overflow: hidden;\n          min-height: 315px;\n        }\n        .yh-top-article--img {\n          width: 100%;\n          min-height: 240px;\n          overflow: hidden;\n        }\n        .yh-top-article--img img {\n          width: 100%;\n          height: auto;\n          min-height: 100%;\n          max-height: 315px;\n          object-fit: cover;\n        }\n        .yh-top-article--body {\n          height: 100%;\n          width: 40%;\n          min-width: 320px;\n          right: 0;\n          position: absolute;\n          color: white;\n          padding: 1.75rem;\n          height: 315px;\n          display: flex;\n          align-items: flex-start;\n          justify-content: center;\n          flex-direction: column;\n        }\n        .yh-top-article--body h1 {\n          color: white!important;\n          font-size: 1.4rem;\n          font-weight: 500;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--body p {\n          font-size: 0.9rem;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--blur {\n          height: 100%;\n          width: 40%;\n          right: 0;\n          position: absolute;\n          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n          background: rgba(0,0,0,.65);\n          min-width: 320px;\n        }\n        .yh-sub-article-container {\n          display: flex;\n          justify-content: space-between;\n        }\n        .yh-sub-article {\n          width: 23.25%;\n        }\n        .yh-sub-article p.yh-sub-article--title {\n          font-weight: bold;\n        }\n        .yh-sub-article img {\n          width: 100%;\n          height: 150px;\n          object-fit: cover;\n          border-radius: 15px;\n        }\n        .yh-sub-article img[src=\'' + props.thumbnail + '\']{\n          object-fit: contain;\n        }\n        .yh-sub-article--title {\n          font-weight: bold;\n          margin-top: .25rem;\n          font-size: 1rem;\n          margin-bottom: .25rem;\n        }\n        .yh-sub-article--info {\n          font-size: .8rem;\n          margin-bottom: 0;\n\n        }\n        @media screen and (max-width: 968px) {\n          .yh-sub-article-container {\n            flex-wrap: wrap;\n          }\n          .yh-sub-article {\n            width: 48%;\n            margin-bottom: 1rem;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/YoutubeGroup.js

@@ -6,8 +6,8 @@ var React = require('react');
 var index = require('./index-187c967e.js');
 var index$1 = require('./index-eadd5035.js');
 var smoothscroll = require('./smoothscroll-99df7f93.js');
-var urlFor = require('./urlFor.js');
-var main = require('./main-025fdc78.js');
+var index$2 = require('./index-efca863c.js');
+var main = require('./main-f1c77adb.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
@@ -18,16 +18,15 @@ require('./_library-dd23b178.js');
 require('./core.get-iterator-method-f474eacc.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 }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var YoutubeGroup = function YoutubeGroup(props) {
@@ -57,6 +56,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
       tileHeight = _useState8[0],
       setTileHeight = _useState8[1];
 
+  var urlFor = function urlFor(source, client) {
+    var builder = index$2.imageUrlBuilder(client);
+    return builder.image(source).auto('format');
+  };
+
   React.useEffect(function () {
     //IE11 Polyfill
     smoothscroll.smoothscroll.polyfill();
@@ -250,7 +254,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
             var url = video.url;
             var thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
-              thumbnail = urlFor({ source: video.thumbnail, client: props.client });
+              thumbnail = urlFor(video.thumbnail, props.client);
             } else if (_typeof._typeof(video.thumbnail == 'string')) {
               thumbnail = video.thumbnail;
             } else {
@@ -305,7 +309,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
             var _url = '' + video.link;
             var _thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
-              _thumbnail = urlFor({ source: video.thumbnail, client: props.client });
+              _thumbnail = urlFor(video.thumbnail, props.client);
             } else {
               _thumbnail = 'https://img.youtube.com/vi/' + index.getYoutubeId(video.url) + '/hqdefault.jpg';
             }

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-55c6de08.js');
+var getSerializers = require('./index-70971c54.js');
 require('./BlockContent-36e54d77.js');
 require('./entities-3f9d0f2f.js');
 require('./slicedToArray-5d1bc3b3.js');
@@ -11,10 +11,8 @@ require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('react-bootstrap');
-require('./urlFor.js');
 require('./index-efca863c.js');
-require('./index-fc2f1ca2.js');
-require('./events-1b438fe7.js');
+require('./index-0e4427c8.js');
 require('prop-types');
 require('next/router');
 require('./index-187c967e.js');
@@ -25,7 +23,7 @@ require('./asyncToGenerator-58c289d9.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-55a5657a.js');
 require('./Segment.js');
-require('./main-025fdc78.js');
+require('./main-f1c77adb.js');
 require('./extends-29bdbc6d.js');
 require('./_object-pie-083f2dd6.js');
 require('./index-eadd5035.js');
@@ -52,8 +50,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');
 
 

package/dist/cjs/{getTargeting-be6168ad.js → getTargeting-a100d6e5.js}

@@ -4,18 +4,18 @@ var _extends = require('./extends-29bdbc6d.js');
 var toConsumableArray = require('./toConsumableArray-ddb70795.js');
 
 var getContentPlacementUrl = function getContentPlacementUrl(cp) {
-  var cp_url = '';
-  if (cp.ancestor && typeof cp.ancestor == 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
-  }
+    var cp_url = '';
+    if (cp.ancestor && typeof cp.ancestor == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
+    }
 
-  if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.parent;
-  }
+    if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.parent;
+    }
 
-  cp_url += (cp_url === '' ? '' : '/') + cp.path;
+    cp_url += (cp_url === '' ? '' : '/') + cp.path;
 
-  return cp_url;
+    return cp_url;
 };
 
 var getTargeting = function getTargeting(props) {

package/dist/cjs/getTargeting.js

@@ -2,7 +2,7 @@
 
 require('./extends-29bdbc6d.js');
 require('./toConsumableArray-ddb70795.js');
-var getTargeting = require('./getTargeting-be6168ad.js');
+var getTargeting = require('./getTargeting-a100d6e5.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-6de10e57.js');
 require('./_object-pie-083f2dd6.js');

package/dist/{esm/iconBase-602d52fe.js → cjs/iconBase-be4097c0.js}

@@ -1,4 +1,28 @@
-import { createContext, createElement } from 'react';
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n['default'] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var DefaultContext = {
   color: undefined,
@@ -7,7 +31,7 @@ var DefaultContext = {
   style: undefined,
   attr: undefined
 };
-var IconContext = createContext && createContext(DefaultContext);
+var IconContext = React__namespace.createContext && React__namespace.createContext(DefaultContext);
 
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
@@ -34,7 +58,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 function Tree2Element(tree) {
   return tree && tree.map(function (node, i) {
-    return createElement(node.tag, __assign({
+    return React__namespace.createElement(node.tag, __assign({
       key: i
     }, node.attr), Tree2Element(node.child));
   });
@@ -42,7 +66,7 @@ function Tree2Element(tree) {
 
 function GenIcon(data) {
   return function (props) {
-    return createElement(IconBase, __assign({
+    return React__namespace.createElement(IconBase, __assign({
       attr: __assign({}, data.attr)
     }, props), Tree2Element(data.child));
   };
@@ -58,7 +82,7 @@ function IconBase(props) {
         title = props.title,
         svgProps = __rest(props, ["attr", "title"]);
 
-    return createElement("svg", __assign({
+    return React__namespace.createElement("svg", __assign({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -70,12 +94,13 @@ function IconBase(props) {
       height: computedSize,
       width: computedSize,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && createElement("title", null, title), props.children);
+    }), title && React__namespace.createElement("title", null, title), props.children);
   };
 
-  return IconContext !== undefined ? createElement(IconContext.Consumer, null, function (conf) {
+  return IconContext !== undefined ? React__namespace.createElement(IconContext.Consumer, null, function (conf) {
     return elem(conf);
   }) : elem(DefaultContext);
 }
 
-export { GenIcon as G, IconContext as I };
+exports.GenIcon = GenIcon;
+exports.IconContext = IconContext;