@mjhls/mjh-framework 1.0.444 → 1.0.446

package/dist/cjs/OncliveLargeHero.js

@@ -0,0 +1,243 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+require('prop-types');
+var moment = require('./moment-66a6a284.js');
+require('react-dom');
+var index = require('./index-be0c82be.js');
+var index$1 = require('./index-8a3fb0bc.js');
+var entities = require('./entities-310b46ee.js');
+require('./slicedToArray-8063ee51.js');
+var AuthorComponent = require('./AuthorComponent-5bb8f868.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var OncliveLargeHero = function OncliveLargeHero(props) {
+  var removeTimeStamp = props.removeTimeStamp;
+
+  var topArticle = props.dataRecord[0];
+  var middleArticles = props.dataRecord.slice(1, 3);
+  var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
+  var client = props.client;
+
+  var builder = index.imageUrlBuilder(client);
+  function urlFor(source) {
+    return builder.image(source).auto('format');
+  }
+
+  var topArticleThumbnail = '';
+  var topArticleAltText = topArticle.title;
+  if (topArticle.thumbnail && topArticle.thumbnail.asset) {
+    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(550).url();
+    topArticleAltText = topArticle.thumbnail.asset.originalFileName;
+  } else if (props.thumbnail) {
+    topArticleThumbnail = props.thumbnail;
+  }
+
+  return React__default['default'].createElement(
+    'div',
+    { className: 'article-hero-container' },
+    React__default['default'].createElement(
+      'div',
+      { className: 'top-outer' },
+      React__default['default'].createElement(
+        'a',
+        { href: '/view/' + topArticle.url.current, className: 'top-article' },
+        React__default['default'].createElement(
+          'figure',
+          null,
+          React__default['default'].createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
+        ),
+        React__default['default'].createElement(
+          'div',
+          { className: 'top-article--body' },
+          React__default['default'].createElement(
+            'h1',
+            null,
+            topArticle.title
+          ),
+          React__default['default'].createElement(
+            'p',
+            null,
+            moment.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
+          ),
+          React__default['default'].createElement(
+            'p',
+            { className: 'top-article-summary' },
+            entities.clean_html_1(topArticle.summary)
+          )
+        )
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'sub-articles-container middle-single' },
+        middleArticles && middleArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default['default'].createElement(
+            'div',
+            { key: index, className: 'sub-article' },
+            React__default['default'].createElement(
+              'a',
+              { href: '/view/' + article.url.current },
+              React__default['default'].createElement(
+                'figure',
+                null,
+                React__default['default'].createElement('img', { src: articleThumbnail, alt: articleAltText })
+              )
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'sub-article--body' },
+              React__default['default'].createElement(
+                'a',
+                { href: '/view/' + article.url.current },
+                React__default['default'].createElement(
+                  'h2',
+                  null,
+                  article.title
+                )
+              ),
+              React__default['default'].createElement('div', null),
+              moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping.length > 0 && React__default['default'].createElement(
+                'div',
+                { className: 'author-wrapper' },
+                React__default['default'].createElement(
+                  index$1.LazyLoad,
+                  { height: 50 },
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                )
+              )
+            )
+          );
+        })
+      )
+    ),
+    React__default['default'].createElement(
+      'div',
+      { className: 'sub-outer-container' },
+      React__default['default'].createElement(
+        'div',
+        { className: 'sub-articles-container middle-group' },
+        middleArticles && middleArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default['default'].createElement(
+            'div',
+            { key: index, className: 'sub-article' },
+            React__default['default'].createElement(
+              'a',
+              { href: '/view/' + article.url.current },
+              React__default['default'].createElement(
+                'figure',
+                null,
+                React__default['default'].createElement('img', { src: articleThumbnail, alt: articleAltText })
+              )
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'sub-article--body' },
+              React__default['default'].createElement(
+                'a',
+                { href: '/view/' + article.url.current },
+                React__default['default'].createElement(
+                  'h2',
+                  null,
+                  article.title
+                )
+              ),
+              React__default['default'].createElement('div', null),
+              moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping.length > 0 && React__default['default'].createElement(
+                'div',
+                { className: 'author-wrapper' },
+                React__default['default'].createElement(
+                  index$1.LazyLoad,
+                  { height: 50 },
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                )
+              )
+            )
+          );
+        })
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'sub-articles-container' },
+        subArticles && subArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default['default'].createElement(
+            'div',
+            { key: index, className: 'sub-article' },
+            React__default['default'].createElement(
+              'a',
+              { href: '/view/' + article.url.current },
+              React__default['default'].createElement(
+                'figure',
+                null,
+                React__default['default'].createElement('img', { src: articleThumbnail, alt: articleAltText })
+              )
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'sub-article--body' },
+              React__default['default'].createElement(
+                'a',
+                { href: '/view/' + article.url.current },
+                React__default['default'].createElement(
+                  'h2',
+                  null,
+                  article.title
+                )
+              ),
+              React__default['default'].createElement('div', null),
+              moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping.length > 0 && React__default['default'].createElement(
+                'div',
+                { className: 'author-wrapper' },
+                React__default['default'].createElement(
+                  index$1.LazyLoad,
+                  { height: 50 },
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                )
+              )
+            )
+          );
+        })
+      )
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .article-hero-container {\n          margin: 0 -0.8rem;\n        }\n        .author-wrapper {\n          font-style: normal !important;\n        }\n        @media screen and (min-width: 1400px) {\n          .article-hero-container {\n            display: flex;\n            flex-direction: row;\n            margin-bottom: 30px;\n          }\n          .top-outer {\n            width: 50%;\n          }\n          .sub-outer-container {\n            width: 50%;\n          }\n        }\n        .top-article {\n          // width: 50%;\n          margin: 0 1rem;\n          height: 100%;\n          display: block;\n        }\n        .top-article figure {\n          width: 100%;\n          height: 60%;\n        }\n        .top-article figure img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n        .top-article--body h1 {\n          font-size: 1.4rem;\n          color: black !important;\n          font-weight: bold;\n        }\n        // .sub-articles-container {\n        //   width: 50%;\n        //   flex: 1 1 auto;\n        //   min-width: 350px;\n        // }\n        .sub-article {\n          margin: 0 1rem 1rem;\n          display: flex;\n          flex-direction: row;\n        }\n        .sub-article figure {\n          width: 125px;\n        }\n        .sub-article figure img {\n          width: 125px;\n          height: auto;\n          object-fit: cover;\n        }\n        .sub-article--body {\n          padding-left: 1rem;\n          font-size: 0.9rem;\n        }\n        .sub-article--body h2 {\n          font-size: 1rem;\n          font-weight: bold;\n        }\n        @media screen and (max-width: 1368px) {\n          .article-hero-container {\n            flex-direction: column;\n          }\n          .top-article {\n            // width: unset;\n            flex: 1 1 auto;\n          }\n          .sub-articles-container {\n            width: 100%;\n            margin-top: 1rem;\n            min-width: 280px;\n          }\n        }\n        @media screen and (max-width: 1399px) and (min-width: 992px) {\n          .top-article {\n            // width: 50%;\n            flex: 1 1 auto;\n            margin-bottom: 1rem;\n          }\n          .middle-group {\n            display: none;\n          }\n          .middle-single {\n            display: block !important;\n            margin-top: 0 !important;\n          }\n          .top-article figure img {\n            max-height: 180px !important;\n          }\n          .top-article-summary {\n            display: none;\n          }\n        }\n        // @media only screen and (min-width) {\n        //   .sub-outer-container {\n        //     width: 50%;\n        //     flex: 1 1 auto;\n        //     min-width: 350px;\n        //   }\n        // }\n        .middle-single {\n          display: none;\n        }\n        .top-outer {\n          display: flex;\n        }\n      '
+    )
+  );
+};
+
+module.exports = OncliveLargeHero;

