@mjhls/mjh-framework 1.0.444 → 1.0.446

package/dist/esm/IssueContentDeck.js

@@ -1,6 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-1b1f7766.js';
-import './web.dom.iterable-e6bf2bf6.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './web.dom.iterable-46c95e52.js';
 import React from 'react';
 import 'prop-types';
 import Row from 'react-bootstrap/Row';
@@ -10,8 +11,8 @@ import { m as moment } from './moment-12415288.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-c5fd0af5.js';
-import './slicedToArray-04e02710.js';
-import { A as AuthorComponent } from './AuthorComponent-4f5f15ed.js';
+import './slicedToArray-f1e40361.js';
+import { A as AuthorComponent } from './AuthorComponent-f67cb027.js';
 import Badge from 'react-bootstrap/Badge';
 
 var urlFor = function urlFor(source, client) {

package/dist/esm/IssueDeck.js

@@ -1,10 +1,12 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-1b1f7766.js';
-import './web.dom.iterable-e6bf2bf6.js';
-import './_iter-detect-7c281f0a.js';
-import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_iter-detect-6e099a34.js';
+import './from-2c0a5f49.js';
+import { _ as _toConsumableArray } from './toConsumableArray-8712d678.js';
 import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-92072fff.js';
+import { _ as _extends } from './extends-6e00b262.js';
+import './web.dom.iterable-46c95e52.js';
 import React, { useState, useEffect, useRef } from 'react';
 import 'prop-types';
 import Row from 'react-bootstrap/Row';
@@ -14,7 +16,7 @@ import { I as InfiniteScroll } from './index.es-27d0bae9.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-c5fd0af5.js';
-import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import Button from 'react-bootstrap/Button';
 
 var usePrevious = function usePrevious(value) {

package/dist/esm/IssueLanding.js

@@ -0,0 +1,109 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './from-2c0a5f49.js';
+import './toConsumableArray-8712d678.js';
+import './_object-pie-33c40e79.js';
+import './extends-6e00b262.js';
+import './web.dom.iterable-46c95e52.js';
+import React from 'react';
+import './index-fb49124c.js';
+import 'prop-types';
+import 'react-bootstrap/Card';
+import './moment-12415288.js';
+import 'next/router';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './index.es-27d0bae9.js';
+import 'react-dom';
+import './visibility-sensor-87d6b78c.js';
+import './index-73819142.js';
+import './index-c5fd0af5.js';
+import './main-8c8784b8.js';
+import './entities-7cc3bf45.js';
+import './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import './AdSlot.js';
+import './ADInfeed-1c17dc0e.js';
+import './lodash-17fdfebb.js';
+import './ADlgInfeed-94d7f5dd.js';
+import './AuthorComponent-f67cb027.js';
+import 'react-bootstrap';
+import QueueDeckExpanded from './QueueDeckExpanded.js';
+import 'react-bootstrap/Breadcrumb';
+import Breadcrumbs from './Breadcrumbs.js';
+
+/* usage
+import Settings, { Ads } from '../../../../settings'
+import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
+import client from '../../../../client'
+import moment from 'moment'
+import Shell from '../../../../components/2.0/Shell'
+import { pageview } from '../../../../utilities/gtag'
+
+const Issue = (props) => {
+  const { pubIssue, cache } = props
+  const targeting = {
+    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+  }
+  return (
+    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
+      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
+    </Shell>
+  )
+}
+
+Issue.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
+  )
+  return { pubIssue }
+}
+
+export default Issue
+*/
+
+var IssueLanding = function IssueLanding(props) {
+  var pubIssue = props.pubIssue,
+      client = props.client,
+      settings = props.settings,
+      pageview = props.pageview,
+      rightItems = props.rightItems;
+
+  return React.createElement(
+    'div',
+    { id: 'issueLanding' },
+    React.createElement(Breadcrumbs, null),
+    pubIssue.issue.displayLabel && React.createElement(
+      'p',
+      { className: 'badge badge-primary' },
+      pubIssue.issue.name
+    ),
+    React.createElement(QueueDeckExpanded, {
+      client: client,
+      mapping: settings.mapping,
+      dataRecord: pubIssue.issue.articles,
+      seoPaginate: true,
+      pageview: pageview,
+      columns: 'rotate',
+      variant: 'top',
+      autoScroll: true,
+      defaultImage: settings.logo,
+      showPublished: true,
+      showCategory: true,
+      imageHeight: 270,
+      imageWidth: 480,
+      rightItems: rightItems
+    })
+  );
+};
+
+export default IssueLanding;

package/dist/esm/KMTracker.js

@@ -0,0 +1,25 @@
+var KMTracker = function KMTracker(props) {
+  var id = props.id;
+
+  if (document && id) {
+(function () {
+      var ecnJquery = document.createElement('script');
+
+      ecnJquery.type = 'text/javascript';
+      ecnJquery.async = true;
+      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
+
+      var ecnScript = document.createElement('script');
+
+      ecnScript.type = 'text/javascript';
+      ecnScript.async = true;
+      ecnScript.id = 'km-tracker';
+      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
+
+      document.head.appendChild(ecnJquery);
+      document.head.appendChild(ecnScript);
+    })();
+  }
+};
+
+export default KMTracker;

package/dist/esm/LeftNav.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import ListGroup from 'react-bootstrap/ListGroup';
+
+var LeftNav = function LeftNav(props) {
+  var leftItems = props.leftItems,
+      _props$fixedHeight = props.fixedHeight,
+      fixedHeight = _props$fixedHeight === undefined ? false : _props$fixedHeight,
+      _props$SeeAll = props.SeeAll,
+      SeeAll = _props$SeeAll === undefined ? true : _props$SeeAll;
+
+  var sideNavStyles = void 0;
+  if (fixedHeight) {
+    sideNavStyles = {
+      maxHeight: '194px',
+      overflowY: 'scroll',
+      paddingLeft: '0'
+    };
+  } else {
+    sideNavStyles = {
+      paddingLeft: '0'
+    };
+  }
+
+  var checkUrlIsExternal = function checkUrlIsExternal(url) {
+    if (/(http|https?)([^\s]+)/g.test(url)) {
+      return true;
+    }
+    return false;
+  };
+
+  var renderListGroupItem = function renderListGroupItem(subRow) {
+    if (checkUrlIsExternal(subRow.url)) {
+      return React.createElement(
+        'a',
+        { target: subRow.blank ? '_blank' : '_self', href: subRow.url },
+        subRow.name
+      );
+    }
+    return React.createElement(
+      'a',
+      { href: subRow.url || '#', target: subRow.blank ? '_blank' : '_self' },
+      subRow.name
+    );
+  };
+
+  return React.createElement(
+    'section',
+    null,
+    leftItems && leftItems.map(function (row, index) {
+      return React.createElement(
+        'nav',
+        { key: index, 'aria-label': 'Secondary' },
+        React.createElement(
+          'div',
+          { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
+          React.createElement(
+            'span',
+            { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
+            row.name
+          ),
+          row.url && SeeAll && React.createElement(
+            'span',
+            { style: { marginLeft: 'auto', display: 'inline-block' } },
+            React.createElement(
+              'a',
+              { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
+              'See All >'
+            )
+          )
+        ),
+        React.createElement(
+          'ul',
+          { style: sideNavStyles },
+          row.subQuery && row.subQuery.map(function (subRow, subIndex) {
+            return React.createElement(
+              ListGroup.Item,
+              { as: 'li', key: subIndex + '_2' },
+              renderListGroupItem(subRow)
+            );
+          })
+        )
+      );
+    })
+  );
+};
+
+var LeftNav$1 = React.memo(LeftNav);
+
+export default LeftNav$1;
+export { LeftNav };

package/dist/esm/MasterDeck.js

@@ -1,15 +1,19 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-1b1f7766.js';
-import './web.dom.iterable-e6bf2bf6.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
 import './_library-528f1934.js';
-import './_iter-detect-7c281f0a.js';
-import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
+import './_iter-detect-6e099a34.js';
+import './from-2c0a5f49.js';
+import { _ as _toConsumableArray } from './toConsumableArray-8712d678.js';
 import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-92072fff.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-bbec2f34.js';
-import './typeof-09bf9211.js';
+import { _ as _extends } from './extends-6e00b262.js';
+import './_object-sap-56bb8073.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-2758cc14.js';
+import './web.dom.iterable-46c95e52.js';
+import './typeof-7e72fee0.js';
+import './_is-array-dd5523d6.js';
 import React from 'react';
-import { d as debounce_1, l as lib_3 } from './debounce-42a7f724.js';
+import { l as lib_3 } from './index-fb49124c.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
@@ -17,12 +21,15 @@ import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import './moment-12415288.js';
 import { withRouter } from 'next/router';
+import './isSymbol-c1b9be80.js';
+import { d as debounce_1 } from './debounce-8cd9e09c.js';
 import { I as InfiniteScroll } from './index.es-27d0bae9.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-87d6b78c.js';
 import './index-73819142.js';
-import { m as main_36 } from './main-cf4930f0.js';
-import { d as _Promise } from './promise-2592a80a.js';
+import { m as main_36 } from './main-8c8784b8.js';
+import './_set-species-6f64f1c1.js';
+import { _ as _Promise } from './promise-53143c9a.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/NavDvm.js

@@ -0,0 +1,211 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './web.dom.iterable-46c95e52.js';
+import React from 'react';
+import Container from 'react-bootstrap/Container';
+import './slicedToArray-f1e40361.js';
+import 'react-bootstrap/Button';
+import Nav from 'react-bootstrap/Nav';
+import Navbar from 'react-bootstrap/Navbar';
+import NavDropdown from 'react-bootstrap/NavDropdown';
+import 'react-bootstrap/Form';
+import 'react-bootstrap/FormControl';
+import Search from './Search.js';
+import { N as NavFooter } from './NavFooter-c29526b7.js';
+
+var NavDvm = function NavDvm(props) {
+  var logo = props.logo,
+      mobileLogo = props.mobileLogo,
+      dataObject = props.dataObject,
+      subNav = props.subNav,
+      website = props.website;
+
+
+  var getLink = function getLink(url, className, name, key, blank) {
+    if (url && (url.includes('https://') || url.includes('http://'))) {
+      return React.createElement(
+        'a',
+        { target: blank ? '_blank' : '_self', key: key, href: url || '#', className: className },
+        name
+      );
+    }
+
+    return React.createElement(
+      'a',
+      { key: key, href: url || '#', target: blank ? '_blank' : '_self', className: className },
+      name
+    );
+  };
+
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      Navbar,
+      { className: 'top-nav', expand: 'xl' },
+      React.createElement(
+        Container,
+        null,
+        React.createElement(
+          Nav,
+          { className: 'justify-content-center', style: { margin: '0 auto' } },
+          React.createElement(
+            Nav.Item,
+            null,
+            React.createElement(
+              'a',
+              { href: '/' },
+              React.createElement('img', { src: logo, style: { height: '55px' } })
+            )
+          )
+        )
+      )
+    ),
+    React.createElement(
+      Navbar,
+      { className: 'bottom-nav', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top' },
+      React.createElement(
+        Container,
+        { className: 'mobile-nav position-relative' },
+        mobileLogo && React.createElement(
+          'a',
+          { href: '/', className: 'mobile-logo' },
+          React.createElement('img', { src: mobileLogo })
+        ),
+        React.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
+        React.createElement(
+          Navbar.Collapse,
+          { id: 'basic-navbar-nav' },
+          React.createElement(
+            Nav,
+            { className: 'mr-auto' },
+            dataObject && dataObject.map(function (row, index) {
+              if (row.subQuery.length > 0) {
+                return React.createElement(
+                  'div',
+                  null,
+                  React.createElement(
+                    NavDropdown,
+                    { key: index, title: row.name, id: 'basic-nav-dropdown' },
+                    row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
+                      if (ddRow.type === 'divider') {
+                        return React.createElement(NavDropdown.Divider, { key: subIndex });
+                      } else {
+                        return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
+                      }
+                    })
+                  ),
+                  React.createElement(
+                    'noscript',
+                    null,
+                    React.createElement(
+                      'div',
+                      null,
+                      row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
+                        if (ddRow.type === 'divider') {
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
+                        } else {
+                          return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
+                        }
+                      })
+                    )
+                  )
+                );
+              } else {
+                return getLink(row.url, 'nav-link', row.name, index, row.blank);
+              }
+            })
+          ),
+          React.createElement(Search, null)
+        ),
+        subNav && React.createElement(
+          Navbar.Collapse,
+          { id: 'basic-navbar-sub' },
+          React.createElement(
+            Nav,
+            { className: 'mr-auto' },
+            subNav && subNav.map(function (row, index) {
+              if (row.subQuery && row.subQuery.length > 0) {
+                return row.name ? React.createElement(
+                  'div',
+                  null,
+                  React.createElement(
+                    NavDropdown,
+                    { key: index, title: row.name, id: 'basic-nav-dropdown' },
+                    row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
+                      if (ddRow.type === 'divider') {
+                        return React.createElement(NavDropdown.Divider, { key: subIndex });
+                      } else {
+                        if (ddRow.url && ddRow.name) {
+                          return ddRow.url && ddRow.name ? React.createElement(
+                            'a',
+                            { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                            ddRow.name
+                          ) : null;
+                        } else return null;
+                      }
+                    })
+                  ),
+                  React.createElement(
+                    'noscript',
+                    null,
+                    React.createElement(
+                      'div',
+                      null,
+                      row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
+                        if (ddRow.type === 'divider') {
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
+                        } else {
+                          if (ddRow.url && ddRow.name) {
+                            return ddRow.url && ddRow.name ? React.createElement(
+                              'a',
+                              { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                              ddRow.name
+                            ) : null;
+                          } else return null;
+                        }
+                      })
+                    )
+                  )
+                ) : null;
+              } else {
+                return row.url && row.name ? React.createElement(
+                  'a',
+                  { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  row.name
+                ) : null;
+              }
+            })
+          )
+        ),
+        website && React.createElement(
+          Navbar.Collapse,
+          { id: 'basic-navbar-sub' },
+          React.createElement(
+            Nav,
+            { className: 'mr-auto' },
+            React.createElement(NavFooter, { website: website })
+          )
+        )
+      )
+    ),
+    React.createElement(
+      'noscript',
+      null,
+      React.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .navbar .collapse {\n            display: block;\n          }\n        '
+      )
+    ),
+    React.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .mobile-logo {\n          display: none;\n          position: absolute;\n          left: 50%;\n          top: 0;\n          height: 40px;\n          transform: translateX(-50%);\n        }\n        .mobile-logo img {\n          height: 100%;\n        }\n        @media screen and (max-width: 1192px) {\n          .mobile-logo {\n            display: block;\n          }\n          .top-nav {\n            display: none;\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 20px;\n            border-bottom: 0.5px solid white;\n            margin-bottom: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            margin: 5px 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n        }\n        @media screen and (max-width: 991px) {\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n        }\n      '
+    )
+  );
+};
+
+export default NavDvm;
+export { NavDvm };

