@mjhls/mjh-framework 1.0.338 → 1.0.340

package/README.md

@@ -1,8 +1,10 @@
 
-# mjh-framework v. 1.0.338
+# mjh-framework v. 1.0.340
+
 
 > Foundation Framework
 
+
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 
 ## Install

package/dist/cjs/{ADInfeed-b042a194.js → ADInfeed-43996091.js}

@@ -41,7 +41,16 @@ var ADInfeed = function ADInfeed(_ref) {
     React__default.createElement(
       Card,
       { className: 'ad-wrapper', style: { display: 'block !important', flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
-      React__default.createElement(AdSlot.DFPAdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound })
+      React__default.createElement(AdSlot.DFPAdSlot, {
+        className: className,
+        networkID: networkID,
+        adUnit: adUnit,
+        slotId: slotId,
+        targeting: targeting,
+        sizes: sizes,
+        checkIsAdFound: checkIsAdFound,
+        refreshFlag: false
+      })
     ),
     React__default.createElement(
       'style',

package/dist/cjs/DeckContent.js

@@ -17,9 +17,10 @@ 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'));
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
@@ -27,7 +28,7 @@ var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-879ab2fb.js');
 require('./AdSlot-c5bff604.js');
 require('./promise-3b44b2a3.js');
-var ADInfeed = require('./ADInfeed-b042a194.js');
+var ADInfeed = require('./ADInfeed-43996091.js');
 
 var DeckContent = function (_React$Component) {
   inherits$2._inherits(DeckContent, _React$Component);
@@ -324,7 +325,7 @@ var DeckContent = function (_React$Component) {
                       _this.props.showPublished && row.published && React__default.createElement(
                         Card.Subtitle,
                         null,
-                        visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                        moment.moment(row.published).format('MMMM DD, YYYY')
                       ),
                       _this.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                         return _this.renderAuthor(authorDetail, index, row.authorMapping.length);

package/dist/cjs/DeckQueue.js

@@ -17,9 +17,10 @@ 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'));
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
@@ -266,7 +267,7 @@ var DeckQueue = function (_React$Component) {
                         _this2.props.showPublished && row.published && React__default.createElement(
                           Card.Subtitle,
                           null,
-                          visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                          moment.moment(row.published).format('MMMM DD, YYYY')
                         ),
                         _this2.props.showRecent && row.recent && row.recent.title && React__default.createElement(
                           Card.Subtitle,

package/dist/cjs/{Dfp-9ede68c7.js → Dfp-e77be4e4.js}

@@ -9,7 +9,7 @@ var debounce = require('./debounce-528ad412.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var slicedToArray = require('./slicedToArray-879ab2fb.js');
 

package/dist/cjs/{GridContent-609021de.js → GridContent-7a85d904.js}

@@ -13,17 +13,18 @@ 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'));
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var ADInfeed = require('./ADInfeed-b042a194.js');
+var ADInfeed = require('./ADInfeed-43996091.js');
 var get$1 = require('./get-3b23d857.js');
 
 var Dfp = React__default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./Dfp-9ede68c7.js'); });
+  return Promise.resolve().then(function () { return require('./Dfp-e77be4e4.js'); });
 });
 
 var AD = function AD(props) {
@@ -316,7 +317,7 @@ var GridContent = function (_React$Component) {
                       _this2.props.showPublished && row.published && React__default.createElement(
                         Card.Subtitle,
                         { style: { marginTop: 0 } },
-                        visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                        moment.moment(row.published).format('MMMM DD, YYYY')
                       ),
                       _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                         return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
@@ -430,7 +431,7 @@ var GridContent = function (_React$Component) {
                         _this2.props.showPublished && row.published && React__default.createElement(
                           Card.Subtitle,
                           { style: { marginTop: 0 } },
-                          visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                          moment.moment(row.published).format('MMMM DD, YYYY')
                         ),
                         _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                           return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
@@ -492,7 +493,7 @@ var GridContent = function (_React$Component) {
                         _this2.props.showPublished && row.published && React__default.createElement(
                           Card.Subtitle,
                           { style: { marginTop: 0 } },
-                          visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                          moment.moment(row.published).format('MMMM DD, YYYY')
                         ),
                         _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                           return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
@@ -552,7 +553,7 @@ var GridContent = function (_React$Component) {
                     _this2.props.showPublished && row.published && React__default.createElement(
                       Card.Subtitle,
                       { style: { marginTop: 0 } },
-                      visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                      moment.moment(row.published).format('MMMM DD, YYYY')
                     ),
                     _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                       return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);

package/dist/cjs/GridContent.js

@@ -14,8 +14,9 @@ require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-require('./visibility-sensor-c2ccc22d.js');
+require('./moment-66a6a284.js');
 require('next/router');
+require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
 require('./index-fa0fb52c.js');
@@ -23,9 +24,9 @@ require('./entities-310b46ee.js');
 require('./slicedToArray-879ab2fb.js');
 require('./AdSlot-c5bff604.js');
 require('./promise-3b44b2a3.js');
-require('./ADInfeed-b042a194.js');
+require('./ADInfeed-43996091.js');
 require('./get-3b23d857.js');
-var GridContent = require('./GridContent-609021de.js');
+var GridContent = require('./GridContent-7a85d904.js');
 
 
 

package/dist/cjs/IssueContentDeck.js

@@ -9,70 +9,195 @@ 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-66a6a284.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var Badge = _interopDefault(require('react-bootstrap/Badge'));
 
-var IssueContentDeck = function IssueContentDeck(props) {
-  var data = props.data,
+var urlFor = function urlFor(source, client) {
+  var builder = index.imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var renderCardImage = function renderCardImage(props) {
+  var coverImage = props.coverImage,
       imageHeight = props.imageHeight,
       imageWidth = props.imageWidth,
-      Website = props.Website,
-      client = props.client;
-
+      client = props.client,
+      Settings = props.Settings;
 
-  var urlFor = function urlFor(source) {
-    var builder = index.imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
+  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 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();
-    } else {
-      return Website.logo;
-    }
-  };
+var PublicationDeckStack = function PublicationDeckStack(props) {
+  var title = props.title,
+      coverImage = props.coverImage,
+      link = props.link,
+      published = props.published,
+      author = props.author,
+      summary = props.summary,
+      section = props.section,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      client = props.client,
+      Settings = props.Settings,
+      key = props.key;
 
   return React__default.createElement(
-    Row,
-    null,
-    data && data.length ? data.map(function (row, index) {
-      return row.url && row.url.current && React__default.createElement(
-        Col,
-        { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
+    Col,
+    { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    React__default.createElement(
+      Card,
+      { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
+      React__default.createElement(
+        'a',
+        { href: '/view/' + link },
+        coverImage && React__default.createElement(
+          index$1.LazyLoad,
+          { height: imageHeight },
+          React__default.createElement(Card.Img, {
+            variant: 'right',
+            src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
+            alt: title,
+            style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '1rem', float: 'left', marginTop: '1rem', paddingBottom: '1rem' }
+          })
+        ),
         React__default.createElement(
-          Card,
+          Card.Body,
           null,
+          section ? React__default.createElement(
+            Badge,
+            { variant: 'success' },
+            section.name
+          ) : '',
           React__default.createElement(
-            'a',
-            { href: '/view/' + row.url.current },
-            row.thumbnail && React__default.createElement(
-              index$1.LazyLoad,
-              { height: imageHeight },
-              React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
-            ),
+            Card.Title,
+            { style: { color: '#121212', fontSize: '1.1rem' } },
             React__default.createElement(
-              Card.Body,
+              'span',
               null,
-              row.issueSection && row.issueSection.name ? React__default.createElement(
-                Badge,
-                { variant: 'success' },
-                row.issueSection && row.issueSection.name.name
-              ) : '',
+              title
+            ),
+            React__default.createElement('br', null),
+            React__default.createElement(
+              'div',
+              { style: { float: 'left', marginTop: '10px' } },
               React__default.createElement(
-                Card.Title,
-                null,
-                row.title
+                'p',
+                { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
+                moment.moment(published).format('MMMM DD, YYYY ')
+              ),
+              author.length > 0 && React__default.createElement(
+                'p',
+                { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
+                'By ',
+                author
               )
             )
+          ),
+          React__default.createElement(
+            'p',
+            { style: { float: 'left' } },
+            summary
+          )
+        )
+      )
+    )
+  );
+};
+
+var PublicationDeckBlock = function PublicationDeckBlock(props) {
+  var title = props.title,
+      coverImage = props.coverImage,
+      link = props.link,
+      section = props.section,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      client = props.client,
+      Settings = props.Settings,
+      key = props.key;
+
+  return React__default.createElement(
+    Col,
+    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    React__default.createElement(
+      Card,
+      null,
+      React__default.createElement(
+        'a',
+        { href: '/view/' + link },
+        coverImage && React__default.createElement(
+          index$1.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.createElement(
+          Card.Body,
+          null,
+          section && section.name ? React__default.createElement(
+            Badge,
+            { variant: 'success' },
+            section && section.name
+          ) : '',
+          React__default.createElement(
+            Card.Title,
+            null,
+            title
           )
         )
-      );
+      )
+    )
+  );
+};
+
+var IssueContentDeck = function IssueContentDeck(props) {
+  var data = props.data,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      website = props.website,
+      client = props.client,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'block' : _props$variant;
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.length ? data.map(function (row, index) {
+      if (variant === 'stack') {
+        return row.url && row.url.current && React__default.createElement(PublicationDeckStack, {
+          key: index,
+          title: row.title,
+          coverImage: row.thumbnail,
+          link: row.url.current,
+          section: row.issueSection,
+          Settings: website,
+          imageHeight: imageHeight,
+          imageWidth: imageWidth,
+          client: client,
+          published: row.published,
+          author: row.authorMapping.displayName || '',
+          summary: row.summary
+        });
+      }
+      return React__default.createElement(PublicationDeckBlock, {
+        key: index,
+        title: row.title,
+        coverImage: row.thumbnail,
+        link: row.url.current,
+        section: row.issueSection,
+        Settings: website,
+        imageHeight: imageHeight,
+        imageWidth: imageWidth,
+        client: client
+      });
     }) : React__default.createElement(
       'div',
       null,

package/dist/cjs/MasterDeck.js

@@ -17,9 +17,10 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
 var promise = require('./promise-3b44b2a3.js');

package/dist/cjs/QueueDeckExpanded.js

@@ -13,9 +13,10 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 require('react-bootstrap/Card');
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
@@ -23,7 +24,7 @@ var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-879ab2fb.js');
 require('./AdSlot-c5bff604.js');
 require('./promise-3b44b2a3.js');
-var ADInfeed = require('./ADInfeed-b042a194.js');
+var ADInfeed = require('./ADInfeed-43996091.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {
@@ -255,7 +256,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     showPublished && article.published && React__default.createElement(
                       'p',
                       { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                      visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
+                      moment.moment(article.published).format('MMMM DD, YYYY')
                     ),
                     showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                       return renderAuthor(authorDetail, index, article.authorMapping.length);
@@ -335,7 +336,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     showPublished && article.published && React__default.createElement(
                       'p',
                       { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                      visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
+                      moment.moment(article.published).format('MMMM DD, YYYY')
                     ),
                     showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                       return renderAuthor(authorDetail, index, article.authorMapping.length);
@@ -416,7 +417,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 showPublished && article.published && React__default.createElement(
                   'p',
                   { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                  visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
+                  moment.moment(article.published).format('MMMM DD, YYYY')
                 ),
                 showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                   return renderAuthor(authorDetail, index, article.authorMapping.length);

package/dist/cjs/VideoSeriesListing.js

@@ -12,9 +12,10 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 require('./index-fa0fb52c.js');
 require('./slicedToArray-879ab2fb.js');

package/dist/cjs/YoutubeGroup.js

@@ -148,14 +148,14 @@ var YoutubeGroup = function YoutubeGroup(props) {
         'div',
         { onClick: function onClick(e) {
             return scrollSlider(e, 'prev');
-          }, className: 'tile__slider-prev', style: { color: '#fff', background: 'var(--primary)', paddingLeft: '19px' } },
+          }, className: 'tile__slider-prev', style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingLeft: '19px' } },
         React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
       ),
       showScroller && showScroller && React__default.createElement(
         'div',
         { onClick: function onClick(e) {
             return scrollSlider(e, 'next');
-          }, className: 'tile__slider-next', style: { color: '#fff', background: 'var(--primary)', paddingRight: '19px' } },
+          }, className: 'tile__slider-next', style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingRight: '19px' } },
         React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
       ),
       React__default.createElement(