@mjhls/mjh-framework 1.0.238 → 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 (49) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AdSlot-c472fff6.js +1192 -0
  3. package/dist/cjs/DeckContent.js +6 -5
  4. package/dist/cjs/DeckQueue.js +5 -5
  5. package/dist/cjs/{Dfp-045b016b.js → Dfp-7a5533f9.js} +1 -1
  6. package/dist/cjs/{GridContent-53e78cbf.js → GridContent-f9e3fff5.js} +7 -7
  7. package/dist/cjs/GridContent.js +8 -7
  8. package/dist/cjs/MasterDeck.js +331 -13
  9. package/dist/cjs/{Normal-a94a1ec8.js → Normal-0497eb61.js} +5 -5
  10. package/dist/cjs/QueueDeckExpanded.js +2 -2
  11. package/dist/cjs/TemplateNormal.js +6 -5
  12. package/dist/cjs/VideoSeriesListing.js +2 -2
  13. package/dist/cjs/{debounce-bbca43c4.js → debounce-783eb233.js} +3 -0
  14. package/dist/cjs/{get-af2516a4.js → get-1f91592f.js} +1 -1
  15. package/dist/cjs/index.js +118 -842
  16. package/dist/cjs/{inherits-5b5ca8db.js → inherits-9898af5a.js} +2 -4
  17. package/dist/cjs/{main-d9a1b014.js → main-0ea1b808.js} +51 -0
  18. package/dist/cjs/{MasterDeck-91c6ad85.js → promise-b96c61f8.js} +7 -340
  19. package/dist/cjs/{toConsumableArray-7e4caf3c.js → toConsumableArray-f05a306f.js} +5 -52
  20. package/dist/esm/AdSlot-bdd7a629.js +1183 -0
  21. package/dist/esm/DeckContent.js +11 -10
  22. package/dist/esm/DeckQueue.js +9 -9
  23. package/dist/esm/{Dfp-01f14ae3.js → Dfp-71879c9d.js} +5 -5
  24. package/dist/esm/{GridContent-f5bc4d75.js → GridContent-d4f5457e.js} +8 -8
  25. package/dist/esm/GridContent.js +13 -12
  26. package/dist/esm/MasterDeck.js +333 -15
  27. package/dist/esm/{Normal-357f00d1.js → Normal-e1855047.js} +6 -6
  28. package/dist/esm/QueueDeckExpanded.js +7 -7
  29. package/dist/esm/{TaxonomyCard-f74512cb.js → TaxonomyCard-ee1a22ae.js} +1 -1
  30. package/dist/esm/TaxonomyCard.js +3 -3
  31. package/dist/esm/TemplateNormal.js +10 -9
  32. package/dist/esm/{Ustream-62a07a32.js → Ustream-d51b9b11.js} +1 -1
  33. package/dist/esm/Ustream.js +5 -5
  34. package/dist/esm/VideoSeriesListing.js +5 -5
  35. package/dist/esm/{_to-object-86553f76.js → _to-object-b9b796ec.js} +1 -1
  36. package/dist/esm/{core.get-iterator-method-709061dc.js → core.get-iterator-method-31c1fb1a.js} +2 -2
  37. package/dist/esm/{debounce-fa7fbf11.js → debounce-806f886b.js} +3 -1
  38. package/dist/esm/{extends-7f88fa22.js → extends-dbbe308d.js} +1 -1
  39. package/dist/esm/{get-8d382479.js → get-b2201dc8.js} +1 -1
  40. package/dist/esm/index.js +124 -850
  41. package/dist/esm/{inherits-a82a4471.js → inherits-a75c8a1c.js} +5 -6
  42. package/dist/esm/{main-eecf7b27.js → main-155ec04f.js} +48 -1
  43. package/dist/esm/{MasterDeck-5dd97a66.js → promise-683a9c54.js} +6 -335
  44. package/dist/esm/{slicedToArray-eb7eca9e.js → slicedToArray-d0a9593a.js} +3 -3
  45. package/dist/esm/{toConsumableArray-08d50169.js → toConsumableArray-eb308ede.js} +5 -49
  46. package/dist/esm/{web.dom.iterable-f05d2f57.js → web.dom.iterable-3be50d6c.js} +2 -2
  47. package/package.json +3 -2
  48. package/dist/cjs/AdSlot-1fe1c231.js +0 -69
  49. package/dist/esm/AdSlot-017b8051.js +0 -64
