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

package/dist/cjs/IssueDeck.js

@@ -9,7 +9,7 @@ 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 index_es = require('./index.es-f3e47207.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -20,7 +20,6 @@ require('./_object-pie-083f2dd6.js');
 require('./web.dom.iterable-46657b5c.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 }; }
 
@@ -41,12 +40,8 @@ var usePrevious = function usePrevious(value) {
 var IssueDeck = function IssueDeck(props) {
   var data = props.data,
       href = props.href,
-      _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,
       Website = props.Website,
       client = props.client,
       publication = props.publication,
@@ -78,10 +73,17 @@ var IssueDeck = function IssueDeck(props) {
 
   var prevValues = usePrevious(values);
 
+  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/IssueLanding.js

@@ -5,7 +5,7 @@ var React = require('react');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-55c6de08.js');
+var getSerializers = require('./index-70971c54.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-6de10e57.js');
 require('./_object-pie-083f2dd6.js');
@@ -16,20 +16,18 @@ require('./core.get-iterator-method-f474eacc.js');
 require('./toConsumableArray-ddb70795.js');
 require('./_iter-detect-55a5657a.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');
@@ -42,7 +40,7 @@ require('./_library-dd23b178.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');
@@ -64,43 +62,43 @@ 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 }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* usage
-import Settings, { Ads } from '../../../../settings'
-import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
-import client from '../../../../client'
-import moment from 'moment'
-import Shell from '../../../../components/2.0/Shell'
-import { pageview } from '../../../../utilities/gtag'
-
-const Issue = (props) => {
-  const { pubIssue, cache } = props
-  const targeting = {
-    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-  }
-  return (
-    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
-      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
-    </Shell>
-  )
-}
-
-Issue.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
-  )
-  return { pubIssue }
-}
-
-export default Issue
+/* usage
+import Settings, { Ads } from '../../../../settings'
+import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
+import client from '../../../../client'
+import moment from 'moment'
+import Shell from '../../../../components/2.0/Shell'
+import { pageview } from '../../../../utilities/gtag'
+
+const Issue = (props) => {
+  const { pubIssue, cache } = props
+  const targeting = {
+    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+  }
+  return (
+    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
+      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
+    </Shell>
+  )
+}
+
+Issue.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
+  )
+  return { pubIssue }
+}
+
+export default Issue
 */
 
 var IssueLanding = function IssueLanding(props) {

package/dist/cjs/KMTracker.js

@@ -1,27 +1,27 @@
 'use strict';
 
 var KMTracker = function KMTracker(props) {
-  var id = props.id;
+      var id = props.id;
 
-  if (document && id) {
+      if (document && id) {
 (function () {
-      var ecnJquery = document.createElement('script');
+                  var ecnJquery = document.createElement('script');
 
-      ecnJquery.type = 'text/javascript';
-      ecnJquery.async = true;
-      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
+                  ecnJquery.type = 'text/javascript';
+                  ecnJquery.async = true;
+                  ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
 
-      var ecnScript = document.createElement('script');
+                  var ecnScript = document.createElement('script');
 
-      ecnScript.type = 'text/javascript';
-      ecnScript.async = true;
-      ecnScript.id = 'km-tracker';
-      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
+                  ecnScript.type = 'text/javascript';
+                  ecnScript.async = true;
+                  ecnScript.id = 'km-tracker';
+                  ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
 
-      document.head.appendChild(ecnJquery);
-      document.head.appendChild(ecnScript);
-    })();
-  }
+                  document.head.appendChild(ecnJquery);
+                  document.head.appendChild(ecnScript);
+            })();
+      }
 };
 
 module.exports = KMTracker;

package/dist/cjs/LeftNav.js

@@ -16,8 +16,7 @@ require('./AdSlot.js');
 require('./extends-29bdbc6d.js');
 require('./_object-pie-083f2dd6.js');
 require('prop-types');
-require('./index-fc2f1ca2.js');
-require('./events-1b438fe7.js');
+require('./index-0e4427c8.js');
 require('./debounce-d4a2369b.js');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
@@ -26,7 +25,7 @@ require('./stringify-c9ac1214.js');
 require('./asyncToGenerator-58c289d9.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-55a5657a.js');
-require('./main-025fdc78.js');
+require('./main-f1c77adb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/MasterDeck.js

@@ -5,7 +5,7 @@ var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
 var _extends = require('./extends-29bdbc6d.js');
 var inherits = require('./inherits-c2065b95.js');
 var React = require('react');
-var index = require('./index-fc2f1ca2.js');
+var index = require('./index-0e4427c8.js');
 var Container = require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
@@ -17,9 +17,9 @@ var debounce = require('./debounce-d4a2369b.js');
 var index_es = require('./index.es-f3e47207.js');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 require('./index-efca863c.js');
-var ADlgInfeed = require('./ADlgInfeed-2ee46b09.js');
-var ADInfeed = require('./ADInfeed-1ac86856.js');
-require('./main-025fdc78.js');
+var ADlgInfeed = require('./ADlgInfeed-bf24708d.js');
+var ADInfeed = require('./ADInfeed-7cf51090.js');
+require('./main-f1c77adb.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
@@ -32,7 +32,6 @@ require('./_object-sap-a175b4a9.js');
 require('./define-property-c88be878.js');
 require('./typeof-88a668c5.js');
 require('./_is-array-6128bd56.js');
-require('./events-1b438fe7.js');
 require('prop-types');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
@@ -63,7 +62,7 @@ var MasterDeck = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || inherits._Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.isSeriesLanding = _this.props.isSeriesLanding ? _this.props.isSeriesLanding : false, _this.client = _this.props.client, _this.state = {
+    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || inherits._Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.isSeriesLanding = _this.props.isSeriesLanding ? _this.props.isSeriesLanding : false, _this.state = {
       data: _this.data,
       dataKeptToCompareNewDatarecord: _this.data,
       per: _this.params ? _this.params.to : 2,
@@ -232,14 +231,14 @@ var MasterDeck = function (_React$Component) {
             }
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {