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

package/dist/cjs/OncliveHero.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var React = require('react');
-var urlFor = require('./urlFor.js');
-require('react-bootstrap/Badge');
-require('./iconBase-be4097c0.js');
-var moment = require('./moment-aca40de1.js');
-require('./slicedToArray-067dd3bc.js');
-require('./_commonjsHelpers-06173234.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 OncliveHero = function OncliveHero(props) {
-  var client = props.client;
-
-
-  return React__default['default'].createElement(
-    'div',
-    { className: 'article-group--container' },
-    props.dataRecord.map(function (article, index) {
-      var articleThumbnail = '';
-      var articleAltText = article.title;
-      if (article.thumbnail && article.thumbnail.asset) {
-        articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
-
-        articleAltText = article.thumbnail.asset.originalFileName;
-      } else if (props.thumbnail) {
-        articleThumbnail = props.thumbnail;
-      }
-      return React__default['default'].createElement(
-        'a',
-        { key: index, href: '/view/' + article.url.current, className: 'article-group' },
-        React__default['default'].createElement(
-          'figure',
-          null,
-          React__default['default'].createElement('img', { src: articleThumbnail, alt: articleAltText })
-        ),
-        React__default['default'].createElement(
-          'div',
-          { className: 'article-group--body' },
-          React__default['default'].createElement(
-            'h2',
-            null,
-            article.title
-          ),
-          React__default['default'].createElement('div', null),
-          moment.moment(article.published).format('MMMM Do YYYY, h:mma'),
-          article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default['default'].createElement(
-            'p',
-            { className: 'mb-2' },
-            'By ',
-            React__default['default'].createElement(
-              'b',
-              null,
-              article.authorMapping[0].displayName
-            )
-          ),
-          React__default['default'].createElement(
-            'p',
-            { className: 'article-group--summary' },
-            article.summary
-          )
-        )
-      );
-    }),
-    React__default['default'].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .article-group--container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n        }\n        .article-group--container * {\n          transition: all 0.13s ease;\n        }\n        .article-group {\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0.5rem 1rem;\n          width: calc(50% - 2rem);\n          background: #fff;\n          min-width: 320px;\n          transition: all 0.1s ease-out;\n          border-top: 1px solid #eee;\n          position: relative;\n          overflow: hidden;\n        }\n\n        .article-group:nth-of-type(1) {\n          width: 100%;\n        }\n        .article-group:nth-of-type(1) .article-group--body {\n        }\n        .article-group:nth-of-type(1) figure img {\n          width: 225px;\n        }\n        .article-group:nth-of-type(1) .article-group--body h2 {\n          font-size: 1.4rem;\n        }\n        .article-group:nth-of-type(1) .article-group--summary {\n          display: block;\n        }\n        @media screen and (max-width: 1091px) {\n          .article-group:nth-of-type(1) {\n            width: 100%;\n          }\n          .article-group:nth-of-type(1) .article-group--summary {\n            display: none;\n          }\n          .article-group:nth-of-type(1) figure img {\n            width: 130px;\n          }\n          .article-group:nth-of-type(1) .article-group--body h2 {\n            font-size: 1rem;\n          }\n        }\n        .article-group figure {\n          margin-bottom: 0;\n        }\n        .article-group figure img {\n          height: 100%;\n          width: 130px;\n          object-fit: contain;\n        }\n\n        .article-group--body {\n          padding-left: 1rem;\n        }\n        .article-group--body p {\n          font-size: 0.9rem;\n        }\n        .article-group--body h2 {\n          font-weight: bold;\n          margin-top: 1rem;\n          font-size: 1rem;\n          padding-right: 0.5rem;\n        }\n        .article-group--summary {\n          font-size: 1rem;\n          display: none;\n        }\n      '
-    )
-  );
-};
-
-module.exports = OncliveHero;

package/dist/cjs/OncliveLargeHero.js