package/dist/cjs/PageFilter.js

@@ -0,0 +1,73 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+var reactBootstrap = require('react-bootstrap');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PageFilter = function PageFilter(props) {
+  var getParams = props.getParams,
+      filters = props.filters,
+      defaultFilter = props.defaultFilter;
+
+  var _useState = React.useState(''),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      filter = _useState2[0],
+      setFilter = _useState2[1];
+
+  var usePrevious = function usePrevious(value) {
+    var ref = React.useRef();
+    React.useEffect(function () {
+      ref.current = value;
+    });
+    return ref.current;
+  };
+
+  var sortAttr = usePrevious({ filter: filter });
+
+  React.useEffect(function () {
+    if (sortAttr && sortAttr.filter !== filter) {
+      getParams(filter);
+    }
+  }, [filter, sortAttr, getParams]);
+
+  if (filters.length) {
+    return React__default['default'].createElement(
+      reactBootstrap.Dropdown,
+      { alignRight: true },
+      React__default['default'].createElement(
+        reactBootstrap.Dropdown.Toggle,
+        { className: 'filter-dropdown', id: 'filter-dropdown' },
+        filter || defaultFilter
+      ),
+      React__default['default'].createElement(
+        reactBootstrap.Dropdown.Menu,
+        { className: 'select-dropdown' },
+        filters.map(function (filter, index) {
+          return React__default['default'].createElement(
+            reactBootstrap.Dropdown.Item,
+            { key: index, onClick: function onClick() {
+                return setFilter(filter);
+              } },
+            filter
+          );
+        })
+      ),
+      React__default['default'].createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .filter-dropdown {\n            float: right;\n          }\n          .select-dropdown > a {\n            color: #8e8c84;\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
+module.exports = PageFilter;

package/dist/cjs/PdfDownload.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+require('./iconBase-637d3f1e.js');
+var index_esm = require('./index.esm-c0d8b44b.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PdfDownload = function PdfDownload(props) {
+  return React__default['default'].createElement(
+    'div',
+    { className: 'pdf-download', style: { textAlign: 'center', padding: '1rem 0', borderTop: '1px solid #eee', marginTop: '1rem' } },
+    React__default['default'].createElement(
+      'a',
+      { href: props.issueInfo.asset.url, target: '_blank' },
+      React__default['default'].createElement(index_esm.MdPictureAsPdf, { style: { fontSize: '65px', color: '#ff0000' } }),
+      React__default['default'].createElement(
+        'span',
+        null,
+        'Click to download this publication issue.'
+      )
+    )
+  );
+};
+
+module.exports = PdfDownload;

package/dist/cjs/PopUpModal.js

@@ -0,0 +1,59 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+var Modal = require('react-bootstrap/Modal');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
+
+var PopUpModal = function PopUpModal(props) {
+  var _ref = props.ModalImage ? React.useState(true) : React.useState(false),
+      _ref2 = slicedToArray._slicedToArray(_ref, 2),
+      show = _ref2[0],
+      setShow = _ref2[1];
+
+  var launchModalButton = function launchModalButton(e) {
+    window.open(props.landingURL, '_blank');
+    setShow(false);
+  };
+
+  return React__default['default'].createElement(
+    Modal__default['default'],
+    { show: show, onHide: function onHide() {
+        return setShow(false);
+      }, 'aria-labelledby': 'Popup-Modal' },
+    React__default['default'].createElement(Modal__default['default'].Title, null),
+    React__default['default'].createElement(
+      Modal__default['default'].Body,
+      null,
+      React__default['default'].createElement(
+        'div',
+        { className: 'modalImageHolder' },
+        React__default['default'].createElement('img', { className: 'modalImage', src: props.ModalImage, onClick: function onClick() {
+            return launchModalButton();
+          } }),
+        React__default['default'].createElement(
+          'div',
+          { className: 'modalClose', onClick: function onClick() {
+              return setShow(false);
+            } },
+          'X'
+        )
+      )
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .modalImageHolder {\n            display: flex;\n            justify-content: center;\n          }\n          .modalClose {\n            display: flex;\n            justify-content: center;\n            width: 25px;\n            height: 25px;\n            font-size: 1.25rem;\n            color: #fff;\n            cursor: pointer;\n          }\n          .modalImage {\n            cursor: pointer;\n          }\n        '
+    )
+  );
+};
+
+module.exports = PopUpModal;