@micromag/screen-gallery 0.3.430 → 0.3.432

package/es/index.js

@@ -7,7 +7,7 @@ import isPlainObject from 'lodash/isPlainObject';
 import PropTypes from 'prop-types';
 import React, { useState, useCallback, useRef, useEffect } from 'react';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
-import { Transitions, ScreenElement } from '@micromag/core/components';
+import { ScreenElement } from '@micromag/core/components';
 import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
 import { useDimensionObserver } from '@micromag/core/hooks';
 import { isHeaderFilled, isFooterFilled, getFooterProps, isImageFilled, isTextFilled } from '@micromag/core/utils';
@@ -216,8 +216,6 @@ var propTypes = {
   footer: PropTypes$1.footer,
   current: PropTypes.bool,
   active: PropTypes.bool,
-  transitions: PropTypes$1.transitions,
-  transitionStagger: PropTypes.number,
   className: PropTypes.string
 };
 var defaultProps = {
@@ -231,8 +229,6 @@ var defaultProps = {
   footer: null,
   current: true,
   active: true,
-  transitions: null,
-  transitionStagger: 50,
   className: null
 };
 var GalleryScreen = function GalleryScreen(_ref) {
@@ -246,8 +242,6 @@ var GalleryScreen = function GalleryScreen(_ref) {
     active = _ref.active,
     spacing = _ref.spacing,
     captionMaxLines = _ref.captionMaxLines,
-    transitions = _ref.transitions,
-    transitionStagger = _ref.transitionStagger,
     className = _ref.className;
   var _useScreenSize = useScreenSize(),
     width = _useScreenSize.width,
@@ -266,9 +260,9 @@ var GalleryScreen = function GalleryScreen(_ref) {
     isView = _useScreenRenderConte.isView,
     isPreview = _useScreenRenderConte.isPreview,
     isPlaceholder = _useScreenRenderConte.isPlaceholder,
-    isEdit = _useScreenRenderConte.isEdit,
-    isStatic = _useScreenRenderConte.isStatic,
-    isCapture = _useScreenRenderConte.isCapture;
+    isEdit = _useScreenRenderConte.isEdit;
+    _useScreenRenderConte.isStatic;
+    _useScreenRenderConte.isCapture;
   var backgroundPlaying = current && (isView || isEdit);
   var mediaShouldLoad = current || active;
   var finalSpacing = isPlaceholder ? 5 : spacing;
@@ -288,8 +282,6 @@ var GalleryScreen = function GalleryScreen(_ref) {
     setImagesLoaded = _useState2[1];
   var imagesCount = images !== null ? Math.min(gridSpaces, images.length) : 0;
   var ready = imagesLoaded >= imagesCount;
-  var transitionPlaying = current && ready;
-  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var onImageLoaded = useCallback(function () {
     setImagesLoaded(function (count) {
       return count + 1;
@@ -355,12 +347,6 @@ var GalleryScreen = function GalleryScreen(_ref) {
       ref: function ref(el) {
         imagesEl.current[itemI] = el;
       }
-    }, /*#__PURE__*/React.createElement(Transitions, {
-      transitions: transitions,
-      delay: itemI * transitionStagger,
-      playing: transitionPlaying,
-      disabled: transitionDisabled,
-      fullscreen: true
     }, /*#__PURE__*/React.createElement(ScreenElement, {
       placeholder: "image",
       placeholderProps: {
@@ -388,12 +374,7 @@ var GalleryScreen = function GalleryScreen(_ref) {
       shouldLoad: mediaShouldLoad,
       withoutVideo: isPreview,
       onLoaded: onImageLoaded
-    })) : null))), withCaptions ? /*#__PURE__*/React.createElement(Transitions, {
-      transitions: transitions,
-      delay: itemI * transitionStagger,
-      playing: transitionPlaying,
-      disabled: transitionDisabled
-    }, /*#__PURE__*/React.createElement(ScreenElement, {
+    })) : null)), withCaptions ? /*#__PURE__*/React.createElement(ScreenElement, {
       placeholder: "line",
       emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
         id: "6tIigB",
@@ -409,7 +390,7 @@ var GalleryScreen = function GalleryScreen(_ref) {
     }, /*#__PURE__*/React.createElement(Text, Object.assign({}, caption, {
       className: styles.captionText,
       lineClamp: captionMaxLines
-    }))))) : null);
+    })))) : null);
   });
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
@@ -463,11 +444,10 @@ var GalleryScreen = function GalleryScreen(_ref) {
 };
 GalleryScreen.propTypes = propTypes;
 GalleryScreen.defaultProps = defaultProps;
