@mjhls/mjh-framework 1.0.444 → 1.0.446

package/dist/esm/SideFooter.js

@@ -0,0 +1,97 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import React from 'react';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './_arrayMap-a8dd2b2c.js';
+import { g as get_1 } from './get-ae817b75.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
+
+var year = new Date().getFullYear();
+
+var renderLink = function renderLink(row) {
+  if (row.blank) {
+    return React.createElement(
+      'a',
+      { href: row.url, target: '_blank', rel: 'noopener noreferrer' },
+      row.title
+    );
+  }
+  return React.createElement(
+    'a',
+    { href: row.url },
+    row.title
+  );
+};
+
+var SideFooter = function SideFooter(props) {
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  */
+  var _get = get_1(props, 'cache.siteSettingCache', {}),
+      socialLinks = _get.socialLinks,
+      footerLinks = _get.footerLinks,
+      name = _get.name;
+
+  var logo = props.logo;
+
+  return React.createElement(
+    'div',
+    { className: 'side-footer' },
+    React.createElement(
+      'ul',
+      null,
+      footerLinks && footerLinks.map(function (row, index) {
+        return React.createElement(
+          'li',
+          { key: index },
+          renderLink(row)
+        );
+      }),
+      React.createElement(
+        'li',
+        { style: { marginTop: '10px' } },
+        socialLinks && socialLinks.map(function (row, index) {
+          return React.createElement(reactSocialIcons_1, {
+            target: row.blank ? '_blank' : '_self',
+            rel: 'noopener noreferrer',
+            key: index,
+            index: index,
+            url: row.url,
+            style: { width: 30, height: 30, marginRight: 5 }
+          });
+        })
+      )
+    ),
+    logo && React.createElement(
+      'ul',
+      null,
+      React.createElement(
+        'li',
+        { className: 'pt-2' },
+        React.createElement(
+          'a',
+          { href: 'https://www.mjhlifesciences.com' },
+          React.createElement('img', { style: { maxWidth: '100%' }, alt: 'MJHLS Brand Logo', src: logo })
+        )
+      )
+    ),
+    React.createElement(
+      'p',
+      null,
+      '\xA9 ',
+      year,
+      ' MJH Life Sciences',
+      React.createElement(
+        'sup',
+        null,
+        '\u2122'
+      ),
+      ' ',
+      name && name.toLowerCase().includes(' and ') ? ', ' : ' and ',
+      name,
+      '. All rights reserved.'
+    )
+  );
+};
+
+export default SideFooter;

package/dist/esm/SocialNavFooter-1a531144.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
+
+var year = new Date().getFullYear();
+
+var SocialNavFooter = function SocialNavFooter(props) {
+  var website = props.website,
+      showLogo = props.showLogo;
+
+  return React.createElement(
+    'div',
+    { className: 'nav-footer' },
+    website && website.footerLinks && website.footerLinks.length && React.createElement(
+      'ul',
+      null,
+      website && website.footerLinks.map(function (content, index) {
+        if (content.url && content.title) {
+          return content.blank ? React.createElement(
+            'li',
+            { key: index },
+            React.createElement(
+              'a',
+              { target: '_blank', rel: 'noopener noreferrer', href: content.url, className: 'nav-link' },
+              content.title
+            )
+          ) : React.createElement(
+            'li',
+            { key: index },
+            React.createElement(
+              'a',
+              { href: content.url, className: 'nav-link' },
+              content.title
+            )
+          );
+        } else return null;
+      })
+    ),
+    React.createElement(
+      'ul',
+      null,
+      React.createElement(
+        'li',
+        { style: { marginTop: '10px' }, key: website.footerLinks ? website.footerLinks.length + 1 : 1 },
+        website.socialLinks && website.socialLinks.map(function (row, index) {
+          return React.createElement(reactSocialIcons_1, {
+            target: row.blank ? '_blank' : '_self',
+            rel: 'noopener noreferrer',
+            key: index,
+            index: index,
+            url: row.url,
+            style: { width: 30, height: 30, marginRight: 5 }
+          });
+        })
+      ),
+      showLogo && React.createElement(
+        'li',
+        null,
+        React.createElement(
+          'a',
+          { href: 'https://www.mjhlifesciences.com' },
+          React.createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
+        )
+      )
+    ),
+    website && website.name && React.createElement(
+      'p',
+      { className: 'nav-link' },
+      '\xA9 ',
+      year,
+      ' MJH Life Sciences and ',
+      website.name,
+      '. All rights reserved.'
+    )
+  );
+};
+
+export { SocialNavFooter as S };

