@mjhls/mjh-framework 1.0.442 → 1.0.444

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.
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.442
2
+ # mjh-framework v. 1.0.444
3
3
 
4
4
  > Foundation Framework
5
5
 
@@ -94,6 +94,7 @@ var GridContent = function (_React$Component) {
94
94
  };
95
95
  }, _this.loadData);
96
96
  }, 0), _this.componentDidMount = function () {
97
+ // Setting desktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
97
98
  if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
98
99
  _this.setState(function (state) {
99
100
  return _extends._extends({}, state, {
@@ -108,6 +109,16 @@ var GridContent = function (_React$Component) {
108
109
  if (prevState.currentPage !== _this.state.currentPage) {
109
110
  document.addEventListener('scroll', _this.trackScrolling);
110
111
  }
112
+
113
+ // Logging GA Pageview on path change
114
+ var _this$props = _this.props,
115
+ pageview = _this$props.pageview,
116
+ currentPath = _this$props.router.asPath;
117
+ var prevPath = prevProps.router.asPath;
118
+
119
+ if (pageview && currentPath !== prevPath) {
120
+ pageview(currentPath);
121
+ }
111
122
  }, _this.trackScrolling = function () {
112
123
  var itemsPerPage = _this.props.params.itemsPerPage ? _this.props.params.itemsPerPage : 10;
113
124
  if (window.pageYOffset === 0) {
@@ -166,10 +177,10 @@ var GridContent = function (_React$Component) {
166
177
  return _this.defaultImage;
167
178
  }
168
179
  }, _this.changePageNumber = function (pageNumber, itemsPerPage, itemIndex) {
169
- var _this$props = _this.props,
170
- seoPaginate = _this$props.seoPaginate,
171
- pageview = _this$props.pageview,
172
- router = _this$props.router;
180
+ var _this$props2 = _this.props,
181
+ seoPaginate = _this$props2.seoPaginate,
182
+ pageview = _this$props2.pageview,
183
+ router = _this$props2.router;
173
184
  var currentPage = _this.state.currentPage;
174
185
 
175
186
  if (seoPaginate) {
@@ -218,9 +229,9 @@ var GridContent = function (_React$Component) {
218
229
  }
219
230
 
220
231
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
221
- if (pageview) {
222
- pageview(newPath);
223
- }
232
+ // if (pageview) {
233
+ // pageview(newPath)
234
+ // }
224
235
 
225
236
  router.push(pathname, newPath, {
226
237
  shallow: true
@@ -355,6 +366,7 @@ var GridContent = function (_React$Component) {
355
366
  var firstThree = this.state.data.slice(0, 3);
356
367
  var data = this.state.data.slice(3);
357
368
 
369
+ // Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
358
370
  if (desktopView) {
359
371
  var lgInFeedAd = {
360
372
  _type: 'lg-infeed',
@@ -411,7 +423,11 @@ var GridContent = function (_React$Component) {
411
423
  posts = firstThree.concat(posts);
412
424
  posts = posts.map(function (ele, i) {
413
425
  if (ele._type === 'lg-infeed') {
414
- return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
426
+ // Setting pos as top2 for the first occurence of large infeed ad
427
+ var _pos = posts.indexOf(posts.find(function (d) {
428
+ return d._type === 'lg-infeed';
429
+ })) === i ? 'top2' : 'lg-infeed_' + i;
430
+ return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
415
431
  } else {
416
432
  return ele;
417
433
  }
@@ -33,7 +33,7 @@ require('./ADInfeed-ae1f348d.js');
33
33
  require('./lodash-fc2922d0.js');
34
34
  require('./ADlgInfeed-f4c4a1bf.js');
35
35
  require('./get-7a75c563.js');
36
- var GridContent = require('./GridContent-db383f73.js');
36
+ var GridContent = require('./GridContent-0df16724.js');
37
37
  require('./AuthorComponent-b44bb44e.js');
38
38
 
39
39
 
@@ -130,9 +130,9 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
130
130
  }
131
131
  var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
132
132
 
133
- if (pageview) {
134
- pageview(newPath);
135
- }
133
+ // if (pageview) {
134
+ // pageview(newPath)
135
+ // }
136
136
 
137
137
  router.push(pathname, newPath, {
138
138
  shallow: true
@@ -145,14 +145,15 @@ var checkExternalUrl = function checkExternalUrl(url) {
145
145
  return new RegExp(['http', 'https'].join('|')).test(url);
146
146
  };
147
147
 
148
- var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView) {
148
+ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView) {
149
149
  var numberOfItemsBeforeAd = 6;
150
150
 
151
151
  var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
152
152
  return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
153
153
  };
154
154
 
155
- if (dektopView && brandInsightAd) {
155
+ // Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
156
+ if (desktopView && brandInsightAd) {
156
157
  var lgInfeedAd = {
157
158
  _type: 'lg-infeed',
158
159
  adUnit: brandInsightAd.adUnit,
@@ -178,7 +179,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
178
179
  }
179
180
 
180
181
  if (showBI && brandInsightAd) {
181
- if (dektopView) brandInsightAd.interval = 8;
182
+ if (desktopView) brandInsightAd.interval = 8;
182
183
  var pos = 0;
183
184
  for (var i = 1; pos < data.length; i++) {
184
185
  var inFeedAd = {
@@ -201,14 +202,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
201
202
  }
202
203
  data = data.map(function (ele, i) {
203
204
  if (ele._type === 'lg-infeed') {
204
- return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
205
+ // Setting pos as top2 for the first occurence of large infeed ad
206
+ var _pos = data.indexOf(data.find(function (d) {
207
+ return d._type === 'lg-infeed';
208
+ })) === i ? 'top2' : 'lg-infeed_' + i;
209
+ return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
205
210
  } else {
206
211
  return ele;
207
212
  }
208
213
  });
209
214
 
210
215
  var featureCount = 0;
211
-
212
216
  return React__default['default'].createElement(
213
217
  'div',
214
218
  null,
@@ -576,6 +580,18 @@ var usePrevious = function usePrevious(value) {
576
580
 
577
581
  var QueueDeckExpanded = function QueueDeckExpanded(props) {
578
582
  var router = Router.useRouter();
583
+
584
+ // Logging GA Pageview on path change
585
+ var prevPath = usePrevious(lodash.lodash.get(router, 'asPath', undefined));
586
+ React.useEffect(function () {
587
+ var pageview = props.pageview;
588
+
589
+ var currentPath = router.asPath;
590
+ if (prevPath && prevPath !== currentPath && pageview) {
591
+ pageview(router.asPath);
592
+ }
593
+ }, [router]);
594
+
579
595
  var initialData = props.dataRecord,
580
596
  client = props.client,
581
597
  params = props.params,
@@ -634,14 +650,14 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
634
650
 
635
651
  var _useState11 = React.useState(false),
636
652
  _useState12 = slicedToArray._slicedToArray(_useState11, 2),
637
- dektopView = _useState12[0],
653
+ desktopView = _useState12[0],
638
654
  setDesktopView = _useState12[1];
639
655
 
640
656
  var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
641
657
 
642
658
  var prevValues = usePrevious(values);
643
659
 
644
- //check for change in filter parameters from client side and refresh the page
660
+ // check for change in filter parameters from client side and refresh the page
645
661
  React.useEffect(function () {
646
662
  if (initialData && data !== initialData && initialData.length >= 0) {
647
663
  setData(initialData);
@@ -658,6 +674,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
658
674
  }, [initialData]);
659
675
 
660
676
  React.useEffect(function () {
677
+ // Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
661
678
  if (lgInfeedAd && window && window.innerWidth >= 1200) {
662
679
  setDesktopView(true);
663
680
  }
@@ -697,7 +714,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
697
714
  React__default['default'].createElement(
698
715
  reactBootstrap.Container,
699
716
  null,
700
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
717
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
701
718
  )
702
719
  ),
703
720
  React__default['default'].createElement(
@@ -711,7 +728,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
711
728
  React__default['default'].createElement(
712
729
  reactBootstrap.Container,
713
730
  null,
714
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
731
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
715
732
  ),
716
733
  React__default['default'].createElement(
717
734
  'div',
package/dist/cjs/index.js CHANGED
@@ -36,7 +36,7 @@ var DeckContent = require('./DeckContent.js');
36
36
  require('./lodash-fc2922d0.js');
37
37
  require('./ADlgInfeed-f4c4a1bf.js');
38
38
  var get$1 = require('./get-7a75c563.js');
39
- var GridContent = require('./GridContent-db383f73.js');
39
+ var GridContent = require('./GridContent-0df16724.js');
40
40
  var AuthorComponent = require('./AuthorComponent-b44bb44e.js');
41
41
  var DeckQueue = require('./DeckQueue.js');
42
42
  require('react-bootstrap/Media');
@@ -2552,6 +2552,11 @@ var CMEDeck = function CMEDeck(_ref) {
2552
2552
  autoScroll ? React__default['default'].createElement(
2553
2553
  React__default['default'].Fragment,
2554
2554
  null,
2555
+ React__default['default'].createElement(
2556
+ 'style',
2557
+ { jsx: true },
2558
+ '\n .infinite-scroll-component {\n overflow: hidden !important;\n }\n '
2559
+ ),
2555
2560
  React__default['default'].createElement(
2556
2561
  index_es.InfiniteScroll,
2557
2562
  {
@@ -17310,10 +17315,10 @@ var Article = function Article(props) {
17310
17315
  contextualAD: _extends$2._extends({}, payload.contextualAD, {
17311
17316
  slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
17312
17317
  className: 'ADFluid',
17313
- // Adding new ad size for large contextual ad for desktop screens >= 1200x768
17318
+ // Adding new ad size for large contextual ad for desktop screen width >= 1400
17314
17319
  sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
17315
17320
  sizeMapping: lgContextAd ? [{
17316
- viewport: [1200, 768],
17321
+ viewport: [1400, 0],
17317
17322
  sizes: [[728, 90], 'fluid', [300, 100]]
17318
17323
  }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
17319
17324
  })
@@ -84,6 +84,7 @@ var GridContent = function (_React$Component) {
84
84
  };
85
85
  }, _this.loadData);
86
86
  }, 0), _this.componentDidMount = function () {
87
+ // Setting desktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
87
88
  if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
88
89
  _this.setState(function (state) {
89
90
  return _extends({}, state, {
@@ -98,6 +99,16 @@ var GridContent = function (_React$Component) {
98
99
  if (prevState.currentPage !== _this.state.currentPage) {
99
100
  document.addEventListener('scroll', _this.trackScrolling);
100
101
  }
102
+
103
+ // Logging GA Pageview on path change
104
+ var _this$props = _this.props,
105
+ pageview = _this$props.pageview,
106
+ currentPath = _this$props.router.asPath;
107
+ var prevPath = prevProps.router.asPath;
108
+
109
+ if (pageview && currentPath !== prevPath) {
110
+ pageview(currentPath);
111
+ }
101
112
  }, _this.trackScrolling = function () {
102
113
  var itemsPerPage = _this.props.params.itemsPerPage ? _this.props.params.itemsPerPage : 10;
103
114
  if (window.pageYOffset === 0) {
@@ -156,10 +167,10 @@ var GridContent = function (_React$Component) {
156
167
  return _this.defaultImage;
157
168
  }
158
169
  }, _this.changePageNumber = function (pageNumber, itemsPerPage, itemIndex) {
159
- var _this$props = _this.props,
160
- seoPaginate = _this$props.seoPaginate,
161
- pageview = _this$props.pageview,
162
- router = _this$props.router;
170
+ var _this$props2 = _this.props,
171
+ seoPaginate = _this$props2.seoPaginate,
172
+ pageview = _this$props2.pageview,
173
+ router = _this$props2.router;
163
174
  var currentPage = _this.state.currentPage;
164
175
 
165
176
  if (seoPaginate) {
@@ -208,9 +219,9 @@ var GridContent = function (_React$Component) {
208
219
  }
209
220
 
210
221
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
211
- if (pageview) {
212
- pageview(newPath);
213
- }
222
+ // if (pageview) {
223
+ // pageview(newPath)
224
+ // }
214
225
 
215
226
  router.push(pathname, newPath, {
216
227
  shallow: true
@@ -345,6 +356,7 @@ var GridContent = function (_React$Component) {
345
356
  var firstThree = this.state.data.slice(0, 3);
346
357
  var data = this.state.data.slice(3);
347
358
 
359
+ // Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
348
360
  if (desktopView) {
349
361
  var lgInFeedAd = {
350
362
  _type: 'lg-infeed',
@@ -401,7 +413,11 @@ var GridContent = function (_React$Component) {
401
413
  posts = firstThree.concat(posts);
402
414
  posts = posts.map(function (ele, i) {
403
415
  if (ele._type === 'lg-infeed') {
404
- return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
416
+ // Setting pos as top2 for the first occurence of large infeed ad
417
+ var _pos = posts.indexOf(posts.find(function (d) {
418
+ return d._type === 'lg-infeed';
419
+ })) === i ? 'top2' : 'lg-infeed_' + i;
420
+ return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
405
421
  } else {
406
422
  return ele;
407
423
  }
@@ -31,5 +31,5 @@ import './ADInfeed-dff74bbe.js';
31
31
  import './lodash-17fdfebb.js';
32
32
  import './ADlgInfeed-7b29db85.js';
33
33
  import './get-bc6cf9fb.js';
34
- export { G as default } from './GridContent-6b38c580.js';
34
+ export { G as default } from './GridContent-2173a84c.js';
35
35
  import './AuthorComponent-4f5f15ed.js';
@@ -6,7 +6,7 @@ import './_iter-detect-7c281f0a.js';
6
6
  import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
7
7
  import './_object-pie-33c40e79.js';
8
8
  import { _ as _extends } from './extends-92072fff.js';
9
- import React, { useState, useEffect, useRef } from 'react';
9
+ import React, { useEffect, useState, useRef } from 'react';
10
10
  import { l as lib_3 } from './debounce-42a7f724.js';
11
11
  import 'prop-types';
12
12
  import 'react-bootstrap/Card';
@@ -124,9 +124,9 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
124
124
  }
125
125
  var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
126
126
 
127
- if (pageview) {
128
- pageview(newPath);
129
- }
127
+ // if (pageview) {
128
+ // pageview(newPath)
129
+ // }
130
130
 
131
131
  router.push(pathname, newPath, {
132
132
  shallow: true
@@ -139,14 +139,15 @@ var checkExternalUrl = function checkExternalUrl(url) {
139
139
  return new RegExp(['http', 'https'].join('|')).test(url);
140
140
  };
141
141
 
142
- var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView) {
142
+ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView) {
143
143
  var numberOfItemsBeforeAd = 6;
144
144
 
145
145
  var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
146
146
  return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
147
147
  };
148
148
 
149
- if (dektopView && brandInsightAd) {
149
+ // Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
150
+ if (desktopView && brandInsightAd) {
150
151
  var lgInfeedAd = {
151
152
  _type: 'lg-infeed',
152
153
  adUnit: brandInsightAd.adUnit,
@@ -172,7 +173,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
172
173
  }
173
174
 
174
175
  if (showBI && brandInsightAd) {
175
- if (dektopView) brandInsightAd.interval = 8;
176
+ if (desktopView) brandInsightAd.interval = 8;
176
177
  var pos = 0;
177
178
  for (var i = 1; pos < data.length; i++) {
178
179
  var inFeedAd = {
@@ -195,14 +196,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
195
196
  }
196
197
  data = data.map(function (ele, i) {
197
198
  if (ele._type === 'lg-infeed') {
198
- return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
199
+ // Setting pos as top2 for the first occurence of large infeed ad
200
+ var _pos = data.indexOf(data.find(function (d) {
201
+ return d._type === 'lg-infeed';
202
+ })) === i ? 'top2' : 'lg-infeed_' + i;
203
+ return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
199
204
  } else {
200
205
  return ele;
201
206
  }
202
207
  });
203
208
 
204
209
  var featureCount = 0;
205
-
206
210
  return React.createElement(
207
211
  'div',
208
212
  null,
@@ -570,6 +574,18 @@ var usePrevious = function usePrevious(value) {
570
574
 
571
575
  var QueueDeckExpanded = function QueueDeckExpanded(props) {
572
576
  var router = useRouter();
577
+
578
+ // Logging GA Pageview on path change
579
+ var prevPath = usePrevious(lodash.get(router, 'asPath', undefined));
580
+ useEffect(function () {
581
+ var pageview = props.pageview;
582
+
583
+ var currentPath = router.asPath;
584
+ if (prevPath && prevPath !== currentPath && pageview) {
585
+ pageview(router.asPath);
586
+ }
587
+ }, [router]);
588
+
573
589
  var initialData = props.dataRecord,
574
590
  client = props.client,
575
591
  params = props.params,
@@ -628,14 +644,14 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
628
644
 
629
645
  var _useState11 = useState(false),
630
646
  _useState12 = _slicedToArray(_useState11, 2),
631
- dektopView = _useState12[0],
647
+ desktopView = _useState12[0],
632
648
  setDesktopView = _useState12[1];
633
649
 
634
650
  var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
635
651
 
636
652
  var prevValues = usePrevious(values);
637
653
 
638
- //check for change in filter parameters from client side and refresh the page
654
+ // check for change in filter parameters from client side and refresh the page
639
655
  useEffect(function () {
640
656
  if (initialData && data !== initialData && initialData.length >= 0) {
641
657
  setData(initialData);
@@ -652,6 +668,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
652
668
  }, [initialData]);
653
669
 
654
670
  useEffect(function () {
671
+ // Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
655
672
  if (lgInfeedAd && window && window.innerWidth >= 1200) {
656
673
  setDesktopView(true);
657
674
  }
@@ -691,7 +708,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
691
708
  React.createElement(
692
709
  Container,
693
710
  null,
694
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
711
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
695
712
  )
696
713
  ),
697
714
  React.createElement(
@@ -705,7 +722,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
705
722
  React.createElement(
706
723
  Container,
707
724
  null,
708
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
725
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
709
726
  ),
710
727
  React.createElement(
711
728
  'div',
package/dist/esm/index.js CHANGED
@@ -33,7 +33,7 @@ export { default as DeckContent } from './DeckContent.js';
33
33
  import './lodash-17fdfebb.js';
34
34
  import './ADlgInfeed-7b29db85.js';
35
35
  import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-bc6cf9fb.js';
36
- export { A as AD, G as GridContent } from './GridContent-6b38c580.js';
36
+ export { A as AD, G as GridContent } from './GridContent-2173a84c.js';
37
37
  import { A as AuthorComponent } from './AuthorComponent-4f5f15ed.js';
38
38
  export { default as DeckQueue } from './DeckQueue.js';
39
39
  import 'react-bootstrap/Media';
@@ -2528,6 +2528,11 @@ var CMEDeck = function CMEDeck(_ref) {
2528
2528
  autoScroll ? React.createElement(
2529
2529
  React.Fragment,
2530
2530
  null,
2531
+ React.createElement(
2532
+ 'style',
2533
+ { jsx: true },
2534
+ '\n .infinite-scroll-component {\n overflow: hidden !important;\n }\n '
2535
+ ),
2531
2536
  React.createElement(
2532
2537
  InfiniteScroll,
2533
2538
  {
@@ -17286,10 +17291,10 @@ var Article = function Article(props) {
17286
17291
  contextualAD: _extends$2({}, payload.contextualAD, {
17287
17292
  slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
17288
17293
  className: 'ADFluid',
17289
- // Adding new ad size for large contextual ad for desktop screens >= 1200x768
17294
+ // Adding new ad size for large contextual ad for desktop screen width >= 1400
17290
17295
  sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
17291
17296
  sizeMapping: lgContextAd ? [{
17292
- viewport: [1200, 768],
17297
+ viewport: [1400, 0],
17293
17298
  sizes: [[728, 90], 'fluid', [300, 100]]
17294
17299
  }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
17295
17300
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.442",
3
+ "version": "1.0.444",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",