@mjhls/mjh-framework 1.0.119 → 1.0.121

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.118
+# mjh-framework v. 1.0.121
 
 
 > Foundation Framework

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -9,6 +9,8 @@ import Link from 'next/link';
 import { withRouter, useRouter } from 'next/router';
 import Media from 'react-bootstrap/Media';
 import { Media as Media$1, Container as Container$1, Dropdown, Figure, Carousel, Table, Button as Button$1, ProgressBar, Card as Card$1 } from 'react-bootstrap';
+import Button from 'react-bootstrap/Button';
+import Badge from 'react-bootstrap/Badge';
 import ListGroup from 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -16,7 +18,6 @@ import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
 import { FacebookShareButton, TwitterShareButton, PinterestShareButton, EmailShareButton, FacebookIcon, TwitterIcon, PinterestIcon, EmailIcon } from 'react-share';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
-import Button from 'react-bootstrap/Button';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
@@ -12641,6 +12642,221 @@ var VideoSeriesListing = function (_React$Component) {
 }(React__default.Component);
 var VideoSeriesListing$1 = withRouter(VideoSeriesListing);
 
+var PublicationDeck = function PublicationDeck(props) {
+  var data = props.data,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      href = props.href,
+      Website = props.Website,
+      client = props.client;
+
+  var urlFor = function urlFor(source) {
+    var builder = imageUrlBuilder(client);
+    return builder.image(source);
+  };
+
+  var renderCardImage = function renderCardImage(thumbnail) {
+    if (thumbnail && thumbnail.asset) {
+      var url = urlFor(thumbnail);
+      if (imageHeight) url = url.height(imageHeight);
+      if (imageWidth) url = url.width(imageWidth);
+      return url.url();
+    } else {
+      return Website.logo;
+    }
+  };
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.map(function (row, index) {
+      return row.identifier && row.identifier.current && React__default.createElement(
+        Col,
+        { md: 12, lg: '4', style: { display: 'flex', flex: '1 0 auto' }, key: index },
+        React__default.createElement(
+          Card,
+          { className: 'block-card', style: { width: '200px' } },
+          React__default.createElement(
+            Link,
+            { href: href + '/' + row.identifier.current },
+            React__default.createElement(
+              'a',
+              null,
+              row.childIssue && row.childIssue.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name }),
+              React__default.createElement(
+                Card.Body,
+                null,
+                React__default.createElement(
+                  Card.Title,
+                  null,
+                  row.name
+                ),
+                React__default.createElement(
+                  Button,
+                  { variant: 'secondary' },
+                  'Browse Issues'
+                )
+              )
+            )
+          )
+        )
+      );
+    })
+  );
+};
+
+var IssueDeck = function IssueDeck(props) {
+  var data = props.data,
+      href = props.href,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      Website = props.Website,
+      client = props.client,
+      publication = props.publication;
+
+
+  var urlFor = function urlFor(source) {
+    var builder = imageUrlBuilder(client);
+    return builder.image(source);
+  };
+
+  var renderCardImage = function renderCardImage(thumbnail) {
+    if (thumbnail && thumbnail.asset) {
+      var url = urlFor(thumbnail);
+      if (imageHeight) url = url.height(imageHeight);
+      if (imageWidth) url = url.width(imageWidth);
+      return url.url();
+    } else {
+      return Website.logo;
+    }
+  };
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.map(function (row, index) {
+      return publication && row.identifier && row.identifier.current && React__default.createElement(
+        Col,
+        { md: 12, lg: 12, key: index },
+        React__default.createElement(
+          Link,
+          { href: href + '/' + publication + '/' + row.identifier.current },
+          React__default.createElement(
+            'a',
+            null,
+            React__default.createElement(
+              Card,
+              { className: 'queue-card journal-queue', style: { borderTop: '1px solid #EEE' } },
+              React__default.createElement(
+                Row,
+                { style: { flexDirection: 'left' } },
+                React__default.createElement(
+                  Col,
+                  { md: 12, lg: 4 },
+                  row.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
+                ),
+                React__default.createElement(
+                  Col,
+                  null,
+                  React__default.createElement(
+                    Card.Body,
+                    { style: { padding: '20px' } },
+                    React__default.createElement(
+                      Card.Title,
+                      null,
+                      row.name
+                    ),
+                    React__default.createElement(
+                      'div',
+                      null,
+                      'Volume: ',
+                      row.volume
+                    ),
+                    React__default.createElement(
+                      'div',
+                      null,
+                      'Number: ',
+                      row.number
+                    ),
+                    React__default.createElement(
+                      Button,
+                      { style: { marginTop: '20px' }, variant: 'secondary' },
+                      'View Issue'
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      );
+    })
+  );
+};
+
+var IssueContentDeck = function IssueContentDeck(props) {
+  var data = props.data,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      Website = props.Website,
+      client = props.client;
+
+
+  var urlFor = function urlFor(source) {
+    var builder = imageUrlBuilder(client);
+    return builder.image(source);
+  };
+
+  var renderCardImage = function renderCardImage(thumbnail) {
+    if (thumbnail && thumbnail.asset) {
+      var url = urlFor(thumbnail);
+      if (imageHeight) url = url.height(imageHeight);
+      if (imageWidth) url = url.width(imageWidth);
+      return url.url();
+    } else {
+      return Website.logo;
+    }
+  };
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.map(function (row, index) {
+      return row.url && row.url.current && React__default.createElement(
+        Col,
+        { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
+        React__default.createElement(
+          Card,
+          null,
+          React__default.createElement(
+            Link,
+            { href: '/view/[url]', as: '/view/' + row.url.current },
+            React__default.createElement(
+              'a',
+              null,
+              row.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title }),
+              React__default.createElement(
+                Card.Body,
+                null,
+                row.issueSection && row.issueSection.name ? React__default.createElement(
+                  Badge,
+                  { variant: 'success' },
+                  row.issueSection && row.issueSection.name.name
+                ) : '',
+                React__default.createElement(
+                  Card.Title,
+                  null,
+                  row.title
+                )
+              )
+            )
+          )
+        )
+      );
+    })
+  );
+};
+
 var Column1 = function Column1(props) {
   var title = props.title;
 
@@ -13237,7 +13453,6 @@ var NavMagazine = function NavMagazine(props) {
   Example Nav with acceptable props
    <MagazineNav
      showLogin
-     loginState={true}
      logo={props.settings.logo}
      dataObject={props.cache.mainNavCache}
      website={website}
@@ -13252,8 +13467,7 @@ var NavMagazine = function NavMagazine(props) {
       website = props.website,
       _props$showLogin = props.showLogin,
       showLogin = _props$showLogin === undefined ? false : _props$showLogin,
-      _props$initialLoginSt = props.initialLoginState,
-      initialLoginState = _props$initialLoginSt === undefined ? false : _props$initialLoginSt;
+      _props$userData = props.userData;
 
   var navRef = useRef(null);
 
@@ -13267,11 +13481,6 @@ var NavMagazine = function NavMagazine(props) {
       screenWidth = _useState4[0],
       setScreenWidth = _useState4[1];
 
-  var _useState5 = useState(initialLoginState),
-      _useState6 = slicedToArray(_useState5, 2),
-      loginState = _useState6[0],
-      setLoginState = _useState6[1];
-
   useEffect(function () {
     document.addEventListener('scroll', trackScrolling);
     return function () {
@@ -13282,11 +13491,6 @@ var NavMagazine = function NavMagazine(props) {
 
   useEffect(function () {
     setScreenWidth(parseInt(window.innerWidth));
-    if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
-      setLoginState(GCN.onecount.isLoggedIn());
-    } else {
-      console.error('GCN not defined');
-    }
   }, []);
 
   var trackScrolling = function trackScrolling() {
@@ -13302,7 +13506,6 @@ var NavMagazine = function NavMagazine(props) {
   var handleLogin = function handleLogin(e) {
     if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
       GCN.onecount.login();
-      setLoginState(GCN.onecount.isLoggedIn());
     } else {
       console.error('GCN not defined');
     }
@@ -13311,7 +13514,6 @@ var NavMagazine = function NavMagazine(props) {
   var handleLogout = function handleLogout(e) {
     if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
       GCN.onecount.logout();
-      setLoginState(GCN.onecount.isLoggedIn());
     } else {
       console.error('GCN not defined');
     }
@@ -13329,9 +13531,9 @@ var NavMagazine = function NavMagazine(props) {
         React__default.createElement(
           Nav,
           { id: 'navbar-top', className: 'justify-content-center navbar-top', style: { margin: '0 auto' } },
-          showLogin && !loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             Nav.Item,
-            { id: 'nav-mobile-register' },
+            { id: 'nav-mobile-register', className: 'hide-on-login', style: { display: 'none' } },
             React__default.createElement(
               'div',
               { className: 'px-2 py-2', onClick: function onClick(e) {
@@ -13354,9 +13556,9 @@ var NavMagazine = function NavMagazine(props) {
               )
             )
           ),
-          showLogin && !loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             Nav.Item,
-            { id: 'nav-mobile-login' },
+            { id: 'nav-mobile-login', className: 'hide-on-login', style: { display: 'none' } },
             React__default.createElement(
               'div',
               { className: 'px-2 py-2 ', onClick: function onClick(e) {
@@ -13366,12 +13568,12 @@ var NavMagazine = function NavMagazine(props) {
               ' Login'
             )
           ),
-          showLogin && loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             React__default.Fragment,
             null,
             React__default.createElement(
               Nav.Item,
-              { id: 'nav-mobile-logout' },
+              { id: 'nav-mobile-logout', className: 'hide-on-logout', style: { display: 'none' } },
               React__default.createElement(
                 'div',
                 { className: 'pl-2 pr-3 py-2 text-right', onClick: function onClick(e) {
@@ -13386,12 +13588,12 @@ var NavMagazine = function NavMagazine(props) {
         React__default.createElement(
           Nav,
           { style: { position: 'absolute', right: '15px' }, className: 'justify-content-end rightHeader' },
-          showLogin && !loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             React__default.Fragment,
             null,
             React__default.createElement(
               Nav.Item,
-              null,
+              { className: 'hide-on-login', style: { display: 'none' } },
               React__default.createElement(
                 'div',
                 { className: 'px-2 py-2 mr-2', id: 'nav-register', onClick: function onClick(e) {
@@ -13403,7 +13605,7 @@ var NavMagazine = function NavMagazine(props) {
             ),
             React__default.createElement(
               Nav.Item,
-              null,
+              { className: 'hide-on-login', style: { display: 'none' } },
               React__default.createElement(
                 'div',
                 { className: 'px-2 py-2', id: 'nav-login', onClick: function onClick(e) {
@@ -13414,12 +13616,12 @@ var NavMagazine = function NavMagazine(props) {
               )
             )
           ),
-          showLogin && loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             React__default.Fragment,
             null,
             React__default.createElement(
               Nav.Item,
-              null,
+              { className: 'hide-on-logout', style: { display: 'none' } },
               React__default.createElement(
                 'div',
                 { className: 'px-2 py-2', id: 'nav-logout', onClick: function onClick(e) {
@@ -14051,19 +14253,17 @@ var AD = function AD(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
-
   return React__default.createElement(
     lib_1,
-    { dfpNetworkId: networkID, targetingArguments: targeting, sizeMapping: sizeMapping, lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
+    {
+      dfpNetworkId: networkID,
+      targetingArguments: targeting,
+      sizeMapping: sizeMapping,
+      lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
     React__default.createElement(
       'div',
       { className: className },
-      React__default.createElement(lib_2, {
-        slotId: slotId,
-        sizes: sizes,
-        adUnit: adUnit,
-        sizeMapping: sizeMapping
-      })
+      React__default.createElement(lib_2, { slotId: slotId, sizes: sizes, adUnit: adUnit, sizeMapping: sizeMapping })
     )
   );
 };
@@ -14100,6 +14300,37 @@ var AD300x250x600 = function AD300x250x600(_ref) {
   });
 };
 
+var ADFooter = function ADFooter(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(true),
+      _useState2 = slicedToArray(_useState, 2),
+      showAd = _useState2[0],
+      setShowAd = _useState2[1];
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    showAd && React__default.createElement(
+      'div',
+      { className: 'ADFooter' },
+      children,
+      React__default.createElement(
+        'div',
+        { className: 'closeButton', onClick: function onClick() {
+            return setShowAd(false);
+          } },
+        'x'
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n          .ADFooter {\n            width: auto;\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          }\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        '
+    )
+  );
+};
+
 var urlFor$1 = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source);
@@ -17894,7 +18125,7 @@ var IFrame = function IFrame(_ref) {
   return React__default.createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    React__default.createElement('iframe', { className: 'w-100', src: url, frameBorder: '0' })
+    React__default.createElement('iframe', { className: 'w-100 iFrame-block', src: url, frameBorder: '0' })
   );
 };
 
@@ -20519,7 +20750,17 @@ var Quiz = function Quiz(_ref) {
   );
 };
 
-var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs, onVote, showVotes) {
+var Leads = function Leads(_ref) {
+  var url = _ref.url;
+
+  return React__default.createElement(
+    'div',
+    { className: 'd-block text-center mb-3' },
+    url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', src: url, frameBorder: '0', allow: 'fullscreen' })
+  );
+};
+
+var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs, onVote, showVotes, drupalLeadSettings) {
   return {
     types: {
       youtube: function youtube(_ref) {
@@ -20591,6 +20832,13 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
         var quizzes = node.quizzes;
 
         return React__default.createElement(Quiz, { quizzes: quizzes });
+      },
+      leads: function leads(_ref13) {
+        var node = _ref13.node;
+        var leadID = node.leadID;
+
+        var url = '' + drupalLeadSettings.baseUrl + leadID;
+        return React__default.createElement(Leads, { url: url });
       }
     },
     marks: {
@@ -20620,32 +20868,32 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
           children
         );
       },
-      alignleft: function alignleft(_ref13) {
-        var children = _ref13.children;
+      alignleft: function alignleft(_ref14) {
+        var children = _ref14.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref14) {
-        var children = _ref14.children;
+      alignright: function alignright(_ref15) {
+        var children = _ref15.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref15) {
-        var children = _ref15.children;
+      aligncenter: function aligncenter(_ref16) {
+        var children = _ref16.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref16) {
-        var children = _ref16.children;
+      alignjustify: function alignjustify(_ref17) {
+        var children = _ref17.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },
@@ -21165,5 +21413,5 @@ var PdfDownload = function PdfDownload(props) {
   );
 };
 
-export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, PageFilter, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD300x250, AD300x250x600, AD728x90, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs, SetCookie, Hero, AlphabeticList, PdfDownload };
+export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, PublicationDeck, IssueDeck, IssueContentDeck, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, PageFilter, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD, AD300x250, AD300x250x600, AD728x90, ADFooter, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs, SetCookie, Hero, AlphabeticList, PdfDownload };
 //# sourceMappingURL=index.es.js.map