@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.
- package/README.md +174 -174
- package/dist/cjs/AdSlot-c472fff6.js +1192 -0
- package/dist/cjs/DeckContent.js +15 -14
- package/dist/cjs/DeckQueue.js +6 -6
- package/dist/cjs/{Dfp-045b016b.js → Dfp-7a5533f9.js} +1 -1
- package/dist/cjs/{GridContent-21bc198f.js → GridContent-f9e3fff5.js} +8 -8
- package/dist/cjs/GridContent.js +9 -8
- package/dist/cjs/IssueContentDeck.js +1 -1
- package/dist/cjs/IssueDeck.js +1 -1
- package/dist/cjs/MasterDeck.js +332 -14
- package/dist/cjs/{Normal-c89b709d.js → Normal-0497eb61.js} +32 -32
- package/dist/cjs/PublicationDeck.js +1 -1
- package/dist/cjs/QueueDeckExpanded.js +3 -3
- package/dist/cjs/{TaxonomyCard-e3566492.js → TaxonomyCard-b5074d6e.js} +1 -1
- package/dist/cjs/TaxonomyCard.js +2 -2
- package/dist/cjs/TemplateNormal.js +6 -5
- package/dist/cjs/ThumbnailCard.js +1 -1
- package/dist/cjs/VideoSeriesListing.js +3 -3
- package/dist/cjs/{YoutubeGroup-5f480446.js → YoutubeGroup-fd44f8a0.js} +4 -4
- package/dist/cjs/YoutubeGroup.js +1 -1
- package/dist/cjs/{debounce-bbca43c4.js → debounce-783eb233.js} +3 -0
- package/dist/cjs/{get-af2516a4.js → get-1f91592f.js} +1 -1
- package/dist/cjs/{index-be0c82be.js → index-39beccb3.js} +2 -1
- package/dist/cjs/index.js +643 -1355
- package/dist/cjs/{inherits-5b5ca8db.js → inherits-9898af5a.js} +2 -4
- package/dist/cjs/{main-d9a1b014.js → main-0ea1b808.js} +51 -0
- package/dist/cjs/{MasterDeck-f8fbac3c.js → promise-b96c61f8.js} +7 -340
- package/dist/cjs/{toConsumableArray-7e4caf3c.js → toConsumableArray-f05a306f.js} +5 -52
- package/dist/esm/AdSlot-bdd7a629.js +1183 -0
- package/dist/esm/DeckContent.js +20 -19
- package/dist/esm/DeckQueue.js +10 -10
- package/dist/esm/{Dfp-01f14ae3.js → Dfp-71879c9d.js} +5 -5
- package/dist/esm/{GridContent-73c97039.js → GridContent-d4f5457e.js} +9 -9
- package/dist/esm/GridContent.js +14 -13
- package/dist/esm/IssueContentDeck.js +1 -1
- package/dist/esm/IssueDeck.js +1 -1
- package/dist/esm/MasterDeck.js +334 -16
- package/dist/esm/{Normal-fdd55386.js → Normal-e1855047.js} +33 -33
- package/dist/esm/PublicationDeck.js +1 -1
- package/dist/esm/QueueDeckExpanded.js +8 -8
- package/dist/esm/{TaxonomyCard-a7b7ded8.js → TaxonomyCard-ee1a22ae.js} +2 -2
- package/dist/esm/TaxonomyCard.js +4 -4
- package/dist/esm/TemplateNormal.js +10 -9
- package/dist/esm/ThumbnailCard.js +1 -1
- package/dist/esm/{Ustream-62a07a32.js → Ustream-d51b9b11.js} +1 -1
- package/dist/esm/Ustream.js +5 -5
- package/dist/esm/VideoSeriesListing.js +6 -6
- package/dist/esm/{YoutubeGroup-78d93d44.js → YoutubeGroup-1b3eca73.js} +4 -4
- package/dist/esm/YoutubeGroup.js +1 -1
- package/dist/esm/{_to-object-86553f76.js → _to-object-b9b796ec.js} +1 -1
- package/dist/esm/{core.get-iterator-method-709061dc.js → core.get-iterator-method-31c1fb1a.js} +2 -2
- package/dist/esm/{debounce-fa7fbf11.js → debounce-806f886b.js} +3 -1
- package/dist/esm/{extends-7f88fa22.js → extends-dbbe308d.js} +1 -1
- package/dist/esm/{get-8d382479.js → get-b2201dc8.js} +1 -1
- package/dist/esm/{index-73819142.js → index-3849e3fe.js} +2 -1
- package/dist/esm/index.js +649 -1363
- package/dist/esm/{inherits-a82a4471.js → inherits-a75c8a1c.js} +5 -6
- package/dist/esm/{main-eecf7b27.js → main-155ec04f.js} +48 -1
- package/dist/esm/{MasterDeck-238f31d7.js → promise-683a9c54.js} +6 -335
- package/dist/esm/{slicedToArray-eb7eca9e.js → slicedToArray-d0a9593a.js} +3 -3
- package/dist/esm/{toConsumableArray-08d50169.js → toConsumableArray-eb308ede.js} +5 -49
- package/dist/esm/{web.dom.iterable-f05d2f57.js → web.dom.iterable-3be50d6c.js} +2 -2
- package/package.json +102 -101
- package/dist/cjs/AdSlot-1fe1c231.js +0 -69
- package/dist/esm/AdSlot-017b8051.js +0 -64
package/dist/cjs/DeckContent.js
CHANGED
|
@@ -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
|
|
9
|
-
var
|
|
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-
|
|
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-
|
|
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) {
|
package/dist/cjs/DeckQueue.js
CHANGED
|
@@ -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
|
|
9
|
-
var
|
|
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-
|
|
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-
|
|
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
|
|
6
|
-
var
|
|
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
|
|
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-
|
|
25
|
-
var get$1 = require('./get-
|
|
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
|
|
28
|
+
return new Promise(function (resolve) { resolve(require('./Dfp-7a5533f9.js')); });
|
|
29
29
|
});
|
|
30
30
|
|
|
31
31
|
var AD = function AD(props) {
|
package/dist/cjs/GridContent.js
CHANGED
|
@@ -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('./
|
|
7
|
-
require('./
|
|
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-
|
|
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-
|
|
28
|
-
require('./
|
|
29
|
-
|
|
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-
|
|
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
|
|
package/dist/cjs/IssueDeck.js
CHANGED
|
@@ -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-
|
|
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
|
|
package/dist/cjs/MasterDeck.js
CHANGED
|
@@ -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('./
|
|
7
|
-
require('./
|
|
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('
|
|
11
|
-
require('
|
|
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
|
-
|
|
24
|
+
var Router = require('next/router');
|
|
25
|
+
var Router__default = _interopDefault(Router);
|
|
21
26
|
require('react-dom');
|
|
22
|
-
require('./index-
|
|
23
|
-
require('./
|
|
24
|
-
|
|
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
|
|
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-
|
|
16
|
-
var get$1 = require('./get-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
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
|
|