@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 CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.584
2
+ # mjh-framework v. 1.0.586
3
3
 
4
4
  > Foundation Framework
5
5
 
@@ -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',
@@ -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 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
+ 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
- _useState12 = slicedToArray._slicedToArray(_useState11, 2),
1176
- values = _useState12[0],
1177
- setValues = _useState12[1];
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.from) {
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);
@@ -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',
@@ -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 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
+ 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
- _useState12 = _slicedToArray(_useState11, 2),
1170
- values = _useState12[0],
1171
- setValues = _useState12[1];
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.from) {
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);
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.586",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",