@micromag/screen-video 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 +15 -13
  2. package/lib/index.js +15 -13
  3. package/package.json +11 -11
package/es/index.js CHANGED
@@ -28,7 +28,7 @@ var propTypes = {
28
28
  background: PropTypes$1.backgroundElement,
29
29
  callToAction: PropTypes$1.callToAction,
30
30
  current: PropTypes.bool,
31
- // active: PropTypes.bool,
31
+ active: PropTypes.bool,
32
32
  transitions: PropTypes$1.transitions,
33
33
  spacing: PropTypes.number,
34
34
  getMediaRef: PropTypes.func,
@@ -40,7 +40,7 @@ var defaultProps = {
40
40
  background: null,
41
41
  callToAction: null,
42
42
  current: true,
43
- // active: true,
43
+ active: true,
44
44
  transitions: null,
45
45
  spacing: 20,
46
46
  getMediaRef: null,
@@ -55,6 +55,7 @@ var VideoScreen = function VideoScreen(_ref) {
55
55
  background = _ref.background,
56
56
  callToAction = _ref.callToAction,
57
57
  current = _ref.current,
58
+ active = _ref.active,
58
59
  transitions = _ref.transitions,
59
60
  spacing = _ref.spacing,
60
61
  getMediaRef = _ref.getMediaRef,
@@ -319,7 +320,8 @@ var VideoScreen = function VideoScreen(_ref) {
319
320
  background: background,
320
321
  width: width,
321
322
  height: height,
322
- playing: backgroundPlaying
323
+ playing: backgroundPlaying,
324
+ shouldLoad: current || active
323
325
  }) : null, /*#__PURE__*/React.createElement(Container, {
324
326
  width: width,
325
327
  height: height
@@ -364,8 +366,8 @@ var definition = {
364
366
  type: 'screen',
365
367
  group: {
366
368
  label: defineMessage({
367
- "id": "+9akmg",
368
- "defaultMessage": [{
369
+ id: "+9akmg",
370
+ defaultMessage: [{
369
371
  "type": 0,
370
372
  "value": "Audio and Video"
371
373
  }]
@@ -373,8 +375,8 @@ var definition = {
373
375
  order: 5
374
376
  },
375
377
  title: defineMessage({
376
- "id": "UBXIYP",
377
- "defaultMessage": [{
378
+ id: "UBXIYP",
379
+ defaultMessage: [{
378
380
  "type": 0,
379
381
  "value": "Video"
380
382
  }]
@@ -387,8 +389,8 @@ var definition = {
387
389
  type: 'screen-layout',
388
390
  defaultValue: 'middle',
389
391
  label: defineMessage({
390
- "id": "4iBXj2",
391
- "defaultMessage": [{
392
+ id: "4iBXj2",
393
+ defaultMessage: [{
392
394
  "type": 0,
393
395
  "value": "Layout"
394
396
  }]
@@ -403,8 +405,8 @@ var definition = {
403
405
  autoPlay: true
404
406
  },
405
407
  label: defineMessage({
406
- "id": "tvl2Zc",
407
- "defaultMessage": [{
408
+ id: "tvl2Zc",
409
+ defaultMessage: [{
408
410
  "type": 0,
409
411
  "value": "Video"
410
412
  }]
@@ -413,8 +415,8 @@ var definition = {
413
415
  name: 'background',
414
416
  type: 'background',
415
417
  label: defineMessage({
416
- "id": "+MPZRu",
417
- "defaultMessage": [{
418
+ id: "+MPZRu",
419
+ defaultMessage: [{
418
420
  "type": 0,
419
421
  "value": "Background"
420
422
  }]
package/lib/index.js CHANGED
@@ -49,7 +49,7 @@ var propTypes = {
49
49
  background: core.PropTypes.backgroundElement,
50
50
  callToAction: core.PropTypes.callToAction,
51
51
  current: PropTypes__default["default"].bool,
52
- // active: PropTypes.bool,
52
+ active: PropTypes__default["default"].bool,
53
53
  transitions: core.PropTypes.transitions,
54
54
  spacing: PropTypes__default["default"].number,
55
55
  getMediaRef: PropTypes__default["default"].func,
@@ -61,7 +61,7 @@ var defaultProps = {
61
61
  background: null,
62
62
  callToAction: null,
63
63
  current: true,
64
- // active: true,
64
+ active: true,
65
65
  transitions: null,
66
66
  spacing: 20,
67
67
  getMediaRef: null,
@@ -76,6 +76,7 @@ var VideoScreen = function VideoScreen(_ref) {
76
76
  background = _ref.background,
77
77
  callToAction = _ref.callToAction,
78
78
  current = _ref.current,
79
+ active = _ref.active,
79
80
  transitions = _ref.transitions,
80
81
  spacing = _ref.spacing,
81
82
  getMediaRef = _ref.getMediaRef,
@@ -340,7 +341,8 @@ var VideoScreen = function VideoScreen(_ref) {
340
341
  background: background,
341
342
  width: width,
342
343
  height: height,
343
- playing: backgroundPlaying
344
+ playing: backgroundPlaying,
345
+ shouldLoad: current || active
344
346
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
345
347
  width: width,
346
348
  height: height
@@ -385,8 +387,8 @@ var definition = {
385
387
  type: 'screen',
386
388
  group: {
387
389
  label: reactIntl.defineMessage({
388
- "id": "+9akmg",
389
- "defaultMessage": [{
390
+ id: "+9akmg",
391
+ defaultMessage: [{
390
392
  "type": 0,
391
393
  "value": "Audio and Video"
392
394
  }]
@@ -394,8 +396,8 @@ var definition = {
394
396
  order: 5
395
397
  },
396
398
  title: reactIntl.defineMessage({
397
- "id": "UBXIYP",
398
- "defaultMessage": [{
399
+ id: "UBXIYP",
400
+ defaultMessage: [{
399
401
  "type": 0,
400
402
  "value": "Video"
401
403
  }]
@@ -408,8 +410,8 @@ var definition = {
408
410
  type: 'screen-layout',
409
411
  defaultValue: 'middle',
410
412
  label: reactIntl.defineMessage({
411
- "id": "4iBXj2",
412
- "defaultMessage": [{
413
+ id: "4iBXj2",
414
+ defaultMessage: [{
413
415
  "type": 0,
414
416
  "value": "Layout"
415
417
  }]
@@ -424,8 +426,8 @@ var definition = {
424
426
  autoPlay: true
425
427
  },
426
428
  label: reactIntl.defineMessage({
427
- "id": "tvl2Zc",
428
- "defaultMessage": [{
429
+ id: "tvl2Zc",
430
+ defaultMessage: [{
429
431
  "type": 0,
430
432
  "value": "Video"
431
433
  }]
@@ -434,8 +436,8 @@ var definition = {
434
436
  name: 'background',
435
437
  type: 'background',
436
438
  label: reactIntl.defineMessage({
437
- "id": "+MPZRu",
438
- "defaultMessage": [{
439
+ id: "+MPZRu",
440
+ defaultMessage: [{
439
441
  "type": 0,
440
442
  "value": "Background"
441
443
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-video",
3
- "version": "0.2.401",
3
+ "version": "0.2.406",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,15 +50,15 @@
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/size": "^0.1.15",
53
- "@micromag/core": "^0.2.401",
54
- "@micromag/element-background": "^0.2.401",
55
- "@micromag/element-call-to-action": "^0.2.401",
56
- "@micromag/element-closed-captions": "^0.2.401",
57
- "@micromag/element-container": "^0.2.401",
58
- "@micromag/element-image": "^0.2.401",
59
- "@micromag/element-media-controls": "^0.2.401",
60
- "@micromag/element-video": "^0.2.401",
61
- "@micromag/transforms": "^0.2.401",
53
+ "@micromag/core": "^0.2.405",
54
+ "@micromag/element-background": "^0.2.406",
55
+ "@micromag/element-call-to-action": "^0.2.405",
56
+ "@micromag/element-closed-captions": "^0.2.405",
57
+ "@micromag/element-container": "^0.2.405",
58
+ "@micromag/element-image": "^0.2.406",
59
+ "@micromag/element-media-controls": "^0.2.405",
60
+ "@micromag/element-video": "^0.2.405",
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
  }