@mjhls/mjh-framework 1.0.584 → 1.0.586
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/EventsDeck.js +0 -2
- package/dist/cjs/MasterDeck.js +16 -4
- package/dist/cjs/PartnerDetailListing.js +1 -1
- package/dist/cjs/QueueDeckExpanded.js +36 -26
- package/dist/esm/EventsDeck.js +0 -2
- package/dist/esm/MasterDeck.js +16 -4
- package/dist/esm/PartnerDetailListing.js +1 -1
- package/dist/esm/QueueDeckExpanded.js +36 -26
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/cjs/EventsDeck.js
CHANGED
|
@@ -421,8 +421,6 @@ var EventsDeck = function EventsDeck(_ref) {
|
|
|
421
421
|
);
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
-
// console.log(data.length > 0 && data[0].customFields.find((item) => item.name === 'Discussion Topic').value[0])
|
|
425
|
-
|
|
426
424
|
if (data.length > 0) {
|
|
427
425
|
return React__default['default'].createElement(
|
|
428
426
|
'div',
|
package/dist/cjs/MasterDeck.js
CHANGED
|
@@ -71,7 +71,9 @@ var MasterDeck = function (_React$Component) {
|
|
|
71
71
|
scrolling: true,
|
|
72
72
|
query: _this.query,
|
|
73
73
|
currentPage: _this.props.currentPage || 1,
|
|
74
|
-
dataRemapped: false
|
|
74
|
+
dataRemapped: false,
|
|
75
|
+
lastDataSize: _this.data ? _this.data.length : 0,
|
|
76
|
+
itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2
|
|
75
77
|
}, _this.loadMore = debounce.debounce_1(function () {
|
|
76
78
|
_this.setState(function (state) {
|
|
77
79
|
var page = state.page,
|
|
@@ -131,11 +133,13 @@ var MasterDeck = function (_React$Component) {
|
|
|
131
133
|
if (dataArr.length > 0) {
|
|
132
134
|
return {
|
|
133
135
|
data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
|
|
136
|
+
lastDataSize: dataArr.length,
|
|
134
137
|
scrolling: true
|
|
135
138
|
};
|
|
136
139
|
} else {
|
|
137
140
|
return {
|
|
138
|
-
scrolling: false
|
|
141
|
+
scrolling: false,
|
|
142
|
+
lastDataSize: 0
|
|
139
143
|
};
|
|
140
144
|
}
|
|
141
145
|
});
|
|
@@ -368,7 +372,14 @@ var MasterDeck = function (_React$Component) {
|
|
|
368
372
|
rightItems[i].component
|
|
369
373
|
);
|
|
370
374
|
}, _this.renderManualPagination = function () {
|
|
371
|
-
var
|
|
375
|
+
var _this$state2 = _this.state,
|
|
376
|
+
currentPage = _this$state2.currentPage,
|
|
377
|
+
itemsPerPage = _this$state2.itemsPerPage,
|
|
378
|
+
lastDataSize = _this$state2.lastDataSize;
|
|
379
|
+
|
|
380
|
+
if (lastDataSize < itemsPerPage) {
|
|
381
|
+
return null;
|
|
382
|
+
}
|
|
372
383
|
|
|
373
384
|
return React__default['default'].createElement(
|
|
374
385
|
'div',
|
|
@@ -401,7 +412,8 @@ var MasterDeck = function (_React$Component) {
|
|
|
401
412
|
to: this.props.params ? this.props.params.to : 2,
|
|
402
413
|
total_pages: null,
|
|
403
414
|
scrolling: true,
|
|
404
|
-
query: this.props.query
|
|
415
|
+
query: this.props.query,
|
|
416
|
+
lastDataSize: this.props.dataRecord ? this.props.dataRecord.length : 0
|
|
405
417
|
});
|
|
406
418
|
}
|
|
407
419
|
// set dataRemap to true as there are no infeed or BI ads or window width is less than limit
|
|
@@ -1505,7 +1505,7 @@ PartnerDetails.returnGetInitialProps = function () {
|
|
|
1505
1505
|
features = _ref4[0];
|
|
1506
1506
|
partnerDetails = _ref4[1];
|
|
1507
1507
|
taxonomyDetails = _ref4[2];
|
|
1508
|
-
articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n title,\n summary,\n thumbnail,\n url,\n published,\n contentCategory->,\n \'pageNumber\': ' + currentPage + '\n }';
|
|
1508
|
+
articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n title,\n summary,\n thumbnail,\n url,\n published,\n contentCategory->,\n \'pageNumber\': ' + currentPage + '\n }';
|
|
1509
1509
|
_context.next = 16;
|
|
1510
1510
|
return client.fetch(articlesQuery, params);
|
|
1511
1511
|
|
|
@@ -60,7 +60,7 @@ var loadMore = function loadMore(values, setValues, per) {
|
|
|
60
60
|
});
|
|
61
61
|
};
|
|
62
62
|
|
|
63
|
-
var loadData = function loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray) {
|
|
63
|
+
var loadData = function loadData(values, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray) {
|
|
64
64
|
params = _extends._extends({}, params, {
|
|
65
65
|
from: values.from,
|
|
66
66
|
to: values.to
|
|
@@ -85,8 +85,10 @@ var loadData = function loadData(values, query, client, params, setData, setScro
|
|
|
85
85
|
setData(function (prevData) {
|
|
86
86
|
return [].concat(toConsumableArray._toConsumableArray(prevData), toConsumableArray._toConsumableArray(dataArr));
|
|
87
87
|
});
|
|
88
|
+
setLastDataSize(dataArr.length);
|
|
88
89
|
setScrolling(true);
|
|
89
90
|
} else {
|
|
91
|
+
setLastDataSize(0);
|
|
90
92
|
setScrolling(false);
|
|
91
93
|
}
|
|
92
94
|
});
|
|
@@ -135,7 +137,6 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
|
|
|
135
137
|
path = '/' + path;
|
|
136
138
|
}
|
|
137
139
|
|
|
138
|
-
console.log('pageNumber:', pageNumber);
|
|
139
140
|
var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
|
|
140
141
|
|
|
141
142
|
// if (pageview) {
|
|
@@ -1079,23 +1080,6 @@ var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd, right
|
|
|
1079
1080
|
);
|
|
1080
1081
|
};
|
|
1081
1082
|
|
|
1082
|
-
var renderManualPagination = function renderManualPagination(currentPage) {
|
|
1083
|
-
return React__default['default'].createElement(
|
|
1084
|
-
'div',
|
|
1085
|
-
{ className: 'd-flex justify-content-between' },
|
|
1086
|
-
currentPage && currentPage > 1 && React__default['default'].createElement(
|
|
1087
|
-
'a',
|
|
1088
|
-
{ href: '?page=' + (currentPage - 1) },
|
|
1089
|
-
'<< Previous'
|
|
1090
|
-
),
|
|
1091
|
-
React__default['default'].createElement(
|
|
1092
|
-
'a',
|
|
1093
|
-
{ href: '?page=' + (currentPage + 1) },
|
|
1094
|
-
'Next >>'
|
|
1095
|
-
)
|
|
1096
|
-
);
|
|
1097
|
-
};
|
|
1098
|
-
|
|
1099
1083
|
var usePrevious = function usePrevious(value) {
|
|
1100
1084
|
var ref = React.useRef();
|
|
1101
1085
|
React.useEffect(function () {
|
|
@@ -1167,19 +1151,45 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
1167
1151
|
currentPage = _useState10[0],
|
|
1168
1152
|
setCurrentPage = _useState10[1];
|
|
1169
1153
|
|
|
1170
|
-
var _useState11 = React.useState(
|
|
1154
|
+
var _useState11 = React.useState(initialData ? initialData.length : 0),
|
|
1155
|
+
_useState12 = slicedToArray._slicedToArray(_useState11, 2),
|
|
1156
|
+
lastDataSize = _useState12[0],
|
|
1157
|
+
setLastDataSize = _useState12[1];
|
|
1158
|
+
|
|
1159
|
+
var _useState13 = React.useState({
|
|
1171
1160
|
from: params ? params.from : 0,
|
|
1172
1161
|
to: params ? params.to : 0,
|
|
1173
1162
|
page: 1
|
|
1174
1163
|
}),
|
|
1175
|
-
|
|
1176
|
-
values =
|
|
1177
|
-
setValues =
|
|
1164
|
+
_useState14 = slicedToArray._slicedToArray(_useState13, 2),
|
|
1165
|
+
values = _useState14[0],
|
|
1166
|
+
setValues = _useState14[1];
|
|
1178
1167
|
|
|
1179
1168
|
var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
|
|
1180
1169
|
|
|
1181
1170
|
var prevValues = usePrevious(values);
|
|
1182
1171
|
|
|
1172
|
+
var renderManualPagination = function renderManualPagination(currentPage) {
|
|
1173
|
+
if (lastDataSize < itemsPerPage) {
|
|
1174
|
+
return null;
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1177
|
+
return React__default['default'].createElement(
|
|
1178
|
+
'div',
|
|
1179
|
+
{ className: 'd-flex justify-content-between' },
|
|
1180
|
+
currentPage && currentPage > 1 && React__default['default'].createElement(
|
|
1181
|
+
'a',
|
|
1182
|
+
{ href: '?page=' + (currentPage - 1) },
|
|
1183
|
+
'<< Previous'
|
|
1184
|
+
),
|
|
1185
|
+
React__default['default'].createElement(
|
|
1186
|
+
'a',
|
|
1187
|
+
{ href: '?page=' + (currentPage + 1) },
|
|
1188
|
+
'Next >>'
|
|
1189
|
+
)
|
|
1190
|
+
);
|
|
1191
|
+
};
|
|
1192
|
+
|
|
1183
1193
|
// check for change in filter parameters from client side and refresh the page
|
|
1184
1194
|
React.useEffect(function () {
|
|
1185
1195
|
if (initialData && data !== initialData && initialData.length >= 0) {
|
|
@@ -1198,11 +1208,11 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
1198
1208
|
|
|
1199
1209
|
React.useEffect(function () {
|
|
1200
1210
|
if (prevValues) {
|
|
1201
|
-
if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.
|
|
1202
|
-
loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray);
|
|
1211
|
+
if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.to) {
|
|
1212
|
+
loadData(values, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray);
|
|
1203
1213
|
}
|
|
1204
1214
|
}
|
|
1205
|
-
}, [values, prevValues, query, client, params, setData, setScrolling, pointer, pointerArray]);
|
|
1215
|
+
}, [values, prevValues, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray]);
|
|
1206
1216
|
|
|
1207
1217
|
React.useEffect(function () {
|
|
1208
1218
|
document.addEventListener('scroll', trackScrolling);
|
package/dist/esm/EventsDeck.js
CHANGED
|
@@ -409,8 +409,6 @@ var EventsDeck = function EventsDeck(_ref) {
|
|
|
409
409
|
);
|
|
410
410
|
}
|
|
411
411
|
|
|
412
|
-
// console.log(data.length > 0 && data[0].customFields.find((item) => item.name === 'Discussion Topic').value[0])
|
|
413
|
-
|
|
414
412
|
if (data.length > 0) {
|
|
415
413
|
return React.createElement(
|
|
416
414
|
'div',
|
package/dist/esm/MasterDeck.js
CHANGED
|
@@ -64,7 +64,9 @@ var MasterDeck = function (_React$Component) {
|
|
|
64
64
|
scrolling: true,
|
|
65
65
|
query: _this.query,
|
|
66
66
|
currentPage: _this.props.currentPage || 1,
|
|
67
|
-
dataRemapped: false
|
|
67
|
+
dataRemapped: false,
|
|
68
|
+
lastDataSize: _this.data ? _this.data.length : 0,
|
|
69
|
+
itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2
|
|
68
70
|
}, _this.loadMore = debounce_1(function () {
|
|
69
71
|
_this.setState(function (state) {
|
|
70
72
|
var page = state.page,
|
|
@@ -124,11 +126,13 @@ var MasterDeck = function (_React$Component) {
|
|
|
124
126
|
if (dataArr.length > 0) {
|
|
125
127
|
return {
|
|
126
128
|
data: [].concat(_toConsumableArray(data), _toConsumableArray(dataArr)),
|
|
129
|
+
lastDataSize: dataArr.length,
|
|
127
130
|
scrolling: true
|
|
128
131
|
};
|
|
129
132
|
} else {
|
|
130
133
|
return {
|
|
131
|
-
scrolling: false
|
|
134
|
+
scrolling: false,
|
|
135
|
+
lastDataSize: 0
|
|
132
136
|
};
|
|
133
137
|
}
|
|
134
138
|
});
|
|
@@ -361,7 +365,14 @@ var MasterDeck = function (_React$Component) {
|
|
|
361
365
|
rightItems[i].component
|
|
362
366
|
);
|
|
363
367
|
}, _this.renderManualPagination = function () {
|
|
364
|
-
var
|
|
368
|
+
var _this$state2 = _this.state,
|
|
369
|
+
currentPage = _this$state2.currentPage,
|
|
370
|
+
itemsPerPage = _this$state2.itemsPerPage,
|
|
371
|
+
lastDataSize = _this$state2.lastDataSize;
|
|
372
|
+
|
|
373
|
+
if (lastDataSize < itemsPerPage) {
|
|
374
|
+
return null;
|
|
375
|
+
}
|
|
365
376
|
|
|
366
377
|
return React.createElement(
|
|
367
378
|
'div',
|
|
@@ -394,7 +405,8 @@ var MasterDeck = function (_React$Component) {
|
|
|
394
405
|
to: this.props.params ? this.props.params.to : 2,
|
|
395
406
|
total_pages: null,
|
|
396
407
|
scrolling: true,
|
|
397
|
-
query: this.props.query
|
|
408
|
+
query: this.props.query,
|
|
409
|
+
lastDataSize: this.props.dataRecord ? this.props.dataRecord.length : 0
|
|
398
410
|
});
|
|
399
411
|
}
|
|
400
412
|
// set dataRemap to true as there are no infeed or BI ads or window width is less than limit
|
|
@@ -1498,7 +1498,7 @@ PartnerDetails.returnGetInitialProps = function () {
|
|
|
1498
1498
|
features = _ref4[0];
|
|
1499
1499
|
partnerDetails = _ref4[1];
|
|
1500
1500
|
taxonomyDetails = _ref4[2];
|
|
1501
|
-
articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n title,\n summary,\n thumbnail,\n url,\n published,\n contentCategory->,\n \'pageNumber\': ' + currentPage + '\n }';
|
|
1501
|
+
articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n title,\n summary,\n thumbnail,\n url,\n published,\n contentCategory->,\n \'pageNumber\': ' + currentPage + '\n }';
|
|
1502
1502
|
_context.next = 16;
|
|
1503
1503
|
return client.fetch(articlesQuery, params);
|
|
1504
1504
|
|
|
@@ -54,7 +54,7 @@ var loadMore = function loadMore(values, setValues, per) {
|
|
|
54
54
|
});
|
|
55
55
|
};
|
|
56
56
|
|
|
57
|
-
var loadData = function loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray) {
|
|
57
|
+
var loadData = function loadData(values, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray) {
|
|
58
58
|
params = _extends({}, params, {
|
|
59
59
|
from: values.from,
|
|
60
60
|
to: values.to
|
|
@@ -79,8 +79,10 @@ var loadData = function loadData(values, query, client, params, setData, setScro
|
|
|
79
79
|
setData(function (prevData) {
|
|
80
80
|
return [].concat(_toConsumableArray(prevData), _toConsumableArray(dataArr));
|
|
81
81
|
});
|
|
82
|
+
setLastDataSize(dataArr.length);
|
|
82
83
|
setScrolling(true);
|
|
83
84
|
} else {
|
|
85
|
+
setLastDataSize(0);
|
|
84
86
|
setScrolling(false);
|
|
85
87
|
}
|
|
86
88
|
});
|
|
@@ -129,7 +131,6 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
|
|
|
129
131
|
path = '/' + path;
|
|
130
132
|
}
|
|
131
133
|
|
|
132
|
-
console.log('pageNumber:', pageNumber);
|
|
133
134
|
var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
|
|
134
135
|
|
|
135
136
|
// if (pageview) {
|
|
@@ -1073,23 +1074,6 @@ var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd, right
|
|
|
1073
1074
|
);
|
|
1074
1075
|
};
|
|
1075
1076
|
|
|
1076
|
-
var renderManualPagination = function renderManualPagination(currentPage) {
|
|
1077
|
-
return React.createElement(
|
|
1078
|
-
'div',
|
|
1079
|
-
{ className: 'd-flex justify-content-between' },
|
|
1080
|
-
currentPage && currentPage > 1 && React.createElement(
|
|
1081
|
-
'a',
|
|
1082
|
-
{ href: '?page=' + (currentPage - 1) },
|
|
1083
|
-
'<< Previous'
|
|
1084
|
-
),
|
|
1085
|
-
React.createElement(
|
|
1086
|
-
'a',
|
|
1087
|
-
{ href: '?page=' + (currentPage + 1) },
|
|
1088
|
-
'Next >>'
|
|
1089
|
-
)
|
|
1090
|
-
);
|
|
1091
|
-
};
|
|
1092
|
-
|
|
1093
1077
|
var usePrevious = function usePrevious(value) {
|
|
1094
1078
|
var ref = useRef();
|
|
1095
1079
|
useEffect(function () {
|
|
@@ -1161,19 +1145,45 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
1161
1145
|
currentPage = _useState10[0],
|
|
1162
1146
|
setCurrentPage = _useState10[1];
|
|
1163
1147
|
|
|
1164
|
-
var _useState11 = useState(
|
|
1148
|
+
var _useState11 = useState(initialData ? initialData.length : 0),
|
|
1149
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
1150
|
+
lastDataSize = _useState12[0],
|
|
1151
|
+
setLastDataSize = _useState12[1];
|
|
1152
|
+
|
|
1153
|
+
var _useState13 = useState({
|
|
1165
1154
|
from: params ? params.from : 0,
|
|
1166
1155
|
to: params ? params.to : 0,
|
|
1167
1156
|
page: 1
|
|
1168
1157
|
}),
|
|
1169
|
-
|
|
1170
|
-
values =
|
|
1171
|
-
setValues =
|
|
1158
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
1159
|
+
values = _useState14[0],
|
|
1160
|
+
setValues = _useState14[1];
|
|
1172
1161
|
|
|
1173
1162
|
var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
|
|
1174
1163
|
|
|
1175
1164
|
var prevValues = usePrevious(values);
|
|
1176
1165
|
|
|
1166
|
+
var renderManualPagination = function renderManualPagination(currentPage) {
|
|
1167
|
+
if (lastDataSize < itemsPerPage) {
|
|
1168
|
+
return null;
|
|
1169
|
+
}
|
|
1170
|
+
|
|
1171
|
+
return React.createElement(
|
|
1172
|
+
'div',
|
|
1173
|
+
{ className: 'd-flex justify-content-between' },
|
|
1174
|
+
currentPage && currentPage > 1 && React.createElement(
|
|
1175
|
+
'a',
|
|
1176
|
+
{ href: '?page=' + (currentPage - 1) },
|
|
1177
|
+
'<< Previous'
|
|
1178
|
+
),
|
|
1179
|
+
React.createElement(
|
|
1180
|
+
'a',
|
|
1181
|
+
{ href: '?page=' + (currentPage + 1) },
|
|
1182
|
+
'Next >>'
|
|
1183
|
+
)
|
|
1184
|
+
);
|
|
1185
|
+
};
|
|
1186
|
+
|
|
1177
1187
|
// check for change in filter parameters from client side and refresh the page
|
|
1178
1188
|
useEffect(function () {
|
|
1179
1189
|
if (initialData && data !== initialData && initialData.length >= 0) {
|
|
@@ -1192,11 +1202,11 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
1192
1202
|
|
|
1193
1203
|
useEffect(function () {
|
|
1194
1204
|
if (prevValues) {
|
|
1195
|
-
if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.
|
|
1196
|
-
loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray);
|
|
1205
|
+
if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.to) {
|
|
1206
|
+
loadData(values, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray);
|
|
1197
1207
|
}
|
|
1198
1208
|
}
|
|
1199
|
-
}, [values, prevValues, query, client, params, setData, setScrolling, pointer, pointerArray]);
|
|
1209
|
+
}, [values, prevValues, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray]);
|
|
1200
1210
|
|
|
1201
1211
|
useEffect(function () {
|
|
1202
1212
|
document.addEventListener('scroll', trackScrolling);
|