@micromag/screen-image-360 0.3.429 → 0.3.432

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';
@@ -108,9 +108,9 @@ var Image360Screen = function Image360Screen(_ref) {
     header = _ref.header,
     footer = _ref.footer,
     current = _ref.current,
-    active = _ref.active,
-    transitions = _ref.transitions,
-    type = _ref.type,
+    active = _ref.active;
+    _ref.transitions;
+    var type = _ref.type,
     spacing = _ref.spacing,
     className = _ref.className;
   var THREE = useThree();
@@ -157,8 +157,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 +407,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 +439,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 +463,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 +507,7 @@ var definition = {
       "value": "360 Video"
     }]
   }),
-  component: Image360Screen$1,
+  component: Image360Screen,
   layouts: ['full'],
   transforms: transforms,
   fields: [{
@@ -583,4 +575,4 @@ var definition = {
   }]
 };
 
-export { Image360Screen$1 as Image360Screen, definition as default };
+export { Image360Screen, definition as default };

package/lib/index.js

@@ -112,9 +112,9 @@ var Image360Screen = function Image360Screen(_ref) {
     header = _ref.header,
     footer = _ref.footer,
     current = _ref.current,
-    active = _ref.active,
-    transitions = _ref.transitions,
-    type = _ref.type,
+    active = _ref.active;
+    _ref.transitions;
+    var type = _ref.type,
     spacing = _ref.spacing,
     className = _ref.className;
   var THREE = useThree();
@@ -161,8 +161,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 +411,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 +443,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 +467,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 +511,7 @@ var definition = {
       "value": "360 Video"
     }]
   }),
-  component: Image360Screen$1,
+  component: Image360Screen,
   layouts: ['full'],
   transforms: transforms,
   fields: [{
@@ -587,5 +579,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.429",
+    "version": "0.3.432",
     "private": false,
     "description": "",
     "keywords": [
@@ -59,15 +59,15 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.429",
-        "@micromag/element-background": "^0.3.429",
-        "@micromag/element-closed-captions": "^0.3.429",
-        "@micromag/element-container": "^0.3.429",
-        "@micromag/element-footer": "^0.3.429",
-        "@micromag/element-header": "^0.3.429",
-        "@micromag/element-image": "^0.3.429",
-        "@micromag/element-video": "^0.3.429",
-        "@micromag/transforms": "^0.3.429",
+        "@micromag/core": "^0.3.432",
+        "@micromag/element-background": "^0.3.432",
+        "@micromag/element-closed-captions": "^0.3.432",
+        "@micromag/element-container": "^0.3.432",
+        "@micromag/element-footer": "^0.3.432",
+        "@micromag/element-header": "^0.3.432",
+        "@micromag/element-image": "^0.3.432",
+        "@micromag/element-video": "^0.3.432",
+        "@micromag/transforms": "^0.3.432",
         "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": "f15e72b88ecfda4c54b87626513149b58572c52b"
+    "gitHead": "01df977a7eb5166425c0078c2369ea240549f386"
 }