@micromag/screen-gallery 0.2.405 → 0.2.406
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/es/index.js +7 -3
- package/lib/index.js +7 -3
- package/package.json +4 -4
package/es/index.js
CHANGED
|
@@ -207,6 +207,7 @@ var propTypes = {
|
|
|
207
207
|
background: PropTypes$1.backgroundElement,
|
|
208
208
|
callToAction: PropTypes$1.callToAction,
|
|
209
209
|
current: PropTypes.bool,
|
|
210
|
+
active: PropTypes.bool,
|
|
210
211
|
transitions: PropTypes$1.transitions,
|
|
211
212
|
transitionStagger: PropTypes.number,
|
|
212
213
|
className: PropTypes.string
|
|
@@ -220,12 +221,13 @@ var defaultProps = {
|
|
|
220
221
|
background: null,
|
|
221
222
|
callToAction: null,
|
|
222
223
|
current: true,
|
|
224
|
+
active: true,
|
|
223
225
|
transitions: null,
|
|
224
226
|
transitionStagger: 50,
|
|
225
227
|
className: null
|
|
226
228
|
};
|
|
227
229
|
|
|
228
|
-
function GalleryScreen(_ref) {
|
|
230
|
+
var GalleryScreen = function GalleryScreen(_ref) {
|
|
229
231
|
var _ref6;
|
|
230
232
|
|
|
231
233
|
var layout = _ref.layout,
|
|
@@ -234,6 +236,7 @@ function GalleryScreen(_ref) {
|
|
|
234
236
|
background = _ref.background,
|
|
235
237
|
callToAction = _ref.callToAction,
|
|
236
238
|
current = _ref.current,
|
|
239
|
+
active = _ref.active,
|
|
237
240
|
spacing = _ref.spacing,
|
|
238
241
|
captionMaxLines = _ref.captionMaxLines,
|
|
239
242
|
transitions = _ref.transitions,
|
|
@@ -400,7 +403,8 @@ function GalleryScreen(_ref) {
|
|
|
400
403
|
background: background,
|
|
401
404
|
width: width,
|
|
402
405
|
height: height,
|
|
403
|
-
playing: backgroundPlaying
|
|
406
|
+
playing: backgroundPlaying,
|
|
407
|
+
shouldLoad: current || active
|
|
404
408
|
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
405
409
|
width: width,
|
|
406
410
|
height: height
|
|
@@ -426,7 +430,7 @@ function GalleryScreen(_ref) {
|
|
|
426
430
|
animationDisabled: isPreview,
|
|
427
431
|
focusable: current && isView
|
|
428
432
|
})) : null)));
|
|
429
|
-
}
|
|
433
|
+
};
|
|
430
434
|
|
|
431
435
|
GalleryScreen.propTypes = propTypes;
|
|
432
436
|
GalleryScreen.defaultProps = defaultProps;
|
package/lib/index.js
CHANGED
|
@@ -229,6 +229,7 @@ var propTypes = {
|
|
|
229
229
|
background: core.PropTypes.backgroundElement,
|
|
230
230
|
callToAction: core.PropTypes.callToAction,
|
|
231
231
|
current: PropTypes__default["default"].bool,
|
|
232
|
+
active: PropTypes__default["default"].bool,
|
|
232
233
|
transitions: core.PropTypes.transitions,
|
|
233
234
|
transitionStagger: PropTypes__default["default"].number,
|
|
234
235
|
className: PropTypes__default["default"].string
|
|
@@ -242,12 +243,13 @@ var defaultProps = {
|
|
|
242
243
|
background: null,
|
|
243
244
|
callToAction: null,
|
|
244
245
|
current: true,
|
|
246
|
+
active: true,
|
|
245
247
|
transitions: null,
|
|
246
248
|
transitionStagger: 50,
|
|
247
249
|
className: null
|
|
248
250
|
};
|
|
249
251
|
|
|
250
|
-
function GalleryScreen(_ref) {
|
|
252
|
+
var GalleryScreen = function GalleryScreen(_ref) {
|
|
251
253
|
var _ref6;
|
|
252
254
|
|
|
253
255
|
var layout = _ref.layout,
|
|
@@ -256,6 +258,7 @@ function GalleryScreen(_ref) {
|
|
|
256
258
|
background = _ref.background,
|
|
257
259
|
callToAction = _ref.callToAction,
|
|
258
260
|
current = _ref.current,
|
|
261
|
+
active = _ref.active,
|
|
259
262
|
spacing = _ref.spacing,
|
|
260
263
|
captionMaxLines = _ref.captionMaxLines,
|
|
261
264
|
transitions = _ref.transitions,
|
|
@@ -422,7 +425,8 @@ function GalleryScreen(_ref) {
|
|
|
422
425
|
background: background,
|
|
423
426
|
width: width,
|
|
424
427
|
height: height,
|
|
425
|
-
playing: backgroundPlaying
|
|
428
|
+
playing: backgroundPlaying,
|
|
429
|
+
shouldLoad: current || active
|
|
426
430
|
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
427
431
|
width: width,
|
|
428
432
|
height: height
|
|
@@ -448,7 +452,7 @@ function GalleryScreen(_ref) {
|
|
|
448
452
|
animationDisabled: isPreview,
|
|
449
453
|
focusable: current && isView
|
|
450
454
|
})) : null)));
|
|
451
|
-
}
|
|
455
|
+
};
|
|
452
456
|
|
|
453
457
|
GalleryScreen.propTypes = propTypes;
|
|
454
458
|
GalleryScreen.defaultProps = defaultProps;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-gallery",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.406",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -50,13 +50,13 @@
|
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
52
|
"@micromag/core": "^0.2.405",
|
|
53
|
-
"@micromag/element-background": "^0.2.
|
|
53
|
+
"@micromag/element-background": "^0.2.406",
|
|
54
54
|
"@micromag/element-call-to-action": "^0.2.405",
|
|
55
55
|
"@micromag/element-container": "^0.2.405",
|
|
56
56
|
"@micromag/element-grid": "^0.2.405",
|
|
57
57
|
"@micromag/element-layout": "^0.2.405",
|
|
58
58
|
"@micromag/element-text": "^0.2.405",
|
|
59
|
-
"@micromag/element-visual": "^0.2.
|
|
59
|
+
"@micromag/element-visual": "^0.2.406",
|
|
60
60
|
"@micromag/transforms": "^0.2.405",
|
|
61
61
|
"classnames": "^2.2.6",
|
|
62
62
|
"lodash": "^4.17.21",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "5e1a6de73674624b0cb3f9701140ea8850e6f35e"
|
|
71
71
|
}
|