@mjhls/mjh-framework 1.0.282 → 1.0.284

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.282
+# mjh-framework v. 1.0.284
 
 > Foundation Framework
 

package/dist/cjs/{Normal-e68cf8f2.js → Normal-92be86eb.js}

@@ -4,7 +4,6 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var main = require('./main-0ea1b808.js');
-var _extends$2 = require('./extends-e94dbea5.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
@@ -2353,19 +2352,20 @@ var AD728x90 = function AD728x90(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      pos = _ref.pos;
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'top' : _ref$pos;
 
   var _useState = React.useState(),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adt = _extends$2._extends({}, targeting);
-
-  var _useState3 = React.useState(adt),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      adTargeting = _useState4[0],
-      setTargeting = _useState4[1];
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    pos: pos
+  };
 
   var adRef = React.useRef(null);
 
@@ -2391,10 +2391,9 @@ var AD728x90 = function AD728x90(_ref) {
         }
       });
       setMobileView(true);
-      adTargeting['pos'] = pos && pos.length ? pos : 'top-mobile';
+      adTargeting['pos'] = 'top-mobile';
     } else {
       setMobileView(false);
-      adTargeting['pos'] = pos && pos.length ? pos : 'top';
     }
   }, [adTargeting, pos]);
 

package/dist/cjs/TemplateNormal.js

@@ -6,7 +6,6 @@ require('./web.dom.iterable-0998bdc3.js');
 require('./debounce-ba3eaee2.js');
 require('./main-0ea1b808.js');
 require('./core.get-iterator-method-e049ca4a.js');
-require('./extends-e94dbea5.js');
 require('react');
 require('prop-types');
 require('react-bootstrap/Container');
@@ -20,7 +19,7 @@ require('./get-de2660c3.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-e68cf8f2.js');
+var TemplateNormal = require('./Normal-92be86eb.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/index.js

@@ -53,7 +53,7 @@ var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var TemplateNormal = require('./Normal-e68cf8f2.js');
+var TemplateNormal = require('./Normal-92be86eb.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -2780,29 +2780,29 @@ var AD300x250 = function AD300x250(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      pos = _ref.pos;
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
 
   var _useState = React.useState(),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adt = _extends$2._extends({}, targeting);
-
-  var _useState3 = React.useState(adt),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      adTargeting = _useState4[0],
-      setTargeting = _useState4[1];
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    pos: pos
+  };
 
   React.useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
-      adTargeting['pos'] = pos && pos.length ? pos : 'rec1-mobile';
+      adTargeting['pos'] = 'rec1-mobile';
     } else {
       setMobileView(false);
-      adTargeting['pos'] = pos && pos.length ? pos : 'rec1';
     }
-  }, [adTargeting, pos]);
+  }, [adTargeting]);
 
   var browserSizes = [[300, 250], [300, 100]];
   var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
@@ -2816,29 +2816,29 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      pos = _ref.pos;
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'rec2' : _ref$pos;
 
   var _useState = React.useState(),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adt = _extends$2._extends({}, targeting);
-
-  var _useState3 = React.useState(adt),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      adTargeting = _useState4[0],
-      setTargeting = _useState4[1];
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    pos: pos
+  };
 
   React.useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
-      adTargeting['pos'] = pos && pos.length ? pos : 'rec2-mobile';
+      adTargeting['pos'] = 'rec2-mobile';
     } else {
       setMobileView(false);
-      adTargeting['pos'] = pos && pos.length ? pos : 'rec2';
     }
-  }, [adTargeting, pos]);
+  }, [adTargeting]);
 
   var browserSizes = [[300, 250], [300, 600], [300, 100]];
   var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
@@ -14161,6 +14161,45 @@ var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
   );
 };
 