package/dist/esm/SocialShare.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import Head from 'next/head';
+import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, LinkedinShareButton, LinkedinIcon, PinterestShareButton, PinterestIcon, EmailShareButton, EmailIcon } from 'react-share';
+
+var SocialShare = function SocialShare(props) {
+  var shareUrl = props.shareUrl,
+      shareTitle = props.shareTitle,
+      shareVia = props.shareVia,
+      shareSummary = props.shareSummary,
+      shareSubject = props.shareSubject,
+      shareImage = props.shareImage,
+      size = props.size,
+      siteName = props.siteName,
+      twitterSiteName = props.twitterSiteName,
+      _props$disableMeta = props.disableMeta,
+      disableMeta = _props$disableMeta === undefined ? false : _props$disableMeta;
+
+  return React.createElement(
+    React.Fragment,
+    null,
+    !disableMeta && React.createElement(
+      Head,
+      null,
+      React.createElement('meta', { property: 'og:url', content: shareUrl, key: 'og:url' }),
+      React.createElement('meta', { property: 'og:title', content: shareTitle, key: 'og:title' }),
+      React.createElement('meta', { property: 'og:image', content: shareImage, key: 'og:image' }),
+      React.createElement('meta', { property: 'og:site_name', content: siteName, key: 'og:site_name' }),
+      React.createElement('meta', { property: 'og:description', content: shareSummary, key: 'og:description' }),
+      React.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'og:card' }),
+      React.createElement('meta', { name: 'twitter:title', content: shareTitle, key: 'og:title' }),
+      React.createElement('meta', { name: 'twitter:image', content: shareImage, key: 'og:image' }),
+      React.createElement('meta', { name: 'twitter:site', content: twitterSiteName, key: 'og:site' }),
+      React.createElement('meta', { name: 'twitter:description', content: shareSummary, key: 'og:description' })
+    ),
+    React.createElement(
+      FacebookShareButton,
+      { url: shareUrl, quote: shareTitle },
+      React.createElement(FacebookIcon, { size: size, round: true })
+    ),
+    React.createElement(
+      TwitterShareButton,
+      { url: shareUrl, title: shareTitle, via: shareVia },
+      React.createElement(TwitterIcon, { size: size, round: true })
+    ),
+    React.createElement(
+      LinkedinShareButton,
+      { url: shareUrl, title: shareTitle, via: shareVia },
+      React.createElement(LinkedinIcon, { size: size, round: true })
+    ),
+    !props.hidePinterest && React.createElement(
+      PinterestShareButton,
+      { url: shareUrl, media: shareImage, description: shareSummary },
+      React.createElement(PinterestIcon, { size: size, round: true })
+    ),
+    React.createElement(
+      EmailShareButton,
+      { url: shareUrl, subject: shareSubject, body: shareSummary },
+      React.createElement(EmailIcon, { size: size, round: true })
+    )
+  );
+};
+
+var SocialShare$1 = React.memo(SocialShare);
+
+export default SocialShare$1;

package/dist/esm/TaxonomyCard.js

@@ -1,15 +1,241 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-1b1f7766.js';
+import './_to-object-16fd8b46.js';
 import './_object-pie-33c40e79.js';
-import './extends-92072fff.js';
-import 'react';
+import { _ as _extends } from './extends-6e00b262.js';
+import React from 'react';
 import 'prop-types';
