@mjhls/mjh-framework 1.0.391 → 1.0.393

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.391
+# mjh-framework v. 1.0.393
 
 
 > Foundation Framework

package/dist/cjs/{AuthorComponent-37deda17.js → AuthorComponent-4706f297.js}

@@ -31,7 +31,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
             { href: '/authors/' + url.current, className: 'text-muted' },
             displayName
           ),
-          length !== index + 1 && ' , '
+          length !== index + 1 && ', '
         );
       } else if (displayName) {
         return React__default.createElement(
@@ -46,11 +46,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
             'span',
             { className: 'text-muted' },
             displayName,
-            length !== index + 1 && React__default.createElement(
-              'span',
-              { className: 'author-seperator' },
-              ','
-            )
+            length !== index + 1 && ', '
           )
         );
       }
@@ -91,7 +87,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
     React__default.createElement(
       'style',
       { jsx: true },
-      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n          .author-seperator {\n            padding-left: 2px;\n            padding-right: 2px;\n          }\n        '
+      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '
     )
   );
 };

package/dist/cjs/{GridContent-1871749e.js → GridContent-dd1844d5.js}

@@ -22,7 +22,7 @@ var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var ADInfeed = require('./ADInfeed-f544f2a5.js');
 var get$1 = require('./get-5aa7468c.js');
-var AuthorComponent = require('./AuthorComponent-37deda17.js');
+var AuthorComponent = require('./AuthorComponent-4706f297.js');
 
 var Dfp = React__default.lazy(function () {
   return Promise.resolve().then(function () { return require('./Dfp-27b922b0.js'); });

package/dist/cjs/GridContent.js

@@ -29,8 +29,8 @@ require('./AdSlot-1e40a214.js');
 require('./promise-d5136080.js');
 require('./ADInfeed-f544f2a5.js');
 require('./get-5aa7468c.js');
-var GridContent = require('./GridContent-1871749e.js');
-require('./AuthorComponent-37deda17.js');
+var GridContent = require('./GridContent-dd1844d5.js');
+require('./AuthorComponent-4706f297.js');
 
 
 

package/dist/cjs/IssueContentDeck.js

@@ -16,7 +16,7 @@ require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 require('./slicedToArray-419d467a.js');
-var AuthorComponent = require('./AuthorComponent-37deda17.js');
+var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var Badge = _interopDefault(require('react-bootstrap/Badge'));
 
 var urlFor = function urlFor(source, client) {

package/dist/cjs/QueueDeckExpanded.js

@@ -27,7 +27,7 @@ var slicedToArray = require('./slicedToArray-419d467a.js');
 require('./AdSlot-1e40a214.js');
 require('./promise-d5136080.js');
 var ADInfeed = require('./ADInfeed-f544f2a5.js');
-var AuthorComponent = require('./AuthorComponent-37deda17.js');
+var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {

package/dist/cjs/index.js

@@ -36,8 +36,8 @@ var promise = require('./promise-d5136080.js');
 var ADInfeed = require('./ADInfeed-f544f2a5.js');
 var DeckContent = require('./DeckContent.js');
 var get$1 = require('./get-5aa7468c.js');
-var GridContent = require('./GridContent-1871749e.js');
-var AuthorComponent = require('./AuthorComponent-37deda17.js');
+var GridContent = require('./GridContent-dd1844d5.js');
+var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
@@ -75,6 +75,7 @@ var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
 var DropdownButton = _interopDefault(require('react-bootstrap/DropdownButton'));
 var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
 var Ustream = require('./Ustream-c7baf022.js');
+var Modal = _interopDefault(require('react-bootstrap/Modal'));
 var useSWR = _interopDefault(require('swr'));
 var Local = _interopDefault(require('passport-local'));
 var mysql = _interopDefault(require('mysql'));
@@ -15525,6 +15526,49 @@ var PublicationLanding = function PublicationLanding(props) {
   );
 };
 
+var PopUpModal = function PopUpModal(props) {
+  var _ref = props.ModalImage ? React.useState(true) : React.useState(false),
+      _ref2 = slicedToArray._slicedToArray(_ref, 2),
+      show = _ref2[0],
+      setShow = _ref2[1];
+
+  var launchModalButton = function launchModalButton(e) {
+    window.open(props.landingURL, '_blank');
+    setShow(false);
+  };
+
+  return React__default.createElement(
+    Modal,
+    { show: show, onHide: function onHide() {
+        return setShow(false);
+      }, 'aria-labelledby': 'Popup-Modal' },
+    React__default.createElement(Modal.Title, null),
+    React__default.createElement(
+      Modal.Body,
+      null,
+      React__default.createElement(
+        'div',
+        { className: 'modalImageHolder' },
+        React__default.createElement('img', { className: 'modalImage', src: props.ModalImage, onClick: function onClick() {
+            return launchModalButton();
+          } }),
+        React__default.createElement(
+          'div',
+          { className: 'modalClose', onClick: function onClick() {
+              return setShow(false);
+            } },
+          'X'
+        )
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .modalImageHolder {\n            display: flex;\n            justify-content: center;\n          }\n          .modalClose {\n            display: flex;\n            justify-content: center;\n            width: 25px;\n            height: 25px;\n            font-size: 1.25rem;\n            color: #fff;\n            cursor: pointer;\n          }\n          .modalImage {\n            cursor: pointer;\n          }\n        '
+    )
+  );
+};
+
 var fbsHero = function fbsHero(props) {
   var removeTimeStamp = props.removeTimeStamp;
 
@@ -17357,14 +17401,14 @@ var renderAuthor$1 = function renderAuthor(authorName, authorURL, index, length)
         { href: '/' + defaultUrl + '/' + authorURL.current, key: index },
         authorName
       ),
-      length !== index + 1 && ' , '
+      length !== index + 1 && ', '
     );
   } else if (authorName) {
     return React__default.createElement(
       'span',
       { key: index },
       authorName,
-      length !== index + 1 && ' , '
+      length !== index + 1 && ', '
     );
   }
 };
@@ -22179,6 +22223,7 @@ exports.KMTracker = KMTracker;
 exports.OncliveHero = OncliveHero;
 exports.OncliveLargeHero = OncliveLargeHero;
 exports.PdfDownload = PdfDownload;
+exports.PopUpModal = PopUpModal;
 exports.PublicationLanding = PublicationLanding;
 exports.RelatedContent = RelatedContent;
 exports.RelatedTopicsDropdown = RelatedTopicsDropdown;

package/dist/esm/{AuthorComponent-beb2ad16.js → AuthorComponent-c9e46673.js}

@@ -26,7 +26,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
             { href: '/authors/' + url.current, className: 'text-muted' },
             displayName
           ),
-          length !== index + 1 && ' , '
+          length !== index + 1 && ', '
         );
       } else if (displayName) {
         return React__default.createElement(
@@ -41,11 +41,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
             'span',
             { className: 'text-muted' },
             displayName,
-            length !== index + 1 && React__default.createElement(
-              'span',
-              { className: 'author-seperator' },
-              ','
-            )
+            length !== index + 1 && ', '
           )
         );
       }