+var HighlightenVideo = function HighlightenVideo(_ref) {
+  var highlightVideoOptions = _ref.highlightVideoOptions;
+  var accountId = highlightVideoOptions.accountId,
+      experienceId = highlightVideoOptions.experienceId;
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    accountId && experienceId && React__default.createElement(
+      'div',
+      { className: 'brightcove-single-player' },
+      React__default.createElement(
+        'p',
+        { style: { width: '100%' } },
+        'Highlighted Videos'
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'playlist-player', style: { position: 'relative', display: 'block', margin: '0px auto' } },
+        React__default.createElement(
+          'div',
+          { style: { paddingTop: '56.25%' } },
+          React__default.createElement('iframe', {
+            src: 'https://players.brightcove.net/' + accountId + '/' + experienceId + '/share.html',
+            allowFullScreen: true,
+            allow: 'encrypted-media',
+            style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
+          })
+        )
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        @media (min-width: 320px) {\n          .playlist-player {\n            height: 290px;\n          }\n        }\n        @media (min-width: 360px) {\n          .playlist-player {\n            height: 340px;\n          }\n        }\n        @media (min-width: 480px) {\n          .playlist-player {\n            height: 400px;\n          }\n        }\n        @media (min-width: 560px) {\n          .playlist-player {\n            height: 300px;\n          }\n        }\n        @media (min-width: 768px) {\n          .playlist-player {\n            height: 400px;\n          }\n        }\n        @media (min-width: 968px) {\n          .playlist-player {\n            height: 300px;\n          }\n        }\n        @media (min-width: 992px) {\n          .playlist-player {\n            height: 350px;\n          }\n        }\n        @media (min-width: 1192px) {\n          .playlist-player {\n            height: 300px;\n          }\n        }\n        @media (min-width: 1400px) {\n          .playlist-player {\n            height: 400px;\n          }\n        }\n        .brightcove-single-player {\n          margin-bottom: 10px;\n          width: 100%;\n        }\n        .brightcove-single-player p {\n          padding: 10px;\n          margin: 0;\n          color: #fff;\n          text-transform: uppercase;\n          text-align: center;\n          font-size: 1.5em;\n          font-weight: 400;\n          margin-bottom: 10px;\n        }\n      '
+    )
+  );
+};
+
 var fbsHero = function fbsHero(props) {
   var removeTimeStamp = props.removeTimeStamp;
 
@@ -16550,6 +16589,7 @@ exports.Feature = Feature;
 exports.ForbesHero = fbsHero;
 exports.GridHero = GridHero;
 exports.Hero = Hero;
+exports.HighlightenVideo = HighlightenVideo;
 exports.HorizontalHero = HorizontalHero;
 exports.KMTracker = KMTracker;
 exports.OncliveHero = OncliveHero;

package/dist/esm/{Normal-6a056c0d.js → Normal-319bc9fb.js}

@@ -1,6 +1,5 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { m as main_36, c as main_37 } from './main-155ec04f.js';
-import { _ as _extends } from './extends-dbbe308d.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import Container from 'react-bootstrap/Container';
@@ -2348,19 +2347,20 @@ var AD728x90 = function AD728x90(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      pos = _ref.pos;
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'top' : _ref$pos;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adt = _extends({}, targeting);
-
-  var _useState3 = useState(adt),
-      _useState4 = _slicedToArray(_useState3, 2),
-      adTargeting = _useState4[0],
-      setTargeting = _useState4[1];
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    pos: pos
+  };
 
   var adRef = useRef(null);
 
@@ -2386,10 +2386,9 @@ var AD728x90 = function AD728x90(_ref) {
         }
       });
       setMobileView(true);
-      adTargeting['pos'] = pos && pos.length ? pos : 'top-mobile';
+      adTargeting['pos'] = 'top-mobile';
     } else {
       setMobileView(false);
-      adTargeting['pos'] = pos && pos.length ? pos : 'top';
     }
   }, [adTargeting, pos]);
 

package/dist/esm/TemplateNormal.js

@@ -4,7 +4,6 @@ import './web.dom.iterable-3be50d6c.js';
 import './debounce-93ab8f80.js';
 import './main-155ec04f.js';
 import './core.get-iterator-method-31c1fb1a.js';
-import './extends-dbbe308d.js';
 import 'react';
 import 'prop-types';
 import 'react-bootstrap/Container';
@@ -18,7 +17,7 @@ import './get-9c285a85.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-6a056c0d.js';
+export { T as default } from './Normal-319bc9fb.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -49,8 +49,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-6a056c0d.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-6a056c0d.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-319bc9fb.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-319bc9fb.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -2778,29 +2778,29 @@ var AD300x250 = function AD300x250(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      pos = _ref.pos;
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adt = _extends$2({}, targeting);
-
-  var _useState3 = useState(adt),
-      _useState4 = _slicedToArray(_useState3, 2),
-      adTargeting = _useState4[0],
-      setTargeting = _useState4[1];
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    pos: pos
+  };
 
   useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