-import 'react-bootstrap/Container';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import 'react-bootstrap/Card';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import './index-73819142.js';
-import './index-c5fd0af5.js';
-export { T as default } from './TaxonomyCard-b22a742f.js';
-import './react-social-icons-3822f1ce.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
+import { L as LazyLoad } from './index-c5fd0af5.js';
+import { B as BlockContent } from './BlockContent-4af2feb9.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
+
+var TaxonomyCard = function TaxonomyCard(props) {
+  var columns = props.columns,
+      variant = props.variant,
+      _props$icon = props.icon,
+      icon = _props$icon === undefined ? false : _props$icon,
+      data = props.dataRecord,
+      defaultImage = props.defaultImage,
+      client = props.client,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      getSerializers = props.getSerializers;
+
+  var builder = 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 mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
+
+  var itemCounter = 0;
+  var lgVar = 12;
+
+  return React.createElement(
+    'div',
+    { className: 'contentDeck' },
+    React.createElement(
+      Container,
+      null,
+      React.createElement(
+        Row,
+        null,
+        data && data.map(function (row, index) {
+          if (columns === 'rotate' && itemCounter % 3 === 0) {
+            lgVar = 12;
+          } else if (columns && columns !== 'rotate') {
+            lgVar = Math.floor(12 / columns);
+          } else {
+            lgVar = 6;
+          }
+          var thumbnailURL = row.thumbnail && row.thumbnail.asset ? renderCardImage(row) : defaultImage;
+          var address1 = row.address1,
+              address2 = row.address2,
+              city = row.city,
+              zip = row.zip,
+              state = row.state,
+              country = row.country,
+              company = row.company,
+              website = row.website,
+              email = row.email,
+              extraURL1 = row.extraURL1,
+              extraURL2 = row.extraURL2,
+              extraURL3 = row.extraURL3,
+              extraURL4 = row.extraURL4,
+              linkedIn = row.linkedIn,
+              twitter = row.twitter,
+              facebook = row.facebook;
+
+          var socialLinks = [linkedIn, twitter, facebook];
+          var address = [address1, address2, city, state, zip, country];
+          var companyDetails = [];
+          company && companyDetails.push({ key: 'company', value: company });
+          website && companyDetails.push({ key: 'url', value: website });
+          email && companyDetails.push({ key: 'email', value: email });
+          extraURL1 && companyDetails.push({ key: 'url', value: extraURL1 });
+          extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
+          extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
+          extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
+          return React.createElement(
+            Col,
+            { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
+            React.createElement(
+              Card,
+              { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
+              React.createElement(
+                Card.Body,
+                null,
+                React.createElement(
+                  Row,
+                  null,
+                  thumbnailURL && React.createElement(
+                    Col,
+                    null,
+                    React.createElement(
+                      LazyLoad,
+                      { height: imageHeight },
+                      row && row.thumbnail && React.createElement(
+                        'figure',
+                        null,
+                        row.thumbnail.link ? React.createElement(
+                          'a',
+                          { href: row.thumbnail.link, target: row.thumbnail.blank ? '_blank' : '_self' },
+                          React.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
+                        ) : React.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
+                        row && row.thumbnail && row.thumbnail.caption && React.createElement(
+                          'figcaption',
+                          null,
+                          row.thumbnail.caption
+                        )
+                      )
+                    )
+                  ),
+                  React.createElement(
+                    Col,
+                    null,
+                    React.createElement(
+                      Row,
+                      null,
+                      React.createElement(
+                        'div',
+                        null,
+                        (address && address.length > 0 || companyDetails && companyDetails.length > 0) && React.createElement(
+                          'div',
+                          { className: 'details-wrapper' },
+                          companyDetails && companyDetails.length > 0 && React.createElement(
+                            'div',
+                            { className: 'company-wrapper' },
+                            companyDetails.map(function (field, index) {
+                              if (field.value && field.key === 'company') {
+                                return React.createElement(
+                                  'p',
+                                  { className: 'details-field', key: index },
+                                  field.value
+                                );
+                              } else if (field.value && field.key === 'url') {
+                                return React.createElement(
+                                  'a',
+                                  { className: 'details-field', href: field.value, key: index },
+                                  field.value
+                                );
+                              }
+                              // else if (field.value && field.key === 'email') {
+                              //   return (
+                              //     <a className='details-field' href={`mailto:${field.value}`} key={index}>
+                              //       {field.value}
+                              //     </a>
+                              //   )
+                              // }
+                            })
+                          ),
+                          address && address.length > 0 && React.createElement(
+                            'div',
+                            { className: 'address-wrapper' },
+                            address.map(function (field, index) {
+                              if (field) {
+                                return React.createElement(
+                                  'p',
+                                  { className: 'details-field', key: index },
+                                  field
+                                );
+                              }
+                            })
+                          ),
+                          React.createElement(
+                            'style',
+                            { jsx: 'true' },
+                            '\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.createElement(
+                          'div',
+                          { className: 'social-icons' },
+                          socialLinks.map(function (url, index) {
+                            if (url && url.length) {
+                              return React.createElement(reactSocialIcons_1, {
+                                target: '_blank',
+                                rel: 'noopener noreferrer',
+                                key: index,
+                                index: index,
+                                url: url,
+                                style: { width: 30, height: 30, marginRight: 10 }
+                              });
+                            }
+                          }),
+                          React.createElement(
+                            'style',
+                            { jsx: 'true' },
+                            '\n                                    .social-icons {\n                                      margin-top: 0px;\n                                      margin-bottom: 10px;\n                                    }\n                                  '
+                          )
+                        ),
+                        React.createElement(
+                          Card.Text,
+                          null,
+                          React.createElement(BlockContent, _extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
+                        )
+                      )
+                    )
+                  )
+                ),
+                icon && React.createElement(
+                  'span',
+                  {
+                    className: 'taxonomy-icon',
+                    style: {
+                      position: 'absolute',
+                      right: '20px',
+                      top: '50%',
+                      transform: 'translateY(-50%) translateX(50px)',
+                      transition: 'all .25s',
+                      pointerEvents: 'none'
+                    } },
+                  '\u2192'
+                )
+              )
+            )
+          );
+        })
+      )
+    ),
+    icon && React.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .taxonomy-card:hover .taxonomy-icon {\n            transform: translateY(-50%) scale(1.5) translateX(0) !important;\n          }\n        '
+    )
+  );
+};
+
+export default TaxonomyCard;