@mjhls/mjh-framework 1.0.885 → 1.0.886-beta.0

package/dist/cjs/PublicationDeck.js

@@ -1,28 +1,23 @@
 'use strict';
 
-var React = require('react');
-var Row = require('react-bootstrap/Row');
-var Col = require('react-bootstrap/Col');
-var Button = require('react-bootstrap/Button');
-var Card = require('react-bootstrap/Card');
-var index = require('./index-eadd5035.js');
-var urlFor = require('./urlFor.js');
-var lodash = require('./lodash-f0783643.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('react-dom');
+require('./core.get-iterator-method-f3c44602.js');
+require('./web.dom.iterable-e34bf324.js');
+var React = require('react');
+var React__default = _interopDefault(React);
 require('prop-types');
-require('./slicedToArray-067dd3bc.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./index-d48b231c.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
-var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
+var Row = _interopDefault(require('react-bootstrap/Row'));
+var Col = _interopDefault(require('react-bootstrap/Col'));
+var Card = _interopDefault(require('react-bootstrap/Card'));
+require('react-dom');
+require('./slicedToArray-f6d4eaa8.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
+var lodash = require('./lodash-fc2922d0.js');
+var Button = _interopDefault(require('react-bootstrap/Button'));
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,
@@ -61,43 +56,43 @@ var PublicationDeck = function PublicationDeck(props) {
   };
 
   if (sortedRegPubs && sortedRegPubs.length || sortedLegacyPubs && sortedLegacyPubs.length) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
-      sortedRegPubs && sortedRegPubs.length > 0 && React__default['default'].createElement(
-        Row__default['default'],
+      sortedRegPubs && sortedRegPubs.length > 0 && React__default.createElement(
+        Row,
         { className: 'regular-publication-wrapper' },
-        sortedRegPubs.map(function (row, index$1) {
-          return row.identifier && row.identifier.current && React__default['default'].createElement(
-            Col__default['default'],
-            { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index$1 },
-            React__default['default'].createElement(
-              Card__default['default'],
+        sortedRegPubs.map(function (row, index) {
+          return row.identifier && row.identifier.current && React__default.createElement(
+            Col,
+            { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
+            React__default.createElement(
+              Card,
               { className: 'block-card', style: { width: '200px' } },
-              React__default['default'].createElement(
+              React__default.createElement(
                 'a',
                 { href: href + '/' + row.identifier.current },
-                row.childIssue && row.childIssue.thumbnail ? React__default['default'].createElement(
-                  index.LazyLoad,
+                row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
+                  index$2.LazyLoad,
                   { height: imageHeight },
-                  React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
-                ) : React__default['default'].createElement('p', { className: 'placeholder-tag' }),
-                React__default['default'].createElement(
-                  Card__default['default'].Body,
+                  React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                ) : React__default.createElement('p', { className: 'placeholder-tag' }),
+                React__default.createElement(
+                  Card.Body,
                   { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-                  React__default['default'].createElement(
-                    Card__default['default'].Title,
+                  React__default.createElement(
+                    Card.Title,
                     null,
                     row.name
                   ),
-                  React__default['default'].createElement(
-                    Button__default['default'],
+                  React__default.createElement(
+                    Button,
                     { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                     'Browse Issues'
                   )
                 )
               ),
-              React__default['default'].createElement(
+              React__default.createElement(
                 'style',
                 { jsx: 'true' },
                 '\n                        .lazyload-placeholder {\n                          padding: 0 1.25rem 2.75rem;\n                        }\n                        .placeholder-tag {\n                          min-height: 200px;\n                        }\n                      '
@@ -106,53 +101,53 @@ var PublicationDeck = function PublicationDeck(props) {
           );
         })
       ),
-      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default['default'].createElement(
-        React__default['default'].Fragment,
+      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default.createElement(
+        React__default.Fragment,
         null,
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: 'legacy-publication-title' },
-          React__default['default'].createElement(
+          React__default.createElement(
             'h2',
             null,
             'Legacy'
           ),
-          React__default['default'].createElement('hr', null)
+          React__default.createElement('hr', null)
         ),
-        React__default['default'].createElement(
-          Row__default['default'],
+        React__default.createElement(
+          Row,
           { className: 'legacy-publication-wrapper' },
-          sortedLegacyPubs.map(function (row, index$1) {
-            return row.identifier && row.identifier.current && React__default['default'].createElement(
-              Col__default['default'],
-              { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index$1 },
-              React__default['default'].createElement(
-                Card__default['default'],
+          sortedLegacyPubs.map(function (row, index) {
+            return row.identifier && row.identifier.current && React__default.createElement(
+              Col,
+              { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
+              React__default.createElement(
+                Card,
                 { className: 'block-card', style: { width: '200px' } },
-                React__default['default'].createElement(
+                React__default.createElement(
                   'a',
                   { href: href + '/' + row.identifier.current },
-                  row.childIssue && row.childIssue.thumbnail ? React__default['default'].createElement(
-                    index.LazyLoad,
+                  row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
+                    index$2.LazyLoad,
                     { height: imageHeight },
-                    React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
-                  ) : React__default['default'].createElement('p', { className: 'placeholder-tag' }),
-                  React__default['default'].createElement(
-                    Card__default['default'].Body,
+                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                  ) : React__default.createElement('p', { className: 'placeholder-tag' }),
+                  React__default.createElement(
+                    Card.Body,
                     { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-                    React__default['default'].createElement(
-                      Card__default['default'].Title,
+                    React__default.createElement(
+                      Card.Title,
                       null,
                       row.name
                     ),
-                    React__default['default'].createElement(
-                      Button__default['default'],
+                    React__default.createElement(
+                      Button,
                       { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                       'Browse Issues'
                     )
                   )
                 ),
-                React__default['default'].createElement(
+                React__default.createElement(
                   'style',
                   { jsx: 'true' },
                   '\n                          .lazyload-placeholder {\n                            padding: 0 1.25rem 2.75rem;\n                          }\n                          .placeholder-tag {\n                            min-height: 200px;\n                          }\n                        '
@@ -164,13 +159,13 @@ var PublicationDeck = function PublicationDeck(props) {
       )
     );
   } else {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'h5',
         null,
-        React__default['default'].createElement(
+        React__default.createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'

package/dist/cjs/PublicationFeature-28c549f2.js

@@ -0,0 +1,126 @@
+'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 Row = _interopDefault(require('react-bootstrap/Row'));
+var Col = _interopDefault(require('react-bootstrap/Col'));
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
+var Button = _interopDefault(require('react-bootstrap/Button'));
+
+var PublicationFeature = function PublicationFeature(_ref) {
+  var data = _ref.data,
+      _ref$issueMapping = _ref.issueMapping,
+      issueMapping = _ref$issueMapping === undefined ? '/publications' : _ref$issueMapping,
+      defaultImage = _ref.defaultImage,
+      client = _ref.client;
+
+  var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+  var _data$parent = data.parent;
+  _data$parent = _data$parent === undefined ? {} : _data$parent;
+  var _data$parent$identifi = _data$parent.identifier;
+  _data$parent$identifi = _data$parent$identifi === undefined ? {} : _data$parent$identifi;
+  var parentSlug = _data$parent$identifi.current,
+      _data$identifier = data.identifier;
+  _data$identifier = _data$identifier === undefined ? {} : _data$identifier;
+  var childSlug = _data$identifier.current,
+      name = data.name,
+      articles = data.articles,
+      month = data.month,
+      year = data.year,
+      thumbnail = data.thumbnail;
+
+  if (name && articles && articles.length > 0) {
+    return React__default.createElement(
+      'div',
+      { className: 'publication-feature-container border rounded p-2' },
+      React__default.createElement(
+        Row,
+        null,
+        React__default.createElement(
+          Col,
+          { xs: 12 },
+          React__default.createElement(
+            'h4',
+            null,
+            name,
+            month && year && React__default.createElement(
+              'span',
+              null,
+              ' ',
+              '| ',
+              months[parseInt(month, 10)],
+              ' ',
+              year
+            )
+          )
+        ),
+        React__default.createElement(
+          Col,
+          { xs: 12, sm: 4 },
+          React__default.createElement(
+            index$2.LazyLoad,
+            { once: true },
+            React__default.createElement('img', { className: 'w-100 mb-2', src: thumbnail && thumbnail.asset && client ? urlFor({ client: client, source: thumbnail.asset }) : defaultImage, alt: name || '' })
+          )
+        ),
+        React__default.createElement(
+          Col,
+          { xs: 12, sm: 8 },
+          React__default.createElement(
+            Row,
+            null,
+            articles.map(function (article) {
+              return React__default.createElement(
+                Col,
+                { key: article._id, xs: 12, sm: 6 },
+                article.issueSection && article.issueSection.name && React__default.createElement(
+                  'h6',
+                  { className: 'text-primary m-0 p-0 text-uppercase font-weight-bold' },
+                  article.issueSection.name
+                ),
+                article.title && React__default.createElement(
+                  React__default.Fragment,
+                  null,
+                  article.url && article.url.current ? React__default.createElement(
+                    'a',
+                    { href: '/view/' + article.url.current },
+                    React__default.createElement(
+                      'h6',
+                      { className: 'text-break' },
+                      article.title
+                    )
+                  ) : React__default.createElement(
+                    'h6',
+                    { className: 'text-break' },
+                    article.title
+                  )
+                )
+              );
+            })
+          )
+        ),
+        issueMapping && parentSlug && childSlug && React__default.createElement(
+          Col,
+          { xs: 12 },
+          React__default.createElement(
+            Button,
+            { href: issueMapping + '/' + parentSlug + '/' + childSlug, className: 'float-right', variant: 'outline-primary' },
+            'More Articles ',
+            '>>'
+          )
+        )
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .row {\n            margin-top: -15px;\n            margin-left: -15px;\n            margin-right: 0;\n          }\n          .row > * {\n            padding-top: 15px;\n            padding-left: 15px;\n            padding-right: 0;\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
+exports.PublicationFeature = PublicationFeature;