@micromag/viewer 0.2.411 → 0.2.412

package/es/index.js

@@ -988,11 +988,11 @@ var Viewer = function Viewer(_ref) {
   }, [currentScreen, trackScreenView, trackingEnabled]); // Handle interaction enable
 
   var currentScreenRef = useRef(null);
-  var onScreenPrevious = useCallback(function () {
+  var gotoPreviousScreen = useCallback(function () {
     changeIndex(Math.max(0, screenIndex - 1));
     currentScreenRef.current.focus();
   }, [changeIndex]);
-  var onScreenNext = useCallback(function () {
+  var gotoNextScreen = useCallback(function () {
     changeIndex(Math.min(screens.length - 1, screenIndex + 1));
     currentScreenRef.current.focus();
   }, [changeIndex]);
@@ -1281,13 +1281,13 @@ var Viewer = function Viewer(_ref) {
           break;
 
         case 'arrowleft':
-          onScreenPrevious();
+          gotoPreviousScreen();
           break;
 
         case 'arrowright':
         case ' ':
           // spacebar
-          onScreenNext();
+          gotoNextScreen();
           break;
       }
     };
@@ -1299,7 +1299,7 @@ var Viewer = function Viewer(_ref) {
     return function () {
       window.removeEventListener('keydown', onKey);
     };
-  }, [renderContext, closePreviewMenu, onScreenPrevious, onScreenNext]);
+  }, [renderContext, closePreviewMenu, gotoPreviousScreen, gotoNextScreen]);
 
   var _ref11 = currentScreen || {},
       screenParameters = _ref11.parameters;
@@ -1328,7 +1328,9 @@ var Viewer = function Viewer(_ref) {
     size: screenSize
   }, /*#__PURE__*/React.createElement(ViewerProvider, {
     menuVisible: menuVisible,
-    menuSize: menuDotsContainerHeight
+    menuSize: menuDotsContainerHeight,
+    gotoPreviousScreen: gotoPreviousScreen,
+    gotoNextScreen: gotoNextScreen
   }, withMetadata ? /*#__PURE__*/React.createElement(Meta, {
     title: finalTitle,
     metadata: finalMetadata
@@ -1386,8 +1388,8 @@ var Viewer = function Viewer(_ref) {
       index: i,
       current: current,
       active: active,
-      onPrevious: onScreenPrevious,
-      onNext: onScreenNext,
+      onPrevious: gotoPreviousScreen,
+      onNext: gotoNextScreen,
       onEnableInteraction: onEnableInteraction,
       onDisableInteraction: onDisableInteraction,
       getMediaRef: function getMediaRef(mediaRef) {
@@ -1401,7 +1403,7 @@ var Viewer = function Viewer(_ref) {
     }, current && screenIndex > 0 ? /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "sr-only",
-      onClick: onScreenPrevious,
+      onClick: gotoPreviousScreen,
       tabIndex: "-1"
     }, /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "zYH/31",
@@ -1439,12 +1441,12 @@ var Viewer = function Viewer(_ref) {
         }
       },
       onClick: function onClick(e) {
-        onScreenClick(e, i);
+        return onScreenClick(e, i);
       }
     }, viewerScreen), current && screenIndex < screens.length ? /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "sr-only",
-      onClick: onScreenNext,
+      onClick: gotoNextScreen,
       tabIndex: "-1"
     }, /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "v9bqYj",

package/lib/index.js

@@ -1005,11 +1005,11 @@ var Viewer = function Viewer(_ref) {
   }, [currentScreen, trackScreenView, trackingEnabled]); // Handle interaction enable
 
   var currentScreenRef = React.useRef(null);
