@micromag/screen-gallery-feed 0.2.401 → 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.
Files changed (3) hide show
  1. package/es/index.js +23 -19
  2. package/lib/index.js +23 -19
  3. package/package.json +12 -12
package/es/index.js CHANGED
@@ -31,6 +31,7 @@ var propTypes = {
31
31
  background: PropTypes$1.backgroundElement,
32
32
  callToAction: PropTypes$1.callToAction,
33
33
  current: PropTypes.bool,
34
+ active: PropTypes.bool,
34
35
  transitions: PropTypes$1.transitions,
35
36
  transitionStagger: PropTypes.number,
36
37
  type: PropTypes.string,
@@ -44,6 +45,7 @@ var defaultProps = {
44
45
  background: null,
45
46
  callToAction: null,
46
47
  current: true,
48
+ active: true,
47
49
  transitions: null,
48
50
  transitionStagger: 75,
49
51
  type: null,
@@ -60,6 +62,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
60
62
  background = _ref.background,
61
63
  callToAction = _ref.callToAction,
62
64
  current = _ref.current,
65
+ active = _ref.active,
63
66
  transitions = _ref.transitions,
64
67
  transitionStagger = _ref.transitionStagger,
65
68
  type = _ref.type,
@@ -239,7 +242,8 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
239
242
  background: background,
240
243
  width: width,
241
244
  height: height,
242
- playing: backgroundPlaying
245
+ playing: backgroundPlaying,
246
+ shouldLoad: current || active
243
247
  }) : null, /*#__PURE__*/React.createElement(Container, {
244
248
  width: width,
245
249
  height: height
@@ -310,8 +314,8 @@ var definition = [{
310
314
  type: 'screen',
311
315
  group: {
312
316
  label: defineMessage({
313
- "id": "6mX2ya",
314
- "defaultMessage": [{
317
+ id: "6mX2ya",
318
+ defaultMessage: [{
315
319
  "type": 0,
316
320
  "value": "Images"
317
321
  }]
@@ -319,8 +323,8 @@ var definition = [{
319
323
  order: 4
320
324
  },
321
325
  title: defineMessage({
322
- "id": "4bHvRS",
323
- "defaultMessage": [{
326
+ id: "4bHvRS",
327
+ defaultMessage: [{
324
328
  "type": 0,
325
329
  "value": "Gallery Feed"
326
330
  }]
@@ -332,8 +336,8 @@ var definition = [{
332
336
  name: 'images',
333
337
  type: 'visuals',
334
338
  label: defineMessage({
335
- "id": "muYwrB",
336
- "defaultMessage": [{
339
+ id: "muYwrB",
340
+ defaultMessage: [{
337
341
  "type": 0,
338
342
  "value": "Images"
339
343
  }]
@@ -342,8 +346,8 @@ var definition = [{
342
346
  name: 'background',
343
347
  type: 'background',
344
348
  label: defineMessage({
345
- "id": "+MPZRu",
346
- "defaultMessage": [{
349
+ id: "+MPZRu",
350
+ defaultMessage: [{
347
351
  "type": 0,
348
352
  "value": "Background"
349
353
  }]
@@ -362,8 +366,8 @@ var definition = [{
362
366
  type: 'screen',
363
367
  group: {
364
368
  label: defineMessage({
365
- "id": "6mX2ya",
366
- "defaultMessage": [{
369
+ id: "6mX2ya",
370
+ defaultMessage: [{
367
371
  "type": 0,
368
372
  "value": "Images"
369
373
  }]
@@ -371,8 +375,8 @@ var definition = [{
371
375
  order: 4
372
376
  },
373
377
  title: defineMessage({
374
- "id": "XTJGzY",
375
- "defaultMessage": [{
378
+ id: "XTJGzY",
379
+ defaultMessage: [{
376
380
  "type": 0,
377
381
  "value": "Gallery feed with captions"
378
382
  }]
@@ -385,8 +389,8 @@ var definition = [{
385
389
  type: 'screen-layout',
386
390
  defaultValue: 'normal',
387
391
  label: defineMessage({
388
- "id": "4iBXj2",
389
- "defaultMessage": [{
392
+ id: "4iBXj2",
393
+ defaultMessage: [{
390
394
  "type": 0,
391
395
  "value": "Layout"
392
396
  }]
@@ -400,8 +404,8 @@ var definition = [{
400
404
  }
401
405
  },
402
406
  label: defineMessage({
403
- "id": "T9NZPQ",
404
- "defaultMessage": [{
407
+ id: "T9NZPQ",
408
+ defaultMessage: [{
405
409
  "type": 0,
406
410
  "value": "Images"
407
411
  }]
@@ -410,8 +414,8 @@ var definition = [{
410
414
  name: 'background',
411
415
  type: 'background',
412
416
  label: defineMessage({
413
- "id": "+MPZRu",
414
- "defaultMessage": [{
417
+ id: "+MPZRu",
418
+ defaultMessage: [{
415
419
  "type": 0,
416
420
  "value": "Background"
417
421
  }]
package/lib/index.js CHANGED
@@ -53,6 +53,7 @@ var propTypes = {
53
53
  background: core.PropTypes.backgroundElement,
54
54
  callToAction: core.PropTypes.callToAction,
55
55
  current: PropTypes__default["default"].bool,
56
+ active: PropTypes__default["default"].bool,
56
57
  transitions: core.PropTypes.transitions,
57
58
  transitionStagger: PropTypes__default["default"].number,
58
59
  type: PropTypes__default["default"].string,
@@ -66,6 +67,7 @@ var defaultProps = {
66
67
  background: null,
67
68
  callToAction: null,
68
69
  current: true,
70
+ active: true,
69
71
  transitions: null,
70
72
  transitionStagger: 75,
71
73
  type: null,
@@ -82,6 +84,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
82
84
  background = _ref.background,
83
85
  callToAction = _ref.callToAction,
84
86
  current = _ref.current,
87
+ active = _ref.active,
85
88
  transitions = _ref.transitions,
86
89
  transitionStagger = _ref.transitionStagger,
87
90
  type = _ref.type,
@@ -261,7 +264,8 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
261
264
  background: background,
262
265
  width: width,
263
266
  height: height,
264
- playing: backgroundPlaying
267
+ playing: backgroundPlaying,
268
+ shouldLoad: current || active
265
269
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
266
270
  width: width,
267
271
  height: height
@@ -332,8 +336,8 @@ var definition = [{
332
336
  type: 'screen',
333
337
  group: {
334
338
  label: reactIntl.defineMessage({
335
- "id": "6mX2ya",
336
- "defaultMessage": [{
339
+ id: "6mX2ya",
340
+ defaultMessage: [{
337
341
  "type": 0,
338
342
  "value": "Images"
339
343
  }]
@@ -341,8 +345,8 @@ var definition = [{
341
345
  order: 4
342
346
  },
343
347
  title: reactIntl.defineMessage({
344
- "id": "4bHvRS",
345
- "defaultMessage": [{
348
+ id: "4bHvRS",
349
+ defaultMessage: [{
346
350
  "type": 0,
347
351
  "value": "Gallery Feed"
348
352
  }]
@@ -354,8 +358,8 @@ var definition = [{
354
358
  name: 'images',
355
359
  type: 'visuals',
356
360
  label: reactIntl.defineMessage({
357
- "id": "muYwrB",
358
- "defaultMessage": [{
361
+ id: "muYwrB",
362
+ defaultMessage: [{
359
363
  "type": 0,
360
364
  "value": "Images"
361
365
  }]
@@ -364,8 +368,8 @@ var definition = [{
364
368
  name: 'background',
365
369
  type: 'background',
366
370
  label: reactIntl.defineMessage({
367
- "id": "+MPZRu",
368
- "defaultMessage": [{
371
+ id: "+MPZRu",
372
+ defaultMessage: [{
369
373
  "type": 0,
370
374
  "value": "Background"
371
375
  }]
@@ -384,8 +388,8 @@ var definition = [{
384
388
  type: 'screen',
385
389
  group: {
386
390
  label: reactIntl.defineMessage({
387
- "id": "6mX2ya",
388
- "defaultMessage": [{
391
+ id: "6mX2ya",
392
+ defaultMessage: [{
389
393
  "type": 0,
390
394
  "value": "Images"
391
395
  }]
@@ -393,8 +397,8 @@ var definition = [{
393
397
  order: 4
394
398
  },
395
399
  title: reactIntl.defineMessage({
396
- "id": "XTJGzY",
397
- "defaultMessage": [{
400
+ id: "XTJGzY",
401
+ defaultMessage: [{
398
402
  "type": 0,
399
403
  "value": "Gallery feed with captions"
400
404
  }]
@@ -407,8 +411,8 @@ var definition = [{
407
411
  type: 'screen-layout',
408
412
  defaultValue: 'normal',
409
413
  label: reactIntl.defineMessage({
410
- "id": "4iBXj2",
411
- "defaultMessage": [{
414
+ id: "4iBXj2",
415
+ defaultMessage: [{
412
416
  "type": 0,
413
417
  "value": "Layout"
414
418
  }]
@@ -422,8 +426,8 @@ var definition = [{
422
426
  }
423
427
  },
424
428
  label: reactIntl.defineMessage({
425
- "id": "T9NZPQ",
426
- "defaultMessage": [{
429
+ id: "T9NZPQ",
430
+ defaultMessage: [{
427
431
  "type": 0,
428
432
  "value": "Images"
429
433
  }]
@@ -432,8 +436,8 @@ var definition = [{
432
436
  name: 'background',
433
437
  type: 'background',
434
438
  label: reactIntl.defineMessage({
435
- "id": "+MPZRu",
436
- "defaultMessage": [{
439
+ id: "+MPZRu",
440
+ defaultMessage: [{
437
441
  "type": 0,
438
442
  "value": "Background"
439
443
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-gallery-feed",
3
- "version": "0.2.401",
3
+ "version": "0.2.406",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,16 +49,16 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.2.401",
53
- "@micromag/element-background": "^0.2.401",
54
- "@micromag/element-call-to-action": "^0.2.401",
55
- "@micromag/element-container": "^0.2.401",
56
- "@micromag/element-layout": "^0.2.401",
57
- "@micromag/element-scroll": "^0.2.401",
58
- "@micromag/element-stack": "^0.2.401",
59
- "@micromag/element-text": "^0.2.401",
60
- "@micromag/element-visual": "^0.2.401",
61
- "@micromag/transforms": "^0.2.401",
52
+ "@micromag/core": "^0.2.405",
53
+ "@micromag/element-background": "^0.2.406",
54
+ "@micromag/element-call-to-action": "^0.2.405",
55
+ "@micromag/element-container": "^0.2.405",
56
+ "@micromag/element-layout": "^0.2.405",
57
+ "@micromag/element-scroll": "^0.2.405",
58
+ "@micromag/element-stack": "^0.2.405",
59
+ "@micromag/element-text": "^0.2.405",
60
+ "@micromag/element-visual": "^0.2.406",
61
+ "@micromag/transforms": "^0.2.405",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "fd03ec6d9decc9e18d6088a36e47c7b1e0e72b4c"
71
+ "gitHead": "5e1a6de73674624b0cb3f9701140ea8850e6f35e"
72
72
  }