@mjhls/mjh-framework 1.0.91 → 1.0.92

package/dist/index.js

@@ -12,11 +12,11 @@ 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 moment = _interopDefault(require('moment'));
 var Link = _interopDefault(require('next/link'));
 var router = require('next/router');
 var Media = _interopDefault(require('react-bootstrap/Media'));
 var reactBootstrap = require('react-bootstrap');
-var moment = _interopDefault(require('moment'));
 var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -4017,6 +4017,11 @@ var DeckContent = function (_React$Component) {
                         null,
                         row.title
                       ),
+                      _this.props.showPublished && row.published && React__default.createElement(
+                        Card.Subtitle,
+                        null,
+                        moment(row.published).format('MMMM DD, YYYY')
+                      ),
                       React__default.createElement(
                         Card.Text,
                         null,
@@ -5149,7 +5154,7 @@ var GridContent = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = GridContent.__proto__ || Object.getPrototypeOf(GridContent)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.state = {
+    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = GridContent.__proto__ || Object.getPrototypeOf(GridContent)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
       data: _this.data,
       per: _this.params ? _this.params.to : 2,
       page: 1,
@@ -5261,7 +5266,7 @@ var GridContent = function (_React$Component) {
         pageNumber = parseInt(pageNumber);
 
         if (currentPage !== pageNumber) {
-          DFPManager.refresh();
+          lib_3.refresh();
           if (pageview) {
             _this.setState({
               currentPage: pageNumber
@@ -5295,12 +5300,12 @@ var GridContent = function (_React$Component) {
         return React__default.createElement(
           Row,
           null,
-          this.state.data && this.state.data.map(function (row, index) {
+          this.state.data && this.state.data.map(function (row, index$$1) {
             // const thumbnailURL = get(row, 'thumbnail.asset.url', this.props.defaultImage)
             var thumbnailURL = row.thumbnail ? _this2.urlFor(row.thumbnail).url() : _this2.props.defaultImage;
             return React__default.createElement(
               Col,
-              { key: index, md: 12, lg: lgVar, style: { display: 'flex', flex: '1 0 auto' } },
+              { key: index$$1, md: 12, lg: lgVar, style: { display: 'flex', flex: '1 0 auto' } },
               React__default.createElement(
                 Link,
                 { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
@@ -5329,6 +5334,11 @@ var GridContent = function (_React$Component) {
                             null,
                             row.title
                           ),
+                          _this2.props.showPublished && row.published && React__default.createElement(
+                            Card.Subtitle,
+                            null,
+                            moment(row.published).format('MMMM DD, YYYY')
+                          ),
                           React__default.createElement(
                             Card.Text,
                             null,
@@ -5347,7 +5357,7 @@ var GridContent = function (_React$Component) {
       return React__default.createElement(
         'div',
         { className: 'grid-container' },
-        this.state.data && this.state.data.map(function (row, index) {
+        this.state.data && this.state.data.map(function (row, index$$1) {
           var pageNumber = row.pageNumber || _this2.state.page;
           var contentCategoryName = row.contentCategory ? row.contentCategory.name : 'Articles';
           return React__default.createElement(
@@ -5362,13 +5372,13 @@ var GridContent = function (_React$Component) {
               { counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
               React__default.createElement(
                 Card,
-                { className: 'content-card', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
+                { className: 'content-card', style: { flexDirection: index$$1 === 0 || index$$1 % 4 === 0 ? 'top' : 'row' } },
                 React__default.createElement(
                   Link,
                   { href: _this2.mapping[contentCategoryName] + '/[url]', as: _this2.mapping[contentCategoryName] + '/' + row.url.current },
                   React__default.createElement(
                     'a',
-                    { className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
+                    { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
                     React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                   )
                 ),
@@ -5388,7 +5398,7 @@ var GridContent = function (_React$Component) {
                       ),
                       React__default.createElement(
                         Card.Text,
-                        { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
+                        { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-subtext' },
                         row.summary
                       )
                     )
@@ -5459,6 +5469,8 @@ var GridContent = function (_React$Component) {
   return GridContent;
 }(React__default.Component);
 
+var GridContent$1 = router.withRouter(GridContent);
+
 var DeckQueue = function (_React$Component) {
   inherits(DeckQueue, _React$Component);
 
@@ -5562,38 +5574,57 @@ var DeckQueue = function (_React$Component) {
             Col,
             { key: index, md: 12, lg: lgVar, style: { display: 'flex', flex: '1 0 auto' } },
             React__default.createElement(
-              Link,
-              { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+              Card,
+              { className: 'queue-card', style: { borderTop: '1px solid #EEE' } },
               React__default.createElement(
-                'a',
-                null,
+                Row,
+                { style: { flexDirection: mode } },
                 React__default.createElement(
-                  Card,
-                  { className: 'queue-card', style: { borderTop: '1px solid #EEE' } },
+                  Col,
+                  { md: 12, lg: 4 },
                   React__default.createElement(
-                    Row,
-                    { style: { flexDirection: mode } },
-                    React__default.createElement(
-                      Col,
-                      { md: 12, lg: 4 },
-                      React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
+                    Link,
+                    { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+                    React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
+                  )
+                ),
+                React__default.createElement(
+                  Col,
+                  null,
+                  React__default.createElement(
+                    Card.Body,
+                    { style: { padding: '20px' } },
+                    row.title && React__default.createElement(
+                      Link,
+                      { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+                      React__default.createElement(
+                        Card.Title,
+                        null,
+                        row.title
+                      )
                     ),
-                    React__default.createElement(
-                      Col,
+                    _this2.props.showPublished && row.published && React__default.createElement(
+                      Card.Subtitle,
                       null,
+                      moment(row.published).format('MMMM DD, YYYY')
+                    ),
+                    _this2.props.showRecent && row.recent && row.recent.title && React__default.createElement(
+                      Card.Subtitle,
+                      null,
+                      'Recent : ',
                       React__default.createElement(
-                        Card.Body,
-                        { style: { padding: '20px' } },
-                        React__default.createElement(
-                          Card.Title,
-                          null,
-                          row.title
-                        ),
-                        React__default.createElement(
-                          Card.Text,
-                          null,
-                          row.summary
-                        )
+                        Link,
+                        { href: 'view/' + row.recent.url.current },
+                        row.recent.title
+                      )
+                    ),
+                    row.summary && React__default.createElement(
+                      Link,
+                      { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+                      React__default.createElement(
+                        Card.Text,
+                        null,
+                        row.summary
                       )
                     )
                   )
@@ -6166,8 +6197,6 @@ var YoutubeGroup = function YoutubeGroup(props) {
   );
 };
 
-var _this = undefined;
-
 var urlFor = function urlFor(builder, source) {
   return builder.image(source);
 };
@@ -6188,8 +6217,7 @@ var loadData = function loadData(values, query, client, params, setData, setScro
 
   client.fetch(query, params).then(function (dataArr) {
     if (pointer && pointerArray) {
-      var _pointer = _this.pointer;
-      dataArr = dataArr[pointerArray][_pointer];
+      dataArr = dataArr[pointerArray][pointer];
     }
     dataArr = dataArr.map(function (item) {
       return _extends({}, item, {
@@ -6248,7 +6276,6 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
         }
         var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
         pageview(newPath);
-
         router$$1.push(pathname, newPath, {
           shallow: true
         });
@@ -6279,8 +6306,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index$$1, length
   }
 };
 
-var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage) {
-
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage, showPublished, defaultImage) {
   return React__default.createElement(
     'div',
     null,
@@ -6306,7 +6332,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
               React__default.createElement(
                 'a',
                 null,
-                React__default.createElement('img', { width: 200, height: 130, className: 'mr-3', src: urlFor(builder, article.thumbnail.asset).url(), style: { objectFit: 'cover' }, alt: article.title })
+                article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', {
+                  className: 'mr-3',
+                  src: urlFor(builder, article.thumbnail).width(200).height(130).url(),
+                  alt: article.title
+                }) : React__default.createElement('img', { src: defaultImage, className: 'mr-3', width: '200', height: '130' })
               )
             ),
             React__default.createElement(
@@ -6325,8 +6355,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                   )
                 )
               ),
-              article.published && React__default.createElement(
-                'p',
+              showPublished && article.published && React__default.createElement(
+                'h6',
                 { className: 'card-text', style: { color: 'var(--gray)', marginBottom: '.25rem' } },
                 moment(article.published).format('MMMM DD, YYYY')
               ),
@@ -6376,7 +6406,6 @@ var usePrevious = function usePrevious(value) {
 };
 
 var QueueDeckExpanded = function QueueDeckExpanded(props) {
-
   var router$$1 = router.useRouter();
   var initialData = props.dataRecord,
       client = props.client,
@@ -6387,8 +6416,10 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       pointerArray = props.pointerArray,
       mapping = props.mapping,
       seoPaginate = props.seoPaginate,
-      pageview = props.pageview;
-  var initialCurrentPage = props.currentPage;
+      pageview = props.pageview,
+      defaultImage = props.defaultImage;
+  var initialCurrentPage = props.currentPage,
+      showPublished = props.showPublished;
 
   var builder = imageUrlBuilder(client);
 
@@ -6445,7 +6476,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React__default.createElement(
           reactBootstrap.Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage, showPublished, defaultImage)
         )
       ),
       React__default.createElement(
@@ -6459,7 +6490,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default.createElement(
         reactBootstrap.Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage, showPublished, defaultImage)
       ),
       React__default.createElement(
         'div',
@@ -7110,7 +7141,7 @@ var NavMagazine = function NavMagazine(props) {
             Nav,
             { className: 'mr-auto' },
             dataObject && dataObject.map(function (row, index) {
-              if (row.subQuery.length > 1) {
+              if (row.subQuery && row.subQuery.length > 0) {
                 return React__default.createElement(
                   NavDropdown,
                   { key: index, title: row.name, id: 'basic-nav-dropdown' },
@@ -12153,6 +12184,27 @@ var IFrame = function IFrame(_ref) {
   );
 };
 
+var Audio = function Audio(_ref) {
+  var node = _ref.node;
+
+  return React__default.createElement(
+    'div',
+    { className: 'd-block text-center mb-3' },
+    React__default.createElement(
+      'audio',
+      { controls: true },
+      React__default.createElement('source', { src: node.uploadAudio ? node.uploadAudio.asset.url : node.audioFilePth, type: 'audio/ogg' }),
+      React__default.createElement('source', { src: node.uploadAudio ? node.uploadAudio.asset.url : node.audioFilePth, type: 'audio/mpeg' }),
+      'Your browser does not support the audio element.'
+    ),
+    node.caption && React__default.createElement(
+      'p',
+      null,
+      node.caption
+    )
+  );
+};
+
 var YouTubeGallery = function YouTubeGallery(_ref) {
   var nodes = _ref.nodes,
       client = _ref.client;
@@ -12376,6 +12428,11 @@ var getSerializers$1 = function getSerializers(client, pageview) {
         var node = _ref8.node;
 
         return React__default.createElement(IFrame, { url: node.url });
+      },
+      audio: function audio(_ref9) {
+        var node = _ref9.node;
+
+        return React__default.createElement(Audio, { node: node });
       }
     },
     marks: {
@@ -12463,7 +12520,7 @@ var Feature = function Feature(props) {
 };
 
 exports.DeckContent = ContentCard;
-exports.GridContent = GridContent;
+exports.GridContent = GridContent$1;
 exports.DeckQueue = DeckQueue;
 exports.ThumbnailCard = ThumbnailCard;
 exports.TaxonomyCard = TaxonomyCard;