@mjhls/mjh-framework 1.0.457 → 1.0.458

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 (6) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/GridContent.js +9 -4
  3. package/dist/cjs/QueueDeckExpanded.js +10 -5
  4. package/dist/esm/GridContent.js +9 -4
  5. package/dist/esm/QueueDeckExpanded.js +10 -5
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.457
2
+ # mjh-framework v. 1.0.458
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/GridContent.js CHANGED
@@ -356,14 +356,19 @@ var GridContent = function (_React$Component) {
356
356
  var data = this.state.data.slice(3);
357
357
 
358
358
  // Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
359
- // Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
360
- if (lgInfeedAd && window && window.innerWidth >= 1200) {
359
+ // Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
360
+ if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
361
361
  var lgInFeedAd = {
362
362
  _type: 'lg-infeed',
363
363
  adUnit: brandInsight.adUnit,
364
364
  className: 'lg-infeed',
365
365
  networkID: brandInsight.networkID,
366
366
  sizes: [728, 90],
367
+ // Adding sizeMapping for showing ad above 1400px
368
+ sizeMapping: [{
369
+ viewport: [1400, 0],
370
+ sizes: [[728, 90]]
371
+ }, { viewport: [0, 0], sizes: [] }],
367
372
  targeting: {
368
373
  content_placement: brandInsight.targeting.content_placement,
369
374
  document_url: brandInsight.targeting.document_url
@@ -383,8 +388,8 @@ var GridContent = function (_React$Component) {
383
388
  }
384
389
 
385
390
  if (showBI) {
386
- // Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
387
- if (lgInfeedAd && window && window.innerWidth >= 1200) {
391
+ // Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
392
+ if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
388
393
  brandInsight.interval = 8;
389
394
  } else {
390
395
  brandInsight.interval = 5;
package/dist/cjs/QueueDeckExpanded.js CHANGED
@@ -161,14 +161,19 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
161
161
  };
162
162
 
163
163
  // Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
164
- // Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
165
- if (lgInfeedAd && brandInsightAd && window && window.innerWidth >= 1200) {
164
+ // Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
165
+ if (lgInfeedAd && brandInsightAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
166
166
  var lgInfeed = {
167
167
  _type: 'lg-infeed',
168
168
  adUnit: brandInsightAd.adUnit,
169
169
  className: 'lg-infeed',
170
170
  networkID: brandInsightAd.networkID,
171
171
  sizes: [728, 90],
172
+ // Adding sizeMapping for showing ad above 1400px
173
+ sizeMapping: [{
174
+ viewport: [1400, 0],
175
+ sizes: [[728, 90]]
176
+ }, { viewport: [0, 0], sizes: [] }],
172
177
  targeting: {
173
178
  content_placement: brandInsightAd.targeting.content_placement,
174
179
  document_url: brandInsightAd.targeting.document_url
@@ -188,8 +193,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
188
193
  }
189
194
 
190
195
  if (showBI && brandInsightAd) {
191
- // Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
192
- if (lgInfeedAd && window && window.innerWidth >= 1200) brandInsightAd.interval = 8;
196
+ // Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
197
+ if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) brandInsightAd.interval = 8;
193
198
  var pos = 0;
194
199
  for (var i = 1; pos < data.length; i++) {
195
200
  var inFeedAd = {
@@ -564,7 +569,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
564
569
  React__default.createElement(
565
570
  'style',
566
571
  { jsx: 'true' },
567
- '\n .displayLabelThumb{\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n width: fit-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column !important;\n }\n }\n '
572
+ '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n width: fit-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column !important;\n }\n }\n '
568
573
  )
569
574
  );
570
575
  };
package/dist/esm/GridContent.js CHANGED
@@ -350,14 +350,19 @@ var GridContent = function (_React$Component) {
350
350
  var data = this.state.data.slice(3);
351
351
 
352
352
  // Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
353
- // Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
354
- if (lgInfeedAd && window && window.innerWidth >= 1200) {
353
+ // Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
354
+ if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
355
355
  var lgInFeedAd = {
356
356
  _type: 'lg-infeed',
357
357
  adUnit: brandInsight.adUnit,
358
358
  className: 'lg-infeed',
359
359
  networkID: brandInsight.networkID,
360
360
  sizes: [728, 90],
361
+ // Adding sizeMapping for showing ad above 1400px
362
+ sizeMapping: [{
363
+ viewport: [1400, 0],
364
+ sizes: [[728, 90]]
365
+ }, { viewport: [0, 0], sizes: [] }],
361
366
  targeting: {
362
367
  content_placement: brandInsight.targeting.content_placement,
363
368
  document_url: brandInsight.targeting.document_url
@@ -377,8 +382,8 @@ var GridContent = function (_React$Component) {
377
382
  }
378
383
 
379
384
  if (showBI) {
380
- // Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
381
- if (lgInfeedAd && window && window.innerWidth >= 1200) {
385
+ // Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
386
+ if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
382
387
  brandInsight.interval = 8;
383
388
  } else {
384
389
  brandInsight.interval = 5;
package/dist/esm/QueueDeckExpanded.js CHANGED
@@ -155,14 +155,19 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
155
155
  };
156
156
 
157
157
  // Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
158
- // Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
159
- if (lgInfeedAd && brandInsightAd && window && window.innerWidth >= 1200) {
158
+ // Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
159
+ if (lgInfeedAd && brandInsightAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
160
160
  var lgInfeed = {
161
161
  _type: 'lg-infeed',
162
162
  adUnit: brandInsightAd.adUnit,
163
163
  className: 'lg-infeed',
164
164
  networkID: brandInsightAd.networkID,
165
165
  sizes: [728, 90],
166
+ // Adding sizeMapping for showing ad above 1400px
167
+ sizeMapping: [{
168
+ viewport: [1400, 0],
169
+ sizes: [[728, 90]]
170
+ }, { viewport: [0, 0], sizes: [] }],
166
171
  targeting: {
167
172
  content_placement: brandInsightAd.targeting.content_placement,
168
173
  document_url: brandInsightAd.targeting.document_url
@@ -182,8 +187,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
182
187
  }
183
188
 
184
189
  if (showBI && brandInsightAd) {
185
- // Checking lgInfeedAd flag in desktop view ( window >= 1200px ).
186
- if (lgInfeedAd && window && window.innerWidth >= 1200) brandInsightAd.interval = 8;
190
+ // Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
191
+ if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) brandInsightAd.interval = 8;
187
192
  var pos = 0;
188
193
  for (var i = 1; pos < data.length; i++) {
189
194
  var inFeedAd = {
@@ -558,7 +563,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
558
563
  React__default.createElement(
559
564
  'style',
560
565
  { jsx: 'true' },
561
- '\n .displayLabelThumb{\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n width: fit-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column !important;\n }\n }\n '
566
+ '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n width: fit-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column !important;\n }\n }\n '
562
567
  )
563
568
  );
564
569
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.457",
3
+ "version": "1.0.458",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",