-      adTargeting['pos'] = pos && pos.length ? pos : 'rec1-mobile';
+      adTargeting['pos'] = 'rec1-mobile';
     } else {
       setMobileView(false);
-      adTargeting['pos'] = pos && pos.length ? pos : 'rec1';
     }
-  }, [adTargeting, pos]);
+  }, [adTargeting]);
 
   var browserSizes = [[300, 250], [300, 100]];
   var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
@@ -2814,29 +2814,29 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      pos = _ref.pos;
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'rec2' : _ref$pos;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adt = _extends$2({}, targeting);
-
-  var _useState3 = useState(adt),
-      _useState4 = _slicedToArray(_useState3, 2),
-      adTargeting = _useState4[0],
-      setTargeting = _useState4[1];
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    pos: pos
+  };
 
   useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
-      adTargeting['pos'] = pos && pos.length ? pos : 'rec2-mobile';
+      adTargeting['pos'] = 'rec2-mobile';
     } else {
       setMobileView(false);
-      adTargeting['pos'] = pos && pos.length ? pos : 'rec2';
     }
-  }, [adTargeting, pos]);
+  }, [adTargeting]);
 
   var browserSizes = [[300, 250], [300, 600], [300, 100]];
   var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
@@ -14159,6 +14159,45 @@ var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
   );
 };
 
+var HighlightenVideo = function HighlightenVideo(_ref) {
+  var highlightVideoOptions = _ref.highlightVideoOptions;
+  var accountId = highlightVideoOptions.accountId,
+      experienceId = highlightVideoOptions.experienceId;
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    accountId && experienceId && React__default.createElement(
+      'div',
+      { className: 'brightcove-single-player' },
+      React__default.createElement(
+        'p',
+        { style: { width: '100%' } },
+        'Highlighted Videos'
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'playlist-player', style: { position: 'relative', display: 'block', margin: '0px auto' } },
+        React__default.createElement(
+          'div',
+          { style: { paddingTop: '56.25%' } },
+          React__default.createElement('iframe', {
+            src: 'https://players.brightcove.net/' + accountId + '/' + experienceId + '/share.html',
+            allowFullScreen: true,
+            allow: 'encrypted-media',
+            style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
+          })
+        )
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        @media (min-width: 320px) {\n          .playlist-player {\n            height: 290px;\n          }\n        }\n        @media (min-width: 360px) {\n          .playlist-player {\n            height: 340px;\n          }\n        }\n        @media (min-width: 480px) {\n          .playlist-player {\n            height: 400px;\n          }\n        }\n        @media (min-width: 560px) {\n          .playlist-player {\n            height: 300px;\n          }\n        }\n        @media (min-width: 768px) {\n          .playlist-player {\n            height: 400px;\n          }\n        }\n        @media (min-width: 968px) {\n          .playlist-player {\n            height: 300px;\n          }\n        }\n        @media (min-width: 992px) {\n          .playlist-player {\n            height: 350px;\n          }\n        }\n        @media (min-width: 1192px) {\n          .playlist-player {\n            height: 300px;\n          }\n        }\n        @media (min-width: 1400px) {\n          .playlist-player {\n            height: 400px;\n          }\n        }\n        .brightcove-single-player {\n          margin-bottom: 10px;\n          width: 100%;\n        }\n        .brightcove-single-player p {\n          padding: 10px;\n          margin: 0;\n          color: #fff;\n          text-transform: uppercase;\n          text-align: center;\n          font-size: 1.5em;\n          font-weight: 400;\n          margin-bottom: 10px;\n        }\n      '
+    )
+  );
+};
+
 var fbsHero = function fbsHero(props) {
   var removeTimeStamp = props.removeTimeStamp;
 
@@ -16497,4 +16536,4 @@ var KMTracker = function KMTracker(props) {
       }
 };
 
-export { AD300x250, AD300x250x600, ADFloatingFooter, ADFooter, ADGutter, ADWelcome, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, Breadcrumbs$1 as Breadcrumbs, CMEDeck, ConferenceArticleCard, EventsDeck, Feature, fbsHero as ForbesHero, GridHero, Hero, HorizontalHero, KMTracker, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };
+export { AD300x250, AD300x250x600, ADFloatingFooter, ADFooter, ADGutter, ADWelcome, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, Breadcrumbs$1 as Breadcrumbs, CMEDeck, ConferenceArticleCard, EventsDeck, Feature, fbsHero as ForbesHero, GridHero, Hero, HighlightenVideo, HorizontalHero, KMTracker, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };

package/package.json

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