@mjhls/mjh-framework 1.0.203 → 1.0.204

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);
 
 
 
@@ -29413,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);
@@ -30210,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);
 
 
 
@@ -29421,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);
@@ -30261,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.203",
+  "version": "1.0.204",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",