@@ -86,7 +82,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
     React__default.createElement(
       'style',
       { jsx: true },
-      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n          .author-seperator {\n            padding-left: 2px;\n            padding-right: 2px;\n          }\n        '
+      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '
     )
   );
 };

package/dist/esm/{GridContent-3229be76.js → GridContent-4a5cef9e.js}

@@ -16,7 +16,7 @@ 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 { g as get_1 } from './get-53653403.js';
-import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
+import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 
 var Dfp = React__default.lazy(function () {
   return import('./Dfp-3b3273ee.js');

package/dist/esm/GridContent.js

@@ -27,5 +27,5 @@ import './AdSlot-971ce41c.js';
 import './promise-5d7cd78a.js';
 import './ADInfeed-88c335d9.js';
 import './get-53653403.js';
-export { G as default } from './GridContent-3229be76.js';
-import './AuthorComponent-beb2ad16.js';
+export { G as default } from './GridContent-4a5cef9e.js';
+import './AuthorComponent-c9e46673.js';

package/dist/esm/IssueContentDeck.js

@@ -11,7 +11,7 @@ import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import './slicedToArray-04e02710.js';
-import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
+import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 import Badge from 'react-bootstrap/Badge';
 
 var urlFor = function urlFor(source, client) {

package/dist/esm/QueueDeckExpanded.js

@@ -21,7 +21,7 @@ import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import './AdSlot-971ce41c.js';
 import './promise-5d7cd78a.js';
 import { A as ADInfeed } from './ADInfeed-88c335d9.js';
-import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
+import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {

package/dist/esm/index.js

@@ -29,8 +29,8 @@ import { _ as _anInstance, a as _forOf, b as _redefineAll, c as _setSpecies } fr
 import { A as ADInfeed } from './ADInfeed-88c335d9.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-3229be76.js';
-import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
+export { A as AD, G as GridContent } from './GridContent-4a5cef9e.js';
+import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
@@ -72,6 +72,7 @@ import DropdownButton from 'react-bootstrap/DropdownButton';
 import Dropdown from 'react-bootstrap/Dropdown';
 import { F as FaLongArrowAltRight } from './Ustream-ee7aeeef.js';
 export { U as Ustream } from './Ustream-ee7aeeef.js';
+import Modal from 'react-bootstrap/Modal';
 import useSWR from 'swr';
 import Local from 'passport-local';
 import mysql from 'mysql';
@@ -15522,6 +15523,49 @@ var PublicationLanding = function PublicationLanding(props) {
   );
 };
 
+var PopUpModal = function PopUpModal(props) {
+  var _ref = props.ModalImage ? useState(true) : useState(false),
+      _ref2 = _slicedToArray(_ref, 2),
+      show = _ref2[0],
+      setShow = _ref2[1];
+
+  var launchModalButton = function launchModalButton(e) {
+    window.open(props.landingURL, '_blank');
+    setShow(false);
+  };
+
+  return React__default.createElement(
+    Modal,
+    { show: show, onHide: function onHide() {
+        return setShow(false);
+      }, 'aria-labelledby': 'Popup-Modal' },
+    React__default.createElement(Modal.Title, null),
+    React__default.createElement(
+      Modal.Body,
+      null,
+      React__default.createElement(
+        'div',
+        { className: 'modalImageHolder' },
+        React__default.createElement('img', { className: 'modalImage', src: props.ModalImage, onClick: function onClick() {
+            return launchModalButton();
+          } }),
+        React__default.createElement(
+          'div',
+          { className: 'modalClose', onClick: function onClick() {
+              return setShow(false);
+            } },
+          'X'
+        )
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .modalImageHolder {\n            display: flex;\n            justify-content: center;\n          }\n          .modalClose {\n            display: flex;\n            justify-content: center;\n            width: 25px;\n            height: 25px;\n            font-size: 1.25rem;\n            color: #fff;\n            cursor: pointer;\n          }\n          .modalImage {\n            cursor: pointer;\n          }\n        '
+    )
+  );
+};
+
 var fbsHero = function fbsHero(props) {
   var removeTimeStamp = props.removeTimeStamp;
 
@@ -17354,14 +17398,14 @@ var renderAuthor$1 = function renderAuthor(authorName, authorURL, index, length)
         { href: '/' + defaultUrl + '/' + authorURL.current, key: index },
         authorName
       ),
-      length !== index + 1 && ' , '
+      length !== index + 1 && ', '
     );
   } else if (authorName) {
     return React__default.createElement(
       'span',
       { key: index },
       authorName,
-      length !== index + 1 && ' , '
+      length !== index + 1 && ', '
     );
   }
 };
@@ -22116,4 +22160,4 @@ var auth = {
 	ProcessData: ProcessData_1
 };
 
-export { AD300x250, AD300x250x600, ADFloatingFooter, ADFooter, ADGutter, ADSponsoredResources, ADWelcome, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, auth as Auth, Breadcrumbs$1 as Breadcrumbs, CMEDeck, ConferenceArticleCard, EventsDeck, Feature, fbsHero as ForbesHero, GridHero, Hero, HighlightenVideo, HorizontalHero, InfiniteScrollDeck, KMTracker, OncliveHero, OncliveLargeHero, PdfDownload, PublicationLanding, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers, getSeriesDetail };
+export { AD300x250, AD300x250x600, ADFloatingFooter, ADFooter, ADGutter, ADSponsoredResources, ADWelcome, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, auth as Auth, Breadcrumbs$1 as Breadcrumbs, CMEDeck, ConferenceArticleCard, EventsDeck, Feature, fbsHero as ForbesHero, GridHero, Hero, HighlightenVideo, HorizontalHero, InfiniteScrollDeck, KMTracker, OncliveHero, OncliveLargeHero, PdfDownload, PopUpModal, PublicationLanding, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers, getSeriesDetail };

package/package.json

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