@mjhls/mjh-framework 1.0.483 → 1.0.485

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.482
+# mjh-framework v. 1.0.485
 
 
 > Foundation Framework 

package/dist/cjs/AD728x90.js

@@ -39,7 +39,7 @@ var AD728x90 = function AD728x90(_ref) {
   }
   //If ad rendered, should turn this to true and enable sticky position
 
-  var _useState = React.useState(false),
+  var _useState = React.useState(true),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       stickyAd = _useState2[0],
       setStickyAd = _useState2[1];
@@ -116,7 +116,7 @@ var AD728x90 = function AD728x90(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .leaderboard-ad-wrapper {\n          min-height: 90px;\n        }\n        @media screen and (max-width: 768px) {\n          .leaderboard-ad-wrapper {\n            min-height: calc(50px + 1rem);\n          }\n        }\n      '
+      '\n        .leaderboard-ad-wrapper {\n          min-height: 90px;\n        }\n        @media screen and (max-width: 768px) {\n          .leaderboard-ad-wrapper {\n            min-height: calc(50px + 1rem);\n          }\n          .leaderboard-ad-wrapper .AD728x90 div[id*=\'google_ads_iframe\']:empty {\n            height: 0!important;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/ArticleQueue.js

@@ -361,6 +361,8 @@ var Article = function Article(props) {
               _parent.style.height = adData.event.size[1] + 'px';
             }
             _parent.style.margin = 'auto';
+            //  Adding margin below to create a seperation from text.
+            _parent.style.marginBottom = '15px';
           }
           if (body[0]._type === 'figure' || body[1]._type === 'figure' || body[2]._type === 'figure' || body[3]._type === 'figure') {
             setContextualADFlag(true);

package/dist/cjs/View.js

@@ -526,8 +526,8 @@ var Article = function Article(props) {
       var _selectedIndex = indexes[1] + 1;
 
       var _checkIsAdFound = function _checkIsAdFound(isFound) {
+        var parent = document.getElementById('contextual-native-ad-' + payload._id);
         if (!isFound) {
-          var parent = document.getElementById('contextual-native-ad-' + payload._id);
           parent.style.height = '0%';
           parent.style.width = '0%';
           parent.style.display = 'none';
@@ -536,6 +536,8 @@ var Article = function Article(props) {
           if (body && body[1] && body[1]._type === 'figure') {
             setContextualADFlag(true);
           }
+          //  Adding margin below to create a seperation from text.
+          if (parent && parent.style) parent.style.marginBottom = '15px';
         }
       };
 
@@ -548,7 +550,9 @@ var Article = function Article(props) {
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        (visibleFlag || queueData && queueData.length === 1) && React__default.createElement(
+        (visibleFlag || queueData && queueData.length === 1) &&
+        //  Adding margin below to create a seperation from text.
+        React__default.createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
           React__default.createElement(AdSlot, _extends._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))

package/dist/cjs/getSerializers.js

@@ -7963,7 +7963,7 @@ var getSerializers = function getSerializers() {
         return React__default.createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
       },
       hrtag: function hrtag() {
-        return React__default.createElement('hr', { className: 'horizontal-rule' });
+        return React__default.createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
       },
       brtag: function brtag() {
         return React__default.createElement('br', { className: 'line-break' });

package/dist/esm/AD728x90.js

@@ -34,7 +34,7 @@ var AD728x90 = function AD728x90(_ref) {
   }
   //If ad rendered, should turn this to true and enable sticky position
 
-  var _useState = useState(false),
+  var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       stickyAd = _useState2[0],
       setStickyAd = _useState2[1];
@@ -111,7 +111,7 @@ var AD728x90 = function AD728x90(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .leaderboard-ad-wrapper {\n          min-height: 90px;\n        }\n        @media screen and (max-width: 768px) {\n          .leaderboard-ad-wrapper {\n            min-height: calc(50px + 1rem);\n          }\n        }\n      '
+      '\n        .leaderboard-ad-wrapper {\n          min-height: 90px;\n        }\n        @media screen and (max-width: 768px) {\n          .leaderboard-ad-wrapper {\n            min-height: calc(50px + 1rem);\n          }\n          .leaderboard-ad-wrapper .AD728x90 div[id*=\'google_ads_iframe\']:empty {\n            height: 0!important;\n          }\n        }\n      '
     )
   );
 };

package/dist/esm/ArticleQueue.js

@@ -356,6 +356,8 @@ var Article = function Article(props) {
               _parent.style.height = adData.event.size[1] + 'px';
             }
             _parent.style.margin = 'auto';
+            //  Adding margin below to create a seperation from text.
+            _parent.style.marginBottom = '15px';
           }
           if (body[0]._type === 'figure' || body[1]._type === 'figure' || body[2]._type === 'figure' || body[3]._type === 'figure') {
             setContextualADFlag(true);

package/dist/esm/View.js

@@ -521,8 +521,8 @@ var Article = function Article(props) {
       var _selectedIndex = indexes[1] + 1;
 
       var _checkIsAdFound = function _checkIsAdFound(isFound) {
+        var parent = document.getElementById('contextual-native-ad-' + payload._id);
         if (!isFound) {
-          var parent = document.getElementById('contextual-native-ad-' + payload._id);
           parent.style.height = '0%';
           parent.style.width = '0%';
           parent.style.display = 'none';
@@ -531,6 +531,8 @@ var Article = function Article(props) {
           if (body && body[1] && body[1]._type === 'figure') {
             setContextualADFlag(true);
           }
+          //  Adding margin below to create a seperation from text.
+          if (parent && parent.style) parent.style.marginBottom = '15px';
         }
       };
 
@@ -543,7 +545,9 @@ var Article = function Article(props) {
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        (visibleFlag || queueData && queueData.length === 1) && React__default.createElement(
+        (visibleFlag || queueData && queueData.length === 1) &&
+        //  Adding margin below to create a seperation from text.
+        React__default.createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
           React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))

package/dist/esm/getSerializers.js

@@ -7957,7 +7957,7 @@ var getSerializers = function getSerializers() {
         return React__default.createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
       },
       hrtag: function hrtag() {
-        return React__default.createElement('hr', { className: 'horizontal-rule' });
+        return React__default.createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
       },
       brtag: function brtag() {
         return React__default.createElement('br', { className: 'line-break' });

package/package.json

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