@mjhls/mjh-framework 1.0.237 → 1.0.238
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 +1 -1
- package/dist/cjs/{AdSlot-d87cef08.js → AdSlot-1fe1c231.js} +5 -5
- package/dist/cjs/DeckContent.js +26 -19
- package/dist/cjs/DeckQueue.js +24 -18
- package/dist/cjs/{Dfp-f62b16e1.js → Dfp-045b016b.js} +10 -7
- package/dist/cjs/{GridContent-6dae5d6a.js → GridContent-53e78cbf.js} +23 -20
- package/dist/cjs/GridContent.js +18 -12
- package/dist/cjs/IssueContentDeck.js +3 -3
- package/dist/cjs/IssueDeck.js +3 -3
- package/dist/cjs/MasterDeck-91c6ad85.js +917 -0
- package/dist/cjs/MasterDeck.js +18 -329
- package/dist/cjs/{Normal-821546cd.js → Normal-a94a1ec8.js} +34 -21
- package/dist/cjs/PublicationDeck.js +3 -3
- package/dist/cjs/QueueDeckExpanded.js +21 -16
- package/dist/cjs/{TaxonomyCard-d97685e2.js → TaxonomyCard-b5074d6e.js} +4 -4
- package/dist/cjs/TaxonomyCard.js +6 -5
- package/dist/cjs/TemplateNormal.js +11 -8
- package/dist/cjs/ThumbnailCard.js +4 -4
- package/dist/cjs/{Ustream-0d3dd953.js → Ustream-85b14a8d.js} +3 -5
- package/dist/cjs/Ustream.js +6 -2
- package/dist/cjs/VideoSeriesListing.js +19 -15
- package/dist/cjs/{YoutubeGroup-ad994d02.js → YoutubeGroup-fd44f8a0.js} +2 -2
- package/dist/cjs/YoutubeGroup.js +3 -3
- package/dist/cjs/{_commonjsHelpers-3fc1f64e.js → _commonjsHelpers-06173234.js} +5 -0
- package/dist/cjs/_to-object-329a650b.js +348 -0
- package/dist/cjs/core.get-iterator-method-e049ca4a.js +39 -0
- package/dist/cjs/{debounce-a963b136.js → debounce-bbca43c4.js} +1 -1
- package/dist/cjs/{entities-3e0b4a16.js → entities-310b46ee.js} +1 -1
- package/dist/cjs/extends-e94dbea5.js +98 -0
- package/dist/cjs/{get-126b1712.js → get-af2516a4.js} +1 -1
- package/dist/cjs/{index-a4c53ff4.js → index-39beccb3.js} +1 -1
- package/dist/cjs/{index-0d0efcfa.js → index-fa0fb52c.js} +1 -1
- package/dist/cjs/{index-0322e486.js → index-fa3cec70.js} +1 -1
- package/dist/cjs/index.js +3127 -286
- package/dist/cjs/inherits-5b5ca8db.js +650 -0
- package/dist/cjs/{main-58839f4e.js → main-d9a1b014.js} +1 -1
- package/dist/cjs/slicedToArray-e38fb29d.js +95 -0
- package/dist/cjs/toConsumableArray-7e4caf3c.js +123 -0
- package/dist/cjs/{visibility-sensor-8936e703.js → visibility-sensor-b72d9527.js} +1 -1
- package/dist/cjs/web.dom.iterable-0998bdc3.js +254 -0
- package/dist/esm/{AdSlot-0ea49f7e.js → AdSlot-017b8051.js} +5 -5
- package/dist/esm/DeckContent.js +24 -17
- package/dist/esm/DeckQueue.js +22 -16
- package/dist/esm/{Dfp-f026ab16.js → Dfp-01f14ae3.js} +10 -7
- package/dist/esm/{GridContent-7990f509.js → GridContent-f5bc4d75.js} +21 -18
- package/dist/esm/GridContent.js +18 -12
- package/dist/esm/IssueContentDeck.js +3 -3
- package/dist/esm/IssueDeck.js +3 -3
- package/dist/esm/MasterDeck-5dd97a66.js +910 -0
- package/dist/esm/MasterDeck.js +17 -328
- package/dist/esm/{Normal-20ff5bf5.js → Normal-357f00d1.js} +34 -21
- package/dist/esm/PublicationDeck.js +3 -3
- package/dist/esm/QueueDeckExpanded.js +19 -14
- package/dist/esm/{TaxonomyCard-f9c93953.js → TaxonomyCard-f74512cb.js} +3 -3
- package/dist/esm/TaxonomyCard.js +6 -5
- package/dist/esm/TemplateNormal.js +11 -8
- package/dist/esm/ThumbnailCard.js +4 -4
- package/dist/esm/{Ustream-6bb45fe7.js → Ustream-62a07a32.js} +3 -5
- package/dist/esm/Ustream.js +6 -2
- package/dist/esm/VideoSeriesListing.js +16 -12
- package/dist/esm/{YoutubeGroup-1368335c.js → YoutubeGroup-1b3eca73.js} +2 -2
- package/dist/esm/YoutubeGroup.js +3 -3
- package/dist/esm/{_commonjsHelpers-ae1b5db5.js → _commonjsHelpers-0c4b6f40.js} +5 -1
- package/dist/esm/_to-object-86553f76.js +318 -0
- package/dist/esm/core.get-iterator-method-709061dc.js +36 -0
- package/dist/esm/{debounce-dc0c02e5.js → debounce-fa7fbf11.js} +1 -1
- package/dist/esm/{entities-e85d3a4a.js → entities-7cc3bf45.js} +1 -1
- package/dist/esm/extends-7f88fa22.js +94 -0
- package/dist/esm/{get-b074314b.js → get-8d382479.js} +1 -1
- package/dist/esm/{index-ca4ff5cb.js → index-3849e3fe.js} +1 -1
- package/dist/esm/{index-3c1ee9ab.js → index-5f9f807a.js} +1 -1
- package/dist/esm/{index-70f7c966.js → index-fa84ea96.js} +1 -1
- package/dist/esm/index.js +3128 -287
- package/dist/esm/inherits-a82a4471.js +642 -0
- package/dist/esm/{main-cd81c243.js → main-eecf7b27.js} +1 -1
- package/dist/esm/slicedToArray-eb7eca9e.js +93 -0
- package/dist/esm/toConsumableArray-08d50169.js +117 -0
- package/dist/esm/{visibility-sensor-71e50a91.js → visibility-sensor-336093e1.js} +1 -1
- package/dist/esm/web.dom.iterable-f05d2f57.js +246 -0
- package/package.json +4 -1
- package/dist/cjs/_babelHelpers-f321c258.js +0 -119
- package/dist/esm/_babelHelpers-67c05996.js +0 -111
package/README.md
CHANGED
|
@@ -4,10 +4,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var React__default = _interopDefault(React);
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-fa3cec70.js');
|
|
8
8
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
9
|
-
var debounce = require('./debounce-
|
|
10
|
-
var
|
|
9
|
+
var debounce = require('./debounce-bbca43c4.js');
|
|
10
|
+
var slicedToArray = require('./slicedToArray-e38fb29d.js');
|
|
11
11
|
|
|
12
12
|
var DFPAdSlot = function DFPAdSlot(_ref) {
|
|
13
13
|
var adUnit = _ref.adUnit,
|
|
@@ -19,12 +19,12 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
|
|
|
19
19
|
targeting = _ref$targeting === undefined ? {} : _ref$targeting;
|
|
20
20
|
|
|
21
21
|
var _useState = React.useState(false),
|
|
22
|
-
_useState2 =
|
|
22
|
+
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
23
23
|
adRendered = _useState2[0],
|
|
24
24
|
setAdRendered = _useState2[1];
|
|
25
25
|
|
|
26
26
|
var _useState3 = React.useState(false),
|
|
27
|
-
_useState4 =
|
|
27
|
+
_useState4 = slicedToArray._slicedToArray(_useState3, 2),
|
|
28
28
|
adRefreshable = _useState4[0],
|
|
29
29
|
setAdRefreshable = _useState4[1];
|
|
30
30
|
|
package/dist/cjs/DeckContent.js
CHANGED
|
@@ -2,43 +2,49 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
+
require('./_commonjsHelpers-06173234.js');
|
|
6
|
+
require('./_to-object-329a650b.js');
|
|
7
|
+
require('./web.dom.iterable-0998bdc3.js');
|
|
8
|
+
var inherits$2 = require('./inherits-5b5ca8db.js');
|
|
9
|
+
var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
|
|
10
|
+
require('./core.get-iterator-method-e049ca4a.js');
|
|
11
|
+
var _extends$2 = require('./extends-e94dbea5.js');
|
|
5
12
|
var React = require('react');
|
|
6
13
|
var React__default = _interopDefault(React);
|
|
7
|
-
require('./
|
|
8
|
-
var index = require('./index-0322e486.js');
|
|
14
|
+
var index = require('./index-fa3cec70.js');
|
|
9
15
|
require('prop-types');
|
|
10
16
|
var Container = _interopDefault(require('react-bootstrap/Container'));
|
|
11
17
|
var Row = _interopDefault(require('react-bootstrap/Row'));
|
|
12
18
|
var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
13
19
|
var Card = _interopDefault(require('react-bootstrap/Card'));
|
|
14
|
-
var visibilitySensor = require('./visibility-sensor-
|
|
20
|
+
var visibilitySensor = require('./visibility-sensor-b72d9527.js');
|
|
15
21
|
require('next/link');
|
|
16
22
|
var Router = require('next/router');
|
|
17
23
|
var Router__default = _interopDefault(Router);
|
|
18
|
-
var debounce = require('./debounce-
|
|
24
|
+
var debounce = require('./debounce-bbca43c4.js');
|
|
19
25
|
require('react-dom');
|
|
20
|
-
var index$1 = require('./index-
|
|
21
|
-
var index$2 = require('./index-
|
|
22
|
-
var main = require('./main-
|
|
23
|
-
var entities = require('./entities-
|
|
24
|
-
|
|
25
|
-
var AdSlot = require('./AdSlot-
|
|
26
|
+
var index$1 = require('./index-39beccb3.js');
|
|
27
|
+
var index$2 = require('./index-fa0fb52c.js');
|
|
28
|
+
var main = require('./main-d9a1b014.js');
|
|
29
|
+
var entities = require('./entities-310b46ee.js');
|
|
30
|
+
require('./slicedToArray-e38fb29d.js');
|
|
31
|
+
var AdSlot = require('./AdSlot-1fe1c231.js');
|
|
26
32
|
|
|
27
33
|
var DeckContent = function (_React$Component) {
|
|
28
|
-
|
|
34
|
+
inherits$2._inherits(DeckContent, _React$Component);
|
|
29
35
|
|
|
30
36
|
function DeckContent() {
|
|
31
37
|
var _ref;
|
|
32
38
|
|
|
33
39
|
var _temp, _this, _ret;
|
|
34
40
|
|
|
35
|
-
|
|
41
|
+
inherits$2._classCallCheck(this, DeckContent);
|
|
36
42
|
|
|
37
43
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
38
44
|
args[_key] = arguments[_key];
|
|
39
45
|
}
|
|
40
46
|
|
|
41
|
-
return _ret = (_temp = (_this =
|
|
47
|
+
return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = DeckContent.__proto__ || inherits$2._Object$getPrototypeOf(DeckContent)).call.apply(_ref, [this].concat(args))), _this), _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.state = {
|
|
42
48
|
data: _this.data,
|
|
43
49
|
dataKeptToCompareNewDatarecord: _this.data,
|
|
44
50
|
per: _this.params ? _this.params.to : 2,
|
|
@@ -72,7 +78,7 @@ var DeckContent = function (_React$Component) {
|
|
|
72
78
|
var client = _this.props.client;
|
|
73
79
|
|
|
74
80
|
|
|
75
|
-
var params =
|
|
81
|
+
var params = _extends$2._extends({}, _this.params, { from: from, to: to
|
|
76
82
|
// const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
|
|
77
83
|
// const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
|
|
78
84
|
});client.fetch(query, params).then(function (dataArr) {
|
|
@@ -81,7 +87,7 @@ var DeckContent = function (_React$Component) {
|
|
|
81
87
|
dataArr = dataArr[_this.pointerArray][pointer];
|
|
82
88
|
}
|
|
83
89
|
dataArr = dataArr.map(function (item) {
|
|
84
|
-
return
|
|
90
|
+
return _extends$2._extends({}, item, {
|
|
85
91
|
pageNumber: page
|
|
86
92
|
});
|
|
87
93
|
});
|
|
@@ -89,7 +95,7 @@ var DeckContent = function (_React$Component) {
|
|
|
89
95
|
_this.setState(function () {
|
|
90
96
|
if (dataArr.length > 0) {
|
|
91
97
|
return {
|
|
92
|
-
data: [].concat(
|
|
98
|
+
data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
|
|
93
99
|
scrolling: true
|
|
94
100
|
};
|
|
95
101
|
} else {
|
|
@@ -231,7 +237,7 @@ var DeckContent = function (_React$Component) {
|
|
|
231
237
|
var numberOfItemsBeforeAd = 6;
|
|
232
238
|
|
|
233
239
|
var insert = function insert(arr, index, newElement) {
|
|
234
|
-
return [].concat(
|
|
240
|
+
return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
|
|
235
241
|
};
|
|
236
242
|
var articles = [];
|
|
237
243
|
if (showBI) {
|
|
@@ -380,10 +386,10 @@ var DeckContent = function (_React$Component) {
|
|
|
380
386
|
'Next >>'
|
|
381
387
|
)
|
|
382
388
|
);
|
|
383
|
-
}, _temp),
|
|
389
|
+
}, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
|
|
384
390
|
}
|
|
385
391
|
|
|
386
|
-
|
|
392
|
+
inherits$2._createClass(DeckContent, [{
|
|
387
393
|
key: 'componentDidUpdate',
|
|
388
394
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
389
395
|
if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
|
|
@@ -478,6 +484,7 @@ var DeckContent = function (_React$Component) {
|
|
|
478
484
|
);
|
|
479
485
|
}
|
|
480
486
|
}]);
|
|
487
|
+
|
|
481
488
|
return DeckContent;
|
|
482
489
|
}(React__default.Component);
|
|
483
490
|
|
package/dist/cjs/DeckQueue.js
CHANGED
|
@@ -2,43 +2,48 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
+
require('./_commonjsHelpers-06173234.js');
|
|
6
|
+
require('./_to-object-329a650b.js');
|
|
7
|
+
require('./web.dom.iterable-0998bdc3.js');
|
|
8
|
+
var inherits$2 = require('./inherits-5b5ca8db.js');
|
|
9
|
+
var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
|
|
10
|
+
require('./core.get-iterator-method-e049ca4a.js');
|
|
11
|
+
var _extends$2 = require('./extends-e94dbea5.js');
|
|
5
12
|
var React = require('react');
|
|
6
13
|
var React__default = _interopDefault(React);
|
|
7
|
-
require('./
|
|
8
|
-
var index = require('./index-0322e486.js');
|
|
14
|
+
var index = require('./index-fa3cec70.js');
|
|
9
15
|
require('prop-types');
|
|
10
16
|
var Container = _interopDefault(require('react-bootstrap/Container'));
|
|
11
17
|
var Row = _interopDefault(require('react-bootstrap/Row'));
|
|
12
18
|
var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
13
19
|
var Card = _interopDefault(require('react-bootstrap/Card'));
|
|
14
|
-
var visibilitySensor = require('./visibility-sensor-
|
|
20
|
+
var visibilitySensor = require('./visibility-sensor-b72d9527.js');
|
|
15
21
|
require('next/link');
|
|
16
22
|
var Router = require('next/router');
|
|
17
23
|
var Router__default = _interopDefault(Router);
|
|
18
|
-
var debounce = require('./debounce-
|
|
24
|
+
var debounce = require('./debounce-bbca43c4.js');
|
|
19
25
|
require('react-dom');
|
|
20
|
-
var index$1 = require('./index-
|
|
21
|
-
var index$2 = require('./index-
|
|
22
|
-
var main = require('./main-
|
|
23
|
-
var entities = require('./entities-
|
|
24
|
-
var
|
|
25
|
-
var get$1 = require('./get-126b1712.js');
|
|
26
|
+
var index$1 = require('./index-39beccb3.js');
|
|
27
|
+
var index$2 = require('./index-fa0fb52c.js');
|
|
28
|
+
var main = require('./main-d9a1b014.js');
|
|
29
|
+
var entities = require('./entities-310b46ee.js');
|
|
30
|
+
var get$1 = require('./get-af2516a4.js');
|
|
26
31
|
|
|
27
32
|
var DeckQueue = function (_React$Component) {
|
|
28
|
-
|
|
33
|
+
inherits$2._inherits(DeckQueue, _React$Component);
|
|
29
34
|
|
|
30
35
|
function DeckQueue() {
|
|
31
36
|
var _ref;
|
|
32
37
|
|
|
33
38
|
var _temp, _this, _ret;
|
|
34
39
|
|
|
35
|
-
|
|
40
|
+
inherits$2._classCallCheck(this, DeckQueue);
|
|
36
41
|
|
|
37
42
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
38
43
|
args[_key] = arguments[_key];
|
|
39
44
|
}
|
|
40
45
|
|
|
41
|
-
return _ret = (_temp = (_this =
|
|
46
|
+
return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = DeckQueue.__proto__ || inherits$2._Object$getPrototypeOf(DeckQueue)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _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.state = {
|
|
42
47
|
data: _this.data,
|
|
43
48
|
per: _this.params ? _this.params.to : 2,
|
|
44
49
|
page: _this.props.currentPage || 1,
|
|
@@ -71,7 +76,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
71
76
|
var client = _this.props.client;
|
|
72
77
|
|
|
73
78
|
|
|
74
|
-
var params =
|
|
79
|
+
var params = _extends$2._extends({}, _this.params, { from: from, to: to
|
|
75
80
|
// const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
|
|
76
81
|
});client.fetch(query, params).then(function (dataArr) {
|
|
77
82
|
if (_this.pointer && _this.pointerArray) {
|
|
@@ -79,7 +84,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
79
84
|
dataArr = dataArr[_this.pointerArray][pointer];
|
|
80
85
|
}
|
|
81
86
|
dataArr = dataArr.map(function (item) {
|
|
82
|
-
return
|
|
87
|
+
return _extends$2._extends({}, item, {
|
|
83
88
|
pageNumber: page
|
|
84
89
|
});
|
|
85
90
|
});
|
|
@@ -87,7 +92,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
87
92
|
_this.setState(function () {
|
|
88
93
|
if (dataArr.length > 0) {
|
|
89
94
|
return {
|
|
90
|
-
data: [].concat(
|
|
95
|
+
data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
|
|
91
96
|
scrolling: true
|
|
92
97
|
};
|
|
93
98
|
} else {
|
|
@@ -196,10 +201,10 @@ var DeckQueue = function (_React$Component) {
|
|
|
196
201
|
'Next >>'
|
|
197
202
|
)
|
|
198
203
|
);
|
|
199
|
-
}, _temp),
|
|
204
|
+
}, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
|
|
200
205
|
}
|
|
201
206
|
|
|
202
|
-
|
|
207
|
+
inherits$2._createClass(DeckQueue, [{
|
|
203
208
|
key: 'cardLoader',
|
|
204
209
|
value: function cardLoader(page, columns, variant) {
|
|
205
210
|
var _this2 = this;
|
|
@@ -357,6 +362,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
357
362
|
);
|
|
358
363
|
}
|
|
359
364
|
}]);
|
|
365
|
+
|
|
360
366
|
return DeckQueue;
|
|
361
367
|
}(React__default.Component);
|
|
362
368
|
|
|
@@ -2,15 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
+
require('./_commonjsHelpers-06173234.js');
|
|
6
|
+
require('./_to-object-329a650b.js');
|
|
7
|
+
require('./web.dom.iterable-0998bdc3.js');
|
|
8
|
+
require('./core.get-iterator-method-e049ca4a.js');
|
|
5
9
|
var React = require('react');
|
|
6
10
|
var React__default = _interopDefault(React);
|
|
7
|
-
require('./
|
|
8
|
-
var index = require('./index-0322e486.js');
|
|
11
|
+
var index = require('./index-fa3cec70.js');
|
|
9
12
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
10
|
-
var visibilitySensor = require('./visibility-sensor-
|
|
11
|
-
var debounce = require('./debounce-
|
|
13
|
+
var visibilitySensor = require('./visibility-sensor-b72d9527.js');
|
|
14
|
+
var debounce = require('./debounce-bbca43c4.js');
|
|
12
15
|
require('react-dom');
|
|
13
|
-
var
|
|
16
|
+
var slicedToArray = require('./slicedToArray-e38fb29d.js');
|
|
14
17
|
|
|
15
18
|
var AD = function AD(_ref) {
|
|
16
19
|
var networkID = _ref.networkID,
|
|
@@ -24,12 +27,12 @@ var AD = function AD(_ref) {
|
|
|
24
27
|
targeting = _ref$targeting === undefined ? {} : _ref$targeting;
|
|
25
28
|
|
|
26
29
|
var _useState = React.useState(false),
|
|
27
|
-
_useState2 =
|
|
30
|
+
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
28
31
|
adRendered = _useState2[0],
|
|
29
32
|
setAdRendered = _useState2[1];
|
|
30
33
|
|
|
31
34
|
var _useState3 = React.useState(false),
|
|
32
|
-
_useState4 =
|
|
35
|
+
_useState4 = slicedToArray._slicedToArray(_useState3, 2),
|
|
33
36
|
showPlaceholder = _useState4[0],
|
|
34
37
|
setShowPlaceholder = _useState4[1];
|
|
35
38
|
|
|
@@ -2,28 +2,30 @@
|
|
|
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');
|
|
7
|
+
var _extends$2 = require('./extends-e94dbea5.js');
|
|
5
8
|
var React = require('react');
|
|
6
9
|
var React__default = _interopDefault(React);
|
|
7
|
-
var index = require('./index-
|
|
10
|
+
var index = require('./index-fa3cec70.js');
|
|
8
11
|
var Container = _interopDefault(require('react-bootstrap/Container'));
|
|
9
12
|
var Row = _interopDefault(require('react-bootstrap/Row'));
|
|
10
13
|
var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
11
14
|
var Card = _interopDefault(require('react-bootstrap/Card'));
|
|
12
|
-
var visibilitySensor = require('./visibility-sensor-
|
|
15
|
+
var visibilitySensor = require('./visibility-sensor-b72d9527.js');
|
|
13
16
|
require('next/link');
|
|
14
17
|
var Router = require('next/router');
|
|
15
18
|
var Router__default = _interopDefault(Router);
|
|
16
|
-
var debounce = require('./debounce-
|
|
17
|
-
var index$1 = require('./index-
|
|
18
|
-
var index$2 = require('./index-
|
|
19
|
-
var main = require('./main-
|
|
20
|
-
var entities = require('./entities-
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var get$1 = require('./get-126b1712.js');
|
|
19
|
+
var debounce = require('./debounce-bbca43c4.js');
|
|
20
|
+
var index$1 = require('./index-39beccb3.js');
|
|
21
|
+
var index$2 = require('./index-fa0fb52c.js');
|
|
22
|
+
var main = require('./main-d9a1b014.js');
|
|
23
|
+
var entities = require('./entities-310b46ee.js');
|
|
24
|
+
var AdSlot = require('./AdSlot-1fe1c231.js');
|
|
25
|
+
var get$1 = require('./get-af2516a4.js');
|
|
24
26
|
|
|
25
27
|
var Dfp = React__default.lazy(function () {
|
|
26
|
-
return new Promise(function (resolve) { resolve(require('./Dfp-
|
|
28
|
+
return new Promise(function (resolve) { resolve(require('./Dfp-045b016b.js')); });
|
|
27
29
|
});
|
|
28
30
|
|
|
29
31
|
var AD = function AD(props) {
|
|
@@ -46,20 +48,20 @@ var AD = function AD(props) {
|
|
|
46
48
|
};
|
|
47
49
|
|
|
48
50
|
var GridContent = function (_React$Component) {
|
|
49
|
-
|
|
51
|
+
inherits$2._inherits(GridContent, _React$Component);
|
|
50
52
|
|
|
51
53
|
function GridContent() {
|
|
52
54
|
var _ref;
|
|
53
55
|
|
|
54
56
|
var _temp, _this, _ret;
|
|
55
57
|
|
|
56
|
-
|
|
58
|
+
inherits$2._classCallCheck(this, GridContent);
|
|
57
59
|
|
|
58
60
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
59
61
|
args[_key] = arguments[_key];
|
|
60
62
|
}
|
|
61
63
|
|
|
62
|
-
return _ret = (_temp = (_this =
|
|
64
|
+
return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = GridContent.__proto__ || inherits$2._Object$getPrototypeOf(GridContent)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _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.state = {
|
|
63
65
|
data: _this.data,
|
|
64
66
|
per: _this.params ? _this.params.to : 2,
|
|
65
67
|
page: _this.props.currentPage || 1,
|
|
@@ -92,7 +94,7 @@ var GridContent = function (_React$Component) {
|
|
|
92
94
|
var client = _this.props.client;
|
|
93
95
|
|
|
94
96
|
|
|
95
|
-
var params =
|
|
97
|
+
var params = _extends$2._extends({}, _this.params, { from: from, to: to
|
|
96
98
|
// const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
|
|
97
99
|
});client.fetch(query, params).then(function (dataArr) {
|
|
98
100
|
if (_this.pointer && _this.pointerArray) {
|
|
@@ -100,7 +102,7 @@ var GridContent = function (_React$Component) {
|
|
|
100
102
|
dataArr = dataArr[_this.pointerArray][pointer];
|
|
101
103
|
}
|
|
102
104
|
dataArr = dataArr.map(function (item) {
|
|
103
|
-
return
|
|
105
|
+
return _extends$2._extends({}, item, {
|
|
104
106
|
pageNumber: page
|
|
105
107
|
});
|
|
106
108
|
});
|
|
@@ -108,7 +110,7 @@ var GridContent = function (_React$Component) {
|
|
|
108
110
|
_this.setState(function () {
|
|
109
111
|
if (dataArr.length > 0) {
|
|
110
112
|
return {
|
|
111
|
-
data: [].concat(
|
|
113
|
+
data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
|
|
112
114
|
scrolling: true
|
|
113
115
|
};
|
|
114
116
|
} else {
|
|
@@ -258,10 +260,10 @@ var GridContent = function (_React$Component) {
|
|
|
258
260
|
'Next >>'
|
|
259
261
|
)
|
|
260
262
|
);
|
|
261
|
-
}, _temp),
|
|
263
|
+
}, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
|
|
262
264
|
}
|
|
263
265
|
|
|
264
|
-
|
|
266
|
+
inherits$2._createClass(GridContent, [{
|
|
265
267
|
key: 'cardLoader',
|
|
266
268
|
value: function cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight) {
|
|
267
269
|
var _this2 = this;
|
|
@@ -348,7 +350,7 @@ var GridContent = function (_React$Component) {
|
|
|
348
350
|
}
|
|
349
351
|
|
|
350
352
|
var insert = function insert(arr, index, newElement) {
|
|
351
|
-
return [].concat(
|
|
353
|
+
return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
|
|
352
354
|
};
|
|
353
355
|
var posts = [];
|
|
354
356
|
if (showBI) {
|
|
@@ -665,6 +667,7 @@ var GridContent = function (_React$Component) {
|
|
|
665
667
|
);
|
|
666
668
|
}
|
|
667
669
|
}]);
|
|
670
|
+
|
|
668
671
|
return GridContent;
|
|
669
672
|
}(React__default.Component);
|
|
670
673
|
|
package/dist/cjs/GridContent.js
CHANGED
|
@@ -1,26 +1,32 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('./_commonjsHelpers-06173234.js');
|
|
4
|
+
require('./_to-object-329a650b.js');
|
|
5
|
+
require('./web.dom.iterable-0998bdc3.js');
|
|
6
|
+
require('./inherits-5b5ca8db.js');
|
|
7
|
+
require('./toConsumableArray-7e4caf3c.js');
|
|
8
|
+
require('./core.get-iterator-method-e049ca4a.js');
|
|
9
|
+
require('./extends-e94dbea5.js');
|
|
3
10
|
require('react');
|
|
4
|
-
require('./
|
|
5
|
-
require('./index-0322e486.js');
|
|
11
|
+
require('./index-fa3cec70.js');
|
|
6
12
|
require('prop-types');
|
|
7
13
|
require('react-bootstrap/Container');
|
|
8
14
|
require('react-bootstrap/Row');
|
|
9
15
|
require('react-bootstrap/Col');
|
|
10
16
|
require('react-bootstrap/Card');
|
|
11
|
-
require('./visibility-sensor-
|
|
17
|
+
require('./visibility-sensor-b72d9527.js');
|
|
12
18
|
require('next/link');
|
|
13
19
|
require('next/router');
|
|
14
|
-
require('./debounce-
|
|
20
|
+
require('./debounce-bbca43c4.js');
|
|
15
21
|
require('react-dom');
|
|
16
|
-
require('./index-
|
|
17
|
-
require('./index-
|
|
18
|
-
require('./main-
|
|
19
|
-
require('./entities-
|
|
20
|
-
require('./
|
|
21
|
-
require('./AdSlot-
|
|
22
|
-
require('./get-
|
|
23
|
-
var GridContent = require('./GridContent-
|
|
22
|
+
require('./index-39beccb3.js');
|
|
23
|
+
require('./index-fa0fb52c.js');
|
|
24
|
+
require('./main-d9a1b014.js');
|
|
25
|
+
require('./entities-310b46ee.js');
|
|
26
|
+
require('./slicedToArray-e38fb29d.js');
|
|
27
|
+
require('./AdSlot-1fe1c231.js');
|
|
28
|
+
require('./get-af2516a4.js');
|
|
29
|
+
var GridContent = require('./GridContent-53e78cbf.js');
|
|
24
30
|
|
|
25
31
|
|
|
26
32
|
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
+
require('./_commonjsHelpers-06173234.js');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
var React__default = _interopDefault(React);
|
|
7
|
-
require('./_commonjsHelpers-3fc1f64e.js');
|
|
8
8
|
require('prop-types');
|
|
9
9
|
var Row = _interopDefault(require('react-bootstrap/Row'));
|
|
10
10
|
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-
|
|
15
|
-
var index$2 = require('./index-
|
|
14
|
+
var index$1 = require('./index-39beccb3.js');
|
|
15
|
+
var index$2 = require('./index-fa0fb52c.js');
|
|
16
16
|
var Badge = _interopDefault(require('react-bootstrap/Badge'));
|
|
17
17
|
|
|
18
18
|
var IssueContentDeck = function IssueContentDeck(props) {
|
package/dist/cjs/IssueDeck.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
+
require('./_commonjsHelpers-06173234.js');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
var React__default = _interopDefault(React);
|
|
7
|
-
require('./_commonjsHelpers-3fc1f64e.js');
|
|
8
8
|
require('prop-types');
|
|
9
9
|
var Row = _interopDefault(require('react-bootstrap/Row'));
|
|
10
10
|
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-
|
|
15
|
-
var index$2 = require('./index-
|
|
14
|
+
var index$1 = require('./index-39beccb3.js');
|
|
15
|
+
var index$2 = require('./index-fa0fb52c.js');
|
|
16
16
|
var Button = _interopDefault(require('react-bootstrap/Button'));
|
|
17
17
|
|
|
18
18
|
var IssueDeck = function IssueDeck(props) {
|