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

package/dist/esm/PublicationDeck.js

@@ -0,0 +1,173 @@
+import React__default from 'react';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Button from 'react-bootstrap/Button';
+import Card from 'react-bootstrap/Card';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import urlFor from './urlFor.js';
+import { l as lodash } from './lodash-f97fd99a.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import 'react-dom';
+import 'prop-types';
+import './slicedToArray-ca2c8b8d.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
+import './index-0dbff1d1.js';
+
+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.sortBy(legacyPubs, [function (o) {
+    return o.childIssue && o.childIssue.year ? o.childIssue.year : null;
+  }]);
+
+  var sortedRegPubs = 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.createElement(
+      'div',
+      { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
+      sortedRegPubs && sortedRegPubs.length > 0 && React__default.createElement(
+        Row,
+        { className: 'regular-publication-wrapper' },
+        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.createElement(
+                'a',
+                { href: href + '/' + row.identifier.current },
+                row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
+                  LazyLoad,
+                  { height: imageHeight },
+                  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.createElement(
+                    Card.Title,
+                    null,
+                    row.name
+                  ),
+                  React__default.createElement(
+                    Button,
+                    { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
+                    'Browse Issues'
+                  )
+                )
+              ),
+              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                      '
+              )
+            )
+          );
+        })
+      ),
+      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(
+          'div',
+          { className: 'legacy-publication-title' },
+          React__default.createElement(
+            'h2',
+            null,
+            'Legacy'
+          ),
+          React__default.createElement('hr', null)
+        ),
+        React__default.createElement(
+          Row,
+          { className: 'legacy-publication-wrapper' },
+          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.createElement(
+                  'a',
+                  { href: href + '/' + row.identifier.current },
+                  row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
+                    LazyLoad,
+                    { height: imageHeight },
+                    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.createElement(
+                      Card.Title,
+                      null,
+                      row.name
+                    ),
+                    React__default.createElement(
+                      Button,
+                      { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
+                      'Browse Issues'
+                    )
+                  )
+                ),
+                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                        '
+                )
+              )
+            );
+          })
+        )
+      )
+    );
+  } else {
+    return React__default.createElement(
+      'div',
+      null,
+      React__default.createElement(
+        'h5',
+        null,
+        React__default.createElement(
+          'em',
+          { className: 'pl-3' },
+          'New content coming soon, please check back later.'
+        )
+      )
+    );
+  }
+};
+
+export default PublicationDeck;

package/dist/esm/PublicationFeature-03500094.js

@@ -0,0 +1,121 @@
+import React__default from 'react';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Button from 'react-bootstrap/Button';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import urlFor from './urlFor.js';
+
+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(
+            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;
+};
+
+export { PublicationFeature as P };