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

package/dist/cjs/{SocialSearchComponent-cea213aa.js → SocialSearchComponent-ecb4f972.js}

@@ -1,17 +1,21 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var main = require('./main-02daeefe.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
-var iconBase = require('./iconBase-68959171.js');
-var Form = _interopDefault(require('react-bootstrap/Form'));
-var index_esm$2 = require('./index.esm-4d410430.js');
 var SocialIcons = require('./SocialIcons.js');
-var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
+var index_esm = require('./index.esm-8123cf40.js');
+var iconBase = require('./iconBase-68959171.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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
 var SocialSearchComponent = function SocialSearchComponent(_ref) {
   var type = _ref.type,
@@ -45,7 +49,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
     var mastNav = document.querySelector('.nav-brands');
     var topOffset = 0;
     // Checking for non-IOS devices before setting the offset position.
-    if (window && window.innerWidth < 1200 && mastNav && mastNav.offsetHeight && !main.main_30) topOffset = topOffset + mastNav.offsetHeight;
+    if (window && window.innerWidth < 1200 && mastNav && mastNav.offsetHeight && !main.main_34) topOffset = topOffset + mastNav.offsetHeight;
     if (navWrapper && navWrapper.offsetHeight) topOffset = topOffset + navWrapper.offsetHeight;
     setTopOffset(topOffset + 2);
 
@@ -73,14 +77,14 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
       var searchBtn = document.getElementsByClassName(selector)[0];
       if (searchBtn && searchBtn.classList && searchBtn.classList.contains(addOn)) {
         // Set overflow fix for iPhones safari browsers
-        if (main.main_37 || window.innerWidth < 1200 && main.main_30) {
+        if (main.main_44 || window.innerWidth < 1200 && main.main_34) {
           var mainNav = document.querySelector('#navbar-ham');
           if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
         }
         searchBtn.classList.remove(addOn);
       } else if (searchBtn && searchBtn.classList) {
         // Set overflow fix for iPhones safari browsers
-        if (main.main_37 || window.innerWidth < 1200 && main.main_30) {
+        if (main.main_44 || window.innerWidth < 1200 && main.main_34) {
           var _mainNav = document.querySelector('#navbar-ham');
           if (_mainNav && _mainNav.style) _mainNav.style.overflow = 'visible';
         }
@@ -90,22 +94,22 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
   };
 
   var socialSearchDesktop = function socialSearchDesktop() {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { id: 'search-content-desktop', ref: desktopComponent, style: { display: 'flex' } },
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { id: 'search-bar-desktop', style: { top: topOffset, right: rightOffset } },
-        React__default.createElement(
-          Form,
+        React__default['default'].createElement(
+          Form__default['default'],
           { style: { padding: '6px' }, inline: true, onSubmit: function onSubmit(e) {
               return submitSearch(e);
             } },
-          React__default.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
+          React__default['default'].createElement(FormControl__default['default'], { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
               return setSearchKey(e.target.value);
             } }),
-          React__default.createElement(
-            Button,
+          React__default['default'].createElement(
+            Button__default['default'],
             { variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none', width: '20%', marginLeft: '2%' }, onClick: function onClick(e) {
                 return submitSearch(e);
               } },
@@ -113,22 +117,22 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           )
         )
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         iconBase.IconContext.Provider,
         { value: { color: socialIconVariant === 'light' ? 'white' : 'black', className: 'search-btn-desktop', size: '35px' } },
-        React__default.createElement(index_esm$2.GoSearch, {
+        React__default['default'].createElement(index_esm.GoSearch, {
           onClick: function onClick() {
             toggleClass('search-bar-desktop', 'id', 'show');
             toggleClass('search-btn-desktop', 'class', 'active-search');
           }
         })
       ),
-      website && website.socialLinks && website.socialLinks.length !== 0 && React__default.createElement(
+      website && website.socialLinks && website.socialLinks.length !== 0 && React__default['default'].createElement(
         'div',
         { id: 'social-tab-desktop', style: { display: 'flex', left: '0px', position: 'relative', paddingTop: '3px', maxHeight: '35px' } },
-        website.socialLinks && React__default.createElement(SocialIcons, { socialLinks: website.socialLinks, variant: socialIconVariant })
+        website.socialLinks && React__default['default'].createElement(SocialIcons, { socialLinks: website.socialLinks, variant: socialIconVariant })
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          #search-content-desktop .search-btn-desktop {\n            padding: 5px;\n            cursor: pointer;\n          }\n          #search-content-desktop #search-bar-desktop {\n            display: none;\n            background-color: var(--primary);\n            position: absolute;\n            width: 400px;\n            border-radius: 5px;\n            height: 48px;\n            right: 15%;\n          }\n          #search-content-desktop .search-btn-desktop.active-search {\n            border-radius: 5px;\n            border: 1px solid var(--secondary) !important;\n          }\n          #search-content-desktop #search-bar-desktop.show {\n            display: block !important;\n          }\n        '
@@ -137,22 +141,22 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
   };
 
   var socialSearchMobile = function socialSearchMobile() {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { id: 'search-content-mobile', ref: mobileComponent },
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { id: 'search-bar-mobile', style: { top: topOffset } },
-        React__default.createElement(
-          Form,
+        React__default['default'].createElement(
+          Form__default['default'],
           { inline: true, style: { padding: '6px', width: '100%' }, onSubmit: function onSubmit(e) {
               return submitSearch(e);
             } },
-          React__default.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
+          React__default['default'].createElement(FormControl__default['default'], { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
               return setSearchKey(e.target.value);
             } }),
-          React__default.createElement(
-            Button,
+          React__default['default'].createElement(
+            Button__default['default'],
             { variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none', width: '20%', marginLeft: '2%' }, onClick: function onClick(e) {
                 return submitSearch(e);
               } },
@@ -160,10 +164,10 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           )
         )
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         iconBase.IconContext.Provider,
         { value: { color: socialIconVariant === 'light' ? 'white' : 'black', className: 'search-btn-mobile', size: '35px' } },
-        React__default.createElement(index_esm$2.GoSearch, {
+        React__default['default'].createElement(index_esm.GoSearch, {
           onClick: function onClick() {
             var navToggle = document.getElementsByClassName('navbar-toggler')[0];
             if (navToggle && navToggle.classList && !navToggle.classList.contains('collapsed')) {
@@ -179,10 +183,10 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           }
         })
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
-        '\n          #search-content-mobile {\n            display: flex;\n            z-index: 999;\n          }\n          @media screen and (min-width: 1200px) {\n            #search-content-mobile {\n              display: none;\n            }\n          }\n          #search-content-mobile .search-btn-mobile {\n            padding: 5px;\n            right: 4%;\n            height: 35px;\n            width: 35px;\n            margin-top: 4px;\n            cursor: pointer;\n          }\n          #search-content-mobile #search-bar-mobile {\n            position: ' + (main.main_30 ? 'absolute' : 'fixed') + ';\n            display: none;\n            left: 0px;\n            width: 100%;\n            border-radius: 5px;\n            padding: 10px;\n            background-color: var(--primary);\n          }\n          #search-content-mobile #search-bar-mobile .form-inline {\n            margin-top: 0px;\n            width: 100% !important;\n          }\n          #search-content-mobile #search-bar-mobile .form-inline .form-control {\n            width: 78%;\n            border-radius: 5px;\n            height: 45px;\n          }\n          #search-content-mobile #search-bar-mobile .form-inline .btn {\n            width: 20%;\n            border-radius: 5px;\n            background-color: #040c5a;\n            height: 45px;\n            margin-left: 5px;\n            padding: 1px;\n          }\n          #search-content-mobile .search-btn-mobile.active-search {\n            border-radius: 5px;\n            border: 1px solid var(--secondary);\n          }\n          #search-content-mobile #search-bar-mobile.show {\n            display: block !important;\n          }\n        '
+        '\n          #search-content-mobile {\n            display: flex;\n            z-index: 999;\n          }\n          @media screen and (min-width: 1200px) {\n            #search-content-mobile {\n              display: none;\n            }\n          }\n          #search-content-mobile .search-btn-mobile {\n            padding: 5px;\n            right: 4%;\n            height: 35px;\n            width: 35px;\n            margin-top: 4px;\n            cursor: pointer;\n          }\n          #search-content-mobile #search-bar-mobile {\n            position: ' + (main.main_34 ? 'absolute' : 'fixed') + ';\n            display: none;\n            left: 0px;\n            width: 100%;\n            border-radius: 5px;\n            padding: 10px;\n            background-color: var(--primary);\n          }\n          #search-content-mobile #search-bar-mobile .form-inline {\n            margin-top: 0px;\n            width: 100% !important;\n          }\n          #search-content-mobile #search-bar-mobile .form-inline .form-control {\n            width: 78%;\n            border-radius: 5px;\n            height: 45px;\n          }\n          #search-content-mobile #search-bar-mobile .form-inline .btn {\n            width: 20%;\n            border-radius: 5px;\n            background-color: #040c5a;\n            height: 45px;\n            margin-left: 5px;\n            padding: 1px;\n          }\n          #search-content-mobile .search-btn-mobile.active-search {\n            border-radius: 5px;\n            border: 1px solid var(--secondary);\n          }\n          #search-content-mobile #search-bar-mobile.show {\n            display: block !important;\n          }\n        '
       )
     );
   };

package/dist/cjs/SocialShare.js

@@ -1,12 +1,14 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
-var Head = _interopDefault(require('next/head'));
+var Head = require('next/head');
 var reactShare = require('react-share');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
+
 var SocialShare = function SocialShare(props) {
   var shareUrl = props.shareUrl,
       shareTitle = props.shareTitle,
@@ -22,51 +24,51 @@ var SocialShare = function SocialShare(props) {
       hidePinterest = props.hidePinterest,
       hideFacebook = props.hideFacebook;
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    !disableMeta && React__default.createElement(
-      Head,
+    !disableMeta && React__default['default'].createElement(
+      Head__default['default'],
       null,
-      React__default.createElement('meta', { property: 'og:url', content: shareUrl, key: 'og:url' }),
-      React__default.createElement('meta', { property: 'og:title', content: shareTitle, key: 'og:title' }),
-      React__default.createElement('meta', { property: 'og:image', content: shareImage, key: 'og:image' }),
-      React__default.createElement('meta', { property: 'og:site_name', content: siteName, key: 'og:site_name' }),
-      React__default.createElement('meta', { property: 'og:description', content: shareSummary, key: 'og:description' }),
-      React__default.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'og:card' }),
-      React__default.createElement('meta', { name: 'twitter:title', content: shareTitle, key: 'og:title' }),
-      React__default.createElement('meta', { name: 'twitter:image', content: shareImage, key: 'og:image' }),
-      React__default.createElement('meta', { name: 'twitter:site', content: twitterSiteName, key: 'og:site' }),
-      React__default.createElement('meta', { name: 'twitter:description', content: shareSummary, key: 'og:description' })
+      React__default['default'].createElement('meta', { property: 'og:url', content: shareUrl, key: 'og:url' }),
+      React__default['default'].createElement('meta', { property: 'og:title', content: shareTitle, key: 'og:title' }),
+      React__default['default'].createElement('meta', { property: 'og:image', content: shareImage, key: 'og:image' }),
+      React__default['default'].createElement('meta', { property: 'og:site_name', content: siteName, key: 'og:site_name' }),
+      React__default['default'].createElement('meta', { property: 'og:description', content: shareSummary, key: 'og:description' }),
+      React__default['default'].createElement('meta', { name: 'twitter:card', content: 'summary', key: 'og:card' }),
+      React__default['default'].createElement('meta', { name: 'twitter:title', content: shareTitle, key: 'og:title' }),
+      React__default['default'].createElement('meta', { name: 'twitter:image', content: shareImage, key: 'og:image' }),
+      React__default['default'].createElement('meta', { name: 'twitter:site', content: twitterSiteName, key: 'og:site' }),
+      React__default['default'].createElement('meta', { name: 'twitter:description', content: shareSummary, key: 'og:description' })
     ),
-    !hideFacebook && React__default.createElement(
+    !hideFacebook && React__default['default'].createElement(
       reactShare.FacebookShareButton,
       { url: shareUrl, quote: shareTitle },
-      React__default.createElement(reactShare.FacebookIcon, { size: size, round: true })
+      React__default['default'].createElement(reactShare.FacebookIcon, { size: size, round: true })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       reactShare.TwitterShareButton,
       { url: shareUrl, title: shareTitle, via: shareVia },
-      React__default.createElement(reactShare.TwitterIcon, { size: size, round: true })
+      React__default['default'].createElement(reactShare.TwitterIcon, { size: size, round: true })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       reactShare.LinkedinShareButton,
       { url: shareUrl, title: shareTitle, via: shareVia },
-      React__default.createElement(reactShare.LinkedinIcon, { size: size, round: true })
+      React__default['default'].createElement(reactShare.LinkedinIcon, { size: size, round: true })
     ),
-    !hidePinterest && React__default.createElement(
+    !hidePinterest && React__default['default'].createElement(
       reactShare.PinterestShareButton,
       { url: shareUrl, media: shareImage, description: shareSummary },
-      React__default.createElement(reactShare.PinterestIcon, { size: size, round: true })
+      React__default['default'].createElement(reactShare.PinterestIcon, { size: size, round: true })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       reactShare.EmailShareButton,
       { url: shareUrl, subject: shareSubject, body: shareSummary },
-      React__default.createElement(reactShare.EmailIcon, { size: size, round: true })
+      React__default['default'].createElement(reactShare.EmailIcon, { size: size, round: true })
     )
   );
 };
 
-var SocialShare$1 = React__default.memo(SocialShare);
+var SocialShare$1 = React__default['default'].memo(SocialShare);
 
 module.exports = SocialShare$1;

package/dist/cjs/TaxonomyCard.js

@@ -1,23 +1,29 @@
 '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('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-0a918631.js');
+var _extends = require('./extends-29bdbc6d.js');
 var React = require('react');
-var React__default = _interopDefault(React);
+var BlockContent = require('./BlockContent-36e54d77.js');
+var Container = require('react-bootstrap/Container');
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Card = require('react-bootstrap/Card');
+var urlFor = require('./urlFor.js');
+var index = require('./index-eadd5035.js');
+var reactSocialIcons = require('./react-social-icons-af932527.js');
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-6de10e57.js');
+require('./_object-pie-083f2dd6.js');
 require('prop-types');
-var Container = _interopDefault(require('react-bootstrap/Container'));
-var Row = _interopDefault(require('react-bootstrap/Row'));
-var Col = _interopDefault(require('react-bootstrap/Col'));
-var Card = _interopDefault(require('react-bootstrap/Card'));
+require('./index-efca863c.js');
 require('react-dom');
-var index$1 = require('./index-be0c82be.js');
-var index$2 = require('./index-96b3db50.js');
-var BlockContent = require('./BlockContent-091a991f.js');
-var reactSocialIcons = require('./react-social-icons-f7f48f71.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 
 var TaxonomyCard = function TaxonomyCard(props) {
   // setting default value for imageHeight
@@ -30,20 +36,16 @@ var TaxonomyCard = function TaxonomyCard(props) {
       client = props.client,
       _props$imageHeight = props.imageHeight,
       imageHeight = _props$imageHeight === undefined ? 270 : _props$imageHeight,
-      imageWidth = props.imageWidth,
+      _props$imageWidth = props.imageWidth,
+      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
+      _props$imageFit = props.imageFit,
+      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
       getSerializers = props.getSerializers;
 
-  var builder = index$1.imageUrlBuilder(client);
-
-  var urlFor = function urlFor(source) {
-    return builder.image(source).auto('format');
-  };
 
   var renderCardImage = function renderCardImage(row) {
-    var url = urlFor(row.thumbnail);
-    if (imageHeight) url = url.height(imageHeight);
-    if (imageWidth) url = url.width(imageWidth);
-    return url.url();
+    var url = urlFor({ client: client, source: row.thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
+    return url;
   };
 
   var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
@@ -51,16 +53,16 @@ var TaxonomyCard = function TaxonomyCard(props) {
   var itemCounter = 0;
   var lgVar = 12;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'contentDeck' },
-    React__default.createElement(
-      Container,
+    React__default['default'].createElement(
+      Container__default['default'],
       null,
-      React__default.createElement(
-        Row,
+      React__default['default'].createElement(
+        Row__default['default'],
         null,
-        data && data.map(function (row, index) {
+        data && data.map(function (row, index$1) {
           if (columns === 'rotate' && itemCounter % 3 === 0) {
             lgVar = 12;
           } else if (columns && columns !== 'rotate') {
@@ -97,33 +99,33 @@ var TaxonomyCard = function TaxonomyCard(props) {
           extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
           extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
           extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
-          return React__default.createElement(
-            Col,
+          return React__default['default'].createElement(
+            Col__default['default'],
             { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
-            React__default.createElement(
-              Card,
+            React__default['default'].createElement(
+              Card__default['default'],
               { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
-              React__default.createElement(
-                Card.Body,
+              React__default['default'].createElement(
+                Card__default['default'].Body,
                 null,
-                React__default.createElement(
-                  Row,
+                React__default['default'].createElement(
+                  Row__default['default'],
                   null,
-                  thumbnailURL && React__default.createElement(
-                    Col,
+                  thumbnailURL && React__default['default'].createElement(
+                    Col__default['default'],
                     null,
-                    React__default.createElement(
-                      index$2.LazyLoad,
+                    React__default['default'].createElement(
+                      index.LazyLoad,
                       { height: imageHeight },
-                      row && row.thumbnail && React__default.createElement(
+                      row && row.thumbnail && React__default['default'].createElement(
                         'figure',
                         null,
-                        row.thumbnail.link ? React__default.createElement(
+                        row.thumbnail.link ? React__default['default'].createElement(
                           'a',
                           { href: row.thumbnail.link, target: row.thumbnail.blank ? '_blank' : '_self' },
-                          React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
-                        ) : React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
-                        row && row.thumbnail && row.thumbnail.caption && React__default.createElement(
+                          React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
+                        ) : React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
+                        row && row.thumbnail && row.thumbnail.caption && React__default['default'].createElement(
                           'figcaption',
                           null,
                           row.thumbnail.caption
@@ -131,30 +133,30 @@ var TaxonomyCard = function TaxonomyCard(props) {
                       )
                     )
                   ),
-                  React__default.createElement(
-                    Col,
+                  React__default['default'].createElement(
+                    Col__default['default'],
                     null,
-                    React__default.createElement(
-                      Row,
+                    React__default['default'].createElement(
+                      Row__default['default'],
                       { className: 'details-content-wrapper' },
-                      React__default.createElement(
+                      React__default['default'].createElement(
                         'div',
                         { className: 'details-content-inner-wrapper' },
-                        (address && address.length > 0 || companyDetails && companyDetails.length > 0) && React__default.createElement(
+                        (address && address.length > 0 || companyDetails && companyDetails.length > 0) && React__default['default'].createElement(
                           'div',
                           { className: 'details-wrapper' },
-                          companyDetails && companyDetails.length > 0 && React__default.createElement(
+                          companyDetails && companyDetails.length > 0 && React__default['default'].createElement(
                             'div',
                             { className: 'company-wrapper' },
                             companyDetails.map(function (field, index) {
                               if (field.value && field.key === 'company') {
-                                return React__default.createElement(
+                                return React__default['default'].createElement(
                                   'p',
                                   { className: 'details-field', key: index },
                                   field.value
                                 );
                               } else if (field.value && field.key === 'url') {
-                                return React__default.createElement(
+                                return React__default['default'].createElement(
                                   'a',
                                   { className: 'details-field', href: field.value, key: index },
                                   field.value
@@ -169,12 +171,12 @@ var TaxonomyCard = function TaxonomyCard(props) {
                               // }
                             })
                           ),
-                          address && address.length > 0 && React__default.createElement(
+                          address && address.length > 0 && React__default['default'].createElement(
                             'div',
                             { className: 'address-wrapper' },
                             address.map(function (field, index) {
                               if (field) {
-                                return React__default.createElement(
+                                return React__default['default'].createElement(
                                   'p',
                                   { className: 'details-field', key: index },
                                   field
@@ -182,18 +184,18 @@ var TaxonomyCard = function TaxonomyCard(props) {
                               }
                             })
                           ),
-                          React__default.createElement(
+                          React__default['default'].createElement(
                             'style',
                             { jsx: 'true' },
                             '\n                                    .details-content-wrapper,\n                                    .details-content-inner-wrapper {\n                                      width: 100%;\n                                    }\n                                    .details-wrapper .details-field {\n                                      margin: 0px;\n                                      display: block;\n                                      font-size: 1rem;\n                                      margin-bottom: 3px;\n                                    }\n                                    .details-wrapper .company-wrapper {\n                                      margin-right: 20px;\n                                      display: inline-block;\n                                      width: 50%;\n                                      vertical-align: top;\n                                    }\n                                    .details-wrapper .address-wrapper {\n                                      width: 45%;\n                                      display: inline-block;\n                                    }\n                                  '
                           )
                         ),
-                        socialLinks && socialLinks.length && React__default.createElement(
+                        socialLinks && socialLinks.length && React__default['default'].createElement(
                           'div',
                           { className: 'social-icons' },
                           socialLinks.map(function (url, index) {
                             if (url && url.length) {
-                              return React__default.createElement(reactSocialIcons.reactSocialIcons_1, {
+                              return React__default['default'].createElement(reactSocialIcons.reactSocialIcons_1, {
                                 target: '_blank',
                                 rel: 'noopener noreferrer',
                                 key: index,
@@ -203,22 +205,22 @@ var TaxonomyCard = function TaxonomyCard(props) {
                               });
                             }
                           }),
-                          React__default.createElement(
+                          React__default['default'].createElement(
                             'style',
                             { jsx: 'true' },
                             '\n                                    .social-icons {\n                                      margin-top: 0px;\n                                      margin-bottom: 10px;\n                                    }\n                                  '
                           )
                         ),
-                        React__default.createElement(
-                          Card.Text,
+                        React__default['default'].createElement(
+                          Card__default['default'].Text,
                           null,
-                          React__default.createElement(BlockContent.BlockContent, _extends._extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
+                          React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
                         )
                       )
                     )
                   )
                 ),
-                icon && React__default.createElement(
+                icon && React__default['default'].createElement(
                   'span',
                   {
                     className: 'taxonomy-icon',
@@ -238,7 +240,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
         })
       )
     ),
-    icon && React__default.createElement(
+    icon && React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n          .taxonomy-card:hover .taxonomy-icon {\n            transform: translateY(-50%) scale(1.5) translateX(0) !important;\n          }\n        '