@mjhls/mjh-framework 1.0.440 → 1.0.441
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 +172 -172
- package/dist/cjs/{ADInfeed-494f5e6b.js → ADInfeed-ae1f348d.js} +12 -10
- package/dist/cjs/{ADlgInfeed-be0e0bde.js → ADlgInfeed-f4c4a1bf.js} +8 -7
- package/dist/cjs/{AdSlot-4d22aad4.js → AdSlot-257d8d4e.js} +256 -15
- package/dist/cjs/{AuthorComponent-4706f297.js → AuthorComponent-b44bb44e.js} +13 -12
- package/dist/cjs/DeckContent.js +91 -87
- package/dist/cjs/DeckQueue.js +82 -78
- package/dist/cjs/{Dfp-2399639f.js → Dfp-d7639f4c.js} +22 -20
- package/dist/cjs/{Figure-9e886c5b.js → Figure-cc919c38.js} +20 -19
- package/dist/cjs/{GridContent-184cdd0f.js → GridContent-db383f73.js} +161 -157
- package/dist/cjs/GridContent.js +14 -14
- package/dist/cjs/GroupDeck.js +39 -38
- package/dist/cjs/IssueContentDeck.js +65 -60
- package/dist/cjs/IssueDeck.js +69 -64
- package/dist/cjs/MasterDeck.js +60 -59
- package/dist/cjs/{Normal-62915103.js → Normal-430e8e61.js} +523 -512
- package/dist/cjs/PublicationDeck.js +64 -59
- package/dist/cjs/QueueDeckExpanded.js +99 -99
- package/dist/cjs/{TaxonomyCard-eb928f05.js → TaxonomyCard-fa09aac1.js} +77 -71
- package/dist/cjs/TaxonomyCard.js +4 -4
- package/dist/cjs/TemplateNormal.js +6 -6
- package/dist/cjs/ThumbnailCard.js +17 -15
- package/dist/cjs/{Ustream-6aebd935.js → Ustream-46288bdf.js} +17 -16
- package/dist/cjs/Ustream.js +1 -1
- package/dist/cjs/VideoSeriesListing.js +40 -39
- package/dist/cjs/YoutubeGroup.js +49 -48
- package/dist/cjs/{debounce-b088070c.js → debounce-420ff8a8.js} +16 -12
- package/dist/cjs/{get-5aa7468c.js → get-7a75c563.js} +1 -1
- package/dist/cjs/{index-fa0fb52c.js → index-8a3fb0bc.js} +13 -10
- package/dist/cjs/{index-b5eb3ff8.js → index-be0c82be.js} +19 -20
- package/dist/cjs/{index.es-ab3f2690.js → index.es-44c8e726.js} +9 -10
- package/dist/cjs/index.esm-340d3792.js +0 -3
- package/dist/cjs/index.js +1887 -1927
- package/dist/cjs/{inherits-e793003e.js → inherits-b4036c94.js} +4 -4
- package/dist/cjs/{main-bc4db521.js → main-d76cde9c.js} +52 -82
- package/dist/cjs/{react-social-icons-cd0d9d3b.js → react-social-icons-07939b41.js} +13 -11
- package/dist/cjs/{typeof-2747c582.js → typeof-0d86b91c.js} +1 -1
- package/dist/cjs/{visibility-sensor-0c45a583.js → visibility-sensor-a40ae0cd.js} +8 -6
- package/dist/esm/{ADInfeed-e5cefea5.js → ADInfeed-dff74bbe.js} +6 -6
- package/dist/esm/{ADlgInfeed-51a2801a.js → ADlgInfeed-7b29db85.js} +5 -5
- package/dist/esm/{AdSlot-78e48a2c.js → AdSlot-362a1c30.js} +246 -8
- package/dist/esm/{AuthorComponent-c9e46673.js → AuthorComponent-4f5f15ed.js} +10 -10
- package/dist/esm/DeckContent.js +62 -62
- package/dist/esm/DeckQueue.js +47 -47
- package/dist/esm/{Dfp-d5fe1252.js → Dfp-994cd0ab.js} +10 -10
- package/dist/esm/{Figure-cc1affbe.js → Figure-1c55ebf0.js} +17 -17
- package/dist/esm/{GridContent-b79201ad.js → GridContent-6b38c580.js} +111 -111
- package/dist/esm/GridContent.js +14 -14
- package/dist/esm/GroupDeck.js +34 -34
- package/dist/esm/IssueContentDeck.js +35 -35
- package/dist/esm/IssueDeck.js +34 -34
- package/dist/esm/MasterDeck.js +45 -45
- package/dist/esm/{Normal-6eba8168.js → Normal-6efd92da.js} +407 -407
- package/dist/esm/PublicationDeck.js +34 -34
- package/dist/esm/QueueDeckExpanded.js +92 -92
- package/dist/esm/{TaxonomyCard-b29aa7ac.js → TaxonomyCard-b22a742f.js} +37 -37
- package/dist/esm/TaxonomyCard.js +4 -4
- package/dist/esm/TemplateNormal.js +6 -6
- package/dist/esm/ThumbnailCard.js +13 -13
- package/dist/esm/{Ustream-914ce145.js → Ustream-c4f281a3.js} +14 -14
- package/dist/esm/Ustream.js +1 -1
- package/dist/esm/VideoSeriesListing.js +26 -26
- package/dist/esm/YoutubeGroup.js +37 -37
- package/dist/esm/{debounce-df468b0e.js → debounce-42a7f724.js} +9 -7
- package/dist/esm/{get-53653403.js → get-bc6cf9fb.js} +1 -1
- package/dist/esm/{index-51a80699.js → index-73819142.js} +19 -20
- package/dist/esm/{index-5f9f807a.js → index-c5fd0af5.js} +4 -4
- package/dist/esm/{index.es-938a3a58.js → index.es-27d0bae9.js} +6 -8
- package/dist/esm/index.js +1752 -1815
- package/dist/esm/{inherits-dfba24f5.js → inherits-bbec2f34.js} +1 -1
- package/dist/esm/{main-7d1b3c98.js → main-cf4930f0.js} +50 -81
- package/dist/esm/{react-social-icons-a7d5c5c7.js → react-social-icons-3822f1ce.js} +5 -5
- package/dist/esm/{typeof-e4b50250.js → typeof-09bf9211.js} +1 -1
- package/dist/esm/{visibility-sensor-0baa4eea.js → visibility-sensor-87d6b78c.js} +3 -3
- package/package.json +105 -103
package/dist/esm/MasterDeck.js
CHANGED
|
@@ -6,10 +6,10 @@ import './_iter-detect-7c281f0a.js';
|
|
|
6
6
|
import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
|
|
7
7
|
import './_object-pie-33c40e79.js';
|
|
8
8
|
import { _ as _extends } from './extends-92072fff.js';
|
|
9
|
-
import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-
|
|
10
|
-
import './typeof-
|
|
11
|
-
import
|
|
12
|
-
import { d as debounce_1, l as lib_3 } from './debounce-
|
|
9
|
+
import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-bbec2f34.js';
|
|
10
|
+
import './typeof-09bf9211.js';
|
|
11
|
+
import React from 'react';
|
|
12
|
+
import { d as debounce_1, l as lib_3 } from './debounce-42a7f724.js';
|
|
13
13
|
import 'prop-types';
|
|
14
14
|
import Container from 'react-bootstrap/Container';
|
|
15
15
|
import 'react-bootstrap/Row';
|
|
@@ -17,11 +17,11 @@ import 'react-bootstrap/Col';
|
|
|
17
17
|
import 'react-bootstrap/Card';
|
|
18
18
|
import './moment-12415288.js';
|
|
19
19
|
import { withRouter } from 'next/router';
|
|
20
|
-
import { I as InfiniteScroll } from './index.es-
|
|
20
|
+
import { I as InfiniteScroll } from './index.es-27d0bae9.js';
|
|
21
21
|
import 'react-dom';
|
|
22
|
-
import { V as VisibilitySensor } from './visibility-sensor-
|
|
23
|
-
import './index-
|
|
24
|
-
import { m as
|
|
22
|
+
import { V as VisibilitySensor } from './visibility-sensor-87d6b78c.js';
|
|
23
|
+
import './index-73819142.js';
|
|
24
|
+
import { m as main_36 } from './main-cf4930f0.js';
|
|
25
25
|
import { d as _Promise } from './promise-2592a80a.js';
|
|
26
26
|
|
|
27
27
|
var MasterDeck = function (_React$Component) {
|
|
@@ -173,14 +173,14 @@ var MasterDeck = function (_React$Component) {
|
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
// please leave this for later debug purpose : Yong Jun.
|
|
176
|
-
/* console.log('page change reported', {
|
|
177
|
-
currentPage: currentPage,
|
|
178
|
-
pageNumber: pageNumber,
|
|
179
|
-
pathname: pathname,
|
|
180
|
-
path: path,
|
|
181
|
-
newPath: newPath,
|
|
182
|
-
firstPage: pageNumber === 1,
|
|
183
|
-
queryString: queryString
|
|
176
|
+
/* console.log('page change reported', {
|
|
177
|
+
currentPage: currentPage,
|
|
178
|
+
pageNumber: pageNumber,
|
|
179
|
+
pathname: pathname,
|
|
180
|
+
path: path,
|
|
181
|
+
newPath: newPath,
|
|
182
|
+
firstPage: pageNumber === 1,
|
|
183
|
+
queryString: queryString
|
|
184
184
|
}) */
|
|
185
185
|
|
|
186
186
|
if (pageview) {
|
|
@@ -195,26 +195,26 @@ var MasterDeck = function (_React$Component) {
|
|
|
195
195
|
}
|
|
196
196
|
}, _this.cardLoader = function (page, columns, variant) {
|
|
197
197
|
var numberOfItemsBeforeAd = 6;
|
|
198
|
-
return
|
|
198
|
+
return React.createElement(
|
|
199
199
|
'div',
|
|
200
200
|
null,
|
|
201
201
|
_this.state.data && _this.state.data.length > 0 ? _this.state.data.map(function (row, index) {
|
|
202
202
|
var pageNumber = row.pageNumber || _this.state.page;
|
|
203
203
|
|
|
204
|
-
return
|
|
205
|
-
|
|
204
|
+
return React.createElement(
|
|
205
|
+
React.Fragment,
|
|
206
206
|
{ key: index },
|
|
207
|
-
|
|
207
|
+
React.createElement(
|
|
208
208
|
VisibilitySensor,
|
|
209
209
|
{
|
|
210
210
|
onChange: function onChange(isVisible) {
|
|
211
211
|
isVisible && _this.changePageNumber(pageNumber);
|
|
212
212
|
} },
|
|
213
|
-
|
|
213
|
+
React.createElement(
|
|
214
214
|
'div',
|
|
215
215
|
null,
|
|
216
|
-
|
|
217
|
-
|
|
216
|
+
React.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
|
|
217
|
+
main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React.createElement(
|
|
218
218
|
'div',
|
|
219
219
|
{ className: 'ad-container', style: { margin: '0 auto' } },
|
|
220
220
|
_this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
|
|
@@ -222,13 +222,13 @@ var MasterDeck = function (_React$Component) {
|
|
|
222
222
|
)
|
|
223
223
|
)
|
|
224
224
|
);
|
|
225
|
-
}) :
|
|
225
|
+
}) : React.createElement(
|
|
226
226
|
'div',
|
|
227
227
|
null,
|
|
228
|
-
|
|
228
|
+
React.createElement(
|
|
229
229
|
'h5',
|
|
230
230
|
null,
|
|
231
|
-
|
|
231
|
+
React.createElement(
|
|
232
232
|
'em',
|
|
233
233
|
null,
|
|
234
234
|
'New content coming soon, please check back later.'
|
|
@@ -238,7 +238,7 @@ var MasterDeck = function (_React$Component) {
|
|
|
238
238
|
);
|
|
239
239
|
}, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
|
|
240
240
|
var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
|
|
241
|
-
return
|
|
241
|
+
return React.createElement(
|
|
242
242
|
'div',
|
|
243
243
|
{ className: 'ad-container', style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
|
|
244
244
|
rightItems[i].component
|
|
@@ -246,15 +246,15 @@ var MasterDeck = function (_React$Component) {
|
|
|
246
246
|
}, _this.renderManualPagination = function () {
|
|
247
247
|
var currentPage = _this.state.currentPage;
|
|
248
248
|
|
|
249
|
-
return
|
|
249
|
+
return React.createElement(
|
|
250
250
|
'div',
|
|
251
251
|
{ className: 'd-flex justify-content-between' },
|
|
252
|
-
currentPage && currentPage > 1 &&
|
|
252
|
+
currentPage && currentPage > 1 && React.createElement(
|
|
253
253
|
'a',
|
|
254
254
|
{ href: '?page=' + (currentPage - 1) },
|
|
255
255
|
'<< Previous'
|
|
256
256
|
),
|
|
257
|
-
|
|
257
|
+
React.createElement(
|
|
258
258
|
'a',
|
|
259
259
|
{ href: '?page=' + (currentPage + 1) },
|
|
260
260
|
'Next >>'
|
|
@@ -298,38 +298,38 @@ var MasterDeck = function (_React$Component) {
|
|
|
298
298
|
page = _props.page;
|
|
299
299
|
|
|
300
300
|
|
|
301
|
-
return
|
|
301
|
+
return React.createElement(
|
|
302
302
|
'div',
|
|
303
303
|
{ className: 'contentDeck' },
|
|
304
|
-
autoScroll ?
|
|
305
|
-
|
|
304
|
+
autoScroll ? React.createElement(
|
|
305
|
+
React.Fragment,
|
|
306
306
|
null,
|
|
307
|
-
|
|
307
|
+
React.createElement(
|
|
308
308
|
InfiniteScroll,
|
|
309
309
|
{ dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
|
|
310
|
-
|
|
310
|
+
React.createElement(
|
|
311
311
|
Container,
|
|
312
312
|
null,
|
|
313
313
|
this.cardLoader(page, columns, variant)
|
|
314
314
|
)
|
|
315
315
|
),
|
|
316
|
-
|
|
316
|
+
React.createElement(
|
|
317
317
|
'noscript',
|
|
318
318
|
null,
|
|
319
319
|
this.renderManualPagination()
|
|
320
320
|
)
|
|
321
|
-
) :
|
|
322
|
-
|
|
321
|
+
) : React.createElement(
|
|
322
|
+
React.Fragment,
|
|
323
323
|
null,
|
|
324
|
-
|
|
324
|
+
React.createElement(
|
|
325
325
|
Container,
|
|
326
326
|
null,
|
|
327
327
|
this.cardLoader(page, columns, variant)
|
|
328
328
|
),
|
|
329
|
-
|
|
329
|
+
React.createElement(
|
|
330
330
|
'div',
|
|
331
331
|
{ style: { padding: '0px 10px' } },
|
|
332
|
-
this.state.scrolling ?
|
|
332
|
+
this.state.scrolling ? React.createElement(
|
|
333
333
|
'button',
|
|
334
334
|
{
|
|
335
335
|
style: { margin: 'auto', width: '100%' },
|
|
@@ -337,17 +337,17 @@ var MasterDeck = function (_React$Component) {
|
|
|
337
337
|
_this3.loadMore();
|
|
338
338
|
} },
|
|
339
339
|
'Load More'
|
|
340
|
-
) :
|
|
340
|
+
) : React.createElement(
|
|
341
341
|
'p',
|
|
342
342
|
{ style: { textAlign: 'center' } },
|
|
343
|
-
|
|
343
|
+
React.createElement(
|
|
344
344
|
'b',
|
|
345
345
|
null,
|
|
346
346
|
'End of data'
|
|
347
347
|
)
|
|
348
348
|
)
|
|
349
349
|
),
|
|
350
|
-
|
|
350
|
+
React.createElement(
|
|
351
351
|
'noscript',
|
|
352
352
|
null,
|
|
353
353
|
this.renderManualPagination()
|
|
@@ -358,7 +358,7 @@ var MasterDeck = function (_React$Component) {
|
|
|
358
358
|
}]);
|
|
359
359
|
|
|
360
360
|
return MasterDeck;
|
|
361
|
-
}(
|
|
361
|
+
}(React.Component);
|
|
362
362
|
|
|
363
363
|
var MasterDeck$1 = withRouter(MasterDeck);
|
|
364
364
|
|