-var GalleryScreen$1 = /*#__PURE__*/React.memo(GalleryScreen);
 
 function GalleryCaptionsScreen(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(GalleryScreen$1, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(GalleryScreen, Object.assign({}, props, {
     withCaptions: true
   }));
 }
@@ -514,7 +494,7 @@ var definition = [{
       "value": "Gallery"
     }]
   }),
-  component: GalleryScreen$1,
+  component: GalleryScreen,
   layouts: [
   // 2
   'two-vertical-equal', 'two-vertical-top', 'two-vertical-bottom',
@@ -703,4 +683,4 @@ var definition = [{
   }]
 }];
 
-export { GalleryCaptionsScreen, GalleryScreen$1 as GalleryScreen, definition as default };
+export { GalleryCaptionsScreen, GalleryScreen, definition as default };

package/lib/index.js

@@ -220,8 +220,6 @@ var propTypes = {
   footer: core.PropTypes.footer,
   current: PropTypes.bool,
   active: PropTypes.bool,
-  transitions: core.PropTypes.transitions,
-  transitionStagger: PropTypes.number,
   className: PropTypes.string
 };
 var defaultProps = {
@@ -235,8 +233,6 @@ var defaultProps = {
   footer: null,
   current: true,
   active: true,
-  transitions: null,
-  transitionStagger: 50,
   className: null
 };
 var GalleryScreen = function GalleryScreen(_ref) {
@@ -250,8 +246,6 @@ var GalleryScreen = function GalleryScreen(_ref) {
     active = _ref.active,
     spacing = _ref.spacing,
     captionMaxLines = _ref.captionMaxLines,
-    transitions = _ref.transitions,
-    transitionStagger = _ref.transitionStagger,
     className = _ref.className;
   var _useScreenSize = contexts.useScreenSize(),
     width = _useScreenSize.width,
@@ -270,9 +264,9 @@ var GalleryScreen = function GalleryScreen(_ref) {
     isView = _useScreenRenderConte.isView,
     isPreview = _useScreenRenderConte.isPreview,
     isPlaceholder = _useScreenRenderConte.isPlaceholder,
-    isEdit = _useScreenRenderConte.isEdit,
-    isStatic = _useScreenRenderConte.isStatic,
-    isCapture = _useScreenRenderConte.isCapture;
+    isEdit = _useScreenRenderConte.isEdit;
+    _useScreenRenderConte.isStatic;
+    _useScreenRenderConte.isCapture;
   var backgroundPlaying = current && (isView || isEdit);
   var mediaShouldLoad = current || active;
   var finalSpacing = isPlaceholder ? 5 : spacing;
@@ -292,8 +286,6 @@ var GalleryScreen = function GalleryScreen(_ref) {
     setImagesLoaded = _useState2[1];
   var imagesCount = images !== null ? Math.min(gridSpaces, images.length) : 0;
   var ready = imagesLoaded >= imagesCount;
-  var transitionPlaying = current && ready;
-  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var onImageLoaded = React.useCallback(function () {
     setImagesLoaded(function (count) {
       return count + 1;
@@ -359,12 +351,6 @@ var GalleryScreen = function GalleryScreen(_ref) {
       ref: function ref(el) {
         imagesEl.current[itemI] = el;
       }
-    }, /*#__PURE__*/React.createElement(components.Transitions, {
-      transitions: transitions,
-      delay: itemI * transitionStagger,
-      playing: transitionPlaying,
-      disabled: transitionDisabled,
-      fullscreen: true
     }, /*#__PURE__*/React.createElement(components.ScreenElement, {
       placeholder: "image",
       placeholderProps: {
@@ -392,12 +378,7 @@ var GalleryScreen = function GalleryScreen(_ref) {
       shouldLoad: mediaShouldLoad,
       withoutVideo: isPreview,
       onLoaded: onImageLoaded
-    })) : null))), withCaptions ? /*#__PURE__*/React.createElement(components.Transitions, {
-      transitions: transitions,
-      delay: itemI * transitionStagger,
-      playing: transitionPlaying,
-      disabled: transitionDisabled
-    }, /*#__PURE__*/React.createElement(components.ScreenElement, {
+    })) : null)), withCaptions ? /*#__PURE__*/React.createElement(components.ScreenElement, {
       placeholder: "line",
       emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
         id: "6tIigB",
@@ -413,7 +394,7 @@ var GalleryScreen = function GalleryScreen(_ref) {
     }, /*#__PURE__*/React.createElement(Text, Object.assign({}, caption, {
       className: styles.captionText,
       lineClamp: captionMaxLines
-    }))))) : null);
+    })))) : null);
   });
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
@@ -467,11 +448,10 @@ var GalleryScreen = function GalleryScreen(_ref) {
 };
 GalleryScreen.propTypes = propTypes;
 GalleryScreen.defaultProps = defaultProps;
