@mjhls/mjh-framework 1.0.239 → 1.0.240

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 (65) hide show
  1. package/README.md +174 -174
  2. package/dist/cjs/AdSlot-c472fff6.js +1192 -0
  3. package/dist/cjs/DeckContent.js +15 -14
  4. package/dist/cjs/DeckQueue.js +6 -6
  5. package/dist/cjs/{Dfp-045b016b.js → Dfp-7a5533f9.js} +1 -1
  6. package/dist/cjs/{GridContent-21bc198f.js → GridContent-f9e3fff5.js} +8 -8
  7. package/dist/cjs/GridContent.js +9 -8
  8. package/dist/cjs/IssueContentDeck.js +1 -1
  9. package/dist/cjs/IssueDeck.js +1 -1
  10. package/dist/cjs/MasterDeck.js +332 -14
  11. package/dist/cjs/{Normal-c89b709d.js → Normal-0497eb61.js} +32 -32
  12. package/dist/cjs/PublicationDeck.js +1 -1
  13. package/dist/cjs/QueueDeckExpanded.js +3 -3
  14. package/dist/cjs/{TaxonomyCard-e3566492.js → TaxonomyCard-b5074d6e.js} +1 -1
  15. package/dist/cjs/TaxonomyCard.js +2 -2
  16. package/dist/cjs/TemplateNormal.js +6 -5
  17. package/dist/cjs/ThumbnailCard.js +1 -1
  18. package/dist/cjs/VideoSeriesListing.js +3 -3
  19. package/dist/cjs/{YoutubeGroup-5f480446.js → YoutubeGroup-fd44f8a0.js} +4 -4
  20. package/dist/cjs/YoutubeGroup.js +1 -1
  21. package/dist/cjs/{debounce-bbca43c4.js → debounce-783eb233.js} +3 -0
  22. package/dist/cjs/{get-af2516a4.js → get-1f91592f.js} +1 -1
  23. package/dist/cjs/{index-be0c82be.js → index-39beccb3.js} +2 -1
  24. package/dist/cjs/index.js +643 -1355
  25. package/dist/cjs/{inherits-5b5ca8db.js → inherits-9898af5a.js} +2 -4
  26. package/dist/cjs/{main-d9a1b014.js → main-0ea1b808.js} +51 -0
  27. package/dist/cjs/{MasterDeck-f8fbac3c.js → promise-b96c61f8.js} +7 -340
  28. package/dist/cjs/{toConsumableArray-7e4caf3c.js → toConsumableArray-f05a306f.js} +5 -52
  29. package/dist/esm/AdSlot-bdd7a629.js +1183 -0
  30. package/dist/esm/DeckContent.js +20 -19
  31. package/dist/esm/DeckQueue.js +10 -10
  32. package/dist/esm/{Dfp-01f14ae3.js → Dfp-71879c9d.js} +5 -5
  33. package/dist/esm/{GridContent-73c97039.js → GridContent-d4f5457e.js} +9 -9
  34. package/dist/esm/GridContent.js +14 -13
  35. package/dist/esm/IssueContentDeck.js +1 -1
  36. package/dist/esm/IssueDeck.js +1 -1
  37. package/dist/esm/MasterDeck.js +334 -16
  38. package/dist/esm/{Normal-fdd55386.js → Normal-e1855047.js} +33 -33
  39. package/dist/esm/PublicationDeck.js +1 -1
  40. package/dist/esm/QueueDeckExpanded.js +8 -8
  41. package/dist/esm/{TaxonomyCard-a7b7ded8.js → TaxonomyCard-ee1a22ae.js} +2 -2
  42. package/dist/esm/TaxonomyCard.js +4 -4
  43. package/dist/esm/TemplateNormal.js +10 -9
  44. package/dist/esm/ThumbnailCard.js +1 -1
  45. package/dist/esm/{Ustream-62a07a32.js → Ustream-d51b9b11.js} +1 -1
  46. package/dist/esm/Ustream.js +5 -5
  47. package/dist/esm/VideoSeriesListing.js +6 -6
  48. package/dist/esm/{YoutubeGroup-78d93d44.js → YoutubeGroup-1b3eca73.js} +4 -4
  49. package/dist/esm/YoutubeGroup.js +1 -1
  50. package/dist/esm/{_to-object-86553f76.js → _to-object-b9b796ec.js} +1 -1
  51. package/dist/esm/{core.get-iterator-method-709061dc.js → core.get-iterator-method-31c1fb1a.js} +2 -2
  52. package/dist/esm/{debounce-fa7fbf11.js → debounce-806f886b.js} +3 -1
  53. package/dist/esm/{extends-7f88fa22.js → extends-dbbe308d.js} +1 -1
  54. package/dist/esm/{get-8d382479.js → get-b2201dc8.js} +1 -1
  55. package/dist/esm/{index-73819142.js → index-3849e3fe.js} +2 -1
  56. package/dist/esm/index.js +649 -1363
  57. package/dist/esm/{inherits-a82a4471.js → inherits-a75c8a1c.js} +5 -6
  58. package/dist/esm/{main-eecf7b27.js → main-155ec04f.js} +48 -1
  59. package/dist/esm/{MasterDeck-238f31d7.js → promise-683a9c54.js} +6 -335
  60. package/dist/esm/{slicedToArray-eb7eca9e.js → slicedToArray-d0a9593a.js} +3 -3
  61. package/dist/esm/{toConsumableArray-08d50169.js → toConsumableArray-eb308ede.js} +5 -49
  62. package/dist/esm/{web.dom.iterable-f05d2f57.js → web.dom.iterable-3be50d6c.js} +2 -2
  63. package/package.json +102 -101
  64. package/dist/cjs/AdSlot-1fe1c231.js +0 -69
  65. package/dist/esm/AdSlot-017b8051.js +0 -64
