@mjhls/mjh-framework 1.0.349 → 1.0.350

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.349
+# mjh-framework v. 1.0.350
 
 
 > Foundation Framework

package/dist/cjs/index.js

@@ -3208,7 +3208,9 @@ var ADWelcome = function ADWelcome(_ref) {
 };
 
 var ADSponsoredResources = function ADSponsoredResources(_ref) {
-  var sponsoredAd = _ref.sponsoredAd;
+  var sponsoredAd = _ref.sponsoredAd,
+      _ref$minScreenWidth = _ref.minScreenWidth,
+      minScreenWidth = _ref$minScreenWidth === undefined ? 1200 : _ref$minScreenWidth;
   var className = sponsoredAd.className,
       slotId = sponsoredAd.slotId,
       adUnit = sponsoredAd.adUnit,
@@ -3231,6 +3233,17 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
     publication_url: targeting.publication_url
   };
 
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  React.useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setWidthFlag(true);
+    }
+  }, [minScreenWidth]);
+
   var collapseAd = function collapseAd() {
     var parent = document.getElementById('sponsored-ad-wrapper');
     parent.style.height = '0%';
@@ -3246,29 +3259,30 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
       collapseAd();
     }
   };
-
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      'div',
-      { id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
+  if (widthFlag) {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
       React__default.createElement(
         'div',
-        { className: 'sponsored-ad' },
-        React__default.createElement(AdSlot.DFPAdSlot, {
-          className: className,
-          slotId: slotId,
-          networkID: networkID,
-          sizes: sizes,
-          adUnit: adUnit,
-          targeting: adTargeting,
-          refreshFlag: false,
-          checkIsAdFound: checkIsAdFound
-        })
+        { id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
+        React__default.createElement(
+          'div',
+          { className: 'sponsored-ad' },
+          React__default.createElement(AdSlot.DFPAdSlot, {
+            className: className,
+            slotId: slotId,
+            networkID: networkID,
+            sizes: sizes,
+            adUnit: adUnit,
+            targeting: adTargeting,
+            refreshFlag: false,
+            checkIsAdFound: checkIsAdFound
+          })
+        )
       )
-    )
-  );
+    );
+  } else return null;
 };
 
 var urlFor$1 = function urlFor(source, builder) {

package/dist/esm/index.js

@@ -3205,7 +3205,9 @@ var ADWelcome = function ADWelcome(_ref) {
 };
 
 var ADSponsoredResources = function ADSponsoredResources(_ref) {
-  var sponsoredAd = _ref.sponsoredAd;
+  var sponsoredAd = _ref.sponsoredAd,
+      _ref$minScreenWidth = _ref.minScreenWidth,
+      minScreenWidth = _ref$minScreenWidth === undefined ? 1200 : _ref$minScreenWidth;
   var className = sponsoredAd.className,
       slotId = sponsoredAd.slotId,
       adUnit = sponsoredAd.adUnit,
@@ -3228,6 +3230,17 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
     publication_url: targeting.publication_url
   };
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setWidthFlag(true);
+    }
+  }, [minScreenWidth]);
+
   var collapseAd = function collapseAd() {
     var parent = document.getElementById('sponsored-ad-wrapper');
     parent.style.height = '0%';
@@ -3243,29 +3256,30 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
       collapseAd();
     }
   };
-
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      'div',
-      { id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
+  if (widthFlag) {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
       React__default.createElement(
         'div',
-        { className: 'sponsored-ad' },
-        React__default.createElement(DFPAdSlot, {
-          className: className,
-          slotId: slotId,
-          networkID: networkID,
-          sizes: sizes,
-          adUnit: adUnit,
-          targeting: adTargeting,
-          refreshFlag: false,
-          checkIsAdFound: checkIsAdFound
-        })
+        { id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
+        React__default.createElement(
+          'div',
+          { className: 'sponsored-ad' },
+          React__default.createElement(DFPAdSlot, {
+            className: className,
+            slotId: slotId,
+            networkID: networkID,
+            sizes: sizes,
+            adUnit: adUnit,
+            targeting: adTargeting,
+            refreshFlag: false,
+            checkIsAdFound: checkIsAdFound
+          })
+        )
       )
-    )
-  );
+    );
+  } else return null;
 };
 
 var urlFor$1 = function urlFor(source, builder) {

package/package.json

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