@mjhls/mjh-framework 1.0.399 → 1.0.401

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.399
+# mjh-framework v. 1.0.401
 
 
 > Foundation Framework

package/dist/cjs/{ADInfeed-f544f2a5.js → ADInfeed-d1783f42.js}

@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var Card = _interopDefault(require('react-bootstrap/Card'));
-var AdSlot = require('./AdSlot-1e40a214.js');
+var AdSlot = require('./AdSlot-20aa927e.js');
 
 var ADInfeed = function ADInfeed(_ref) {
   var index = _ref.index,

package/dist/cjs/{AdSlot-1e40a214.js → AdSlot-20aa927e.js}

@@ -1212,9 +1212,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       onSlotRender: function onSlotRender(eventData) {
         if (eventData && eventData.slotId && eventData.slotId === slotId && checkIsAdFound) {
           if (eventData.event && eventData.event.creativeId == null) {
-            checkIsAdFound(false);
+            checkIsAdFound(false, eventData);
           } else {
-            checkIsAdFound(true);
+            checkIsAdFound(true, eventData);
           }
         }
 

package/dist/cjs/DeckContent.js

@@ -29,9 +29,9 @@ var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-419d467a.js');
-require('./AdSlot-1e40a214.js');
+require('./AdSlot-20aa927e.js');
 require('./promise-d5136080.js');
-var ADInfeed = require('./ADInfeed-f544f2a5.js');
+var ADInfeed = require('./ADInfeed-d1783f42.js');
 
 var DeckContent = function (_React$Component) {
   inherits$2._inherits(DeckContent, _React$Component);

package/dist/cjs/{Figure-17002404.js → Figure-8dd7df44.js}

@@ -94,7 +94,7 @@ var FigureComponent = function FigureComponent(props) {
     imageWidth = '100%';
   }
 
-  var figureStyle = disableTextWrap ? { maxWidth: '100%' } : {
+  var figureStyle = disableTextWrap ? { maxWidth: '100%', width: imageWidth, margin: imageFloat !== 'none' ? imageFloat === 'left' ? '' : '0 0 0 auto' : '' } : {
     width: imageWidth,
     maxWidth: '100%',
     clear: 'both',

package/dist/cjs/{GridContent-19ce4f03.js → GridContent-c0c0d3e5.js}

@@ -20,7 +20,7 @@ var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var ADInfeed = require('./ADInfeed-f544f2a5.js');
+var ADInfeed = require('./ADInfeed-d1783f42.js');
 var get$1 = require('./get-5aa7468c.js');
 var AuthorComponent = require('./AuthorComponent-4706f297.js');
 

package/dist/cjs/GridContent.js

@@ -25,11 +25,11 @@ require('./index-b5eb3ff8.js');
 require('./index-fa0fb52c.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-419d467a.js');
-require('./AdSlot-1e40a214.js');
+require('./AdSlot-20aa927e.js');
 require('./promise-d5136080.js');
-require('./ADInfeed-f544f2a5.js');
+require('./ADInfeed-d1783f42.js');
 require('./get-5aa7468c.js');
-var GridContent = require('./GridContent-19ce4f03.js');
+var GridContent = require('./GridContent-c0c0d3e5.js');
 require('./AuthorComponent-4706f297.js');
 
 

package/dist/cjs/{Normal-adc8ed7f.js → Normal-53437675.js}

@@ -9,7 +9,7 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var slicedToArray = require('./slicedToArray-419d467a.js');
-var AdSlot = require('./AdSlot-1e40a214.js');
+var AdSlot = require('./AdSlot-20aa927e.js');
 var get$1 = require('./get-5aa7468c.js');
 var reactSocialIcons = require('./react-social-icons-cd0d9d3b.js');
 var reactBootstrap = require('react-bootstrap');

package/dist/cjs/QueueDeckExpanded.js

@@ -24,9 +24,9 @@ var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-419d467a.js');
-require('./AdSlot-1e40a214.js');
+require('./AdSlot-20aa927e.js');
 require('./promise-d5136080.js');
-var ADInfeed = require('./ADInfeed-f544f2a5.js');
+var ADInfeed = require('./ADInfeed-d1783f42.js');
 var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var reactBootstrap = require('react-bootstrap');
 

package/dist/cjs/TemplateNormal.js

@@ -12,14 +12,14 @@ require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('./slicedToArray-419d467a.js');
-require('./AdSlot-1e40a214.js');
+require('./AdSlot-20aa927e.js');
 require('./promise-d5136080.js');
 require('./get-5aa7468c.js');
 require('./react-social-icons-cd0d9d3b.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-adc8ed7f.js');
+var TemplateNormal = require('./Normal-53437675.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/index.js

@@ -31,12 +31,12 @@ var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-419d467a.js');
-var AdSlot = require('./AdSlot-1e40a214.js');
+var AdSlot = require('./AdSlot-20aa927e.js');
 var promise = require('./promise-d5136080.js');
-var ADInfeed = require('./ADInfeed-f544f2a5.js');
+var ADInfeed = require('./ADInfeed-d1783f42.js');
 var DeckContent = require('./DeckContent.js');
 var get$1 = require('./get-5aa7468c.js');
-var GridContent = require('./GridContent-19ce4f03.js');
+var GridContent = require('./GridContent-c0c0d3e5.js');
 var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
@@ -57,7 +57,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-adc8ed7f.js');
+var TemplateNormal = require('./Normal-53437675.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -3512,7 +3512,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
       position = _floatingAd$position === undefined ? 'float' : _floatingAd$position,
       networkID = floatingAd.networkID,
       _floatingAd$sizes = floatingAd.sizes,
-      sizes = _floatingAd$sizes === undefined ? [[1025, 100]] : _floatingAd$sizes;
+      sizes = _floatingAd$sizes === undefined ? [[1025, 100], [728, 90]] : _floatingAd$sizes;
 
   var adTargeting = {
     content_placement: targeting.content_placement,
@@ -3543,10 +3543,14 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
     parent.style.display = 'none';
   };
 
-  var checkIsAdFound = function checkIsAdFound(isFound) {
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
       var parent = document.getElementById('floating-ad-wrapper');
       parent.style.display = 'block';
+      if (adData && adData.event && adData.event.size) {
+        parent.style.width = adData.event.size[0] + 'px';
+        parent.style.height = adData.event.size[1] + 'px';
+      }
     } else {
       collapseAd();
     }
@@ -3579,7 +3583,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .floating-ad-wrapper {\n            width: 728px;\n            height: 90px;\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n            display: none;\n          }\n          .closeButton {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 17px;\n            cursor: pointer;\n          }\n        '
+      '\n          .floating-ad-wrapper {\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n            display: none;\n          }\n          .closeButton {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 17px;\n            cursor: pointer;\n          }\n        '
     )
   );
 };
@@ -6486,7 +6490,7 @@ var Media = function Media(_ref) {
       imageWidth = '100%';
     }
 
-    var figureStyle = disableTextWrap ? { maxWidth: '100%' } : {
+    var figureStyle = disableTextWrap ? { maxWidth: '100%', width: imageWidth, margin: imageFloat !== 'none' ? imageFloat === 'left' ? '' : '0 0 0 auto' : '' } : {
       width: imageWidth,
       maxWidth: '100%',
       clear: 'both',
@@ -14294,7 +14298,7 @@ var MultiFigure = function MultiFigure(props) {
 };
 
 var Figure = dynamic(function () {
-  return Promise.resolve().then(function () { return require('./Figure-17002404.js'); });
+  return Promise.resolve().then(function () { return require('./Figure-8dd7df44.js'); });
 }, { ssr: false });
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -14340,6 +14344,11 @@ var getSerializers = function getSerializers() {
   return {
     types: {
       block: function block(props) {
+        var _props$node$style = props.node.style,
+            style = _props$node$style === undefined ? 'normal' : _props$node$style;
+
+        if (style === 'hr') return React__default.createElement('hr', { className: 'horizontal-rule' });
+        if (style === 'br') return React__default.createElement('br', { className: 'line-break' });
         props = convertEntities(props);
         return TaxonomyCard.BlockContent.defaultSerializers.types.block(props);
       },
@@ -14903,12 +14912,12 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
   /*
   Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
   example:
-  <RelatedTopicDropdown 
-      page='/clinical' 
-      exclude="clinical" 
-      className='mb-3' 
-      parentTaxonomy={props.parentTaxonomy} 
-      subTaxonomies={props.subTaxonomies} 
+  <RelatedTopicDropdown
+      page='/clinical'
+      exclude="clinical"
+      className='mb-3'
+      parentTaxonomy={props.parentTaxonomy}
+      subTaxonomies={props.subTaxonomies}
   />
   */
   if (subTaxonomies.length === 0 && parentTaxonomy) {
@@ -14917,31 +14926,49 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
     }
     return React__default.createElement(
       'div',
-      { id: 'related_dropdown', className: className },
+      null,
+      React__default.createElement(
+        'style',
+        { jsx: true },
+        '\n          #related_dropdown > .dropdown > .dropdown-menu.show {\n            position: absolute;\n            top: auto !important;\n            max-height: 50vh !important;\n            box-shadow: 0px 0px 25px #ccc;\n            z-index: 9999;\n            transform: none !important;\n          }\n          @media only screen and (max-width: 720px) {\n            #related_dropdown > .dropdown > .dropdown-menu.show {\n              position: absolute;\n              max-height: 30vh !important;\n              max-width: 95vw;\n              box-shadow: 0px 0px 25px #ccc;\n              z-index: 9999;\n              font-size: 0.85em;\n            }\n          }\n        '
+      ),
       React__default.createElement(
-        DropdownButton,
-        { id: 'related_button', variant: variant, title: 'Related Topics' },
+        'div',
+        { id: 'related_dropdown', className: className },
         React__default.createElement(
-          Dropdown.Item,
-          { href: parentTaxonomy.identifier },
-          parentTaxonomy.name
+          DropdownButton,
+          { id: 'related_button', variant: variant, title: 'Related Topics' },
+          React__default.createElement(
+            Dropdown.Item,
+            { href: parentTaxonomy.identifier },
+            parentTaxonomy.name
+          )
         )
       )
     );
   } else {
     return React__default.createElement(
       'div',
-      { id: 'related_dropdown', className: className },
+      null,
       React__default.createElement(
-        DropdownButton,
-        { id: 'related_button', variant: variant, title: 'Related Topics' },
-        subTaxonomies.length > 0 && subTaxonomies.map(function (taxonomy, index) {
-          return React__default.createElement(
-            Dropdown.Item,
-            { key: index, href: page + '/' + taxonomy.identifier },
-            taxonomy.name
-          );
-        })
+        'style',
+        { jsx: true },
+        '\n          #related_dropdown > .dropdown > .dropdown-menu.show {\n            position: absolute;\n            top: auto !important;\n            max-height: 40vh !important;\n            z-index: 9999;\n            transform: none !important;\n          }\n          @media only screen and (max-width: 720px) {\n            #related_dropdown > .dropdown > .dropdown-menu.show {\n              position: absolute;\n              max-height: 30vh !important;\n              max-width: 95vw;\n              z-index: 9999;\n              font-size: 0.85em;\n            }\n          }\n        '
+      ),
+      React__default.createElement(
+        'div',
+        { id: 'related_dropdown', className: className },
+        React__default.createElement(
+          DropdownButton,
+          { id: 'related_button', variant: variant, title: 'Related Topics' },
+          subTaxonomies.length > 0 && subTaxonomies.map(function (taxonomy, index) {
+            return React__default.createElement(
+              Dropdown.Item,
+              { key: index, href: page + '/' + taxonomy.identifier },
+              taxonomy.name
+            );
+          })
+        )
       )
     );
   }

package/dist/esm/{ADInfeed-88c335d9.js → ADInfeed-40adc8e0.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Card from 'react-bootstrap/Card';
-import { D as DFPAdSlot } from './AdSlot-971ce41c.js';
+import { D as DFPAdSlot } from './AdSlot-c3ed3214.js';
 
 var ADInfeed = function ADInfeed(_ref) {
   var index = _ref.index,

package/dist/esm/{AdSlot-971ce41c.js → AdSlot-c3ed3214.js}

@@ -1207,9 +1207,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       onSlotRender: function onSlotRender(eventData) {
         if (eventData && eventData.slotId && eventData.slotId === slotId && checkIsAdFound) {
           if (eventData.event && eventData.event.creativeId == null) {
-            checkIsAdFound(false);
+            checkIsAdFound(false, eventData);
           } else {
-            checkIsAdFound(true);
+            checkIsAdFound(true, eventData);
           }
         }
 

package/dist/esm/DeckContent.js

@@ -23,9 +23,9 @@ import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-04e02710.js';
-import './AdSlot-971ce41c.js';
+import './AdSlot-c3ed3214.js';
 import './promise-5d7cd78a.js';
-import { A as ADInfeed } from './ADInfeed-88c335d9.js';
+import { A as ADInfeed } from './ADInfeed-40adc8e0.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/{Figure-bce2ae9c.js → Figure-f269f495.js}

@@ -89,7 +89,7 @@ var FigureComponent = function FigureComponent(props) {
     imageWidth = '100%';
   }
 
-  var figureStyle = disableTextWrap ? { maxWidth: '100%' } : {
+  var figureStyle = disableTextWrap ? { maxWidth: '100%', width: imageWidth, margin: imageFloat !== 'none' ? imageFloat === 'left' ? '' : '0 0 0 auto' : '' } : {
     width: imageWidth,
     maxWidth: '100%',
     clear: 'both',

package/dist/esm/{GridContent-5fe7c99b.js → GridContent-b042eb2d.js}

@@ -14,7 +14,7 @@ import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import { A as ADInfeed } from './ADInfeed-88c335d9.js';
+import { A as ADInfeed } from './ADInfeed-40adc8e0.js';
 import { g as get_1 } from './get-53653403.js';
 import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 

package/dist/esm/GridContent.js

@@ -23,9 +23,9 @@ import './index-51a80699.js';
 import './index-5f9f807a.js';
 import './entities-7cc3bf45.js';
 import './slicedToArray-04e02710.js';
-import './AdSlot-971ce41c.js';
+import './AdSlot-c3ed3214.js';
 import './promise-5d7cd78a.js';
-import './ADInfeed-88c335d9.js';
+import './ADInfeed-40adc8e0.js';
 import './get-53653403.js';
-export { G as default } from './GridContent-5fe7c99b.js';
+export { G as default } from './GridContent-b042eb2d.js';
 import './AuthorComponent-c9e46673.js';

package/dist/esm/{Normal-da6eaaec.js → Normal-fe65159c.js}

@@ -4,7 +4,7 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import { D as DFPAdSlot } from './AdSlot-971ce41c.js';
+import { D as DFPAdSlot } from './AdSlot-c3ed3214.js';
 import { g as get_1 } from './get-53653403.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 import { Dropdown } from 'react-bootstrap';

package/dist/esm/QueueDeckExpanded.js

@@ -18,9 +18,9 @@ import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import './AdSlot-971ce41c.js';
+import './AdSlot-c3ed3214.js';
 import './promise-5d7cd78a.js';
-import { A as ADInfeed } from './ADInfeed-88c335d9.js';
+import { A as ADInfeed } from './ADInfeed-40adc8e0.js';
 import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 import { Container, Media } from 'react-bootstrap';
 

package/dist/esm/TemplateNormal.js

@@ -10,14 +10,14 @@ import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import './slicedToArray-04e02710.js';
-import './AdSlot-971ce41c.js';
+import './AdSlot-c3ed3214.js';
 import './promise-5d7cd78a.js';
 import './get-53653403.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-da6eaaec.js';
+export { T as default } from './Normal-fe65159c.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -23,13 +23,13 @@ import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1, h as html_decode_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-04e02710.js';
-import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-971ce41c.js';
-export { D as AdSlot, B as Beam } from './AdSlot-971ce41c.js';
+import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-c3ed3214.js';
+export { D as AdSlot, B as Beam } from './AdSlot-c3ed3214.js';
 import { _ as _anInstance, a as _forOf, b as _redefineAll, c as _setSpecies } from './promise-5d7cd78a.js';
-import { A as ADInfeed } from './ADInfeed-88c335d9.js';
+import { A as ADInfeed } from './ADInfeed-40adc8e0.js';
 export { default as DeckContent } from './DeckContent.js';
 import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-53653403.js';
-export { A as AD, G as GridContent } from './GridContent-5fe7c99b.js';
+export { A as AD, G as GridContent } from './GridContent-b042eb2d.js';
 import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
@@ -52,8 +52,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 } from './Normal-da6eaaec.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-da6eaaec.js';
+import { M as MdPictureAsPdf } from './Normal-fe65159c.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-fe65159c.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -3509,7 +3509,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
       position = _floatingAd$position === undefined ? 'float' : _floatingAd$position,
       networkID = floatingAd.networkID,
       _floatingAd$sizes = floatingAd.sizes,
-      sizes = _floatingAd$sizes === undefined ? [[1025, 100]] : _floatingAd$sizes;
+      sizes = _floatingAd$sizes === undefined ? [[1025, 100], [728, 90]] : _floatingAd$sizes;
 
   var adTargeting = {
     content_placement: targeting.content_placement,
@@ -3540,10 +3540,14 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
     parent.style.display = 'none';
   };
 
-  var checkIsAdFound = function checkIsAdFound(isFound) {
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
       var parent = document.getElementById('floating-ad-wrapper');
       parent.style.display = 'block';
+      if (adData && adData.event && adData.event.size) {
+        parent.style.width = adData.event.size[0] + 'px';
+        parent.style.height = adData.event.size[1] + 'px';
+      }
     } else {
       collapseAd();
     }
@@ -3576,7 +3580,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .floating-ad-wrapper {\n            width: 728px;\n            height: 90px;\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n            display: none;\n          }\n          .closeButton {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 17px;\n            cursor: pointer;\n          }\n        '
+      '\n          .floating-ad-wrapper {\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n            display: none;\n          }\n          .closeButton {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 17px;\n            cursor: pointer;\n          }\n        '
     )
   );
 };
@@ -6483,7 +6487,7 @@ var Media = function Media(_ref) {
       imageWidth = '100%';
     }
 
-    var figureStyle = disableTextWrap ? { maxWidth: '100%' } : {
+    var figureStyle = disableTextWrap ? { maxWidth: '100%', width: imageWidth, margin: imageFloat !== 'none' ? imageFloat === 'left' ? '' : '0 0 0 auto' : '' } : {
       width: imageWidth,
       maxWidth: '100%',
       clear: 'both',
@@ -14291,7 +14295,7 @@ var MultiFigure = function MultiFigure(props) {
 };
 
 var Figure = dynamic(function () {
-  return import('./Figure-bce2ae9c.js');
+  return import('./Figure-f269f495.js');
 }, { ssr: false });
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -14337,6 +14341,11 @@ var getSerializers = function getSerializers() {
   return {
     types: {
       block: function block(props) {
+        var _props$node$style = props.node.style,
+            style = _props$node$style === undefined ? 'normal' : _props$node$style;
+
+        if (style === 'hr') return React__default.createElement('hr', { className: 'horizontal-rule' });
+        if (style === 'br') return React__default.createElement('br', { className: 'line-break' });
         props = convertEntities(props);
         return BlockContent.defaultSerializers.types.block(props);
       },
@@ -14900,12 +14909,12 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
   /*
   Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
   example:
-  <RelatedTopicDropdown 
-      page='/clinical' 
-      exclude="clinical" 
-      className='mb-3' 
-      parentTaxonomy={props.parentTaxonomy} 
-      subTaxonomies={props.subTaxonomies} 
+  <RelatedTopicDropdown
+      page='/clinical'
+      exclude="clinical"
+      className='mb-3'
+      parentTaxonomy={props.parentTaxonomy}
+      subTaxonomies={props.subTaxonomies}
   />
   */
   if (subTaxonomies.length === 0 && parentTaxonomy) {
@@ -14914,31 +14923,49 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
     }
     return React__default.createElement(
       'div',
-      { id: 'related_dropdown', className: className },
+      null,
+      React__default.createElement(
+        'style',
+        { jsx: true },
+        '\n          #related_dropdown > .dropdown > .dropdown-menu.show {\n            position: absolute;\n            top: auto !important;\n            max-height: 50vh !important;\n            box-shadow: 0px 0px 25px #ccc;\n            z-index: 9999;\n            transform: none !important;\n          }\n          @media only screen and (max-width: 720px) {\n            #related_dropdown > .dropdown > .dropdown-menu.show {\n              position: absolute;\n              max-height: 30vh !important;\n              max-width: 95vw;\n              box-shadow: 0px 0px 25px #ccc;\n              z-index: 9999;\n              font-size: 0.85em;\n            }\n          }\n        '
+      ),
       React__default.createElement(
-        DropdownButton,
-        { id: 'related_button', variant: variant, title: 'Related Topics' },
+        'div',
+        { id: 'related_dropdown', className: className },
         React__default.createElement(
-          Dropdown.Item,
-          { href: parentTaxonomy.identifier },
-          parentTaxonomy.name
+          DropdownButton,
+          { id: 'related_button', variant: variant, title: 'Related Topics' },
+          React__default.createElement(
+            Dropdown.Item,
+            { href: parentTaxonomy.identifier },
+            parentTaxonomy.name
+          )
         )
       )
     );
   } else {
     return React__default.createElement(
       'div',
-      { id: 'related_dropdown', className: className },
+      null,
       React__default.createElement(
-        DropdownButton,
-        { id: 'related_button', variant: variant, title: 'Related Topics' },
-        subTaxonomies.length > 0 && subTaxonomies.map(function (taxonomy, index) {
-          return React__default.createElement(
-            Dropdown.Item,
-            { key: index, href: page + '/' + taxonomy.identifier },
-            taxonomy.name
-          );
-        })
+        'style',
+        { jsx: true },
+        '\n          #related_dropdown > .dropdown > .dropdown-menu.show {\n            position: absolute;\n            top: auto !important;\n            max-height: 40vh !important;\n            z-index: 9999;\n            transform: none !important;\n          }\n          @media only screen and (max-width: 720px) {\n            #related_dropdown > .dropdown > .dropdown-menu.show {\n              position: absolute;\n              max-height: 30vh !important;\n              max-width: 95vw;\n              z-index: 9999;\n              font-size: 0.85em;\n            }\n          }\n        '
+      ),
+      React__default.createElement(
+        'div',
+        { id: 'related_dropdown', className: className },
+        React__default.createElement(
+          DropdownButton,
+          { id: 'related_button', variant: variant, title: 'Related Topics' },
+          subTaxonomies.length > 0 && subTaxonomies.map(function (taxonomy, index) {
+            return React__default.createElement(
+              Dropdown.Item,
+              { key: index, href: page + '/' + taxonomy.identifier },
+              taxonomy.name
+            );
+          })
+        )
       )
     );
   }

package/package.json

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