@mjhls/mjh-framework 1.0.153 → 1.0.155

package/README.md

@@ -1,5 +1,6 @@
 
-# mjh-framework v. 1.0.153
+# mjh-framework v. 1.0.155
+
 
 
 

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -13,6 +13,7 @@ import Media from 'react-bootstrap/Media';
 import { Media as Media$1, Container as Container$1, Dropdown, Figure, Carousel, Table, Button as Button$1, ProgressBar, Card as Card$1 } from 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
 import Badge from 'react-bootstrap/Badge';
+import { SocialIcon } from 'react-social-icons';
 import ListGroup from 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -20,7 +21,6 @@ import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
 import { FacebookShareButton, TwitterShareButton, PinterestShareButton, EmailShareButton, FacebookIcon, TwitterIcon, PinterestIcon, EmailIcon } from 'react-share';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
-import { SocialIcon } from 'react-social-icons';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
@@ -7642,6 +7642,10 @@ var renderAuthor = function renderAuthor(authorDetail, index$$1, length) {
   } else return null;
 };
 
+var checkExternalUrl = function checkExternalUrl(url) {
+  return new RegExp(['http', 'https'].join('|')).test(url);
+};
+
 var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems) {
   var numberOfItemsBeforeAd = 6;
   return React__default.createElement(
@@ -7650,6 +7654,169 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     data && data.map(function (article, index$$1) {
       var pageNumber = article.pageNumber || values.page;
       var contentCategoryName = article.contentCategory ? article.contentCategory.name : 'Articles';
+
+      if (article._type === 'feature') {
+        if (article.blank || checkExternalUrl(article.url.current)) {
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: article._id ? article._id : index$$1 },
+            React__default.createElement(
+              VisibilitySensor,
+              {
+                key: article._id ? article._id : index$$1,
+                onChange: function onChange(isVisible) {
+                  isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
+                } },
+              React__default.createElement(
+                React__default.Fragment,
+                null,
+                React__default.createElement(
+                  Media$1,
+                  {
+                    key: article._id ? article._id : index$$1,
+                    className: 'feature-media',
+                    style: { flexDirection: 'column', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
+                  (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
+                    'a',
+                    { href: article.url.current, target: '_blank', className: 'feature-wrapper' },
+                    React__default.createElement(
+                      LazyLoad,
+                      { height: imageHeight },
+                      article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                    )
+                  ),
+                  React__default.createElement(
+                    Media$1.Body,
+                    null,
+                    React__default.createElement(
+                      Link,
+                      { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
+                      React__default.createElement(
+                        'a',
+                        null,
+                        article.title && React__default.createElement(
+                          'h4',
+                          { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                          article.title
+                        )
+                      )
+                    ),
+                    showPublished && article.published && React__default.createElement(
+                      'p',
+                      { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
+                      moment(article.published).format('MMMM DD, YYYY')
+                    ),
+                    showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index$$1) {
+                      return renderAuthor(authorDetail, index$$1, article.authorMapping.length);
+                    }),
+                    showCategory && article.contentCategory && React__default.createElement(
+                      'p',
+                      {
+                        style: {
+                          background: 'var(--highlight)',
+                          color: 'var(--highlight-accent)',
+                          marginBottom: '.25rem',
+                          display: 'inline-block',
+                          padding: '0 .25rem',
+                          fontSize: '.8rem'
+                        } },
+                      article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
+                    ),
+                    article.summary && React__default.createElement(
+                      'p',
+                      { className: 'pt-2 card-text' },
+                      article.summary
+                    )
+                  )
+                )
+              )
+            ),
+            main_36 && rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index$$1, numberOfItemsBeforeAd, rightItems)
+          );
+        } else {
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: article._id ? article._id : index$$1 },
+            React__default.createElement(
+              VisibilitySensor,
+              {
+                key: article._id ? article._id : index$$1,
+                onChange: function onChange(isVisible) {
+                  isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
+                } },
+              React__default.createElement(
+                React__default.Fragment,
+                null,
+                React__default.createElement(
+                  Media$1,
+                  {
+                    key: article._id ? article._id : index$$1,
+                    className: 'feature-media',
+                    style: { flexDirection: 'column', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
+                  (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
+                    Link,
+                    { href: article.url.current, as: mapping[contentCategoryName] + '/' + article.url.current },
+                    React__default.createElement(
+                      'a',
+                      { className: 'feature-wrapper' },
+                      React__default.createElement(
+                        LazyLoad,
+                        { height: imageHeight },
+                        article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                      )
+                    )
+                  ),
+                  React__default.createElement(
+                    Media$1.Body,
+                    null,
+                    React__default.createElement(
+                      Link,
+                      { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
+                      React__default.createElement(
+                        'a',
+                        null,
+                        article.title && React__default.createElement(
+                          'h4',
+                          { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                          article.title
+                        )
+                      )
+                    ),
+                    showPublished && article.published && React__default.createElement(
+                      'p',
+                      { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
+                      moment(article.published).format('MMMM DD, YYYY')
+                    ),
+                    showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index$$1) {
+                      return renderAuthor(authorDetail, index$$1, article.authorMapping.length);
+                    }),
+                    showCategory && article.contentCategory && React__default.createElement(
+                      'p',
+                      {
+                        style: {
+                          background: 'var(--highlight)',
+                          color: 'var(--highlight-accent)',
+                          marginBottom: '.25rem',
+                          display: 'inline-block',
+                          padding: '0 .25rem',
+                          fontSize: '.8rem'
+                        } },
+                      article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
+                    ),
+                    article.summary && React__default.createElement(
+                      'p',
+                      { className: 'pt-2 card-text' },
+                      article.summary
+                    )
+                  )
+                )
+              )
+            ),
+            main_36 && rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index$$1, numberOfItemsBeforeAd, rightItems)
+          );
+        }
+      }
+
       return React__default.createElement(
         React__default.Fragment,
         { key: article._id ? article._id : index$$1 },
@@ -7667,22 +7834,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
               Media$1,
               {
                 key: article._id ? article._id : index$$1,
-                className: article._type == 'feature' ? 'feature-media' : '',
-                style: { flexDirection: article._type == 'feature' ? 'column' : 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
+                style: { flexDirection: 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
               (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
                 Link,
                 { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
                 React__default.createElement(
                   'a',
-                  { className: article._type == 'feature' ? 'feature-wrapper' : 'img-wrapper' },
+                  { className: 'img-wrapper' },
                   React__default.createElement(
                     LazyLoad,
                     { height: imageHeight },
-                    article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', {
-                      className: article._type == 'feature' ? 'img-fluid' : 'mr-3 img-fluid',
-                      src: renderCardImage(article, builder, imageHeight, imageWidth),
-                      alt: article.title
-                    }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                    article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                   )
                 )
               ),
@@ -8848,46 +9010,78 @@ var Column1 = function Column1(props) {
 };
 
 var SideFooter = function SideFooter(props) {
+  /*
+  useage example: <SideFooter cache={props.cache} logo='/an_mjhls_brand_logo.png' />
+  */
+  var _props$cache$siteSett = props.cache.siteSettingCache,
+      socialLinks = _props$cache$siteSett.socialLinks,
+      footerLinks = _props$cache$siteSett.footerLinks,
+      name = _props$cache$siteSett.name;
+  var logo = props.logo;
+
   var year = new Date().getFullYear();
-  var website = props.website;
 
   return React__default.createElement(
     'div',
     { className: 'side-footer' },
-    website && website.sideFooterContent && website.sideFooterContent.length && React__default.createElement(
+    React__default.createElement(
       'ul',
       null,
-      website && website.sideFooterContent.map(function (content, index) {
-        return content.blank ? React__default.createElement(
-          'li',
-          { key: index },
-          React__default.createElement(
-            'a',
-            { target: '_blank', href: content.url },
-            content.title
-          )
-        ) : React__default.createElement(
-          'li',
-          { key: index },
-          React__default.createElement(
-            Link,
-            { href: content.url },
+      footerLinks && footerLinks.map(function (row, index) {
+        if (row.blank) {
+          return React__default.createElement(
+            'li',
+            { key: index },
             React__default.createElement(
               'a',
-              null,
-              content.title
+              { href: row.url, target: '_blank' },
+              row.title
             )
-          )
-        );
-      })
+          );
+        } else {
+          return React__default.createElement(
+            'li',
+            { key: index },
+            React__default.createElement(
+              Link,
+              { href: row.url },
+              React__default.createElement(
+                'a',
+                null,
+                row.title
+              )
+            )
+          );
+        }
+      }),
+      React__default.createElement(
+        'li',
+        { style: { marginTop: '10px' } },
+        socialLinks && socialLinks.map(function (row, index) {
+          return React__default.createElement(SocialIcon, { key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
+        })
+      )
     ),
-    website && website.title && React__default.createElement(
+    logo && React__default.createElement(
+      'ul',
+      null,
+      React__default.createElement(
+        'li',
+        { className: 'pt-2' },
+        React__default.createElement(
+          'a',
+          { href: 'https://www.mjhlifesciences.com' },
+          React__default.createElement('img', { style: { maxWidth: '100%' }, alt: 'MJHLS Brand Logo', src: logo })
+        )
+      )
+    ),
+    React__default.createElement(
       'p',
       null,
       '\xA9 ',
       year,
-      ' ',
-      website.title,
+      ' MJH Life Sciences and ',
+      name,
       '. All rights reserved.'
     )
   );
@@ -15763,5 +15957,5 @@ var Ustream = function Ustream(_ref) {
   );
 };
 
-export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, MasterDeck$1 as MasterDeck, PublicationDeck, IssueDeck, IssueContentDeck, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, PageFilter, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD, AD300x250, AD300x250x600, AD728x90, ADFooter, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs, SetCookie, Hero, AlphabeticList, PdfDownload, RelatedTopicsDropdown, Ustream };
+export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, MasterDeck$1 as MasterDeck, PublicationDeck, IssueDeck, IssueContentDeck, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, PageFilter, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD, AD300x250, AD300x250x600, AD728x90, ADFooter, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs, SetCookie, Hero, AlphabeticList, PdfDownload, RelatedTopicsDropdown, Ustream, SideFooter };
 //# sourceMappingURL=index.es.js.map