@micromag/screen-video 0.3.100 → 0.3.106

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 +7 -7
  2. package/lib/index.js +7 -7
  3. package/package.json +15 -15
package/es/index.js CHANGED
@@ -87,9 +87,9 @@ var VideoScreen = function VideoScreen(_ref) {
87
87
  var _useViewerNavigation = useViewerNavigation(),
88
88
  gotoNextScreen = _useViewerNavigation.gotoNextScreen;
89
89
 
90
- var backgroundPlaying = current && (isView || isEdit);
91
- var backgroundShouldLoad = current || active || !isView;
92
- var videoShouldLoad = current || active || !isView;
90
+ var backgroundPlaying = current && (isView || isEdit); // const backgroundShouldLoad = current || active;
91
+
92
+ var mediaShouldLoad = current || active;
93
93
  var shouldGotoNextScreenOnEnd = gotoNextScreenOnEnd && isView && current; // get resized video style props
94
94
 
95
95
  var _ref2 = video || {},
@@ -334,7 +334,8 @@ var VideoScreen = function VideoScreen(_ref) {
334
334
  },
335
335
  width: resizedVideoWidth,
336
336
  height: resizedVideoHeight,
337
- resolution: resolution
337
+ resolution: resolution,
338
+ shouldLoad: mediaShouldLoad
338
339
  }) : /*#__PURE__*/React.createElement(Video, Object.assign({}, finalVideo, {
339
340
  ref: apiRef,
340
341
  className: styles.video,
@@ -348,8 +349,7 @@ var VideoScreen = function VideoScreen(_ref) {
348
349
  onEnded: onEnded,
349
350
  onVolumeChanged: onVolumeChanged,
350
351
  focusable: current && isView,
351
- preload: videoShouldLoad ? 'auto' : 'metadata' // onPosterLoaded={onPosterLoaded}
352
-
352
+ shouldLoad: mediaShouldLoad
353
353
  }))) : null), !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
354
354
  key: "bottom-content",
355
355
  className: styles.bottomContent
@@ -414,7 +414,7 @@ var VideoScreen = function VideoScreen(_ref) {
414
414
  height: height,
415
415
  resolution: resolution,
416
416
  playing: backgroundPlaying,
417
- shouldLoad: backgroundShouldLoad
417
+ shouldLoad: mediaShouldLoad
418
418
  }) : null, /*#__PURE__*/React.createElement(Container, {
419
419
  width: width,
420
420
  height: height
package/lib/index.js CHANGED
@@ -108,9 +108,9 @@ var VideoScreen = function VideoScreen(_ref) {
108
108
  var _useViewerNavigation = contexts.useViewerNavigation(),
109
109
  gotoNextScreen = _useViewerNavigation.gotoNextScreen;
110
110
 
111
- var backgroundPlaying = current && (isView || isEdit);
112
- var backgroundShouldLoad = current || active || !isView;
113
- var videoShouldLoad = current || active || !isView;
111
+ var backgroundPlaying = current && (isView || isEdit); // const backgroundShouldLoad = current || active;
112
+
113
+ var mediaShouldLoad = current || active;
114
114
  var shouldGotoNextScreenOnEnd = gotoNextScreenOnEnd && isView && current; // get resized video style props
115
115
 
116
116
  var _ref2 = video || {},
@@ -355,7 +355,8 @@ var VideoScreen = function VideoScreen(_ref) {
355
355
  },
356
356
  width: resizedVideoWidth,
357
357
  height: resizedVideoHeight,
358
- resolution: resolution
358
+ resolution: resolution,
359
+ shouldLoad: mediaShouldLoad
359
360
  }) : /*#__PURE__*/React__default["default"].createElement(Video__default["default"], Object.assign({}, finalVideo, {
360
361
  ref: apiRef,
361
362
  className: styles.video,
@@ -369,8 +370,7 @@ var VideoScreen = function VideoScreen(_ref) {
369
370
  onEnded: onEnded,
370
371
  onVolumeChanged: onVolumeChanged,
371
372
  focusable: current && isView,
372
- preload: videoShouldLoad ? 'auto' : 'metadata' // onPosterLoaded={onPosterLoaded}
373
-
373
+ shouldLoad: mediaShouldLoad
374
374
  }))) : null), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
375
375
  key: "bottom-content",
376
376
  className: styles.bottomContent
@@ -435,7 +435,7 @@ var VideoScreen = function VideoScreen(_ref) {
435
435
  height: height,
436
436
  resolution: resolution,
437
437
  playing: backgroundPlaying,
438
- shouldLoad: backgroundShouldLoad
438
+ shouldLoad: mediaShouldLoad
439
439
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
440
440
  width: width,
441
441
  height: height
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-video",
3
- "version": "0.3.100",
3
+ "version": "0.3.106",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -40,25 +40,25 @@
40
40
  "prepare": "../../scripts/prepare-package.sh"
41
41
  },
42
42
  "devDependencies": {
43
- "react": "^16.8.0 || ^17.0.0",
44
- "react-dom": "^16.8.0 || ^17.0.0"
43
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
44
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
45
45
  },
46
46
  "peerDependencies": {
47
- "react": "^16.8.0 || ^17.0.0",
48
- "react-dom": "^16.8.0 || ^17.0.0"
47
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
48
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/size": "^0.1.20",
53
- "@micromag/core": "^0.3.91",
54
- "@micromag/element-background": "^0.3.91",
55
- "@micromag/element-call-to-action": "^0.3.100",
56
- "@micromag/element-closed-captions": "^0.3.91",
57
- "@micromag/element-container": "^0.3.91",
58
- "@micromag/element-image": "^0.3.91",
59
- "@micromag/element-media-controls": "^0.3.91",
60
- "@micromag/element-video": "^0.3.91",
61
- "@micromag/transforms": "^0.3.91",
53
+ "@micromag/core": "^0.3.106",
54
+ "@micromag/element-background": "^0.3.106",
55
+ "@micromag/element-call-to-action": "^0.3.106",
56
+ "@micromag/element-closed-captions": "^0.3.106",
57
+ "@micromag/element-container": "^0.3.106",
58
+ "@micromag/element-image": "^0.3.106",
59
+ "@micromag/element-media-controls": "^0.3.106",
60
+ "@micromag/element-video": "^0.3.106",
61
+ "@micromag/transforms": "^0.3.106",
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": "bd594780d88fcd716c2d7d3c0e735e29c14c64ce"
71
+ "gitHead": "865842ef7fbdc41f89dd0891857989ded63d44c4"
72
72
  }