@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 CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.584
2
+ # mjh-framework v. 1.0.585
3
3
 
4
4
  > Foundation Framework
5
5
 
@@ -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 currentPage = _this.state.currentPage;
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
- _useState12 = slicedToArray._slicedToArray(_useState11, 2),
1176
- values = _useState12[0],
1177
- setValues = _useState12[1];
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.from) {
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);
@@ -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 currentPage = _this.state.currentPage;
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
- _useState12 = _slicedToArray(_useState11, 2),
1170
- values = _useState12[0],
1171
- setValues = _useState12[1];
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.from) {
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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.584",
3
+ "version": "1.0.585",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",