@mjhls/mjh-framework 1.0.446 → 1.0.447

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AD728x90.js +19 -47
  3. package/dist/esm/AD728x90.js +19 -47
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.446
2
+ # mjh-framework v. 1.0.447
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/AD728x90.js CHANGED
@@ -28,6 +28,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
28
  var AD728x90 = function AD728x90(_ref) {
29
29
  var networkID = _ref.networkID,
30
30
  adUnit = _ref.adUnit,
31
+ slotId = _ref.slotId,
31
32
  _ref$targeting = _ref.targeting,
32
33
  targeting = _ref$targeting === undefined ? {} : _ref$targeting,
33
34
  _ref$pos = _ref.pos,
@@ -54,26 +55,6 @@ var AD728x90 = function AD728x90(_ref) {
54
55
 
55
56
  var adRef = React.useRef(null);
56
57
 
57
- // Collapsing the parent wrapper when the ad is not present
58
- var collapseAd = function collapseAd() {
59
- var parent = document.getElementById('leaderboard-ad-wrapper');
60
- parent.style.height = '0%';
61
- parent.style.width = '0%';
62
- parent.classList.remove('display-leaderboard');
63
- parent.classList.add('hide-leaderboard');
64
- };
65
-
66
- var checkIsAdFound = function checkIsAdFound(isFound, adData) {
67
- // Check for creativeId related to leaderboard ad
68
- if (isFound) {
69
- var parent = document.getElementById('leaderboard-ad-wrapper');
70
- parent.classList.remove('hide-leaderboard');
71
- parent.classList.add('display-leaderboard');
72
- } else {
73
- collapseAd();
74
- }
75
- };
76
-
77
58
  React.useEffect(function () {
78
59
  if (window && window.innerWidth && window.innerWidth < 768) {
79
60
  var navbar = document.querySelector('.navbar');
@@ -101,33 +82,24 @@ var AD728x90 = function AD728x90(_ref) {
101
82
  var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
102
83
  var mobileSizes = [[320, 50], [300, 50]];
103
84
 
104
- return (
105
- // Setting classname for wrapper to set height and width is no creative found.
106
- React__default['default'].createElement(
107
- 'div',
108
- { id: 'leaderboard-ad-wrapper', className: 'leaderboard-ad-wrapper hide-leaderboard', ref: adRef, style: { backgroundColor: '#fff' } },
109
- React__default['default'].createElement(AdSlot, {
110
- slotId: 'leaderboard-ad',
111
- networkID: networkID,
112
- adUnit: adUnit,
113
- targeting: adTargeting,
114
- className: 'AD728x90',
115
- sizes: mobileView ? mobileSizes : browserSizes,
116
- sizeMapping: [{
117
- viewport: [768, 1],
118
- sizes: [[728, 90], [970, 90]]
119
- }, {
120
- viewport: [1, 1],
121
- sizes: [[320, 50], [300, 50]]
122
- }],
123
- checkIsAdFound: checkIsAdFound
124
- }),
125
- React__default['default'].createElement(
126
- 'style',
127
- { jsx: 'true' },
128
- '\n .display-leaderboard {\n display: block;\n }\n .hide-leaderboard {\n display: none;\n }\n '
129
- )
130
- )
85
+ return React__default['default'].createElement(
86
+ 'div',
87
+ { className: 'leaderboard-ad-wrapper', ref: adRef, style: { backgroundColor: '#fff' } },
88
+ React__default['default'].createElement(AdSlot, {
89
+ slotId: slotId,
90
+ networkID: networkID,
91
+ adUnit: adUnit,
92
+ targeting: adTargeting,
93
+ className: 'AD728x90',
94
+ sizes: mobileView ? mobileSizes : browserSizes,
95
+ sizeMapping: [{
96
+ viewport: [768, 1],
97
+ sizes: [[728, 90], [970, 90]]
98
+ }, {
99
+ viewport: [1, 1],
100
+ sizes: [[320, 50], [300, 50]]
101
+ }]
102
+ })
131
103
  );
132
104
  };
133
105
 
package/dist/esm/AD728x90.js CHANGED
@@ -22,6 +22,7 @@ import DFPAdSlot from './AdSlot.js';
22
22
  var AD728x90 = function AD728x90(_ref) {
23
23
  var networkID = _ref.networkID,
24
24
  adUnit = _ref.adUnit,
25
+ slotId = _ref.slotId,
25
26
  _ref$targeting = _ref.targeting,
26
27
  targeting = _ref$targeting === undefined ? {} : _ref$targeting,
27
28
  _ref$pos = _ref.pos,
@@ -48,26 +49,6 @@ var AD728x90 = function AD728x90(_ref) {
48
49
 
49
50
  var adRef = useRef(null);
50
51
 
51
- // Collapsing the parent wrapper when the ad is not present
52
- var collapseAd = function collapseAd() {
53
- var parent = document.getElementById('leaderboard-ad-wrapper');
54
- parent.style.height = '0%';
55
- parent.style.width = '0%';
56
- parent.classList.remove('display-leaderboard');
57
- parent.classList.add('hide-leaderboard');
58
- };
59
-
60
- var checkIsAdFound = function checkIsAdFound(isFound, adData) {
61
- // Check for creativeId related to leaderboard ad
62
- if (isFound) {
63
- var parent = document.getElementById('leaderboard-ad-wrapper');
64
- parent.classList.remove('hide-leaderboard');
65
- parent.classList.add('display-leaderboard');
66
- } else {
67
- collapseAd();
68
- }
69
- };
70
-
71
52
  useEffect(function () {
72
53
  if (window && window.innerWidth && window.innerWidth < 768) {
73
54
  var navbar = document.querySelector('.navbar');
@@ -95,33 +76,24 @@ var AD728x90 = function AD728x90(_ref) {
95
76
  var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
96
77
  var mobileSizes = [[320, 50], [300, 50]];
97
78
 
98
- return (
99
- // Setting classname for wrapper to set height and width is no creative found.
100
- React.createElement(
101
- 'div',
102
- { id: 'leaderboard-ad-wrapper', className: 'leaderboard-ad-wrapper hide-leaderboard', ref: adRef, style: { backgroundColor: '#fff' } },
103
- React.createElement(DFPAdSlot, {
104
- slotId: 'leaderboard-ad',
105
- networkID: networkID,
106
- adUnit: adUnit,
107
- targeting: adTargeting,
108
- className: 'AD728x90',
109
- sizes: mobileView ? mobileSizes : browserSizes,
110
- sizeMapping: [{
111
- viewport: [768, 1],
112
- sizes: [[728, 90], [970, 90]]
113
- }, {
114
- viewport: [1, 1],
115
- sizes: [[320, 50], [300, 50]]
116
- }],
117
- checkIsAdFound: checkIsAdFound
118
- }),
119
- React.createElement(
120
- 'style',
121
- { jsx: 'true' },
122
- '\n .display-leaderboard {\n display: block;\n }\n .hide-leaderboard {\n display: none;\n }\n '
123
- )
124
- )
79
+ return React.createElement(
80
+ 'div',
81
+ { className: 'leaderboard-ad-wrapper', ref: adRef, style: { backgroundColor: '#fff' } },
82
+ React.createElement(DFPAdSlot, {
83
+ slotId: slotId,
84
+ networkID: networkID,
85
+ adUnit: adUnit,
86
+ targeting: adTargeting,
87
+ className: 'AD728x90',
88
+ sizes: mobileView ? mobileSizes : browserSizes,
89
+ sizeMapping: [{
90
+ viewport: [768, 1],
91
+ sizes: [[728, 90], [970, 90]]
92
+ }, {
93
+ viewport: [1, 1],
94
+ sizes: [[320, 50], [300, 50]]
95
+ }]
96
+ })
125
97
  );
126
98
  };
127
99
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.446",
3
+ "version": "1.0.447",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",