@mjhls/mjh-framework 1.0.517 → 1.0.518
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/VideoSeriesListing.js +42 -25
- package/dist/esm/VideoSeriesListing.js +41 -24
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -233,32 +233,49 @@ var VideoSeriesListing = function (_React$Component) {
|
|
|
233
233
|
var _this2 = this;
|
|
234
234
|
|
|
235
235
|
return React__default.createElement(
|
|
236
|
-
|
|
237
|
-
|
|
236
|
+
React__default.Fragment,
|
|
237
|
+
null,
|
|
238
|
+
this.state.data.length >= 1 && this.state.data[0].length > 0 ? //Check if any Video Groups available
|
|
238
239
|
React__default.createElement(
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
React__default.createElement(
|
|
248
|
-
|
|
249
|
-
{
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
240
|
+
index_es.InfiniteScroll,
|
|
241
|
+
{ dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
|
|
242
|
+
React__default.createElement(
|
|
243
|
+
Container,
|
|
244
|
+
null,
|
|
245
|
+
this.state.data && this.state.data.map(function (series, index) {
|
|
246
|
+
var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
|
|
247
|
+
|
|
248
|
+
return React__default.createElement(
|
|
249
|
+
React__default.Fragment,
|
|
250
|
+
{ key: index },
|
|
251
|
+
React__default.createElement(
|
|
252
|
+
visibilitySensor.VisibilitySensor,
|
|
253
|
+
{
|
|
254
|
+
onChange: function onChange(isVisible) {
|
|
255
|
+
isVisible && _this2.changePageNumber(page);
|
|
256
|
+
} },
|
|
257
|
+
React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
|
|
258
|
+
),
|
|
259
|
+
React__default.createElement(
|
|
260
|
+
'div',
|
|
261
|
+
null,
|
|
262
|
+
_this2.renderSeries(series)
|
|
263
|
+
)
|
|
264
|
+
);
|
|
265
|
+
})
|
|
266
|
+
)
|
|
267
|
+
) : React__default.createElement(
|
|
268
|
+
'div',
|
|
269
|
+
{ style: { marginTop: '10px' } },
|
|
270
|
+
React__default.createElement(
|
|
271
|
+
'h5',
|
|
272
|
+
null,
|
|
273
|
+
React__default.createElement(
|
|
274
|
+
'em',
|
|
275
|
+
null,
|
|
276
|
+
'New content coming soon, please check back later.'
|
|
277
|
+
)
|
|
278
|
+
)
|
|
262
279
|
)
|
|
263
280
|
);
|
|
264
281
|
}
|
|
@@ -227,32 +227,49 @@ var VideoSeriesListing = function (_React$Component) {
|
|
|
227
227
|
var _this2 = this;
|
|
228
228
|
|
|
229
229
|
return React__default.createElement(
|
|
230
|
-
|
|
231
|
-
|
|
230
|
+
React__default.Fragment,
|
|
231
|
+
null,
|
|
232
|
+
this.state.data.length >= 1 && this.state.data[0].length > 0 ? //Check if any Video Groups available
|
|
232
233
|
React__default.createElement(
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
234
|
+
InfiniteScroll,
|
|
235
|
+
{ dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
|
|
236
|
+
React__default.createElement(
|
|
237
|
+
Container,
|
|
238
|
+
null,
|
|
239
|
+
this.state.data && this.state.data.map(function (series, index) {
|
|
240
|
+
var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
|
|
237
241
|
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
242
|
+
return React__default.createElement(
|
|
243
|
+
React__default.Fragment,
|
|
244
|
+
{ key: index },
|
|
245
|
+
React__default.createElement(
|
|
246
|
+
VisibilitySensor,
|
|
247
|
+
{
|
|
248
|
+
onChange: function onChange(isVisible) {
|
|
249
|
+
isVisible && _this2.changePageNumber(page);
|
|
250
|
+
} },
|
|
251
|
+
React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
|
|
252
|
+
),
|
|
253
|
+
React__default.createElement(
|
|
254
|
+
'div',
|
|
255
|
+
null,
|
|
256
|
+
_this2.renderSeries(series)
|
|
257
|
+
)
|
|
258
|
+
);
|
|
259
|
+
})
|
|
260
|
+
)
|
|
261
|
+
) : React__default.createElement(
|
|
262
|
+
'div',
|
|
263
|
+
{ style: { marginTop: '10px' } },
|
|
264
|
+
React__default.createElement(
|
|
265
|
+
'h5',
|
|
266
|
+
null,
|
|
267
|
+
React__default.createElement(
|
|
268
|
+
'em',
|
|
269
|
+
null,
|
|
270
|
+
'New content coming soon, please check back later.'
|
|
271
|
+
)
|
|
272
|
+
)
|
|
256
273
|
)
|
|
257
274
|
);
|
|
258
275
|
}
|