@mjhls/mjh-framework 1.0.98 → 1.0.99-0.next12

package/dist/cjs/PublicationDeck.js

@@ -0,0 +1,183 @@
+'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');
+require('./_commonjsHelpers-06173234.js');
+require('react-dom');
+require('prop-types');
+require('./slicedToArray-067dd3bc.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./index-efca863c.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 PublicationDeck = function PublicationDeck(props) {
+  var data = props.data,
+      _props$imageHeight = props.imageHeight,
+      imageHeight = _props$imageHeight === undefined ? null : _props$imageHeight,
+      _props$imageWidth = props.imageWidth,
+      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
+      _props$imageFit = props.imageFit,
+      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
+      href = props.href,
+      website = props.website,
+      client = props.client;
+
+  var regPubs = data.filter(function (a) {
+    return typeof a.is_legacy === 'undefined' || a.is_legacy === false;
+  });
+  var legacyPubs = data.filter(function (a) {
+    return a.is_legacy === true;
+  });
+
+  var sortedLegacyPubs = lodash.lodash.sortBy(legacyPubs, [function (o) {
+    return o.childIssue && o.childIssue.year ? o.childIssue.year : null;
+  }]);
+
+  var sortedRegPubs = lodash.lodash.sortBy(regPubs, [function (o) {
+    return o.childIssue && o.childIssue.year ? o.childIssue.year : null;
+  }]);
+
+  var renderCardImage = function renderCardImage(thumbnail) {
+    if (thumbnail && thumbnail.asset) {
+      var url = urlFor({ client: client, source: thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
+      return url;
+    } else {
+      return website.logo;
+    }
+  };
+
+  if (sortedRegPubs && sortedRegPubs.length || sortedLegacyPubs && sortedLegacyPubs.length) {
+    return React__default['default'].createElement(
+      'div',
+      { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
+      sortedRegPubs && sortedRegPubs.length > 0 && React__default['default'].createElement(
+        Row__default['default'],
+        { 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'],
+              { className: 'block-card', style: { width: '200px' } },
+              React__default['default'].createElement(
+                'a',
+                { href: href + '/' + row.identifier.current },
+                row.childIssue && row.childIssue.thumbnail ? React__default['default'].createElement(
+                  index.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,
+                  { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
+                  React__default['default'].createElement(
+                    Card__default['default'].Title,
+                    null,
+                    row.name
+                  ),
+                  React__default['default'].createElement(
+                    Button__default['default'],
+                    { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
+                    'Browse Issues'
+                  )
+                )
+              ),
+              React__default['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                      '
+              )
+            )
+          );
+        })
+      ),
+      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default['default'].createElement(
+        React__default['default'].Fragment,
+        null,
+        React__default['default'].createElement(
+          'div',
+          { className: 'legacy-publication-title' },
+          React__default['default'].createElement(
+            'h2',
+            null,
+            'Legacy'
+          ),
+          React__default['default'].createElement('hr', null)
+        ),
+        React__default['default'].createElement(
+          Row__default['default'],
+          { 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'],
+                { className: 'block-card', style: { width: '200px' } },
+                React__default['default'].createElement(
+                  'a',
+                  { href: href + '/' + row.identifier.current },
+                  row.childIssue && row.childIssue.thumbnail ? React__default['default'].createElement(
+                    index.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,
+                    { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
+                    React__default['default'].createElement(
+                      Card__default['default'].Title,
+                      null,
+                      row.name
+                    ),
+                    React__default['default'].createElement(
+                      Button__default['default'],
+                      { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
+                      'Browse Issues'
+                    )
+                  )
+                ),
+                React__default['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                        '
+                )
+              )
+            );
+          })
+        )
+      )
+    );
+  } else {
+    return React__default['default'].createElement(
+      'div',
+      null,
+      React__default['default'].createElement(
+        'h5',
+        null,
+        React__default['default'].createElement(
+          'em',
+          { className: 'pl-3' },
+          'New content coming soon, please check back later.'
+        )
+      )
+    );
+  }
+};
+
+module.exports = PublicationDeck;

package/dist/cjs/PublicationFeature-be5f3503.js

@@ -0,0 +1,130 @@
+'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 index = require('./index-eadd5035.js');
+var urlFor = require('./urlFor.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 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['default'].createElement(
+      'div',
+      { className: 'publication-feature-container border rounded p-2' },
+      React__default['default'].createElement(
+        Row__default['default'],
+        null,
+        React__default['default'].createElement(
+          Col__default['default'],
+          { xs: 12 },
+          React__default['default'].createElement(
+            'h4',
+            null,
+            name,
+            month && year && React__default['default'].createElement(
+              'span',
+              null,
+              ' ',
+              '| ',
+              months[parseInt(month, 10)],
+              ' ',
+              year
+            )
+          )
+        ),
+        React__default['default'].createElement(
+          Col__default['default'],
+          { xs: 12, sm: 4 },
+          React__default['default'].createElement(
+            index.LazyLoad,
+            { once: true },
+            React__default['default'].createElement('img', { className: 'w-100 mb-2', src: thumbnail && thumbnail.asset && client ? urlFor({ client: client, source: thumbnail.asset }) : defaultImage, alt: name || '' })
+          )
+        ),
+        React__default['default'].createElement(
+          Col__default['default'],
+          { xs: 12, sm: 8 },
+          React__default['default'].createElement(
+            Row__default['default'],
+            null,
+            articles.map(function (article) {
+              return React__default['default'].createElement(
+                Col__default['default'],
+                { key: article._id, xs: 12, sm: 6 },
+                article.issueSection && article.issueSection.name && React__default['default'].createElement(
+                  'h6',
+                  { className: 'text-primary m-0 p-0 text-uppercase font-weight-bold' },
+                  article.issueSection.name
+                ),
+                article.title && React__default['default'].createElement(
+                  React__default['default'].Fragment,
+                  null,
+                  article.url && article.url.current ? React__default['default'].createElement(
+                    'a',
+                    { href: '/view/' + article.url.current },
+                    React__default['default'].createElement(
+                      'h6',
+                      { className: 'text-break' },
+                      article.title
+                    )
+                  ) : React__default['default'].createElement(
+                    'h6',
+                    { className: 'text-break' },
+                    article.title
+                  )
+                )
+              );
+            })
+          )
+        ),
+        issueMapping && parentSlug && childSlug && React__default['default'].createElement(
+          Col__default['default'],
+          { xs: 12 },
+          React__default['default'].createElement(
+            Button__default['default'],
+            { href: issueMapping + '/' + parentSlug + '/' + childSlug, className: 'float-right', variant: 'outline-primary' },
+            'More Articles ',
+            '>>'
+          )
+        )
+      ),
+      React__default['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;