@@ -1,241 +0,0 @@
-'use strict';
-
-var React = require('react');
-var moment = require('./moment-aca40de1.js');
-var urlFor = require('./urlFor.js');
-var entities = require('./entities-3f9d0f2f.js');
-var AuthorComponent = require('./AuthorComponent-39b37d84.js');
-var index = require('./index-eadd5035.js');
-require('./_commonjsHelpers-06173234.js');
-require('./slicedToArray-067dd3bc.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./index-efca863c.js');
-require('react-dom');
-require('prop-types');
-
-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 topArticleThumbnail = '';
-  var topArticleAltText = topArticle.title;
-  if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 550 });
-
-    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$1) {
-          var articleThumbnail = '';
-          var articleAltText = article.title;
-          if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
-            articleAltText = article.thumbnail.asset.originalFileName;
-          } else if (props.thumbnail) {
-            articleThumbnail = props.thumbnail;
-          }
-          return React__default['default'].createElement(
-            'div',
-            { key: index$1, 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.LazyLoad,
-                  { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, 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$1) {
-          var articleThumbnail = '';
-          var articleAltText = article.title;
-          if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
-
-            articleAltText = article.thumbnail.asset.originalFileName;
-          } else if (props.thumbnail) {
-            articleThumbnail = props.thumbnail;
-          }
-          return React__default['default'].createElement(
-            'div',
-            { key: index$1, 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.LazyLoad,
-                  { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
-                )
-              )
-            )
-          );
-        })
-      ),
-      React__default['default'].createElement(
-        'div',
-        { className: 'sub-articles-container' },
-        subArticles && subArticles.map(function (article, index$1) {
-          var articleThumbnail = '';
-          var articleAltText = article.title;
-          if (article.thumbnail && article.thumbnail.asset) {
-            articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
-            articleAltText = article.thumbnail.asset.originalFileName;
-          } else if (props.thumbnail) {
-            articleThumbnail = props.thumbnail;
-          }
-          return React__default['default'].createElement(
-            'div',
-            { key: index$1, 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.LazyLoad,
-                  { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, 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

@@ -1,72 +0,0 @@
-'use strict';
-
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var reactBootstrap = require('react-bootstrap');
-require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-
-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/Pagination-1e0d5f1d.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ReactPaginate = require('react-paginate');
-var Button = require('react-bootstrap/Button');
-var index_esm = require('./index.esm-d51c9ac6.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-
-var Pagination = function Pagination(props) {
-  var pageCount = props.pageCount,
-      _props$marginPagesDis = props.marginPagesDisplayed,
-      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
-      _props$pageRangeDispl = props.pageRangeDisplayed,
-      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
-      _props$currentPage = props.currentPage,
-      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
-      _onPageChange = props.onPageChange,
-      _props$needLargePagin = props.needLargePaginateButtons,
-      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
-
-  if (!pageCount || pageCount <= 1) return null;
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
-    null,
-    needLargePaginateButtons && React__default['default'].createElement(
-      'div',
-      { className: 'pagination-lg-btn-nxt' },
-      React__default['default'].createElement(
-        Button__default['default'],
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage + 1);
-          },
-          disabled: currentPage === pageCount,
-          href: currentPage === pageCount ? '' : '?page=' + (currentPage + 1) },
-        'NEXT PAGE',
-        React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
-      )
-    ),
-    React__default['default'].createElement(ReactPaginate__default['default'], {
-      pageCount: pageCount,
-      marginPagesDisplayed: marginPagesDisplayed,
-      pageRangeDisplayed: pageRangeDisplayed,
-      forcePage: currentPage - 1,
-      onPageChange: function onPageChange(_ref) {
-        var selected = _ref.selected;
-        return _onPageChange(selected + 1);
-      },
-      hrefBuilder: function hrefBuilder(page) {
-        return '?page=' + page;
-      },
-      previousLabel: '<',
-      nextLabel: '>',
-      containerClassName: 'pagination-container',
-      previousLinkClassName: 'previous',
-      nextLinkClassName: 'next',
-      disabledClassName: 'disabled',
-      activeClassName: 'active'
-    }),
-    needLargePaginateButtons && React__default['default'].createElement(
-      'div',
-      { className: 'pagination-lg-btn-prv' },
-      React__default['default'].createElement(
-        Button__default['default'],
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage - 1);
-          },
-          disabled: currentPage === 1,
-          href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
-        React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
-        'PREVIOUS PAGE'
-      )
-    ),
-    React__default['default'].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disabled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
-    )
-  );
-};
-
-exports.Pagination = Pagination;