@@ -5,10 +5,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
- var inherits$2 = require('./inherits-5b5ca8db.js');
9
- var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
8
+ var debounce = require('./debounce-783eb233.js');
9
+ var main = require('./main-0ea1b808.js');
10
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
10
11
  require('./core.get-iterator-method-e049ca4a.js');
11
12
  var _extends$2 = require('./extends-e94dbea5.js');
13
+ var inherits$2 = require('./inherits-9898af5a.js');
12
14
  var React = require('react');
13
15
  var React__default = _interopDefault(React);
14
16
  var index = require('./index-fa3cec70.js');
@@ -21,14 +23,13 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
21
23
  require('next/link');
22
24
  var Router = require('next/router');
23
25
  var Router__default = _interopDefault(Router);
24
- var debounce = require('./debounce-bbca43c4.js');
25
26
  require('react-dom');
26
- var index$1 = require('./index-be0c82be.js');
27
+ var index$1 = require('./index-39beccb3.js');
27
28
  var index$2 = require('./index-fa0fb52c.js');
28
- var main = require('./main-d9a1b014.js');
29
29
  var entities = require('./entities-310b46ee.js');
30
30
  require('./slicedToArray-e38fb29d.js');
31
- var AdSlot = require('./AdSlot-1fe1c231.js');
31
+ var AdSlot = require('./AdSlot-c472fff6.js');
32
+ require('./promise-b96c61f8.js');
32
33
 