-var GalleryScreen$1 = /*#__PURE__*/React.memo(GalleryScreen);
 
 function GalleryCaptionsScreen(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(GalleryScreen$1, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(GalleryScreen, Object.assign({}, props, {
     withCaptions: true
   }));
 }
@@ -518,7 +498,7 @@ var definition = [{
       "value": "Gallery"
     }]
   }),
-  component: GalleryScreen$1,
+  component: GalleryScreen,
   layouts: [
   // 2
   'two-vertical-equal', 'two-vertical-top', 'two-vertical-bottom',
@@ -708,5 +688,5 @@ var definition = [{
 }];
 
 exports.GalleryCaptionsScreen = GalleryCaptionsScreen;
-exports.GalleryScreen = GalleryScreen$1;
+exports.GalleryScreen = GalleryScreen;
 exports.default = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-gallery",
-    "version": "0.3.430",
+    "version": "0.3.432",
     "private": false,
     "description": "",
     "keywords": [
@@ -58,16 +58,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.430",
-        "@micromag/element-background": "^0.3.430",
-        "@micromag/element-container": "^0.3.430",
-        "@micromag/element-footer": "^0.3.430",
-        "@micromag/element-grid": "^0.3.430",
-        "@micromag/element-header": "^0.3.430",
-        "@micromag/element-layout": "^0.3.430",
-        "@micromag/element-text": "^0.3.430",
-        "@micromag/element-visual": "^0.3.430",
-        "@micromag/transforms": "^0.3.430",
+        "@micromag/core": "^0.3.432",
+        "@micromag/element-background": "^0.3.432",
+        "@micromag/element-container": "^0.3.432",
+        "@micromag/element-footer": "^0.3.432",
+        "@micromag/element-grid": "^0.3.432",
+        "@micromag/element-header": "^0.3.432",
+        "@micromag/element-layout": "^0.3.432",
+        "@micromag/element-text": "^0.3.432",
+        "@micromag/element-visual": "^0.3.432",
+        "@micromag/transforms": "^0.3.432",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -78,5 +78,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
+    "gitHead": "01df977a7eb5166425c0078c2369ea240549f386"
 }