@@ -1,10 +1,12 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './web.dom.iterable-f05d2f57.js';
4
- import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-a82a4471.js';
5
- import { _ as _toConsumableArray } from './toConsumableArray-08d50169.js';
6
- import './core.get-iterator-method-709061dc.js';
7
- import { _ as _extends } from './extends-7f88fa22.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './web.dom.iterable-3be50d6c.js';
4
+ import { d as debounce_1 } from './debounce-806f886b.js';
5
+ import { m as main_36 } from './main-155ec04f.js';
6
+ import { _ as _toConsumableArray } from './toConsumableArray-eb308ede.js';
7
+ import './core.get-iterator-method-31c1fb1a.js';
8
+ import { _ as _extends } from './extends-dbbe308d.js';
9
+ import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-a75c8a1c.js';
8
10
  import React__default from 'react';
9
11
  import { l as lib_3 } from './index-fa84ea96.js';
10
12
  import 'prop-types';
@@ -15,14 +17,13 @@ import Card from 'react-bootstrap/Card';
15
17
  import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visibility-sensor-336093e1.js';
16
18
  import 'next/link';
17
19
  import { withRouter } from 'next/router';
18
- import { d as debounce_1 } from './debounce-fa7fbf11.js';
19
20
  import 'react-dom';
20
21
  import { i as imageUrlBuilder } from './index-3849e3fe.js';
21
22
  import { L as LazyLoad } from './index-5f9f807a.js';
22
- import { m as main_36 } from './main-eecf7b27.js';
23
23
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
24
- import './slicedToArray-eb7eca9e.js';
25
- import { D as DFPAdSlot } from './AdSlot-017b8051.js';
24
+ import './slicedToArray-d0a9593a.js';
25
+ import { D as DFPAdSlot } from './AdSlot-bdd7a629.js';
26
+ import './promise-683a9c54.js';
26
27
 