33
34
  var DeckContent = function (_React$Component) {
34
35
  inherits$2._inherits(DeckContent, _React$Component);
@@ -169,14 +170,14 @@ var DeckContent = function (_React$Component) {
169
170
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
170
171
 
171
172
  // please leave this for later debug purpose : Yong Jun.
172
- /* console.log('page change reported', {
173
- currentPage: currentPage,
174
- pageNumber: pageNumber,
175
- pathname: pathname,
176
- path: path,
177
- newPath: newPath,
178
- firstPage: pageNumber === 1,
179
- queryString: queryString
173
+ /* console.log('page change reported', {
174
+ currentPage: currentPage,
175
+ pageNumber: pageNumber,
176
+ pathname: pathname,
177
+ path: path,
178
+ newPath: newPath,
179
+ firstPage: pageNumber === 1,
180
+ queryString: queryString
180
181
  }) */
181
182
 
182
183
  if (pageview) {
@@ -5,10 +5,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
- var inherits$2 = require('./inherits-5b5ca8db.js');
9
- var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
8
+ var debounce = require('./debounce-783eb233.js');
9
+ var main = require('./main-0ea1b808.js');
10
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
10
11
  require('./core.get-iterator-method-e049ca4a.js');
11
12
  var _extends$2 = require('./extends-e94dbea5.js');
13
+ var inherits$2 = require('./inherits-9898af5a.js');
12
14
  var React = require('react');
13
15
  var React__default = _interopDefault(React);
14
16
  var index = require('./index-fa3cec70.js');
@@ -21,13 +23,11 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
21
23
  require('next/link');
22
24
  var Router = require('next/router');
23
25
  var Router__default = _interopDefault(Router);
24
- var debounce = require('./debounce-bbca43c4.js');
25
26
  require('react-dom');
26
- var index$1 = require('./index-be0c82be.js');
27
+ var index$1 = require('./index-39beccb3.js');
27
28
  var index$2 = require('./index-fa0fb52c.js');
28
- var main = require('./main-d9a1b014.js');
29
29
  var entities = require('./entities-310b46ee.js');
30
- var get$1 = require('./get-af2516a4.js');
30
+ var get$1 = require('./get-1f91592f.js');
31
31
 
32
32
  var DeckQueue = function (_React$Component) {
33
33
  inherits$2._inherits(DeckQueue, _React$Component);
@@ -5,13 +5,13 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
+ var debounce = require('./debounce-783eb233.js');
8
9
  require('./core.get-iterator-method-e049ca4a.js');
9
10
  var React = require('react');
10
11
  var React__default = _interopDefault(React);
11
12
  var index = require('./index-fa3cec70.js');
12
13
  var PropTypes = _interopDefault(require('prop-types'));
13
14
  var visibilitySensor = require('./visibility-sensor-b72d9527.js');
14
- var debounce = require('./debounce-bbca43c4.js');
15
15
  require('react-dom');
16
16
  var slicedToArray = require('./slicedToArray-e38fb29d.js');
17
17
 
@@ -2,9 +2,11 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
- var inherits$2 = require('./inherits-5b5ca8db.js');
6
- var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
5
+ var debounce = require('./debounce-783eb233.js');
6
+ var main = require('./main-0ea1b808.js');
7
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
7
8
  var _extends$2 = require('./extends-e94dbea5.js');
9
+ var inherits$2 = require('./inherits-9898af5a.js');
8
10
  var React = require('react');
9
11
  var React__default = _interopDefault(React);
10
12
  var index = require('./index-fa3cec70.js');
@@ -16,16 +18,14 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
16
18
  require('next/link');
17
19
  var Router = require('next/router');
18
20
  var Router__default = _interopDefault(Router);
19
- var debounce = require('./debounce-bbca43c4.js');
20
- var index$1 = require('./index-be0c82be.js');
21
+ var index$1 = require('./index-39beccb3.js');
21
22
  var index$2 = require('./index-fa0fb52c.js');
22
- var main = require('./main-d9a1b014.js');
23
23
  var entities = require('./entities-310b46ee.js');
24
- var AdSlot = require('./AdSlot-1fe1c231.js');
25
- var get$1 = require('./get-af2516a4.js');
24
+ var AdSlot = require('./AdSlot-c472fff6.js');
25
+ var get$1 = require('./get-1f91592f.js');
26
26
 
27
27
  var Dfp = React__default.lazy(function () {
28
- return Promise.resolve().then(function () { return require('./Dfp-045b016b.js'); });
28
+ return new Promise(function (resolve) { resolve(require('./Dfp-7a5533f9.js')); });
29
29
  });
30
30
 
31
31
  var AD = function AD(props) {
@@ -3,10 +3,12 @@
3
3
  require('./_commonjsHelpers-06173234.js');
4
4
  require('./_to-object-329a650b.js');
5
5
  require('./web.dom.iterable-0998bdc3.js');
6
- require('./inherits-5b5ca8db.js');
7
- require('./toConsumableArray-7e4caf3c.js');
6
+ require('./debounce-783eb233.js');
7
+ require('./main-0ea1b808.js');
8
+ require('./toConsumableArray-f05a306f.js');
8
9
  require('./core.get-iterator-method-e049ca4a.js');
9
10
  require('./extends-e94dbea5.js');
11
+ require('./inherits-9898af5a.js');
10
12
  require('react');
11
13
  require('./index-fa3cec70.js');
12
14
  require('prop-types');
@@ -17,16 +19,15 @@ require('react-bootstrap/Card');
17
19
  require('./visibility-sensor-b72d9527.js');
18
20
  require('next/link');
19
21
  require('next/router');
20
- require('./debounce-bbca43c4.js');
21
22
  require('react-dom');
22
- require('./index-be0c82be.js');
23
+ require('./index-39beccb3.js');
23
24
  require('./index-fa0fb52c.js');
24
- require('./main-d9a1b014.js');
25
25
  require('./entities-310b46ee.js');
26
26
  require('./slicedToArray-e38fb29d.js');
27
- require('./AdSlot-1fe1c231.js');
28
- require('./get-af2516a4.js');
29
- var GridContent = require('./GridContent-21bc198f.js');
27
+ require('./AdSlot-c472fff6.js');
28
+ require('./promise-b96c61f8.js');
29
+ require('./get-1f91592f.js');
30
+ var GridContent = require('./GridContent-f9e3fff5.js');
30
31
 
31
32
 
32
33
 
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  require('next/link');
13
13
  require('react-dom');
14
- var index$1 = require('./index-be0c82be.js');
14
+ var index$1 = require('./index-39beccb3.js');
15
15
  var index$2 = require('./index-fa0fb52c.js');
16
16
  var Badge = _interopDefault(require('react-bootstrap/Badge'));
17
17
 
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  require('next/link');
13
13
  require('react-dom');
14
- var index$1 = require('./index-be0c82be.js');
14
+ var index$1 = require('./index-39beccb3.js');
15
15
  var index$2 = require('./index-fa0fb52c.js');
16
16
  var Button = _interopDefault(require('react-bootstrap/Button'));
17
17
 
@@ -1,28 +1,346 @@
1
1
  'use strict';
2
2
 
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
3
5
  require('./_commonjsHelpers-06173234.js');
4
6
  require('./_to-object-329a650b.js');
5
7
  require('./web.dom.iterable-0998bdc3.js');
6
- require('./inherits-5b5ca8db.js');
7
- require('./toConsumableArray-7e4caf3c.js');
8
+ var debounce = require('./debounce-783eb233.js');
9
+ var main = require('./main-0ea1b808.js');
10
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
8
11
  require('./core.get-iterator-method-e049ca4a.js');
9
- require('./extends-e94dbea5.js');
10
- require('react');
11
- require('./index-fa3cec70.js');
12
+ var _extends$2 = require('./extends-e94dbea5.js');
13
+ var inherits$2 = require('./inherits-9898af5a.js');
14
+ var React = require('react');
15
+ var React__default = _interopDefault(React);
16
+ var index = require('./index-fa3cec70.js');
12
17
  require('prop-types');
13
- require('react-bootstrap/Container');
14
- require('react-bootstrap/Row');
18
+ var Container = _interopDefault(require('react-bootstrap/Container'));
19
+ var Row = _interopDefault(require('react-bootstrap/Row'));
15
20
  require('react-bootstrap/Col');
16
21
  require('react-bootstrap/Card');
17
- require('./visibility-sensor-b72d9527.js');
22
+ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
18
23
  require('next/link');
19
- require('next/router');
20
- require('./debounce-bbca43c4.js');
24
+ var Router = require('next/router');
25
+ var Router__default = _interopDefault(Router);
21
26
  require('react-dom');
22
- require('./index-be0c82be.js');
23
- require('./main-d9a1b014.js');
24
- var MasterDeck = require('./MasterDeck-f8fbac3c.js');
27
+ require('./index-39beccb3.js');
28
+ var promise = require('./promise-b96c61f8.js');
29
+
30
+ var MasterDeck = function (_React$Component) {
31
+ inherits$2._inherits(MasterDeck, _React$Component);
32
+
33
+ function MasterDeck() {
34
+ var _ref,
35
+ _this2 = this;
36
+
37
+ var _temp, _this, _ret;
38
+
39
+ inherits$2._classCallCheck(this, MasterDeck);
40
+
41
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
42
+ args[_key] = arguments[_key];
43
+ }
44
+
45
+ return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || inherits$2._Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.state = {
46
+ data: _this.data,
47
+ dataKeptToCompareNewDatarecord: _this.data,
48
+ per: _this.params ? _this.params.to : 2,
49
+ page: _this.props.currentPage || 1,
50
+ from: _this.params ? _this.params.from : 0,
51
+ to: _this.params ? _this.params.to : 2,
52
+ total_pages: null,
53
+ scrolling: true,
54
+ query: _this.query,
55
+ currentPage: _this.props.currentPage || 1
56
+ }, _this.loadMore = debounce.debounce_1(function () {
57
+ _this.setState(function (state) {
58
+ var page = state.page,
59
+ from = state.from,
60
+ per = state.per,
61
+ to = state.to;
62
+
63
+ return {
64
+ page: page + 1,
65
+ from: from + per,
66
+ to: to + per
67
+ };
68
+ }, _this.loadData);
69
+ }, 0), _this.loadData = function () {
70
+ var _this$state = _this.state,
71
+ from = _this$state.from,
72
+ to = _this$state.to,
73
+ data = _this$state.data,
74
+ query = _this$state.query,
75
+ page = _this$state.page;
76
+ var _this$props = _this.props,
77
+ client = _this$props.client,
78
+ dataHandler = _this$props.dataHandler;
79
+
80
+
81
+ var params = _extends$2._extends({}, _this.params, { from: from, to: to });
82
+
83
+ if (dataHandler) {
84
+ var dataHandlerPromise = new promise._Promise(function (resolve, reject) {
85
+ try {
86
+ var result = dataHandler(params);
87
+ resolve(result);
88
+ } catch (e) {
89
+ reject(e);
90
+ }
91
+ });
92
+ dataHandlerPromise.then(function (dataArr) {
93
+ _this.loadDataFinished(data, dataArr, page);
94
+ });
95
+ } else {
96
+ client.fetch(query, params).then(function (dataArr) {
97
+ _this.loadDataFinished(data, dataArr, page);
98
+ });
99
+ }
100
+ }, _this.loadDataFinished = function (data, dataArr, page) {
101
+ if (_this.pointer && _this.pointerArray) {
102
+ var pointer = _this.pointer;
103
+ dataArr = dataArr[_this.pointerArray][pointer];
104
+ }
105
+ dataArr = dataArr.map(function (item) {
106
+ return _extends$2._extends({}, item, {
107
+ pageNumber: page
108
+ });
109
+ });
110
+
111
+ _this.setState(function () {
112
+ if (dataArr.length > 0) {
113
+ return {
114
+ data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
115
+ scrolling: true
116
+ };
117
+ } else {
118
+ return {
119
+ scrolling: false
120
+ };
121
+ }
122
+ });
123
+ }, _this.changePageNumber = function (pageNumber) {
124
+ var _this$props2 = _this.props,
125
+ seoPaginate = _this$props2.seoPaginate,
126
+ pageview = _this$props2.pageview,
127
+ router = _this$props2.router;
128
+ var currentPage = _this.state.currentPage;
129
+
130
+ if (seoPaginate) {
131
+ var path = router.asPath;
132
+ var qrIndex = path.indexOf('?');
133
+ var pathname = router.pathname;
134
+ var queryString = '';
135
+
136
+ if (qrIndex > 0) {
137
+ path = path.substring(1, qrIndex);
138
+
139
+ var partialQS = router.asPath.substring(qrIndex + 1);
140
+ var partialQSArr = partialQS.split('&');
141
+
142
+ // exclude page=xxx from query string
143
+ partialQSArr.map(function (item) {
144
+ var itemArr = item.split('=');
145
+ var key = itemArr[0];
146
+ var val = itemArr[1];
147
+
148
+ if (key !== 'page') {
149
+ queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
150
+ }
151
+ });
152
+ }
153
+
154
+ if (queryString.length > 0) {
155
+ path += '?' + queryString;
156
+ }
157
+
158
+ pageNumber = parseInt(pageNumber);
159
+
160
+ if (currentPage !== pageNumber) {
161
+ index.lib_3.refresh();
162
+
163
+ _this.setState({
164
+ currentPage: pageNumber
165
+ }, function () {
166
+ if (path[0] !== '/') {
167
+ path = '/' + path;
168
+ }
169
+
170
+ var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
171
+
172
+ // please leave this for later debug purpose : Yong Jun.
173
+ /* console.log('page change reported', {
174
+ currentPage: currentPage,
175
+ pageNumber: pageNumber,
176
+ pathname: pathname,
177
+ path: path,
178
+ newPath: newPath,
179
+ firstPage: pageNumber === 1,
180
+ queryString: queryString
181
+ }) */
182
+
183
+ if (pageview) {
184
+ pageview(newPath);
185
+ }
186
+
187
+ router.push(pathname, newPath, {
188
+ shallow: true
189
+ });
190
+ });
191
+ }
192
+ }
193
+ }, _this.cardLoader = function (page, columns, variant) {
194
+ var numberOfItemsBeforeAd = 6;
195
+ return React__default.createElement(
196
+ Row,
197
+ null,
198
+ _this.state.data && _this.state.data.map(function (row, index) {
199
+ var pageNumber = row.pageNumber || _this.state.page;
200
+
201
+ return React__default.createElement(
202
+ React__default.Fragment,
203
+ { key: index },
204
+ React__default.createElement(
205
+ visibilitySensor.VisibilitySensor,
206
+ {
207
+ onChange: function onChange(isVisible) {
208
+ isVisible && _this.changePageNumber(pageNumber);
209
+ } },
210
+ React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage })
211
+ ),
212
+ main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
213
+ 'div',
214
+ { style: { margin: '0 auto' } },
215
+ _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
216
+ )
217
+ );
218
+ })
219
+ );
220
+ }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
221
+ var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
222
+ return React__default.createElement(
223
+ 'div',
224
+ { style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
225
+ rightItems[i].component
226
+ );
227
+ }, _this.renderManualPagination = function () {
228
+ var currentPage = _this.state.currentPage;
229
+
230
+ return React__default.createElement(
231
+ 'div',
232
+ { className: 'd-flex justify-content-between' },
233
+ currentPage && currentPage > 1 && React__default.createElement(
234
+ 'a',
235
+ { href: '?page=' + (currentPage - 1) },
236
+ '<< Previous'
237
+ ),
238
+ React__default.createElement(
239
+ 'a',
240
+ { href: '?page=' + (currentPage + 1) },
241
+ 'Next >>'
242
+ )
243
+ );
244
+ }, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
245
+ }
246
+
247
+ inherits$2._createClass(MasterDeck, [{
248
+ key: 'componentDidUpdate',
249
+ value: function componentDidUpdate(prevProps, prevState) {
250
+ if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
251
+ // eslint-disable-next-line react/no-did-update-set-state
252
+ this.setState({
253
+ data: this.props.dataRecord,
254
+ dataKeptToCompareNewDatarecord: this.props.dataRecord,
255
+ per: this.props.params ? this.props.params.to : 2,
256
+ page: 1,
257
+ from: this.props.params ? this.props.params.from : 0,
258
+ to: this.props.params ? this.props.params.to : 2,
259
+ total_pages: null,
260
+ scrolling: true,
261
+ query: this.props.query
262
+ });
263
+ }
264
+ }
265
+ }, {
266
+ key: 'componentDidMount',
267
+ value: function componentDidMount() {
268
+ // this.loadData();
269
+ }
270
+ }, {
271
+ key: 'render',
272
+ value: function render() {
273
+ var _this3 = this;
274
+
275
+ var _props = this.props,
276
+ columns = _props.columns,
277
+ variant = _props.variant,
278
+ autoScroll = _props.autoScroll,
279
+ page = _props.page;
280
+
281
+
282
+ return React__default.createElement(
283
+ 'div',
284
+ { className: 'contentDeck' },
285
+ autoScroll ? React__default.createElement(
286
+ React__default.Fragment,
287
+ null,
288
+ React__default.createElement(
289
+ visibilitySensor.InfiniteScroll,
290
+ { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
291
+ React__default.createElement(
292
+ Container,
293
+ null,
294
+ this.cardLoader(page, columns, variant)
295
+ )
296
+ ),
297
+ React__default.createElement(
298
+ 'noscript',
299
+ null,
300
+ this.renderManualPagination()
301
+ )
302
+ ) : React__default.createElement(
303
+ React__default.Fragment,
304
+ null,
305
+ React__default.createElement(
306
+ Container,
307
+ null,
308
+ this.cardLoader(page, columns, variant)
309
+ ),
310
+ React__default.createElement(
311
+ 'div',
312
+ { style: { padding: '0px 10px' } },
313
+ this.state.scrolling ? React__default.createElement(
314
+ 'button',
315
+ {
316
+ style: { margin: 'auto', width: '100%' },
317
+ onClick: function onClick(e) {
318
+ _this3.loadMore();
319
+ } },
320
+ 'Load More'
321
+ ) : React__default.createElement(
322
+ 'p',
323
+ { style: { textAlign: 'center' } },
324
+ React__default.createElement(
325
+ 'b',
326
+ null,
327
+ 'End of data'
328
+ )
329
+ )
330
+ ),
331
+ React__default.createElement(
332
+ 'noscript',
333
+ null,
334
+ this.renderManualPagination()
335
+ )
336
+ )
337
+ );
338
+ }
339
+ }]);
25
340
 
341
+ return MasterDeck;
342
+ }(React__default.Component);
26
343
 
344
+ var MasterDeck$1 = Router.withRouter(MasterDeck);
27
345
 
28
- module.exports = MasterDeck.MasterDeck;
346
+ module.exports = MasterDeck$1;
@@ -3,6 +3,7 @@
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
5
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
6
+ var main = require('./main-0ea1b808.js');
6
7
  var React = require('react');
7
8
  var React__default = _interopDefault(React);
8
9
  var PropTypes = _interopDefault(require('prop-types'));
@@ -10,10 +11,9 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
10
11
  var Row = _interopDefault(require('react-bootstrap/Row'));
11
12
  var Col = _interopDefault(require('react-bootstrap/Col'));
12
13
  var Link = _interopDefault(require('next/link'));
13
- var main = require('./main-d9a1b014.js');
14
14
  var slicedToArray = require('./slicedToArray-e38fb29d.js');
15
- var AdSlot = require('./AdSlot-1fe1c231.js');
16
- var get$1 = require('./get-af2516a4.js');
15
+ var AdSlot = require('./AdSlot-c472fff6.js');
16
+ var get$1 = require('./get-1f91592f.js');
17
17
  var reactBootstrap = require('react-bootstrap');
18
18
  var index_esm = require('./index.esm-340d3792.js');
19
19
  var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -674,8 +674,8 @@ var renderLink = function renderLink(row) {
674
674
  };
675
675
 
676
676
  var SideFooter = function SideFooter(props) {
677
- /*
678
- useage example: <SideFooter cache={props.cache} logo='/an_mjhls_brand_logo.png' />
677
+ /*
678
+ useage example: <SideFooter cache={props.cache} logo='/an_mjhls_brand_logo.png' />
679
679
  */
680
680
  var _get = get$1.get_1(props, 'cache.siteSettingCache', {}),
681
681
  socialLinks = _get.socialLinks,
@@ -1248,15 +1248,15 @@ var SocialNavFooter = function SocialNavFooter(props) {
1248
1248
  };
1249
1249
 
1250
1250
  var NavMagazine = function NavMagazine(props) {
1251
- /*
1252
- Example Nav with acceptable props
1253
- <MagazineNav
1254
- showLogin
1255
- logo={props.settings.logo}
1256
- dataObject={props.cache.mainNavCache}
1257
- website={website}
1258
- subNav={props.cache.subNavCache}
1259
- />
1251
+ /*
1252
+ Example Nav with acceptable props
1253
+ <MagazineNav
1254
+ showLogin
1255
+ logo={props.settings.logo}
1256
+ dataObject={props.cache.mainNavCache}
1257
+ website={website}
1258
+ subNav={props.cache.subNavCache}
1259
+ />
1260
1260
  */
1261
1261
 
1262
1262
  var logo = props.logo,
@@ -1570,15 +1570,15 @@ var NavMagazine = function NavMagazine(props) {
1570
1570
  var MagazineNav = React__default.memo(NavMagazine);
1571
1571
 
1572
1572
  var NavNative = function NavNative(props) {
1573
- /*
1574
- Example Nav with acceptable props
1575
- <MagazineNav
1576
- showLogin
1577
- logo={props.settings.logo}
1578
- dataObject={props.cache.mainNavCache}
1579
- website={website}
1580
- subNav={props.cache.subNavCache}
1581
- />
1573
+ /*
1574
+ Example Nav with acceptable props
1575
+ <MagazineNav
1576
+ showLogin
1577
+ logo={props.settings.logo}
1578
+ dataObject={props.cache.mainNavCache}
1579
+ website={website}
1580
+ subNav={props.cache.subNavCache}
1581
+ />
1582
1582
  */
1583
1583
 
1584
1584
  var logo = props.logo,
@@ -1972,15 +1972,15 @@ var NavDvm = function NavDvm(props) {
1972
1972
  };
1973
1973
 
1974
1974
  var HamMagazine = function HamMagazine(props) {
1975
- /*
1976
- Example Nav with acceptable props
1977
- <MagazineNav
1978
- showLogin
1979
- logo={props.settings.logo}
1980
- dataObject={props.cache.mainNavCache}
1981
- website={website}
1982
- subNav={props.cache.subNavCache}
1983
- />
1975
+ /*
1976
+ Example Nav with acceptable props
1977
+ <MagazineNav
1978
+ showLogin
1979
+ logo={props.settings.logo}
1980
+ dataObject={props.cache.mainNavCache}
1981
+ website={website}
1982
+ subNav={props.cache.subNavCache}
1983
+ />
1984
1984
  */
1985
1985
 
1986
1986
  var logo = props.logo,
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  require('next/link');
13
13
  require('react-dom');
14
- var index$1 = require('./index-be0c82be.js');
14
+ var index$1 = require('./index-39beccb3.js');
15
15
  var index$2 = require('./index-fa0fb52c.js');
16
16
  var Button = _interopDefault(require('react-bootstrap/Button'));
17
17