@mjhls/mjh-framework 1.0.202 → 1.0.204

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.202
+# mjh-framework v. 1.0.203
 
 
 

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import React__default, { Component, Suspense, useState, useEffect, useRef, createContext, createElement } from 'react';
+import React__default, { Component, Suspense, useState, useEffect, useRef, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
-import require$$1 from 'react-dom';
+import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -7186,7 +7186,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
 
 var visibilitySensor = createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
-	module.exports = factory(React__default, require$$1);
+	module.exports = factory(React__default, reactDom);
 })(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
@@ -8494,7 +8494,7 @@ var _react2 = _interopRequireDefault(React__default);
 
 
 
-var _reactDom2 = _interopRequireDefault(require$$1);
+var _reactDom2 = _interopRequireDefault(reactDom);
 
 
 
@@ -15425,11 +15425,11 @@ var IssueDeck = function IssueDeck(props) {
             Row,
             { style: { flexDirection: 'left' } },
             React__default.createElement(
-              'a',
-              { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
+              Col,
+              { md: 12, lg: 4, className: 'body-image' },
               React__default.createElement(
-                Col,
-                { md: 12, lg: 4, className: 'body-image' },
+                'a',
+                { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
                 row.thumbnail && React__default.createElement(
                   LazyLoad,
                   { height: imageHeight },
@@ -15439,7 +15439,7 @@ var IssueDeck = function IssueDeck(props) {
             ),
             React__default.createElement(
               Col,
-              null,
+              { md: 12, lg: 8 },
               React__default.createElement(
                 Card.Body,
                 { style: { padding: '20px' }, className: 'body-text' },
@@ -16345,8 +16345,24 @@ var Column2 = function Column2(props) {
 };
 
 var LeftNav = function LeftNav(props) {
-  var leftItems = props.leftItems;
-
+  var leftItems = props.leftItems,
+      _props$fixedHeight = props.fixedHeight,
+      fixedHeight = _props$fixedHeight === undefined ? true : _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)) {
@@ -16375,36 +16391,37 @@ var LeftNav = function LeftNav(props) {
     null,
     leftItems && leftItems.map(function (row, index) {
       return React__default.createElement(
-        ListGroup,
-        { key: index, as: 'ul', style: { marginBottom: '20px' } },
-        row.subQuery && row.subQuery.map(function (subRow, subIndex) {
-          if (subIndex === 0) {
-            return React__default.createElement(
-              React__default.Fragment,
-              { key: subIndex },
-              React__default.createElement(
-                ListGroup.Item,
-                { as: 'li', active: true, key: subIndex + '_1' },
-                row.name
-              ),
-              React__default.createElement(
-                ListGroup.Item,
-                { as: 'li', key: subIndex + '_2' },
-                renderListGroupItem(subRow)
-              )
-            );
-          } else {
+        'nav',
+        { key: index, 'aria-label': 'Secondary' },
+        React__default.createElement(
+          'div',
+          { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
+          React__default.createElement(
+            'span',
+            { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
+            row.name
+          ),
+          row.url && SeeAll && React__default.createElement(
+            'span',
+            { style: { marginLeft: 'auto', display: 'inline-block' } },
+            React__default.createElement(
+              'a',
+              { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
+              'See All >'
+            )
+          )
+        ),
+        React__default.createElement(
+          'ul',
+          { style: sideNavStyles },
+          row.subQuery && row.subQuery.map(function (subRow, subIndex) {
             return React__default.createElement(
-              React__default.Fragment,
-              { key: subIndex },
-              React__default.createElement(
-                ListGroup.Item,
-                { as: 'li', key: subIndex + '_1' },
-                renderListGroupItem(subRow)
-              )
+              ListGroup.Item,
+              { as: 'li', key: subIndex + '_2' },
+              renderListGroupItem(subRow)
             );
-          }
-        })
+          })
+        )
       );
     })
   );
@@ -29396,6 +29413,54 @@ var Ustream = function Ustream(_ref) {
 
 var Ustream$1 = React__default.memo(Ustream);
 
+/*
+This dropdown is used inside Article body to display related content placement pages
+ sample usage: <ArticleDetailDropdown contentPlacement={content_placement} exclude={['News',]} />
+
+ in article query, need to add '...' to content_placement to retreive additional info needed
+
+ 'content_placement': taxonomyMapping[]-> {
+    ...,
+    'ancestor': parent->parent->identifier,
+    'parent': parent->identifier,
+    'path': identifier
+  }
+
+*/
+
+var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
+  var _props$contentPlaceme = props.contentPlacement,
+      contentPlacement = _props$contentPlaceme === undefined ? false : _props$contentPlaceme,
+      _props$exclude = props.exclude,
+      exclude = _props$exclude === undefined ? [''] : _props$exclude;
+
+  if (contentPlacement.length == 1 && exclude.includes(contentPlacement[0].name) || contentPlacement == false) {
+    return null;
+  }
+
+  return React__default.createElement(
+    Dropdown$1,
+    { style: { marginBottom: '1rem' } },
+    React__default.createElement(
+      Dropdown$1.Toggle,
+      { variant: 'primary', id: 'partner-dropdown' },
+      'Related Topics'
+    ),
+    React__default.createElement(
+      Dropdown$1.Menu,
+      null,
+      contentPlacement.map(function (cp, index) {
+        var href = cp.parent ? '/' + cp.parent + '/' + cp.path : '/' + cp.path;
+        return !exclude.includes(cp.name) && React__default.createElement(
+          Dropdown$1.Item,
+          { key: index, href: href },
+          cp.name
+        );
+      })
+    )
+  );
+};
+
 var fbsHero = function fbsHero(props) {
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
@@ -30193,4 +30258,4 @@ var Dfp$1 = /*#__PURE__*/Object.freeze({
 	default: AD$1
 });
 
-export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, MasterDeck$1 as MasterDeck, PublicationDeck, IssueDeck, IssueContentDeck, Column1, Column2, Column3, Header$1 as Header, LeftNav$1 as LeftNav, AccordionPanel, SocialShare$1 as SocialShare, PageFilter, MagazineNav as NavMagazine, NavNative, NavNormal, NavDvm, HamMagazine, TemplateNormal, AD, AD300x250, AD300x250x600, AD728x90, ADFooter, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs$1 as Breadcrumbs, SetCookie, Hero, AlphabeticList, PdfDownload, RelatedTopicsDropdown, Ustream$1 as Ustream, SideFooter, fbsHero as ForbesHero, HorizontalHero, OncliveHero, OncliveLargeHero, VerticalHero, YahooHero, RelatedContent, ConferenceArticleCard };
+export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, MasterDeck$1 as MasterDeck, PublicationDeck, IssueDeck, IssueContentDeck, Column1, Column2, Column3, Header$1 as Header, LeftNav$1 as LeftNav, AccordionPanel, SocialShare$1 as SocialShare, PageFilter, MagazineNav as NavMagazine, NavNative, NavNormal, NavDvm, HamMagazine, TemplateNormal, AD, AD300x250, AD300x250x600, AD728x90, ADFooter, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs$1 as Breadcrumbs, SetCookie, Hero, AlphabeticList, PdfDownload, RelatedTopicsDropdown, Ustream$1 as Ustream, SideFooter, ArticleDetailDropdown, fbsHero as ForbesHero, HorizontalHero, OncliveHero, OncliveLargeHero, VerticalHero, YahooHero, RelatedContent, ConferenceArticleCard };

package/dist/index.js

@@ -7,7 +7,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
-var require$$1 = _interopDefault(require('react-dom'));
+var reactDom = _interopDefault(require('react-dom'));
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
@@ -7194,7 +7194,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
 
 var visibilitySensor = createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
-	module.exports = factory(React__default, require$$1);
+	module.exports = factory(React__default, reactDom);
 })(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
@@ -8502,7 +8502,7 @@ var _react2 = _interopRequireDefault(React__default);
 
 
 
-var _reactDom2 = _interopRequireDefault(require$$1);
+var _reactDom2 = _interopRequireDefault(reactDom);
 
 
 
@@ -15433,11 +15433,11 @@ var IssueDeck = function IssueDeck(props) {
             Row,
             { style: { flexDirection: 'left' } },
             React__default.createElement(
-              'a',
-              { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
+              Col,
+              { md: 12, lg: 4, className: 'body-image' },
               React__default.createElement(
-                Col,
-                { md: 12, lg: 4, className: 'body-image' },
+                'a',
+                { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
                 row.thumbnail && React__default.createElement(
                   LazyLoad,
                   { height: imageHeight },
@@ -15447,7 +15447,7 @@ var IssueDeck = function IssueDeck(props) {
             ),
             React__default.createElement(
               Col,
-              null,
+              { md: 12, lg: 8 },
               React__default.createElement(
                 Card.Body,
                 { style: { padding: '20px' }, className: 'body-text' },
@@ -16353,8 +16353,24 @@ var Column2 = function Column2(props) {
 };
 
 var LeftNav = function LeftNav(props) {
-  var leftItems = props.leftItems;
-
+  var leftItems = props.leftItems,
+      _props$fixedHeight = props.fixedHeight,
+      fixedHeight = _props$fixedHeight === undefined ? true : _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)) {
@@ -16383,36 +16399,37 @@ var LeftNav = function LeftNav(props) {
     null,
     leftItems && leftItems.map(function (row, index) {
       return React__default.createElement(
-        ListGroup,
-        { key: index, as: 'ul', style: { marginBottom: '20px' } },
-        row.subQuery && row.subQuery.map(function (subRow, subIndex) {
-          if (subIndex === 0) {
-            return React__default.createElement(
-              React__default.Fragment,
-              { key: subIndex },
-              React__default.createElement(
-                ListGroup.Item,
-                { as: 'li', active: true, key: subIndex + '_1' },
-                row.name
-              ),
-              React__default.createElement(
-                ListGroup.Item,
-                { as: 'li', key: subIndex + '_2' },
-                renderListGroupItem(subRow)
-              )
-            );
-          } else {
+        'nav',
+        { key: index, 'aria-label': 'Secondary' },
+        React__default.createElement(
+          'div',
+          { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
+          React__default.createElement(
+            'span',
+            { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
+            row.name
+          ),
+          row.url && SeeAll && React__default.createElement(
+            'span',
+            { style: { marginLeft: 'auto', display: 'inline-block' } },
+            React__default.createElement(
+              'a',
+              { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
+              'See All >'
+            )
+          )
+        ),
+        React__default.createElement(
+          'ul',
+          { style: sideNavStyles },
+          row.subQuery && row.subQuery.map(function (subRow, subIndex) {
             return React__default.createElement(
-              React__default.Fragment,
-              { key: subIndex },
-              React__default.createElement(
-                ListGroup.Item,
-                { as: 'li', key: subIndex + '_1' },
-                renderListGroupItem(subRow)
-              )
+              ListGroup.Item,
+              { as: 'li', key: subIndex + '_2' },
+              renderListGroupItem(subRow)
             );
-          }
-        })
+          })
+        )
       );
     })
   );
@@ -29404,6 +29421,54 @@ var Ustream = function Ustream(_ref) {
 
 var Ustream$1 = React__default.memo(Ustream);
 
+/*
+This dropdown is used inside Article body to display related content placement pages
+ sample usage: <ArticleDetailDropdown contentPlacement={content_placement} exclude={['News',]} />
+
+ in article query, need to add '...' to content_placement to retreive additional info needed
+
+ 'content_placement': taxonomyMapping[]-> {
+    ...,
+    'ancestor': parent->parent->identifier,
+    'parent': parent->identifier,
+    'path': identifier
+  }
+
+*/
+
+var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
+  var _props$contentPlaceme = props.contentPlacement,
+      contentPlacement = _props$contentPlaceme === undefined ? false : _props$contentPlaceme,
+      _props$exclude = props.exclude,
+      exclude = _props$exclude === undefined ? [''] : _props$exclude;
+
+  if (contentPlacement.length == 1 && exclude.includes(contentPlacement[0].name) || contentPlacement == false) {
+    return null;
+  }
+
+  return React__default.createElement(
+    Dropdown,
+    { style: { marginBottom: '1rem' } },
+    React__default.createElement(
+      Dropdown.Toggle,
+      { variant: 'primary', id: 'partner-dropdown' },
+      'Related Topics'
+    ),
+    React__default.createElement(
+      Dropdown.Menu,
+      null,
+      contentPlacement.map(function (cp, index) {
+        var href = cp.parent ? '/' + cp.parent + '/' + cp.path : '/' + cp.path;
+        return !exclude.includes(cp.name) && React__default.createElement(
+          Dropdown.Item,
+          { key: index, href: href },
+          cp.name
+        );
+      })
+    )
+  );
+};
+
 var fbsHero = function fbsHero(props) {
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
@@ -30244,6 +30309,7 @@ exports.PdfDownload = PdfDownload;
 exports.RelatedTopicsDropdown = RelatedTopicsDropdown;
 exports.Ustream = Ustream$1;
 exports.SideFooter = SideFooter;
+exports.ArticleDetailDropdown = ArticleDetailDropdown;
 exports.ForbesHero = fbsHero;
 exports.HorizontalHero = HorizontalHero;
 exports.OncliveHero = OncliveHero;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.202",
+  "version": "1.0.204",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",