27
28
  var DeckContent = function (_React$Component) {
28
29
  _inherits(DeckContent, _React$Component);
@@ -1,10 +1,12 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './web.dom.iterable-f05d2f57.js';
4
- import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-a82a4471.js';
5
- import { _ as _toConsumableArray } from './toConsumableArray-08d50169.js';
6
- import './core.get-iterator-method-709061dc.js';
7
- import { _ as _extends } from './extends-7f88fa22.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './web.dom.iterable-3be50d6c.js';
4
+ import { d as debounce_1 } from './debounce-806f886b.js';
5
+ import { m as main_36 } from './main-155ec04f.js';
6
+ import { _ as _toConsumableArray } from './toConsumableArray-eb308ede.js';
7
+ import './core.get-iterator-method-31c1fb1a.js';
8
+ import { _ as _extends } from './extends-dbbe308d.js';
9
+ import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-a75c8a1c.js';
8
10
  import React__default from 'react';
9
11
  import { l as lib_3 } from './index-fa84ea96.js';
10
12
  import 'prop-types';
@@ -15,13 +17,11 @@ import Card from 'react-bootstrap/Card';
15
17
  import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visibility-sensor-336093e1.js';
16
18
  import 'next/link';
17
19
  import { withRouter } from 'next/router';
18
- import { d as debounce_1 } from './debounce-fa7fbf11.js';
19
20
  import 'react-dom';
20
21
  import { i as imageUrlBuilder } from './index-3849e3fe.js';
21
22
  import { L as LazyLoad } from './index-5f9f807a.js';
22
- import { m as main_36 } from './main-eecf7b27.js';
23
23
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
24
- import { g as get_1 } from './get-8d382479.js';
24
+ import { g as get_1 } from './get-b2201dc8.js';
25
25
 
26
26
  var DeckQueue = function (_React$Component) {
27
27
  _inherits(DeckQueue, _React$Component);
@@ -1,14 +1,14 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './web.dom.iterable-f05d2f57.js';
4
- import './core.get-iterator-method-709061dc.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './web.dom.iterable-3be50d6c.js';
4
+ import { d as debounce_1 } from './debounce-806f886b.js';
5
+ import './core.get-iterator-method-31c1fb1a.js';
5
6
  import React__default, { useState } from 'react';
6
7
  import { a as lib_1, b as lib_2 } from './index-fa84ea96.js';
7
8
  import PropTypes from 'prop-types';
8
9
  import { V as VisibilitySensor } from './visibility-sensor-336093e1.js';
9
- import { d as debounce_1 } from './debounce-fa7fbf11.js';
10
10
  import 'react-dom';
11
- import { _ as _slicedToArray } from './slicedToArray-eb7eca9e.js';
11
+ import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
12
12
 
13
13
  var AD = function AD(_ref) {
14
14
  var networkID = _ref.networkID,
@@ -1,6 +1,8 @@
1
- import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-a82a4471.js';
2
- import { _ as _toConsumableArray } from './toConsumableArray-08d50169.js';
3
- import { _ as _extends } from './extends-7f88fa22.js';
1
+ import { d as debounce_1 } from './debounce-806f886b.js';
2
+ import { m as main_36 } from './main-155ec04f.js';
3
+ import { _ as _toConsumableArray } from './toConsumableArray-eb308ede.js';
4
+ import { _ as _extends } from './extends-dbbe308d.js';
5
+ import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-a75c8a1c.js';
4
6
  import React__default, { Suspense } from 'react';
5
7
  import { l as lib_3 } from './index-fa84ea96.js';
6
8
  import Container from 'react-bootstrap/Container';
@@ -10,16 +12,14 @@ import Card from 'react-bootstrap/Card';
10
12
  import { m as moment, V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-336093e1.js';
11
13
  import 'next/link';
12
14
  import { withRouter } from 'next/router';
13
- import { d as debounce_1 } from './debounce-fa7fbf11.js';
14
15
  import { i as imageUrlBuilder } from './index-3849e3fe.js';
15
16
  import { L as LazyLoad } from './index-5f9f807a.js';
16
- import { m as main_36 } from './main-eecf7b27.js';
17
17
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
18
- import { D as DFPAdSlot } from './AdSlot-017b8051.js';
19
- import { g as get_1 } from './get-8d382479.js';
18
+ import { D as DFPAdSlot } from './AdSlot-bdd7a629.js';
19
+ import { g as get_1 } from './get-b2201dc8.js';
20
20
 
21
21
  var Dfp = React__default.lazy(function () {
22
- return import('./Dfp-01f14ae3.js');
22
+ return import('./Dfp-71879c9d.js');
23
23
  });
24
24
 
25
25
  var AD = function AD(props) {
@@ -1,10 +1,12 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './web.dom.iterable-f05d2f57.js';
4
- import './inherits-a82a4471.js';
5
- import './toConsumableArray-08d50169.js';
6
- import './core.get-iterator-method-709061dc.js';
7
- import './extends-7f88fa22.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './web.dom.iterable-3be50d6c.js';
4
+ import './debounce-806f886b.js';
5
+ import './main-155ec04f.js';
6
+ import './toConsumableArray-eb308ede.js';
7
+ import './core.get-iterator-method-31c1fb1a.js';
8
+ import './extends-dbbe308d.js';
9
+ import './inherits-a75c8a1c.js';
8
10
  import 'react';
9
11
  import './index-fa84ea96.js';
10
12
  import 'prop-types';
@@ -15,13 +17,12 @@ import 'react-bootstrap/Card';
15
17
  import './visibility-sensor-336093e1.js';
16
18
  import 'next/link';
17
19
  import 'next/router';
18
- import './debounce-fa7fbf11.js';
19
20
  import 'react-dom';
20
21
  import './index-3849e3fe.js';
21
22
  import './index-5f9f807a.js';
22
- import './main-eecf7b27.js';
23
23
  import './entities-7cc3bf45.js';
24
- import './slicedToArray-eb7eca9e.js';
25
- import './AdSlot-017b8051.js';
26
- import './get-8d382479.js';
27
- export { G as default } from './GridContent-f5bc4d75.js';
24
+ import './slicedToArray-d0a9593a.js';
25
+ import './AdSlot-bdd7a629.js';
26
+ import './promise-683a9c54.js';
27
+ import './get-b2201dc8.js';
28
+ export { G as default } from './GridContent-d4f5457e.js';
@@ -1,22 +1,340 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './web.dom.iterable-f05d2f57.js';
4
- import './inherits-a82a4471.js';
5
- import './toConsumableArray-08d50169.js';
6
- import './core.get-iterator-method-709061dc.js';
7
- import './extends-7f88fa22.js';
8
- import 'react';
9
- import './index-fa84ea96.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './web.dom.iterable-3be50d6c.js';
4
+ import { d as debounce_1 } from './debounce-806f886b.js';
5
+ import { m as main_36 } from './main-155ec04f.js';
6
+ import { _ as _toConsumableArray } from './toConsumableArray-eb308ede.js';
7
+ import './core.get-iterator-method-31c1fb1a.js';
8
+ import { _ as _extends } from './extends-dbbe308d.js';
9
+ import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-a75c8a1c.js';
10
+ import React__default from 'react';
11
+ import { l as lib_3 } from './index-fa84ea96.js';
10
12
  import 'prop-types';
11
- import 'react-bootstrap/Container';
12
- import 'react-bootstrap/Row';
13
+ import Container from 'react-bootstrap/Container';
14
+ import Row from 'react-bootstrap/Row';
13
15
  import 'react-bootstrap/Col';
14
16
  import 'react-bootstrap/Card';
15
- import './visibility-sensor-336093e1.js';
17
+ import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-336093e1.js';
16
18
  import 'next/link';
17
- import 'next/router';
18
- import './debounce-fa7fbf11.js';
19
+ import { withRouter } from 'next/router';
19
20
  import 'react-dom';
20
21
  import './index-3849e3fe.js';
21
- import './main-eecf7b27.js';
22
- export { M as default } from './MasterDeck-5dd97a66.js';
22
+ import { _ as _Promise } from './promise-683a9c54.js';
23
+
24
+ var MasterDeck = function (_React$Component) {
25
+ _inherits(MasterDeck, _React$Component);
26
+
27
+ function MasterDeck() {
28
+ var _ref,
29
+ _this2 = this;
30
+
31
+ var _temp, _this, _ret;
32
+
33
+ _classCallCheck(this, MasterDeck);
34
+
35
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
36
+ args[_key] = arguments[_key];
37
+ }
38
+
39
+ return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || _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 = {
40
+ data: _this.data,
41
+ dataKeptToCompareNewDatarecord: _this.data,
42
+ per: _this.params ? _this.params.to : 2,
43
+ page: _this.props.currentPage || 1,
44
+ from: _this.params ? _this.params.from : 0,
45
+ to: _this.params ? _this.params.to : 2,
46
+ total_pages: null,
47
+ scrolling: true,
48
+ query: _this.query,
49
+ currentPage: _this.props.currentPage || 1
50
+ }, _this.loadMore = debounce_1(function () {
51
+ _this.setState(function (state) {
52
+ var page = state.page,
53
+ from = state.from,
54
+ per = state.per,
55
+ to = state.to;
56
+
57
+ return {
58
+ page: page + 1,
59
+ from: from + per,
60
+ to: to + per
61
+ };
62
+ }, _this.loadData);
63
+ }, 0), _this.loadData = function () {
64
+ var _this$state = _this.state,
65
+ from = _this$state.from,
66
+ to = _this$state.to,
67
+ data = _this$state.data,
68
+ query = _this$state.query,
69
+ page = _this$state.page;
70
+ var _this$props = _this.props,
71
+ client = _this$props.client,
72
+ dataHandler = _this$props.dataHandler;
73
+
74
+
75
+ var params = _extends({}, _this.params, { from: from, to: to });
76
+
77
+ if (dataHandler) {
78
+ var dataHandlerPromise = new _Promise(function (resolve, reject) {
79
+ try {
80
+ var result = dataHandler(params);
81
+ resolve(result);
82
+ } catch (e) {
83
+ reject(e);
84
+ }
85
+ });
86
+ dataHandlerPromise.then(function (dataArr) {
87
+ _this.loadDataFinished(data, dataArr, page);
88
+ });
89
+ } else {
90
+ client.fetch(query, params).then(function (dataArr) {
91
+ _this.loadDataFinished(data, dataArr, page);
92
+ });
93
+ }
94
+ }, _this.loadDataFinished = function (data, dataArr, page) {
95
+ if (_this.pointer && _this.pointerArray) {
96
+ var pointer = _this.pointer;
97
+ dataArr = dataArr[_this.pointerArray][pointer];
98
+ }
99
+ dataArr = dataArr.map(function (item) {
100
+ return _extends({}, item, {
101
+ pageNumber: page
102
+ });
103
+ });
104
+
105
+ _this.setState(function () {
106
+ if (dataArr.length > 0) {
107
+ return {
108
+ data: [].concat(_toConsumableArray(data), _toConsumableArray(dataArr)),
109
+ scrolling: true
110
+ };
111
+ } else {
112
+ return {
113
+ scrolling: false
114
+ };
115
+ }
116
+ });
117
+ }, _this.changePageNumber = function (pageNumber) {
118
+ var _this$props2 = _this.props,
119
+ seoPaginate = _this$props2.seoPaginate,
120
+ pageview = _this$props2.pageview,
121
+ router = _this$props2.router;
122
+ var currentPage = _this.state.currentPage;
123
+
124
+ if (seoPaginate) {
125
+ var path = router.asPath;
126
+ var qrIndex = path.indexOf('?');
127
+ var pathname = router.pathname;
128
+ var queryString = '';
129
+
130
+ if (qrIndex > 0) {
131
+ path = path.substring(1, qrIndex);
132
+
133
+ var partialQS = router.asPath.substring(qrIndex + 1);
134
+ var partialQSArr = partialQS.split('&');
135
+
136
+ // exclude page=xxx from query string
137
+ partialQSArr.map(function (item) {
138
+ var itemArr = item.split('=');
139
+ var key = itemArr[0];
140
+ var val = itemArr[1];
141
+
142
+ if (key !== 'page') {
143
+ queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
144
+ }
145
+ });
146
+ }
147
+
148
+ if (queryString.length > 0) {
149
+ path += '?' + queryString;
150
+ }
151
+
152
+ pageNumber = parseInt(pageNumber);
153
+
154
+ if (currentPage !== pageNumber) {
155
+ lib_3.refresh();
156
+
157
+ _this.setState({
158
+ currentPage: pageNumber
159
+ }, function () {
160
+ if (path[0] !== '/') {
161
+ path = '/' + path;
162
+ }
163
+
164
+ var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
165
+
166
+ // please leave this for later debug purpose : Yong Jun.
167
+ /* console.log('page change reported', {
168
+ currentPage: currentPage,
169
+ pageNumber: pageNumber,
170
+ pathname: pathname,
171
+ path: path,
172
+ newPath: newPath,
173
+ firstPage: pageNumber === 1,
174
+ queryString: queryString
175
+ }) */
176
+
177
+ if (pageview) {
178
+ pageview(newPath);
179
+ }
180
+
181
+ router.push(pathname, newPath, {
182
+ shallow: true
183
+ });
184
+ });
185
+ }
186
+ }
187
+ }, _this.cardLoader = function (page, columns, variant) {
188
+ var numberOfItemsBeforeAd = 6;
189
+ return React__default.createElement(
190
+ Row,
191
+ null,
192
+ _this.state.data && _this.state.data.map(function (row, index) {
193
+ var pageNumber = row.pageNumber || _this.state.page;
194
+
195
+ return React__default.createElement(
196
+ React__default.Fragment,
197
+ { key: index },
198
+ React__default.createElement(
199
+ VisibilitySensor,
200
+ {
201
+ onChange: function onChange(isVisible) {
202
+ isVisible && _this.changePageNumber(pageNumber);
203
+ } },
204
+ React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage })
205
+ ),
206
+ main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
207
+ 'div',
208
+ { style: { margin: '0 auto' } },
209
+ _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
210
+ )
211
+ );
212
+ })
213
+ );
214
+ }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
215
+ var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
216
+ return React__default.createElement(
217
+ 'div',
218
+ { style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
219
+ rightItems[i].component
220
+ );
221
+ }, _this.renderManualPagination = function () {
222
+ var currentPage = _this.state.currentPage;
223
+
224
+ return React__default.createElement(
225
+ 'div',
226
+ { className: 'd-flex justify-content-between' },
227
+ currentPage && currentPage > 1 && React__default.createElement(
228
+ 'a',
229
+ { href: '?page=' + (currentPage - 1) },
230
+ '<< Previous'
231
+ ),
232
+ React__default.createElement(
233
+ 'a',
234
+ { href: '?page=' + (currentPage + 1) },
235
+ 'Next >>'
236
+ )
237
+ );
238
+ }, _temp), _possibleConstructorReturn(_this, _ret);
239
+ }
240
+
241
+ _createClass(MasterDeck, [{
242
+ key: 'componentDidUpdate',
243
+ value: function componentDidUpdate(prevProps, prevState) {
244
+ if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
245
+ // eslint-disable-next-line react/no-did-update-set-state
246
+ this.setState({
247
+ data: this.props.dataRecord,
248
+ dataKeptToCompareNewDatarecord: this.props.dataRecord,
249
+ per: this.props.params ? this.props.params.to : 2,
250
+ page: 1,
251
+ from: this.props.params ? this.props.params.from : 0,
252
+ to: this.props.params ? this.props.params.to : 2,
253
+ total_pages: null,
254
+ scrolling: true,
255
+ query: this.props.query
256
+ });
257
+ }
258
+ }
259
+ }, {
260
+ key: 'componentDidMount',
261
+ value: function componentDidMount() {
262
+ // this.loadData();
263
+ }
264
+ }, {
265
+ key: 'render',
266
+ value: function render() {
267
+ var _this3 = this;
268
+
269
+ var _props = this.props,
270
+ columns = _props.columns,
271
+ variant = _props.variant,
272
+ autoScroll = _props.autoScroll,
273
+ page = _props.page;
274
+
275
+
276
+ return React__default.createElement(
277
+ 'div',
278
+ { className: 'contentDeck' },
279
+ autoScroll ? React__default.createElement(
280
+ React__default.Fragment,
281
+ null,
282
+ React__default.createElement(
283
+ InfiniteScroll,
284
+ { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
285
+ React__default.createElement(
286
+ Container,
287
+ null,
288
+ this.cardLoader(page, columns, variant)
289
+ )
290
+ ),
291
+ React__default.createElement(
292
+ 'noscript',
293
+ null,
294
+ this.renderManualPagination()
295
+ )
296
+ ) : React__default.createElement(
297
+ React__default.Fragment,
298
+ null,
299
+ React__default.createElement(
300
+ Container,
301
+ null,
302
+ this.cardLoader(page, columns, variant)
303
+ ),
304
+ React__default.createElement(
305
+ 'div',
306
+ { style: { padding: '0px 10px' } },
307
+ this.state.scrolling ? React__default.createElement(
308
+ 'button',
309
+ {
310
+ style: { margin: 'auto', width: '100%' },
311
+ onClick: function onClick(e) {
312
+ _this3.loadMore();
313
+ } },
314
+ 'Load More'
315
+ ) : React__default.createElement(
316
+ 'p',
317
+ { style: { textAlign: 'center' } },
318
+ React__default.createElement(
319
+ 'b',
320
+ null,
321
+ 'End of data'
322
+ )
323
+ )
324
+ ),
325
+ React__default.createElement(
326
+ 'noscript',
327
+ null,
328
+ this.renderManualPagination()
329
+ )
330
+ )
331
+ );
332
+ }
333
+ }]);
334
+
335
+ return MasterDeck;
336
+ }(React__default.Component);
337
+
338
+ var MasterDeck$1 = withRouter(MasterDeck);
339
+
340
+ export default MasterDeck$1;
@@ -1,14 +1,14 @@
1
1
  import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
