@mjhls/mjh-framework 1.0.391 → 1.0.392

package/README.md

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

package/dist/cjs/index.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;
 
@@ -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/index.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;
 
@@ -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.392",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",