package/dist/esm/NavFooter-c29526b7.js

@@ -0,0 +1,60 @@
+import React from 'react';
+
+var year = new Date().getFullYear();
+
+var NavFooter = function NavFooter(props) {
+  var website = props.website,
+      showLogo = props.showLogo;
+
+  return React.createElement(
+    'div',
+    { className: 'nav-footer' },
+    website && React.createElement(
+      'ul',
+      null,
+      website && website.sideFooterContent && website.sideFooterContent.length && website.sideFooterContent.map(function (content, index) {
+        if (content.url && content.title) {
+          return content.blank ? React.createElement(
+            'li',
+            { key: index },
+            React.createElement(
+              'a',
+              { target: '_blank', rel: 'noopener noreferrer', href: content.url, className: 'nav-link' },
+              content.title
+            )
+          ) : React.createElement(
+            'li',
+            { key: index },
+            React.createElement(
+              'a',
+              { href: content.url, className: 'nav-link' },
+              content.title
+            )
+          );
+        } else return null;
+      }),
+      showLogo && React.createElement(
+        'li',
+        null,
+        React.createElement(
+          'a',
+          { href: 'https://www.mjhlifesciences.com' },
+          React.createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
+        )
+      )
+    ),
+    website && website.title && React.createElement(
+      'p',
+      { className: 'nav-link' },
+      '\xA9 ',
+      year,
+      ' MJH Life Sciences and ',
+      website.title,
+      '. All rights reserved.'
+    )
+  );
+};
+
+var NavFooter$1 = React.memo(NavFooter);
+
+export { NavFooter$1 as N };