@mjhls/mjh-framework 1.0.341 → 1.0.343

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.341
+# mjh-framework v. 1.0.343
 
 
 > Foundation Framework

package/dist/cjs/{Figure-a47ec3a7.js → Figure-b308d6a2.js}

@@ -40,7 +40,9 @@ var FigureComponent = function FigureComponent(props) {
       blank = node.blank,
       link = node.link,
       _node$alignment = node.alignment,
-      alignment = _node$alignment === undefined ? 'center' : _node$alignment;
+      alignment = _node$alignment === undefined ? 'center' : _node$alignment,
+      _node$class_name = node.class_name,
+      class_name = _node$class_name === undefined ? 'd-block' : _node$class_name;
   var _node$widthP = node.widthP,
       widthP = _node$widthP === undefined ? 'auto' : _node$widthP;
 
@@ -97,7 +99,7 @@ var FigureComponent = function FigureComponent(props) {
     null,
     imageWidth !== null && imageFloat !== null && React__default.createElement(
       reactBootstrap.Figure,
-      { className: 'd-block', style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imageFloat, margin: figureMargin } },
+      { className: '' + class_name, style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imageFloat, margin: figureMargin } },
       link ? React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },

package/dist/cjs/IssueContentDeck.js

@@ -49,11 +49,11 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       imageWidth = props.imageWidth,
       client = props.client,
       Settings = props.Settings,