-  var onScreenPrevious = React.useCallback(function () {
+  var gotoPreviousScreen = React.useCallback(function () {
     changeIndex(Math.max(0, screenIndex - 1));
     currentScreenRef.current.focus();
   }, [changeIndex]);
-  var onScreenNext = React.useCallback(function () {
+  var gotoNextScreen = React.useCallback(function () {
     changeIndex(Math.min(screens.length - 1, screenIndex + 1));
     currentScreenRef.current.focus();
   }, [changeIndex]);
@@ -1298,13 +1298,13 @@ var Viewer = function Viewer(_ref) {
           break;
 
         case 'arrowleft':
-          onScreenPrevious();
+          gotoPreviousScreen();
           break;
 
         case 'arrowright':
         case ' ':
           // spacebar
-          onScreenNext();
+          gotoNextScreen();
           break;
       }
     };
@@ -1316,7 +1316,7 @@ var Viewer = function Viewer(_ref) {
     return function () {
       window.removeEventListener('keydown', onKey);
     };
-  }, [renderContext, closePreviewMenu, onScreenPrevious, onScreenNext]);
+  }, [renderContext, closePreviewMenu, gotoPreviousScreen, gotoNextScreen]);
 
   var _ref11 = currentScreen || {},
       screenParameters = _ref11.parameters;
@@ -1345,7 +1345,9 @@ var Viewer = function Viewer(_ref) {
     size: screenSize
   }, /*#__PURE__*/React__default["default"].createElement(contexts.ViewerProvider, {
     menuVisible: menuVisible,
-    menuSize: menuDotsContainerHeight
+    menuSize: menuDotsContainerHeight,
+    gotoPreviousScreen: gotoPreviousScreen,
+    gotoNextScreen: gotoNextScreen
   }, withMetadata ? /*#__PURE__*/React__default["default"].createElement(components.Meta, {
     title: finalTitle,
     metadata: finalMetadata
@@ -1403,8 +1405,8 @@ var Viewer = function Viewer(_ref) {
       index: i,
       current: current,
       active: active,
-      onPrevious: onScreenPrevious,
-      onNext: onScreenNext,
+      onPrevious: gotoPreviousScreen,
+      onNext: gotoNextScreen,
       onEnableInteraction: onEnableInteraction,
       onDisableInteraction: onDisableInteraction,
       getMediaRef: function getMediaRef(mediaRef) {
@@ -1418,7 +1420,7 @@ var Viewer = function Viewer(_ref) {
     }, current && screenIndex > 0 ? /*#__PURE__*/React__default["default"].createElement("button", {
       type: "button",
       className: "sr-only",
-      onClick: onScreenPrevious,
+      onClick: gotoPreviousScreen,
       tabIndex: "-1"
     }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
       id: "zYH/31",
@@ -1456,12 +1458,12 @@ var Viewer = function Viewer(_ref) {
         }
       },
       onClick: function onClick(e) {
-        onScreenClick(e, i);
+        return onScreenClick(e, i);
       }
     }, viewerScreen), current && screenIndex < screens.length ? /*#__PURE__*/React__default["default"].createElement("button", {
       type: "button",
       className: "sr-only",
-      onClick: onScreenNext,
+      onClick: gotoNextScreen,
       tabIndex: "-1"
     }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
       id: "v9bqYj",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.2.411",
+    "version": "0.2.412",
     "description": "",
     "keywords": [
         "javascript"
@@ -59,12 +59,12 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.2.409",
-        "@micromag/element-scroll": "^0.2.409",
-        "@micromag/elements": "^0.2.409",
-        "@micromag/fields": "^0.2.409",
-        "@micromag/intl": "^0.2.409",
-        "@micromag/screens": "^0.2.409",
+        "@micromag/core": "^0.2.412",
+        "@micromag/element-scroll": "^0.2.412",
+        "@micromag/elements": "^0.2.412",
+        "@micromag/fields": "^0.2.412",
+        "@micromag/intl": "^0.2.412",
+        "@micromag/screens": "^0.2.412",
         "@react-spring/core": "^9.1.1",
         "@react-spring/web": "^9.1.1",
         "@use-gesture/react": "^10.2.4",
@@ -80,5 +80,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "8672d582d1f62786375ac3cd695f831c1dcb30c8"
+    "gitHead": "e16acc4643a563f4b7e98ddc1b778ea8a6c8b320"
 }