@micromag/screen-image-360 0.3.430 → 0.3.433

package/es/index.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import 'whatwg-fetch';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
-import { ScreenElement, PlaceholderVideo360, Transitions } from '@micromag/core/components';
+import { ScreenElement, PlaceholderVideo360 } from '@micromag/core/components';
 import { useScreenRenderContext, useScreenSize, useViewerNavigation, useViewerWebView, useViewerContext, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
 import { useTrackScreenEvent, useAnimationFrame } from '@micromag/core/hooks';
 import { isHeaderFilled, isFooterFilled, getFooterProps } from '@micromag/core/utils';
@@ -83,7 +83,6 @@ var propTypes = {
   footer: PropTypes$1.footer,
   current: PropTypes.bool,
   active: PropTypes.bool,
-  transitions: PropTypes$1.transitions,
   type: PropTypes.string,
   spacing: PropTypes.number,
   className: PropTypes.string
@@ -96,7 +95,6 @@ var defaultProps = {
   footer: null,
   current: true,
   active: true,
-  transitions: null,
   type: null,
   spacing: 20,
   className: null
@@ -109,7 +107,6 @@ var Image360Screen = function Image360Screen(_ref) {
     footer = _ref.footer,
     current = _ref.current,
     active = _ref.active,
-    transitions = _ref.transitions,
     type = _ref.type,
     spacing = _ref.spacing,
     className = _ref.className;
@@ -157,8 +154,6 @@ var Image360Screen = function Image360Screen(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     ready = _useState2[0],
     setReady = _useState2[1];
-  var transitionPlaying = current && ready;
-  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var _ref2 = image || {},
     _ref2$metadata = _ref2.metadata,
     imageMetadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
@@ -409,11 +404,6 @@ var Image360Screen = function Image360Screen(_ref) {
       }]
     }),
     isEmpty: !withSphere
-  }, /*#__PURE__*/React.createElement(Transitions, {
-    playing: transitionPlaying,
-    transitions: transitions,
-    disabled: transitionDisabled,
-    fullscreen: true
   }, withSphere ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("canvas", {
     ref: canvasRef,
     className: styles.canvas
@@ -446,7 +436,7 @@ var Image360Screen = function Image360Screen(_ref) {
     height: resizedImageHeight,
     resolution: resolution,
     shouldLoad: mediaShouldLoad
-  })))), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
+  }))), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
     className: styles.footer,
     style: {
       transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
@@ -470,7 +460,6 @@ var Image360Screen = function Image360Screen(_ref) {
 };
 Image360Screen.propTypes = propTypes;
 Image360Screen.defaultProps = defaultProps;
-var Image360Screen$1 = /*#__PURE__*/React.memo(Image360Screen);
 
 var transform = function transform(newStory, _ref) {
   var video = _ref.video;
@@ -515,7 +504,7 @@ var definition = {
       "value": "360 Video"
     }]
   }),
-  component: Image360Screen$1,
+  component: Image360Screen,
   layouts: ['full'],
   transforms: transforms,
   fields: [{
@@ -583,4 +572,4 @@ var definition = {
   }]
 };
 
-export { Image360Screen$1 as Image360Screen, definition as default };
+export { Image360Screen, definition as default };

package/lib/index.js

@@ -87,7 +87,6 @@ var propTypes = {
   footer: core.PropTypes.footer,
   current: PropTypes.bool,
   active: PropTypes.bool,
-  transitions: core.PropTypes.transitions,
   type: PropTypes.string,
   spacing: PropTypes.number,
   className: PropTypes.string
@@ -100,7 +99,6 @@ var defaultProps = {
   footer: null,
   current: true,
   active: true,
-  transitions: null,
   type: null,
   spacing: 20,
   className: null
@@ -113,7 +111,6 @@ var Image360Screen = function Image360Screen(_ref) {
     footer = _ref.footer,
     current = _ref.current,
     active = _ref.active,
-    transitions = _ref.transitions,
     type = _ref.type,
     spacing = _ref.spacing,
     className = _ref.className;
@@ -161,8 +158,6 @@ var Image360Screen = function Image360Screen(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     ready = _useState2[0],
     setReady = _useState2[1];
-  var transitionPlaying = current && ready;
-  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var _ref2 = image || {},
     _ref2$metadata = _ref2.metadata,
     imageMetadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
@@ -413,11 +408,6 @@ var Image360Screen = function Image360Screen(_ref) {
       }]
     }),
     isEmpty: !withSphere
-  }, /*#__PURE__*/React.createElement(components.Transitions, {
-    playing: transitionPlaying,
-    transitions: transitions,
-    disabled: transitionDisabled,
-    fullscreen: true
   }, withSphere ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("canvas", {
     ref: canvasRef,
     className: styles.canvas
@@ -450,7 +440,7 @@ var Image360Screen = function Image360Screen(_ref) {
     height: resizedImageHeight,
     resolution: resolution,
     shouldLoad: mediaShouldLoad
-  })))), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
+  }))), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
     className: styles.footer,
     style: {
       transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
@@ -474,7 +464,6 @@ var Image360Screen = function Image360Screen(_ref) {
 };
 Image360Screen.propTypes = propTypes;
 Image360Screen.defaultProps = defaultProps;
-var Image360Screen$1 = /*#__PURE__*/React.memo(Image360Screen);
 
 var transform = function transform(newStory, _ref) {
   var video = _ref.video;
@@ -519,7 +508,7 @@ var definition = {
       "value": "360 Video"
     }]
   }),
-  component: Image360Screen$1,
+  component: Image360Screen,
   layouts: ['full'],
   transforms: transforms,
   fields: [{
@@ -587,5 +576,5 @@ var definition = {
   }]
 };
 
-exports.Image360Screen = Image360Screen$1;
+exports.Image360Screen = Image360Screen;
 exports.default = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-image-360",
-    "version": "0.3.430",
+    "version": "0.3.433",
     "private": false,
     "description": "",
     "keywords": [
@@ -59,15 +59,15 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.430",
-        "@micromag/element-background": "^0.3.430",
-        "@micromag/element-closed-captions": "^0.3.430",
-        "@micromag/element-container": "^0.3.430",
-        "@micromag/element-footer": "^0.3.430",
-        "@micromag/element-header": "^0.3.430",
-        "@micromag/element-image": "^0.3.430",
-        "@micromag/element-video": "^0.3.430",
-        "@micromag/transforms": "^0.3.430",
+        "@micromag/core": "^0.3.433",
+        "@micromag/element-background": "^0.3.433",
+        "@micromag/element-closed-captions": "^0.3.433",
+        "@micromag/element-container": "^0.3.433",
+        "@micromag/element-footer": "^0.3.433",
+        "@micromag/element-header": "^0.3.433",
+        "@micromag/element-image": "^0.3.433",
+        "@micromag/element-video": "^0.3.433",
+        "@micromag/transforms": "^0.3.433",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -80,5 +80,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
+    "gitHead": "4fe51ffae9ebd9844db8014a1912df2df5122f28"
 }