@mjhls/mjh-framework 1.0.816-beta.1 → 1.0.817-image-crop-test

package/dist/cjs/IssueContentDeck.js

@@ -1,47 +1,31 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('prop-types');
-var Row = _interopDefault(require('react-bootstrap/Row'));
-var Col = _interopDefault(require('react-bootstrap/Col'));
-var Card = _interopDefault(require('react-bootstrap/Card'));
-var moment = require('./moment-575fe24c.js');
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Card = require('react-bootstrap/Card');
+var Badge = require('react-bootstrap/Badge');
+var index = require('./index-eadd5035.js');
+var urlFor = require('./urlFor.js');
+var moment = require('./moment-aca40de1.js');
+var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
+require('./_commonjsHelpers-06173234.js');
 require('react-dom');
-var index$1 = require('./index-be0c82be.js');
-var index$2 = require('./index-96b3db50.js');
-require('./slicedToArray-8f385299.js');
-var AuthorComponent = require('./AuthorComponent-bb831b74.js');
-var Badge = _interopDefault(require('react-bootstrap/Badge'));
+require('prop-types');
+require('./index-efca863c.js');
+require('./slicedToArray-5d1bc3b3.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');
 
-var urlFor = function urlFor(source, client) {
-  var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var renderCardImage = function renderCardImage(props) {
-  var coverImage = props.coverImage,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
-      client = props.client,
-      Settings = props.Settings;
-
-  if (coverImage && coverImage.asset) {
-    var url = urlFor(coverImage, client);
-    if (imageHeight) url = url.height(imageHeight);
-    if (imageWidth) url = url.width(imageWidth);
-    return url.url();
-  } else {
-    return Settings.logo;
-  }
-};
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
+var Badge__default = /*#__PURE__*/_interopDefaultLegacy(Badge);
 
 var PublicationDeckStack = function PublicationDeckStack(props) {
   var title = props.title,
@@ -51,93 +35,97 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       author = props.author,
       summary = props.summary,
       section = props.section,
-      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,
       client = props.client,
       Settings = props.Settings,
-      index = props.index,
+      index$1 = props.index,
       source = props.source;
 
-  return React__default.createElement(
-    Col,
-    { md: 12, lg: 12, key: index },
-    React__default.createElement(
-      Card,
+  return React__default['default'].createElement(
+    Col__default['default'],
+    { md: 12, lg: 12, key: index$1 },
+    React__default['default'].createElement(
+      Card__default['default'],
       { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { style: { display: 'flex', flex: '1 0 auto', paddingBottom: '1rem' } },
-        coverImage && React__default.createElement(
+        coverImage && React__default['default'].createElement(
           'div',
           { style: { display: 'flex', flexDirection: 'column', justifyContent: 'center' } },
-          React__default.createElement(
+          React__default['default'].createElement(
             'a',
             { href: '/view/' + link },
-            React__default.createElement(
-              index$2.LazyLoad,
+            React__default['default'].createElement(
+              index.LazyLoad,
               { height: imageHeight },
-              React__default.createElement(Card.Img, {
+              React__default['default'].createElement(Card__default['default'].Img, {
                 variant: 'right',
-                src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
+                src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client }) : Settings.logo,
                 alt: title,
                 style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left' }
               })
             )
           ),
-          source && React__default.createElement(
+          source && React__default['default'].createElement(
             'div',
             { className: 'mb-2 sanityDisplayLabel displayLabelThumb' },
             source
           )
         ),
-        React__default.createElement(
-          Card.Body,
+        React__default['default'].createElement(
+          Card__default['default'].Body,
           { style: { padding: '0.5rem' } },
-          section ? React__default.createElement(
-            Badge,
+          section ? React__default['default'].createElement(
+            Badge__default['default'],
             { variant: 'success' },
             section.name
           ) : '',
-          React__default.createElement(
-            Card.Title,
+          React__default['default'].createElement(
+            Card__default['default'].Title,
             { style: { color: '#121212', fontSize: '1.1rem' } },
-            React__default.createElement(
+            React__default['default'].createElement(
               'a',
               { href: '/view/' + link },
-              React__default.createElement(
+              React__default['default'].createElement(
                 'span',
                 null,
                 title
               )
             ),
-            React__default.createElement('br', null)
+            React__default['default'].createElement('br', null)
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'div',
             { style: { float: 'left' } },
-            source && !coverImage && React__default.createElement(
+            source && !coverImage && React__default['default'].createElement(
               'div',
               { className: 'content-category-label' },
-              React__default.createElement(
+              React__default['default'].createElement(
                 'div',
                 { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                 source
               )
             ),
-            React__default.createElement(
+            React__default['default'].createElement(
               'p',
               { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
               moment.moment(published).format('MMMM DD, YYYY ')
             ),
-            author.length > 0 && React__default.createElement(
-              index$2.LazyLoad,
+            author.length > 0 && React__default['default'].createElement(
+              index.LazyLoad,
               { height: 50 },
-              React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: author })
+              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: author })
             )
           )
         )
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'p',
         { style: { paddingLeft: '0.5rem' } },
         summary
@@ -155,32 +143,32 @@ var PublicationDeckBlock = function PublicationDeckBlock(props) {
       imageWidth = props.imageWidth,
       client = props.client,
       Settings = props.Settings,
-      index = props.index;
+      index$1 = props.index;
 
-  return React__default.createElement(
-    Col,
-    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
-    React__default.createElement(
-      Card,
+  return React__default['default'].createElement(
+    Col__default['default'],
+    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index$1 },
+    React__default['default'].createElement(
+      Card__default['default'],
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'a',
         { href: '/view/' + link },
-        coverImage && React__default.createElement(
-          index$2.LazyLoad,
+        coverImage && React__default['default'].createElement(
+          index.LazyLoad,
           { height: imageHeight },
-          React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }), alt: title })
+          React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client, Settings: Settings }) : Settings.logo, alt: title })
         ),
-        React__default.createElement(
-          Card.Body,
+        React__default['default'].createElement(
+          Card__default['default'].Body,
           null,
-          section && section.name ? React__default.createElement(
-            Badge,
+          section && section.name ? React__default['default'].createElement(
+            Badge__default['default'],
             { variant: 'success' },
             section && section.name
           ) : '',
-          React__default.createElement(
-            Card.Title,
+          React__default['default'].createElement(
+            Card__default['default'].Title,
             null,
             title
           )
@@ -199,12 +187,12 @@ var IssueContentDeck = function IssueContentDeck(props) {
       _props$variant = props.variant,
       variant = _props$variant === undefined ? 'block' : _props$variant;
 
-  return React__default.createElement(
-    Row,
+  return React__default['default'].createElement(
+    Row__default['default'],
     null,
     data && data.length ? data.map(function (row, index) {
       if (variant === 'stack') {
-        return row.url && row.url.current && React__default.createElement(PublicationDeckStack, {
+        return row.url && row.url.current && React__default['default'].createElement(PublicationDeckStack, {
           index: index,
           title: row.title,
           coverImage: row.thumbnail,
@@ -220,7 +208,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
           summary: row.summary
         });
       }
-      return React__default.createElement(PublicationDeckBlock, {
+      return React__default['default'].createElement(PublicationDeckBlock, {
         index: index,
         title: row.title,
         coverImage: row.thumbnail,
@@ -231,20 +219,20 @@ var IssueContentDeck = function IssueContentDeck(props) {
         imageWidth: imageWidth,
         client: client
       });
-    }) : React__default.createElement(
+    }) : React__default['default'].createElement(
       'div',
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'h5',
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'
         )
       )
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: 100%;\n            display: inline;\n            max-width: 240px;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '

package/dist/cjs/IssueDeck.js

@@ -1,28 +1,34 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_iter-detect-60b2f026.js');
-var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-0a918631.js');
-require('./web.dom.iterable-a0e279c1.js');
+var toConsumableArray = require('./toConsumableArray-ddb70795.js');
+var _extends = require('./extends-29bdbc6d.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('prop-types');
-var Row = _interopDefault(require('react-bootstrap/Row'));
-var Col = _interopDefault(require('react-bootstrap/Col'));
-var Card = _interopDefault(require('react-bootstrap/Card'));
-var index_es = require('./index.es-9110add6.js');
+var Row = require('react-bootstrap/Row');
+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_es = require('./index.es-f3e47207.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./_iter-detect-55a5657a.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_object-pie-083f2dd6.js');
+require('./web.dom.iterable-46657b5c.js');
 require('react-dom');
-var index$1 = require('./index-be0c82be.js');
-var index$2 = require('./index-96b3db50.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
+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);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 
 var usePrevious = function usePrevious(value) {
   var ref = React.useRef();
@@ -35,8 +41,12 @@ var usePrevious = function usePrevious(value) {
 var IssueDeck = function IssueDeck(props) {
   var data = props.data,
       href = props.href,
-      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,
       Website = props.Website,
       client = props.client,
       publication = props.publication,
@@ -68,17 +78,10 @@ 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(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;
     }
@@ -138,71 +141,71 @@ var IssueDeck = function IssueDeck(props) {
     }
   }, [issuesData, setScrolling, count]);
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     index_es.InfiniteScroll,
     { dataLength: issuesData && issuesData.length, next: function next() {
         return loadMore();
       }, hasMore: scrolling, scrollThreshold: 0.9 },
-    React__default.createElement(
-      Row,
+    React__default['default'].createElement(
+      Row__default['default'],
       null,
-      issuesData && issuesData.length ? issuesData.map(function (row, index) {
-        return publication && row.identifier && row.identifier.current && React__default.createElement(
-          Col,
-          { md: 12, lg: 12, key: index },
-          React__default.createElement(
-            Card,
+      issuesData && issuesData.length ? issuesData.map(function (row, index$1) {
+        return publication && row.identifier && row.identifier.current && React__default['default'].createElement(
+          Col__default['default'],
+          { md: 12, lg: 12, key: index$1 },
+          React__default['default'].createElement(
+            Card__default['default'],
             { className: 'queue-card journal-queue', style: { borderTop: '1px solid #EEE' } },
-            React__default.createElement(
-              Row,
+            React__default['default'].createElement(
+              Row__default['default'],
               { style: { flexDirection: 'left' } },
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 { md: 12, lg: 4, className: 'body-image', style: { textAlign: 'center' } },
-                row.issues.length > 0 ? React__default.createElement(
+                row.issues.length > 0 ? React__default['default'].createElement(
                   'a',
                   { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
-                  row.thumbnail && React__default.createElement(
-                    index$2.LazyLoad,
+                  row.thumbnail && React__default['default'].createElement(
+                    index.LazyLoad,
                     { height: imageHeight },
-                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+                    React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
                   )
-                ) : React__default.createElement(
+                ) : React__default['default'].createElement(
                   'a',
                   null,
-                  row.thumbnail && React__default.createElement(
-                    index$2.LazyLoad,
+                  row.thumbnail && React__default['default'].createElement(
+                    index.LazyLoad,
                     { height: imageHeight },
-                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+                    React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
                   )
                 )
               ),
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 { md: 12, lg: 8 },
-                React__default.createElement(
-                  Card.Body,
+                React__default['default'].createElement(
+                  Card__default['default'].Body,
                   { style: { padding: '20px' }, className: 'body-text' },
-                  React__default.createElement(
-                    Row,
+                  React__default['default'].createElement(
+                    Row__default['default'],
                     null,
-                    React__default.createElement(
-                      Col,
+                    React__default['default'].createElement(
+                      Col__default['default'],
                       null,
-                      React__default.createElement(
-                        Card.Title,
+                      React__default['default'].createElement(
+                        Card__default['default'].Title,
                         null,
                         row.name
                       )
                     )
                   ),
-                  React__default.createElement(
-                    Row,
+                  React__default['default'].createElement(
+                    Row__default['default'],
                     null,
-                    React__default.createElement(
-                      Col,
+                    React__default['default'].createElement(
+                      Col__default['default'],
                       null,
-                      React__default.createElement(
+                      React__default['default'].createElement(
                         'div',
                         null,
                         'Volume: ',
@@ -210,13 +213,13 @@ var IssueDeck = function IssueDeck(props) {
                       )
                     )
                   ),
-                  React__default.createElement(
-                    Row,
+                  React__default['default'].createElement(
+                    Row__default['default'],
                     null,
-                    React__default.createElement(
-                      Col,
+                    React__default['default'].createElement(
+                      Col__default['default'],
                       null,
-                      React__default.createElement(
+                      React__default['default'].createElement(
                         'div',
                         null,
                         'Number: ',
@@ -224,19 +227,19 @@ var IssueDeck = function IssueDeck(props) {
                       )
                     )
                   ),
-                  React__default.createElement(
-                    Row,
+                  React__default['default'].createElement(
+                    Row__default['default'],
                     null,
-                    row.issues.length > 0 && React__default.createElement(
+                    row.issues.length > 0 && React__default['default'].createElement(
                       'a',
                       { style: { paddingRight: '15px', paddingLeft: '15px' }, href: href + '/' + publication + '/' + row.identifier.current },
-                      React__default.createElement(
-                        Button,
+                      React__default['default'].createElement(
+                        Button__default['default'],
                         { style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
                         'View Issue'
                       )
                     ),
-                    row.pdf && row.pdf.asset && React__default.createElement(
+                    row.pdf && row.pdf.asset && React__default['default'].createElement(
                       'a',
                       { rel: 'noopener', href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px' } },
                       'Download Issue'
@@ -247,13 +250,13 @@ var IssueDeck = function IssueDeck(props) {
             )
           )
         );
-      }) : React__default.createElement(
+      }) : React__default['default'].createElement(
         'div',
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'h5',
           null,
-          React__default.createElement(
+          React__default['default'].createElement(
             'em',
             { className: 'pl-3' },
             'New content coming soon, please check back later.'