@mjhls/mjh-framework 1.0.440 → 1.0.442
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 +116 -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 +1903 -1935
- 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 +109 -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 +1768 -1823
- 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/cjs/DeckQueue.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
3
|
require('./_commonjsHelpers-06173234.js');
|
|
6
4
|
require('./_to-object-329a650b.js');
|
|
7
5
|
require('./web.dom.iterable-5c889cf1.js');
|
|
@@ -9,44 +7,50 @@ require('./_library-dd23b178.js');
|
|
|
9
7
|
require('./_iter-detect-234453c3.js');
|
|
10
8
|
var toConsumableArray = require('./toConsumableArray-25d0e2a3.js');
|
|
11
9
|
require('./_object-pie-68c5bcbc.js');
|
|
12
|
-
var _extends
|
|
13
|
-
var inherits
|
|
14
|
-
require('./typeof-
|
|
10
|
+
var _extends = require('./extends-60837c34.js');
|
|
11
|
+
var inherits = require('./inherits-b4036c94.js');
|
|
12
|
+
require('./typeof-0d86b91c.js');
|
|
15
13
|
var React = require('react');
|
|
16
|
-
var
|
|
17
|
-
var debounce = require('./debounce-b088070c.js');
|
|
14
|
+
var debounce = require('./debounce-420ff8a8.js');
|
|
18
15
|
require('prop-types');
|
|
19
|
-
var Container =
|
|
20
|
-
var Row =
|
|
21
|
-
var Col =
|
|
22
|
-
var Card =
|
|
16
|
+
var Container = require('react-bootstrap/Container');
|
|
17
|
+
var Row = require('react-bootstrap/Row');
|
|
18
|
+
var Col = require('react-bootstrap/Col');
|
|
19
|
+
var Card = require('react-bootstrap/Card');
|
|
23
20
|
var moment = require('./moment-66a6a284.js');
|
|
24
21
|
var Router = require('next/router');
|
|
25
|
-
var
|
|
26
|
-
var index_es = require('./index.es-ab3f2690.js');
|
|
22
|
+
var index_es = require('./index.es-44c8e726.js');
|
|
27
23
|
require('react-dom');
|
|
28
|
-
var visibilitySensor = require('./visibility-sensor-
|
|
29
|
-
var index = require('./index-
|
|
30
|
-
var index$1 = require('./index-
|
|
31
|
-
var main = require('./main-
|
|
24
|
+
var visibilitySensor = require('./visibility-sensor-a40ae0cd.js');
|
|
25
|
+
var index = require('./index-be0c82be.js');
|
|
26
|
+
var index$1 = require('./index-8a3fb0bc.js');
|
|
27
|
+
var main = require('./main-d76cde9c.js');
|
|
32
28
|
var entities = require('./entities-310b46ee.js');
|
|
33
|
-
var get
|
|
29
|
+
var get = require('./get-7a75c563.js');
|
|
30
|
+
|
|
31
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
32
|
+
|
|
33
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
34
|
+
var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
|
|
35
|
+
var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
|
|
36
|
+
var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
|
|
37
|
+
var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
|
|
34
38
|
|
|
35
39
|
var DeckQueue = function (_React$Component) {
|
|
36
|
-
inherits
|
|
40
|
+
inherits._inherits(DeckQueue, _React$Component);
|
|
37
41
|
|
|
38
42
|
function DeckQueue() {
|
|
39
43
|
var _ref;
|
|
40
44
|
|
|
41
45
|
var _temp, _this, _ret;
|
|
42
46
|
|
|
43
|
-
inherits
|
|
47
|
+
inherits._classCallCheck(this, DeckQueue);
|
|
44
48
|
|
|
45
49
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
50
|
args[_key] = arguments[_key];
|
|
47
51
|
}
|
|
48
52
|
|
|
49
|
-
return _ret = (_temp = (_this = inherits
|
|
53
|
+
return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = DeckQueue.__proto__ || inherits._Object$getPrototypeOf(DeckQueue)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
|
|
50
54
|
data: _this.data,
|
|
51
55
|
per: _this.params ? _this.params.to : 2,
|
|
52
56
|
page: _this.props.currentPage || 1,
|
|
@@ -79,7 +83,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
79
83
|
var client = _this.props.client;
|
|
80
84
|
|
|
81
85
|
|
|
82
|
-
var params = _extends
|
|
86
|
+
var params = _extends._extends({}, _this.params, { from: from, to: to
|
|
83
87
|
// const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
|
|
84
88
|
});client.fetch(query, params).then(function (dataArr) {
|
|
85
89
|
if (_this.pointer && _this.pointerArray) {
|
|
@@ -87,7 +91,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
87
91
|
dataArr = dataArr[_this.pointerArray][pointer];
|
|
88
92
|
}
|
|
89
93
|
dataArr = dataArr.map(function (item) {
|
|
90
|
-
return _extends
|
|
94
|
+
return _extends._extends({}, item, {
|
|
91
95
|
pageNumber: page
|
|
92
96
|
});
|
|
93
97
|
});
|
|
@@ -182,7 +186,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
182
186
|
var rightItems = _this.props.rightItems;
|
|
183
187
|
|
|
184
188
|
var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
|
|
185
|
-
return React__default.createElement(
|
|
189
|
+
return React__default['default'].createElement(
|
|
186
190
|
'div',
|
|
187
191
|
{ style: { display: 'flex', flex: '1 0 auto' } },
|
|
188
192
|
rightItems[i].component
|
|
@@ -190,24 +194,24 @@ var DeckQueue = function (_React$Component) {
|
|
|
190
194
|
}, _this.renderManualPagination = function () {
|
|
191
195
|
var currentPage = _this.state.currentPage;
|
|
192
196
|
|
|
193
|
-
return React__default.createElement(
|
|
197
|
+
return React__default['default'].createElement(
|
|
194
198
|
'div',
|
|
195
199
|
{ className: 'd-flex justify-content-between' },
|
|
196
|
-
currentPage && currentPage > 1 && React__default.createElement(
|
|
200
|
+
currentPage && currentPage > 1 && React__default['default'].createElement(
|
|
197
201
|
'a',
|
|
198
202
|
{ href: '?page=' + (currentPage - 1) },
|
|
199
203
|
'<< Previous'
|
|
200
204
|
),
|
|
201
|
-
React__default.createElement(
|
|
205
|
+
React__default['default'].createElement(
|
|
202
206
|
'a',
|
|
203
207
|
{ href: '?page=' + (currentPage + 1) },
|
|
204
208
|
'Next >>'
|
|
205
209
|
)
|
|
206
210
|
);
|
|
207
|
-
}, _temp), inherits
|
|
211
|
+
}, _temp), inherits._possibleConstructorReturn(_this, _ret);
|
|
208
212
|
}
|
|
209
213
|
|
|
210
|
-
inherits
|
|
214
|
+
inherits._createClass(DeckQueue, [{
|
|
211
215
|
key: 'cardLoader',
|
|
212
216
|
value: function cardLoader(page, columns, variant) {
|
|
213
217
|
var _this2 = this;
|
|
@@ -216,80 +220,80 @@ var DeckQueue = function (_React$Component) {
|
|
|
216
220
|
var lgVar = Math.floor(12 / columns);
|
|
217
221
|
var numberOfItemsBeforeAd = 6;
|
|
218
222
|
|
|
219
|
-
return React__default.createElement(
|
|
220
|
-
|
|
223
|
+
return React__default['default'].createElement(
|
|
224
|
+
Row__default['default'],
|
|
221
225
|
null,
|
|
222
226
|
this.state.data && this.state.data.map(function (row, index) {
|
|
223
227
|
var pageNumber = row.pageNumber || _this2.state.page;
|
|
224
228
|
// const thumbnailURL = get(row, 'thumbnail.asset.url', this.props.defaultImage)
|
|
225
229
|
|
|
226
|
-
return React__default.createElement(
|
|
227
|
-
React__default.Fragment,
|
|
230
|
+
return React__default['default'].createElement(
|
|
231
|
+
React__default['default'].Fragment,
|
|
228
232
|
{ key: index },
|
|
229
|
-
React__default.createElement(
|
|
233
|
+
React__default['default'].createElement(
|
|
230
234
|
visibilitySensor.VisibilitySensor,
|
|
231
235
|
{
|
|
232
236
|
onChange: function onChange(isVisible) {
|
|
233
237
|
isVisible && _this2.changePageNumber(pageNumber);
|
|
234
238
|
} },
|
|
235
|
-
React__default.createElement(
|
|
236
|
-
|
|
239
|
+
React__default['default'].createElement(
|
|
240
|
+
Col__default['default'],
|
|
237
241
|
{ md: 12, lg: lgVar, style: { display: 'flex', flex: '1 0 auto' } },
|
|
238
|
-
React__default.createElement(
|
|
239
|
-
|
|
242
|
+
React__default['default'].createElement(
|
|
243
|
+
Card__default['default'],
|
|
240
244
|
{ className: 'queue-card', style: { borderTop: '1px solid #EEE' } },
|
|
241
|
-
React__default.createElement(
|
|
242
|
-
|
|
245
|
+
React__default['default'].createElement(
|
|
246
|
+
Row__default['default'],
|
|
243
247
|
{ style: { flexDirection: mode } },
|
|
244
|
-
(row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default.createElement(
|
|
245
|
-
|
|
248
|
+
(row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default['default'].createElement(
|
|
249
|
+
Col__default['default'],
|
|
246
250
|
{ md: 12, lg: 4 },
|
|
247
|
-
React__default.createElement(
|
|
251
|
+
React__default['default'].createElement(
|
|
248
252
|
'a',
|
|
249
|
-
{ href: _this2.page + '/' + get
|
|
250
|
-
React__default.createElement(
|
|
253
|
+
{ href: _this2.page + '/' + get.get_1(row, 'url.current') },
|
|
254
|
+
React__default['default'].createElement(
|
|
251
255
|
index$1.LazyLoad,
|
|
252
256
|
{ height: _this2.props.imageHeight },
|
|
253
|
-
React__default.createElement(
|
|
257
|
+
React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
|
|
254
258
|
)
|
|
255
259
|
)
|
|
256
260
|
),
|
|
257
|
-
React__default.createElement(
|
|
258
|
-
|
|
261
|
+
React__default['default'].createElement(
|
|
262
|
+
Col__default['default'],
|
|
259
263
|
null,
|
|
260
|
-
React__default.createElement(
|
|
261
|
-
|
|
264
|
+
React__default['default'].createElement(
|
|
265
|
+
Card__default['default'].Body,
|
|
262
266
|
{ style: { padding: '20px' } },
|
|
263
|
-
row.title && React__default.createElement(
|
|
264
|
-
|
|
267
|
+
row.title && React__default['default'].createElement(
|
|
268
|
+
Card__default['default'].Title,
|
|
265
269
|
null,
|
|
266
|
-
React__default.createElement(
|
|
270
|
+
React__default['default'].createElement(
|
|
267
271
|
'a',
|
|
268
|
-
{ href: _this2.page + '/' + get
|
|
272
|
+
{ href: _this2.page + '/' + get.get_1(row, 'url.current') },
|
|
269
273
|
row.title
|
|
270
274
|
)
|
|
271
275
|
),
|
|
272
|
-
_this2.props.showPublished && row.published && React__default.createElement(
|
|
273
|
-
|
|
276
|
+
_this2.props.showPublished && row.published && React__default['default'].createElement(
|
|
277
|
+
Card__default['default'].Subtitle,
|
|
274
278
|
null,
|
|
275
279
|
moment.moment(row.published).format('MMMM DD, YYYY')
|
|
276
280
|
),
|
|
277
|
-
_this2.props.showRecent && row.recent && row.recent.title && React__default.createElement(
|
|
278
|
-
|
|
281
|
+
_this2.props.showRecent && row.recent && row.recent.title && React__default['default'].createElement(
|
|
282
|
+
Card__default['default'].Subtitle,
|
|
279
283
|
null,
|
|
280
284
|
'Recent : ',
|
|
281
|
-
React__default.createElement(
|
|
285
|
+
React__default['default'].createElement(
|
|
282
286
|
'a',
|
|
283
287
|
{ href: 'view/' + row.recent.url.current },
|
|
284
288
|
row.recent.title
|
|
285
289
|
)
|
|
286
290
|
),
|
|
287
|
-
row.summary && React__default.createElement(
|
|
288
|
-
|
|
291
|
+
row.summary && React__default['default'].createElement(
|
|
292
|
+
Card__default['default'].Text,
|
|
289
293
|
null,
|
|
290
|
-
React__default.createElement(
|
|
294
|
+
React__default['default'].createElement(
|
|
291
295
|
'a',
|
|
292
|
-
{ href: _this2.page + '/' + get
|
|
296
|
+
{ href: _this2.page + '/' + get.get_1(row, 'url.current') },
|
|
293
297
|
entities.clean_html_1(row.summary)
|
|
294
298
|
)
|
|
295
299
|
)
|
|
@@ -299,7 +303,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
299
303
|
)
|
|
300
304
|
)
|
|
301
305
|
),
|
|
302
|
-
main.
|
|
306
|
+
main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
|
|
303
307
|
);
|
|
304
308
|
})
|
|
305
309
|
);
|
|
@@ -316,29 +320,29 @@ var DeckQueue = function (_React$Component) {
|
|
|
316
320
|
page = _props.page;
|
|
317
321
|
|
|
318
322
|
|
|
319
|
-
return React__default.createElement(
|
|
323
|
+
return React__default['default'].createElement(
|
|
320
324
|
'div',
|
|
321
325
|
{ className: 'contentDeck' },
|
|
322
|
-
autoScroll ? React__default.createElement(
|
|
326
|
+
autoScroll ? React__default['default'].createElement(
|
|
323
327
|
index_es.InfiniteScroll,
|
|
324
328
|
{ dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
|
|
325
|
-
React__default.createElement(
|
|
326
|
-
|
|
329
|
+
React__default['default'].createElement(
|
|
330
|
+
Container__default['default'],
|
|
327
331
|
null,
|
|
328
332
|
this.cardLoader(page, columns, variant)
|
|
329
333
|
)
|
|
330
|
-
) : React__default.createElement(
|
|
331
|
-
React__default.Fragment,
|
|
334
|
+
) : React__default['default'].createElement(
|
|
335
|
+
React__default['default'].Fragment,
|
|
332
336
|
null,
|
|
333
|
-
React__default.createElement(
|
|
334
|
-
|
|
337
|
+
React__default['default'].createElement(
|
|
338
|
+
Container__default['default'],
|
|
335
339
|
null,
|
|
336
340
|
this.cardLoader(page, columns, variant)
|
|
337
341
|
),
|
|
338
|
-
React__default.createElement(
|
|
342
|
+
React__default['default'].createElement(
|
|
339
343
|
'div',
|
|
340
344
|
{ style: { padding: '0px 10px' } },
|
|
341
|
-
this.state.scrolling ? React__default.createElement(
|
|
345
|
+
this.state.scrolling ? React__default['default'].createElement(
|
|
342
346
|
'button',
|
|
343
347
|
{
|
|
344
348
|
style: { margin: 'auto', width: '100%' },
|
|
@@ -346,17 +350,17 @@ var DeckQueue = function (_React$Component) {
|
|
|
346
350
|
_this3.loadMore();
|
|
347
351
|
} },
|
|
348
352
|
'Load More'
|
|
349
|
-
) : React__default.createElement(
|
|
353
|
+
) : React__default['default'].createElement(
|
|
350
354
|
'p',
|
|
351
355
|
{ style: { textAlign: 'center' } },
|
|
352
|
-
React__default.createElement(
|
|
356
|
+
React__default['default'].createElement(
|
|
353
357
|
'b',
|
|
354
358
|
null,
|
|
355
359
|
'End of data'
|
|
356
360
|
)
|
|
357
361
|
)
|
|
358
362
|
),
|
|
359
|
-
React__default.createElement(
|
|
363
|
+
React__default['default'].createElement(
|
|
360
364
|
'noscript',
|
|
361
365
|
null,
|
|
362
366
|
this.renderManualPagination()
|
|
@@ -367,7 +371,7 @@ var DeckQueue = function (_React$Component) {
|
|
|
367
371
|
}]);
|
|
368
372
|
|
|
369
373
|
return DeckQueue;
|
|
370
|
-
}(React__default.Component);
|
|
374
|
+
}(React__default['default'].Component);
|
|
371
375
|
|
|
372
376
|
var Queue = Router.withRouter(DeckQueue);
|
|
373
377
|
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
3
|
require('./_commonjsHelpers-06173234.js');
|
|
6
4
|
require('./_to-object-329a650b.js');
|
|
7
5
|
require('./web.dom.iterable-5c889cf1.js');
|
|
8
6
|
var React = require('react');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var PropTypes = _interopDefault(require('prop-types'));
|
|
7
|
+
var debounce = require('./debounce-420ff8a8.js');
|
|
8
|
+
var PropTypes = require('prop-types');
|
|
12
9
|
require('react-dom');
|
|
13
|
-
var visibilitySensor = require('./visibility-sensor-
|
|
10
|
+
var visibilitySensor = require('./visibility-sensor-a40ae0cd.js');
|
|
14
11
|
var slicedToArray = require('./slicedToArray-419d467a.js');
|
|
15
12
|
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
17
|
+
|
|
16
18
|
var AD = function AD(_ref) {
|
|
17
19
|
var networkID = _ref.networkID,
|
|
18
20
|
adUnit = _ref.adUnit,
|
|
@@ -42,20 +44,20 @@ var AD = function AD(_ref) {
|
|
|
42
44
|
}
|
|
43
45
|
}, 500);
|
|
44
46
|
|
|
45
|
-
return React__default.createElement(
|
|
46
|
-
React__default.Fragment,
|
|
47
|
+
return React__default['default'].createElement(
|
|
48
|
+
React__default['default'].Fragment,
|
|
47
49
|
null,
|
|
48
|
-
!showPlaceholder && React__default.createElement(
|
|
50
|
+
!showPlaceholder && React__default['default'].createElement(
|
|
49
51
|
debounce.lib_1,
|
|
50
52
|
{
|
|
51
53
|
dfpNetworkId: networkID,
|
|
52
54
|
targetingArguments: targeting,
|
|
53
55
|
sizeMapping: sizeMapping,
|
|
54
56
|
lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
|
|
55
|
-
React__default.createElement(
|
|
57
|
+
React__default['default'].createElement(
|
|
56
58
|
'div',
|
|
57
59
|
{ className: className },
|
|
58
|
-
React__default.createElement(debounce.lib_2, {
|
|
60
|
+
React__default['default'].createElement(debounce.lib_2, {
|
|
59
61
|
slotId: slotId,
|
|
60
62
|
sizes: sizes,
|
|
61
63
|
adUnit: adUnit,
|
|
@@ -67,7 +69,7 @@ var AD = function AD(_ref) {
|
|
|
67
69
|
})
|
|
68
70
|
)
|
|
69
71
|
),
|
|
70
|
-
adRendered && showPlaceholder && React__default.createElement(
|
|
72
|
+
adRendered && showPlaceholder && React__default['default'].createElement(
|
|
71
73
|
visibilitySensor.VisibilitySensor,
|
|
72
74
|
{
|
|
73
75
|
partialVisibility: true,
|
|
@@ -76,7 +78,7 @@ var AD = function AD(_ref) {
|
|
|
76
78
|
setShowPlaceholder(false);
|
|
77
79
|
}
|
|
78
80
|
} },
|
|
79
|
-
React__default.createElement(
|
|
81
|
+
React__default['default'].createElement(
|
|
80
82
|
'div',
|
|
81
83
|
{ style: { height: 'auto' } },
|
|
82
84
|
'\xA0'
|
|
@@ -86,13 +88,13 @@ var AD = function AD(_ref) {
|
|
|
86
88
|
};
|
|
87
89
|
|
|
88
90
|
AD.propTypes = {
|
|
89
|
-
networkID:
|
|
90
|
-
adUnit:
|
|
91
|
-
slotId:
|
|
92
|
-
className:
|
|
93
|
-
sizeMapping:
|
|
94
|
-
sizes:
|
|
95
|
-
minInViewPercent:
|
|
91
|
+
networkID: PropTypes__default['default'].string.isRequired,
|
|
92
|
+
adUnit: PropTypes__default['default'].string.isRequired,
|
|
93
|
+
slotId: PropTypes__default['default'].string,
|
|
94
|
+
className: PropTypes__default['default'].string,
|
|
95
|
+
sizeMapping: PropTypes__default['default'].array,
|
|
96
|
+
sizes: PropTypes__default['default'].array,
|
|
97
|
+
minInViewPercent: PropTypes__default['default'].number
|
|
96
98
|
};
|
|
97
99
|
|
|
98
100
|
exports.default = AD;
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
3
|
require('./_commonjsHelpers-06173234.js');
|
|
6
4
|
require('./_to-object-329a650b.js');
|
|
7
5
|
require('./web.dom.iterable-5c889cf1.js');
|
|
8
6
|
var React = require('react');
|
|
9
|
-
var
|
|
10
|
-
var index = require('./index-b5eb3ff8.js');
|
|
7
|
+
var index = require('./index-be0c82be.js');
|
|
11
8
|
var slicedToArray = require('./slicedToArray-419d467a.js');
|
|
12
9
|
var reactBootstrap = require('react-bootstrap');
|
|
13
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
+
|
|
14
15
|
var urlFor = function urlFor(source, client) {
|
|
15
16
|
var builder = index.imageUrlBuilder(client);
|
|
16
17
|
return builder.image(source).auto('format');
|
|
@@ -101,21 +102,21 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
101
102
|
margin: figureMargin
|
|
102
103
|
};
|
|
103
104
|
|
|
104
|
-
return React__default.createElement(
|
|
105
|
-
React__default.Fragment,
|
|
105
|
+
return React__default['default'].createElement(
|
|
106
|
+
React__default['default'].Fragment,
|
|
106
107
|
null,
|
|
107
|
-
React__default.createElement(
|
|
108
|
+
React__default['default'].createElement(
|
|
108
109
|
reactBootstrap.Figure,
|
|
109
110
|
{ className: '' + class_name, style: figureStyle },
|
|
110
|
-
link ? React__default.createElement(
|
|
111
|
+
link ? React__default['default'].createElement(
|
|
111
112
|
'a',
|
|
112
113
|
{ target: blank ? '_blank' : '_self', href: link },
|
|
113
|
-
React__default.createElement(reactBootstrap.Figure.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor(node, client).url(), alt: alt && alt }),
|
|
114
|
-
caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
|
|
115
|
-
) : React__default.createElement(
|
|
116
|
-
React__default.Fragment,
|
|
114
|
+
React__default['default'].createElement(reactBootstrap.Figure.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor(node, client).url(), alt: alt && alt }),
|
|
115
|
+
caption && React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
|
|
116
|
+
) : React__default['default'].createElement(
|
|
117
|
+
React__default['default'].Fragment,
|
|
117
118
|
null,
|
|
118
|
-
React__default.createElement(reactBootstrap.Figure.Image, {
|
|
119
|
+
React__default['default'].createElement(reactBootstrap.Figure.Image, {
|
|
119
120
|
style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
|
|
120
121
|
className: 'figure-image',
|
|
121
122
|
src: urlFor(node, client).url(),
|
|
@@ -125,14 +126,14 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
125
126
|
setOpenImg(true);
|
|
126
127
|
}
|
|
127
128
|
}),
|
|
128
|
-
caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
|
|
129
|
+
caption && React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
|
|
129
130
|
)
|
|
130
131
|
),
|
|
131
|
-
React__default.createElement(
|
|
132
|
+
React__default['default'].createElement(
|
|
132
133
|
'div',
|
|
133
134
|
{ className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
|
|
134
|
-
React__default.createElement('img', { src: openImgSrc }),
|
|
135
|
-
React__default.createElement('a', {
|
|
135
|
+
React__default['default'].createElement('img', { src: openImgSrc }),
|
|
136
|
+
React__default['default'].createElement('a', {
|
|
136
137
|
className: 'lightbox-close',
|
|
137
138
|
onClick: function onClick() {
|
|
138
139
|
setOpenImgSrc('');
|
|
@@ -140,7 +141,7 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
140
141
|
}
|
|
141
142
|
})
|
|
142
143
|
),
|
|
143
|
-
React__default.createElement(
|
|
144
|
+
React__default['default'].createElement(
|
|
144
145
|
'style',
|
|
145
146
|
{ jsx: 'true' },
|
|
146
147
|
'\n figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n /*Eliminates padding, centers the thumbnail */\n\n /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n .lightbox-target {\n position: fixed;\n top: -100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.7);\n width: 100%;\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in-out;\n -moz-transition: opacity 0.5s ease-in-out;\n -o-transition: opacity 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n overflow: hidden;\n }\n\n .lightbox-target.close {\n opacity: 0;\n }\n\n /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n .lightbox-target img {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n max-height: 0%;\n max-width: 0%;\n border: 3px solid white;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n box-sizing: border-box;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Styles the close link, adds the slide down transition */\n\n a.lightbox-close {\n display: block;\n width: 50px;\n height: 50px;\n box-sizing: border-box;\n background: white;\n color: black;\n text-decoration: none;\n position: absolute;\n top: -80px;\n right: 0;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:before {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:after {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n\n /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n .lightbox-target.open {\n opacity: 1;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 99999;\n }\n\n .lightbox-target.open img {\n max-height: 100%;\n max-width: 100%;\n }\n\n .lightbox-target.open a.lightbox-close {\n top: 0px;\n }\n '
|
|
@@ -148,6 +149,6 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
148
149
|
);
|
|
149
150
|
};
|
|
150
151
|
|
|
151
|
-
var Figure = React__default.memo(FigureComponent, compareProps);
|
|
152
|
+
var Figure = React__default['default'].memo(FigureComponent, compareProps);
|
|
152
153
|
|
|
153
154
|
exports.default = Figure;
|