-      key = props.key;
+      index = props.index;
 
   return React__default.createElement(
     Col,
-    { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: index },
     React__default.createElement(
       Card,
       { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
@@ -123,11 +123,11 @@ var PublicationDeckBlock = function PublicationDeckBlock(props) {
       imageWidth = props.imageWidth,
       client = props.client,
       Settings = props.Settings,
-      key = props.key;
+      index = props.index;
 
   return React__default.createElement(
     Col,
-    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
     React__default.createElement(
       Card,
       null,
@@ -173,7 +173,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
     data && data.length ? data.map(function (row, index) {
       if (variant === 'stack') {
         return row.url && row.url.current && React__default.createElement(PublicationDeckStack, {
-          key: index,
+          index: index,
           title: row.title,
           coverImage: row.thumbnail,
           link: row.url.current,
@@ -183,12 +183,12 @@ var IssueContentDeck = function IssueContentDeck(props) {
           imageWidth: imageWidth,
           client: client,
           published: row.published,
-          author: row.authorMapping.displayName || '',
+          author: row.authorMapping && row.authorMapping.displayName ? row.authorMapping.displayName : '',
           summary: row.summary
         });
       }
       return React__default.createElement(PublicationDeckBlock, {
-        key: index,
+        index: index,
         title: row.title,
         coverImage: row.thumbnail,
         link: row.url.current,

package/dist/cjs/index.js

@@ -13671,7 +13671,7 @@ var NativeAd = function NativeAd(props) {
 };
 
 var Figure = dynamic(function () {
-  return Promise.resolve().then(function () { return require('./Figure-a47ec3a7.js'); });
+  return Promise.resolve().then(function () { return require('./Figure-b308d6a2.js'); });
 }, { ssr: false });
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -16446,6 +16446,16 @@ var Article = function Article(props) {
         })
       });
       var selectedIndex = indexes[1] + 1;
+
+      var checkIsAdFound = function checkIsAdFound(isFound) {
+        if (!isFound) {
+          var parent = document.getElementById('contextual-native-ad-' + payload._id);
+          parent.style.height = '0%';
+          parent.style.width = '0%';
+          parent.style.display = 'none';
+        }
+      };
+
       return React__default.createElement(
         React__default.Fragment,
         null,
@@ -16456,8 +16466,8 @@ var Article = function Article(props) {
         }, client.config())),
         React__default.createElement(
           'div',
-          { className: 'contextual-native-ad' },
-          React__default.createElement(AdSlot.DFPAdSlot, _extends$2._extends({}, payload.contextualAD, { refreshFlag: false }))
+          { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
+          React__default.createElement(AdSlot.DFPAdSlot, _extends$2._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: checkIsAdFound }))
         ),
         React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
           serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings),
@@ -16833,15 +16843,15 @@ var ArticleQueue = function ArticleQueue(props) {
 
   var changeMeta = function changeMeta(meta) {
     document.title = meta.shareTitle;
-    document.querySelector('meta[name="description"]').setAttribute("content", meta.shareSummary);
-    document.querySelector('meta[property="og:url"]').setAttribute("content", meta.shareUrl);
-    document.querySelector('meta[property="og:title"]').setAttribute("content", meta.shareTitle);
-    document.querySelector('meta[property="og:site_name"]').setAttribute("content", meta.shareVia);
-    document.querySelector('meta[property="og:description"]').setAttribute("content", meta.shareSummary);
-    document.querySelector('meta[name="twitter:title"]').setAttribute("content", meta.shareTitle);
-    document.querySelector('meta[name="twitter:image"]').setAttribute("content", meta.shareImage);
-    document.querySelector('meta[name="twitter:site"]').setAttribute("content", meta.shareVia);
-    document.querySelector('meta[name="twitter:description"]').setAttribute("content", meta.shareSummary);
+    document.querySelector('meta[name="description"]').setAttribute('content', meta.shareSummary);
+    document.querySelector('meta[property="og:url"]').setAttribute('content', meta.shareUrl);
+    document.querySelector('meta[property="og:title"]').setAttribute('content', meta.shareTitle);
+    document.querySelector('meta[property="og:site_name"]').setAttribute('content', meta.shareVia);
+    document.querySelector('meta[property="og:description"]').setAttribute('content', meta.shareSummary);
+    document.querySelector('meta[name="twitter:title"]').setAttribute('content', meta.shareTitle);
+    document.querySelector('meta[name="twitter:image"]').setAttribute('content', meta.shareImage);
+    document.querySelector('meta[name="twitter:site"]').setAttribute('content', meta.shareVia);
+    document.querySelector('meta[name="twitter:description"]').setAttribute('content', meta.shareSummary);
   };
 
   var changeUrl = function changeUrl(path, visibility, meta) {

package/dist/esm/{Figure-584ac0c8.js → Figure-6394d22a.js}

@@ -35,7 +35,9 @@ var FigureComponent = function FigureComponent(props) {
       blank = node.blank,
       link = node.link,
       _node$alignment = node.alignment,
-      alignment = _node$alignment === undefined ? 'center' : _node$alignment;
+      alignment = _node$alignment === undefined ? 'center' : _node$alignment,
+      _node$class_name = node.class_name,
+      class_name = _node$class_name === undefined ? 'd-block' : _node$class_name;
   var _node$widthP = node.widthP,
       widthP = _node$widthP === undefined ? 'auto' : _node$widthP;
 
@@ -92,7 +94,7 @@ var FigureComponent = function FigureComponent(props) {
     null,
     imageWidth !== null && imageFloat !== null && React__default.createElement(
       Figure$1,
-      { className: 'd-block', style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imageFloat, margin: figureMargin } },
+      { className: '' + class_name, style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imageFloat, margin: figureMargin } },
       link ? React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },

package/dist/esm/IssueContentDeck.js

@@ -44,11 +44,11 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       imageWidth = props.imageWidth,
       client = props.client,
       Settings = props.Settings,
-      key = props.key;
+      index = props.index;
 
   return React__default.createElement(
     Col,
-    { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: index },
     React__default.createElement(
       Card,
       { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
@@ -118,11 +118,11 @@ var PublicationDeckBlock = function PublicationDeckBlock(props) {
       imageWidth = props.imageWidth,
       client = props.client,
       Settings = props.Settings,
-      key = props.key;
+      index = props.index;
 
   return React__default.createElement(
     Col,
-    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
     React__default.createElement(
       Card,
       null,
@@ -168,7 +168,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
     data && data.length ? data.map(function (row, index) {
       if (variant === 'stack') {
         return row.url && row.url.current && React__default.createElement(PublicationDeckStack, {
-          key: index,
+          index: index,
           title: row.title,
           coverImage: row.thumbnail,
           link: row.url.current,
@@ -178,12 +178,12 @@ var IssueContentDeck = function IssueContentDeck(props) {
           imageWidth: imageWidth,
           client: client,
           published: row.published,
-          author: row.authorMapping.displayName || '',
+          author: row.authorMapping && row.authorMapping.displayName ? row.authorMapping.displayName : '',
           summary: row.summary
         });
       }
       return React__default.createElement(PublicationDeckBlock, {
-        key: index,
+        index: index,
         title: row.title,
         coverImage: row.thumbnail,
         link: row.url.current,

package/dist/esm/index.js

@@ -13668,7 +13668,7 @@ var NativeAd = function NativeAd(props) {
 };
 
 var Figure = dynamic(function () {
-  return import('./Figure-584ac0c8.js');
+  return import('./Figure-6394d22a.js');
 }, { ssr: false });
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -16443,6 +16443,16 @@ var Article = function Article(props) {
         })
       });
       var selectedIndex = indexes[1] + 1;
+
+      var checkIsAdFound = function checkIsAdFound(isFound) {
+        if (!isFound) {
+          var parent = document.getElementById('contextual-native-ad-' + payload._id);
+          parent.style.height = '0%';
+          parent.style.width = '0%';
+          parent.style.display = 'none';
+        }
+      };
+
       return React__default.createElement(
         React__default.Fragment,
         null,
@@ -16453,8 +16463,8 @@ var Article = function Article(props) {
         }, client.config())),
         React__default.createElement(
           'div',
-          { className: 'contextual-native-ad' },
-          React__default.createElement(DFPAdSlot, _extends$2({}, payload.contextualAD, { refreshFlag: false }))
+          { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
+          React__default.createElement(DFPAdSlot, _extends$2({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: checkIsAdFound }))
         ),
         React__default.createElement(BlockContent, _extends$2({
           serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings),
@@ -16830,15 +16840,15 @@ var ArticleQueue = function ArticleQueue(props) {
 
   var changeMeta = function changeMeta(meta) {
     document.title = meta.shareTitle;
-    document.querySelector('meta[name="description"]').setAttribute("content", meta.shareSummary);
-    document.querySelector('meta[property="og:url"]').setAttribute("content", meta.shareUrl);
-    document.querySelector('meta[property="og:title"]').setAttribute("content", meta.shareTitle);
-    document.querySelector('meta[property="og:site_name"]').setAttribute("content", meta.shareVia);
-    document.querySelector('meta[property="og:description"]').setAttribute("content", meta.shareSummary);
-    document.querySelector('meta[name="twitter:title"]').setAttribute("content", meta.shareTitle);
-    document.querySelector('meta[name="twitter:image"]').setAttribute("content", meta.shareImage);
-    document.querySelector('meta[name="twitter:site"]').setAttribute("content", meta.shareVia);
-    document.querySelector('meta[name="twitter:description"]').setAttribute("content", meta.shareSummary);
+    document.querySelector('meta[name="description"]').setAttribute('content', meta.shareSummary);
+    document.querySelector('meta[property="og:url"]').setAttribute('content', meta.shareUrl);
+    document.querySelector('meta[property="og:title"]').setAttribute('content', meta.shareTitle);
+    document.querySelector('meta[property="og:site_name"]').setAttribute('content', meta.shareVia);
+    document.querySelector('meta[property="og:description"]').setAttribute('content', meta.shareSummary);
+    document.querySelector('meta[name="twitter:title"]').setAttribute('content', meta.shareTitle);
+    document.querySelector('meta[name="twitter:image"]').setAttribute('content', meta.shareImage);
+    document.querySelector('meta[name="twitter:site"]').setAttribute('content', meta.shareVia);
+    document.querySelector('meta[name="twitter:description"]').setAttribute('content', meta.shareSummary);
   };
 
   var changeUrl = function changeUrl(path, visibility, meta) {

package/package.json

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