@micromag/viewer 0.3.771 → 0.3.773

package/es/index.js

@@ -2768,6 +2768,7 @@ var propTypes$2 = {
   shareBasePath: PropTypes.string,
   afterShareMenuButton: PropTypes.node,
   beforeScreensMenuButton: PropTypes.node,
+  backToFirstScreenTimeout: PropTypes.number,
   closeable: PropTypes.bool,
   withMetadata: PropTypes.bool,
   withMicromagBranding: PropTypes.bool,
@@ -2827,6 +2828,7 @@ var defaultProps$2 = {
   shareBasePath: null,
   afterShareMenuButton: null,
   beforeScreensMenuButton: null,
+  backToFirstScreenTimeout: null,
   menuDotsButtons: null,
   closeable: false,
   withMetadata: false,
@@ -2882,6 +2884,7 @@ var Viewer = function Viewer(_ref) {
     shareBasePath = _ref.shareBasePath,
     afterShareMenuButton = _ref.afterShareMenuButton,
     beforeScreensMenuButton = _ref.beforeScreensMenuButton,
+    backToFirstScreenTimeout = _ref.backToFirstScreenTimeout,
     menuDotsButtons = _ref.menuDotsButtons,
     closeable = _ref.closeable,
     withMetadata = _ref.withMetadata,
@@ -3285,9 +3288,6 @@ var Viewer = function Viewer(_ref) {
     progressSpring = _useDragProgress.progress,
     dragContentBind = _useDragProgress.bind,
     transitionDirection = _useDragProgress.direction;
-
-  // console.log('isDragging', isDragging, transitionDirection);
-
   var getScreenStylesByIndex = function getScreenStylesByIndex(index, spring) {
     if (transitionType === 'stack') {
       return {
@@ -3472,13 +3472,19 @@ var Viewer = function Viewer(_ref) {
     bottomHeight = playbackControlsContainerHeight / screenScale;
   }
   var NavigationHint = withNavigationHint === 'hand' ? HandTap : ArrowHint;
-
-  // console.log({
-  //     screenIndex,
-  //     transitionDirection,
-  //     transitioned,
-  // });
-
+  useEffect(function () {
+    var timeout = null;
+    if (backToFirstScreenTimeout !== null && isView && screensCount > 1 && screenIndex !== 0) {
+      timeout = setTimeout(function () {
+        changeIndex(0);
+      }, backToFirstScreenTimeout);
+    }
+    return function () {
+      if (timeout !== null) {
+        clearTimeout(timeout);
+      }
+    };
+  }, [backToFirstScreenTimeout, isView, screenIndex, screensCount, changeIndex, isDragging]);
   return /*#__PURE__*/React.createElement(StoryProvider, {
     story: parsedStory
   }, /*#__PURE__*/React.createElement(ScreenSizeProvider, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.771",
+    "version": "0.3.773",
     "private": false,
     "description": "",
     "keywords": [
@@ -91,5 +91,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "a74bf984979f2bee58b57859808a8d9f6fa31f4a"
+    "gitHead": "27df255b8730e76971a90991695f40b3a5fc694a"
 }