@micromag/screen-video 0.3.207 → 0.3.211

package/es/index.js

@@ -7,7 +7,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
-import { ScreenElement, PlaceholderVideo, Empty, Transitions } from '@micromag/core/components';
+import { ScreenElement, PlaceholderVideo, Empty } from '@micromag/core/components';
 import { useScreenSize, useScreenRenderContext, useViewerNavigation, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useViewerContainer } from '@micromag/core/contexts';
 import { useTrackScreenMedia, useActivityDetector, useMediaThumbnail } from '@micromag/core/hooks';
 import Background from '@micromag/element-background';
@@ -57,9 +57,9 @@ var VideoScreen = function VideoScreen(_ref) {
       background = _ref.background,
       callToAction = _ref.callToAction,
       current = _ref.current,
-      active = _ref.active,
-      transitions = _ref.transitions,
-      spacing = _ref.spacing,
+      active = _ref.active;
+      _ref.transitions;
+      var spacing = _ref.spacing,
       customMediaRef = _ref.mediaRef,
       className = _ref.className;
   var trackScreenMedia = useTrackScreenMedia('video');
@@ -239,10 +239,6 @@ var VideoScreen = function VideoScreen(_ref) {
       _useState8 = _slicedToArray(_useState7, 2),
       ready = _useState8[0],
       setReady = _useState8[1]; // useState(!hasVideo);
-
-
-  var transitionPlaying = current && ready;
-  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var finalVideo = useMemo(function () {
     return hasVideo ? _objectSpread(_objectSpread({}, video), {}, {
       autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
@@ -352,10 +348,6 @@ var VideoScreen = function VideoScreen(_ref) {
       paddingBottom: spacing / 2,
       paddingTop: 0
     }
-  }, /*#__PURE__*/React.createElement(Transitions, {
-    playing: transitionPlaying,
-    transitions: transitions,
-    disabled: transitionDisabled
   }, closedCaptions !== null && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React.createElement(ClosedCaptions, {
     className: styles.closedCaptions,
     media: closedCaptions,
@@ -365,7 +357,7 @@ var VideoScreen = function VideoScreen(_ref) {
     animationDisabled: isPreview,
     focusable: current && isView,
     openWebView: openWebView
-  })) : null)) : null];
+  })) : null) : null];
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.fullscreen, fullscreen), _ref7)]),
     "data-screen-ready": isStatic || isCapture || ready
@@ -375,7 +367,8 @@ var VideoScreen = function VideoScreen(_ref) {
     height: height,
     resolution: resolution,
     playing: backgroundPlaying,
-    shouldLoad: mediaShouldLoad
+    shouldLoad: mediaShouldLoad,
+    withoutVideo: isPreview
   }) : null, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height

package/lib/index.js

@@ -77,9 +77,9 @@ var VideoScreen = function VideoScreen(_ref) {
       background = _ref.background,
       callToAction = _ref.callToAction,
       current = _ref.current,
-      active = _ref.active,
-      transitions = _ref.transitions,
-      spacing = _ref.spacing,
+      active = _ref.active;
+      _ref.transitions;
+      var spacing = _ref.spacing,
       customMediaRef = _ref.mediaRef,
       className = _ref.className;
   var trackScreenMedia = hooks.useTrackScreenMedia('video');
@@ -259,10 +259,6 @@ var VideoScreen = function VideoScreen(_ref) {
       _useState8 = _slicedToArray__default["default"](_useState7, 2),
       ready = _useState8[0],
       setReady = _useState8[1]; // useState(!hasVideo);
-
-
-  var transitionPlaying = current && ready;
-  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var finalVideo = React.useMemo(function () {
     return hasVideo ? _objectSpread__default["default"](_objectSpread__default["default"]({}, video), {}, {
       autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
@@ -372,10 +368,6 @@ var VideoScreen = function VideoScreen(_ref) {
       paddingBottom: spacing / 2,
       paddingTop: 0
     }
-  }, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
-    playing: transitionPlaying,
-    transitions: transitions,
-    disabled: transitionDisabled
   }, closedCaptions !== null && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React__default["default"].createElement(ClosedCaptions__default["default"], {
     className: styles.closedCaptions,
     media: closedCaptions,
@@ -385,7 +377,7 @@ var VideoScreen = function VideoScreen(_ref) {
     animationDisabled: isPreview,
     focusable: current && isView,
     openWebView: openWebView
-  })) : null)) : null];
+  })) : null) : null];
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.fullscreen, fullscreen), _ref7)]),
     "data-screen-ready": isStatic || isCapture || ready
@@ -395,7 +387,8 @@ var VideoScreen = function VideoScreen(_ref) {
     height: height,
     resolution: resolution,
     playing: backgroundPlaying,
-    shouldLoad: mediaShouldLoad
+    shouldLoad: mediaShouldLoad,
+    withoutVideo: isPreview
   }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
     width: width,
     height: height

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-video",
-    "version": "0.3.207",
+    "version": "0.3.211",
     "description": "",
     "keywords": [
         "javascript"
@@ -50,15 +50,15 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.207",
-        "@micromag/element-background": "^0.3.207",
-        "@micromag/element-call-to-action": "^0.3.207",
-        "@micromag/element-closed-captions": "^0.3.207",
-        "@micromag/element-container": "^0.3.207",
-        "@micromag/element-image": "^0.3.207",
-        "@micromag/element-media-controls": "^0.3.207",
-        "@micromag/element-video": "^0.3.207",
-        "@micromag/transforms": "^0.3.207",
+        "@micromag/core": "^0.3.211",
+        "@micromag/element-background": "^0.3.211",
+        "@micromag/element-call-to-action": "^0.3.211",
+        "@micromag/element-closed-captions": "^0.3.211",
+        "@micromag/element-container": "^0.3.211",
+        "@micromag/element-image": "^0.3.211",
+        "@micromag/element-media-controls": "^0.3.211",
+        "@micromag/element-video": "^0.3.211",
+        "@micromag/transforms": "^0.3.211",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "e7e2958bb7e9e222cc8621b44a90f1e974dd93b6"
+    "gitHead": "2eebe38f4253de953042e9ccf1afe593c824e8e0"
 }