2
+ import { m as main_36, c as main_37 } from './main-155ec04f.js';
2
3
  import React__default, { useState, useEffect, useRef } from 'react';
3
4
  import PropTypes from 'prop-types';
4
5
  import Container from 'react-bootstrap/Container';
5
6
  import Row from 'react-bootstrap/Row';
6
7
  import Col from 'react-bootstrap/Col';
7
8
  import Link from 'next/link';
8
- import { m as main_36, b as main_37 } from './main-eecf7b27.js';
9
- import { _ as _slicedToArray } from './slicedToArray-eb7eca9e.js';
10
- import { D as DFPAdSlot } from './AdSlot-017b8051.js';
11
- import { g as get_1 } from './get-8d382479.js';
9
+ import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
10
+ import { D as DFPAdSlot } from './AdSlot-bdd7a629.js';
11
+ import { g as get_1 } from './get-b2201dc8.js';
12
12
  import { Dropdown } from 'react-bootstrap';
13
13
  import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
14
14
  import Button from 'react-bootstrap/Button';
@@ -1459,10 +1459,10 @@ var NavMagazine = function NavMagazine(props) {
1459
1459
  ),
1460
1460
  React__default.createElement(
1461
1461
  Navbar,
1462
- { className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
1462
+ { className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
1463
1463
  React__default.createElement(
1464
1464
  Container,
1465
- { className: 'mobile-nav' },
1465
+ { className: 'mobile-nav android-nav' },
1466
1466
  React__default.createElement(
1467
1467
  'div',
1468
1468
  { className: 'nav-toggle' },
@@ -1,9 +1,10 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './web.dom.iterable-f05d2f57.js';
4
- import { _ as _toConsumableArray } from './toConsumableArray-08d50169.js';
5
- import './core.get-iterator-method-709061dc.js';
6
- import { _ as _extends } from './extends-7f88fa22.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './web.dom.iterable-3be50d6c.js';
4
+ import { m as main_36 } from './main-155ec04f.js';
5
+ import { _ as _toConsumableArray } from './toConsumableArray-eb308ede.js';
6
+ import './core.get-iterator-method-31c1fb1a.js';
7
+ import { _ as _extends } from './extends-dbbe308d.js';
7
8
  import React__default, { useState, useEffect, useRef } from 'react';
8
9
  import { l as lib_3 } from './index-fa84ea96.js';
9
10
  import 'prop-types';
@@ -13,9 +14,8 @@ import { useRouter } from 'next/router';
13
14
  import 'react-dom';
14
15
  import { i as imageUrlBuilder } from './index-3849e3fe.js';
15
16
  import { L as LazyLoad } from './index-5f9f807a.js';
16
- import { m as main_36 } from './main-eecf7b27.js';
17
17
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
18
- import { _ as _slicedToArray } from './slicedToArray-eb7eca9e.js';
18
+ import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
19
19
  import { Container, Media } from 'react-bootstrap';
20
20
 
21
21
  var urlFor = function urlFor(source, builder) {
@@ -1,4 +1,4 @@
1
- import { _ as _extends } from './extends-7f88fa22.js';
1
+ import { _ as _extends } from './extends-dbbe308d.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import Container from 'react-bootstrap/Container';
@@ -1,6 +1,6 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './extends-7f88fa22.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './extends-dbbe308d.js';
4
4
  import 'react';
5
5
  import 'prop-types';
6
6
  import 'react-bootstrap/Container';
@@ -10,4 +10,4 @@ import 'react-bootstrap/Card';
10
10
  import 'react-dom';
11
11
  import './index-3849e3fe.js';
12
12
  import './index-5f9f807a.js';
13
- export { T as default } from './TaxonomyCard-f74512cb.js';
13
+ export { T as default } from './TaxonomyCard-ee1a22ae.js';
@@ -1,7 +1,9 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './web.dom.iterable-f05d2f57.js';
4
- import './core.get-iterator-method-709061dc.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './web.dom.iterable-3be50d6c.js';
4
+ import './debounce-806f886b.js';
5
+ import './main-155ec04f.js';
6
+ import './core.get-iterator-method-31c1fb1a.js';
5
7
  import 'react';
6
8
  import './index-fa84ea96.js';
7
9
  import 'prop-types';
@@ -9,15 +11,14 @@ import 'react-bootstrap/Container';
9
11
  import 'react-bootstrap/Row';
10
12
  import 'react-bootstrap/Col';
11
13
  import 'next/link';
12
- import './debounce-fa7fbf11.js';
13
- import './main-eecf7b27.js';
14
- import './slicedToArray-eb7eca9e.js';
15
- import './AdSlot-017b8051.js';
16
- import './get-8d382479.js';
14
+ import './slicedToArray-d0a9593a.js';
15
+ import './AdSlot-bdd7a629.js';
16
+ import './promise-683a9c54.js';
17
+ import './get-b2201dc8.js';
17
18
  import 'react-bootstrap';
18
19
  import './index.esm-536609db.js';
19
20
  import 'react-bootstrap/Button';
20
- export { T as default } from './Normal-357f00d1.js';
21
+ export { T as default } from './Normal-e1855047.js';
21
22
  import 'react-bootstrap/ListGroup';
22
23
  import 'next/head';
23
24
  import 'react-bootstrap/Nav';
@@ -1,5 +1,5 @@
1
1
  import React__default, { useState, useRef, useEffect } from 'react';
2
- import { _ as _slicedToArray } from './slicedToArray-eb7eca9e.js';
2
+ import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
3
3
  import { G as GenIcon, d as IoIosOpen } from './index.esm-536609db.js';
4
4
 
5
5
  // THIS FILE IS AUTO GENERATED
@@ -1,8 +1,8 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-86553f76.js';
3
- import './web.dom.iterable-f05d2f57.js';
4
- import './core.get-iterator-method-709061dc.js';
2
+ import './_to-object-b9b796ec.js';
3
+ import './web.dom.iterable-3be50d6c.js';
4
+ import './core.get-iterator-method-31c1fb1a.js';
5
5
  import 'react';
6
- import './slicedToArray-eb7eca9e.js';
6
+ import './slicedToArray-d0a9593a.js';
7
7
  import './index.esm-536609db.js';
8
- export { U as default } from './Ustream-62a07a32.js';
8
+ export { U as default } from './Ustream-d51b9b11.js';