@mjhls/mjh-framework 1.0.584 → 1.0.585
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/MasterDeck.js +20 -4
- package/dist/cjs/PartnerDetailListing.js +1 -1
- package/dist/cjs/QueueDeckExpanded.js +38 -25
- package/dist/esm/MasterDeck.js +20 -4
- package/dist/esm/PartnerDetailListing.js +1 -1
- package/dist/esm/QueueDeckExpanded.js +38 -25
- package/package.json +1 -1
package/README.md
CHANGED
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,18 @@ 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
|
+
|
|
381
|
+
console.log('lastDataSize:', lastDataSize);
|
|
382
|
+
console.log('itemsPerPage:', itemsPerPage);
|
|
383
|
+
|
|
384
|
+
if (lastDataSize < itemsPerPage) {
|
|
385
|
+
return null;
|
|
386
|
+
}
|
|
372
387
|
|
|
373
388
|
return React__default['default'].createElement(
|
|
374
389
|
'div',
|
|
@@ -401,7 +416,8 @@ var MasterDeck = function (_React$Component) {
|
|
|
401
416
|
to: this.props.params ? this.props.params.to : 2,
|
|
402
417
|
total_pages: null,
|
|
403
418
|
scrolling: true,
|
|
404
|
-
query: this.props.query
|
|
419
|
+
query: this.props.query,
|
|
420
|
+
lastDataSize: this.props.dataRecord ? this.props.dataRecord.length : 0
|
|
405
421
|
});
|
|
406
422
|
}
|
|
407
423
|
// 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
|
});
|
|
@@ -1079,23 +1081,6 @@ var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd, right
|
|
|
1079
1081
|
);
|
|
1080
1082
|
};
|
|
1081
1083
|
|
|
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
1084
|
var usePrevious = function usePrevious(value) {
|
|
1100
1085
|
var ref = React.useRef();
|
|
1101
1086
|
React.useEffect(function () {
|
|
@@ -1167,19 +1152,47 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
1167
1152
|
currentPage = _useState10[0],
|
|
1168
1153
|
setCurrentPage = _useState10[1];
|
|
1169
1154
|
|
|
1170
|
-
var _useState11 = React.useState(
|
|
1155
|
+
var _useState11 = React.useState(initialData ? initialData.length : 0),
|
|
1156
|
+
_useState12 = slicedToArray._slicedToArray(_useState11, 2),
|
|
1157
|
+
lastDataSize = _useState12[0],
|
|
1158
|
+
setLastDataSize = _useState12[1];
|
|
1159
|
+
|
|
1160
|
+
var _useState13 = React.useState({
|
|
1171
1161
|
from: params ? params.from : 0,
|
|
1172
1162
|
to: params ? params.to : 0,
|
|
1173
1163
|
page: 1
|
|
1174
1164
|
}),
|
|
1175
|
-
|
|
1176
|
-
values =
|
|
1177
|
-
setValues =
|
|
1165
|
+
_useState14 = slicedToArray._slicedToArray(_useState13, 2),
|
|
1166
|
+
values = _useState14[0],
|
|
1167
|
+
setValues = _useState14[1];
|
|
1178
1168
|
|
|
1179
1169
|
var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
|
|
1180
1170
|
|
|
1181
1171
|
var prevValues = usePrevious(values);
|
|
1182
1172
|
|
|
1173
|
+
var renderManualPagination = function renderManualPagination(currentPage) {
|
|
1174
|
+
console.log('lastDataSize:', lastDataSize);
|
|
1175
|
+
console.log('per:', itemsPerPage);
|
|
1176
|
+
if (lastDataSize < itemsPerPage) {
|
|
1177
|
+
return null;
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1180
|
+
return React__default['default'].createElement(
|
|
1181
|
+
'div',
|
|
1182
|
+
{ className: 'd-flex justify-content-between' },
|
|
1183
|
+
currentPage && currentPage > 1 && React__default['default'].createElement(
|
|
1184
|
+
'a',
|
|
1185
|
+
{ href: '?page=' + (currentPage - 1) },
|
|
1186
|
+
'<< Previous'
|
|
1187
|
+
),
|
|
1188
|
+
React__default['default'].createElement(
|
|
1189
|
+
'a',
|
|
1190
|
+
{ href: '?page=' + (currentPage + 1) },
|
|
1191
|
+
'Next >>'
|
|
1192
|
+
)
|
|
1193
|
+
);
|
|
1194
|
+
};
|
|
1195
|
+
|
|
1183
1196
|
// check for change in filter parameters from client side and refresh the page
|
|
1184
1197
|
React.useEffect(function () {
|
|
1185
1198
|
if (initialData && data !== initialData && initialData.length >= 0) {
|
|
@@ -1198,11 +1211,11 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
1198
1211
|
|
|
1199
1212
|
React.useEffect(function () {
|
|
1200
1213
|
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);
|
|
1214
|
+
if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.to) {
|
|
1215
|
+
loadData(values, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray);
|
|
1203
1216
|
}
|
|
1204
1217
|
}
|
|
1205
|
-
}, [values, prevValues, query, client, params, setData, setScrolling, pointer, pointerArray]);
|
|
1218
|
+
}, [values, prevValues, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray]);
|
|
1206
1219
|
|
|
1207
1220
|
React.useEffect(function () {
|
|
1208
1221
|
document.addEventListener('scroll', trackScrolling);
|
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,18 @@ 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
|
+
|
|
374
|
+
console.log('lastDataSize:', lastDataSize);
|
|
375
|
+
console.log('itemsPerPage:', itemsPerPage);
|
|
376
|
+
|
|
377
|
+
if (lastDataSize < itemsPerPage) {
|
|
378
|
+
return null;
|
|
379
|
+
}
|
|
365
380
|
|
|
366
381
|
return React.createElement(
|
|
367
382
|
'div',
|
|
@@ -394,7 +409,8 @@ var MasterDeck = function (_React$Component) {
|
|
|
394
409
|
to: this.props.params ? this.props.params.to : 2,
|
|
395
410
|
total_pages: null,
|
|
396
411
|
scrolling: true,
|
|
397
|
-
query: this.props.query
|
|
412
|
+
query: this.props.query,
|
|
413
|
+
lastDataSize: this.props.dataRecord ? this.props.dataRecord.length : 0
|
|
398
414
|
});
|
|
399
415
|
}
|
|
400
416
|
// 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
|
});
|
|
@@ -1073,23 +1075,6 @@ var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd, right
|
|
|
1073
1075
|
);
|
|
1074
1076
|
};
|
|
1075
1077
|
|
|
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
1078
|
var usePrevious = function usePrevious(value) {
|
|
1094
1079
|
var ref = useRef();
|
|
1095
1080
|
useEffect(function () {
|
|
@@ -1161,19 +1146,47 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
1161
1146
|
currentPage = _useState10[0],
|
|
1162
1147
|
setCurrentPage = _useState10[1];
|
|
1163
1148
|
|
|
1164
|
-
var _useState11 = useState(
|
|
1149
|
+
var _useState11 = useState(initialData ? initialData.length : 0),
|
|
1150
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
1151
|
+
lastDataSize = _useState12[0],
|
|
1152
|
+
setLastDataSize = _useState12[1];
|
|
1153
|
+
|
|
1154
|
+
var _useState13 = useState({
|
|
1165
1155
|
from: params ? params.from : 0,
|
|
1166
1156
|
to: params ? params.to : 0,
|
|
1167
1157
|
page: 1
|
|
1168
1158
|
}),
|
|
1169
|
-
|
|
1170
|
-
values =
|
|
1171
|
-
setValues =
|
|
1159
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
1160
|
+
values = _useState14[0],
|
|
1161
|
+
setValues = _useState14[1];
|
|
1172
1162
|
|
|
1173
1163
|
var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
|
|
1174
1164
|
|
|
1175
1165
|
var prevValues = usePrevious(values);
|
|
1176
1166
|
|
|
1167
|
+
var renderManualPagination = function renderManualPagination(currentPage) {
|
|
1168
|
+
console.log('lastDataSize:', lastDataSize);
|
|
1169
|
+
console.log('per:', itemsPerPage);
|
|
1170
|
+
if (lastDataSize < itemsPerPage) {
|
|
1171
|
+
return null;
|
|
1172
|
+
}
|
|
1173
|
+
|
|
1174
|
+
return React.createElement(
|
|
1175
|
+
'div',
|
|
1176
|
+
{ className: 'd-flex justify-content-between' },
|
|
1177
|
+
currentPage && currentPage > 1 && React.createElement(
|
|
1178
|
+
'a',
|
|
1179
|
+
{ href: '?page=' + (currentPage - 1) },
|
|
1180
|
+
'<< Previous'
|
|
1181
|
+
),
|
|
1182
|
+
React.createElement(
|
|
1183
|
+
'a',
|
|
1184
|
+
{ href: '?page=' + (currentPage + 1) },
|
|
1185
|
+
'Next >>'
|
|
1186
|
+
)
|
|
1187
|
+
);
|
|
1188
|
+
};
|
|
1189
|
+
|
|
1177
1190
|
// check for change in filter parameters from client side and refresh the page
|
|
1178
1191
|
useEffect(function () {
|
|
1179
1192
|
if (initialData && data !== initialData && initialData.length >= 0) {
|
|
@@ -1192,11 +1205,11 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
1192
1205
|
|
|
1193
1206
|
useEffect(function () {
|
|
1194
1207
|
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);
|
|
1208
|
+
if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.to) {
|
|
1209
|
+
loadData(values, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray);
|
|
1197
1210
|
}
|
|
1198
1211
|
}
|
|
1199
|
-
}, [values, prevValues, query, client, params, setData, setScrolling, pointer, pointerArray]);
|
|
1212
|
+
}, [values, prevValues, query, client, params, setData, setScrolling, setLastDataSize, pointer, pointerArray]);
|
|
1200
1213
|
|
|
1201
1214
|
useEffect(function () {
|
|
1202
1215
|
document.addEventListener('scroll', trackScrolling);
|