@micromag/viewer 0.3.340 → 0.3.342

package/es/index.js

@@ -607,7 +607,7 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
     count = _ref.count,
     subIndex = _ref.subIndex,
     vertical = _ref.vertical,
-    onClick = _ref.onClick,
+    _onClick = _ref.onClick,
     className = _ref.className;
   var _ref2 = colors || {},
     _ref2$primary = _ref2.primary,
@@ -641,7 +641,15 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: styles$c.button,
-    onClick: onClick,
+    onClick: function onClick() {
+      var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      if (e !== null) {
+        e.stopPropagation();
+      }
+      if (_onClick !== null) {
+        _onClick();
+      }
+    },
     tabIndex: "-1"
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$c.dot,
@@ -880,6 +888,10 @@ var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
     type: "button",
     className: styles$a.button,
     onClick: function onClick() {
+      var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      if (e !== null) {
+        e.stopPropagation();
+      }
       if (_onClick !== null) {
         _onClick(item);
       }
@@ -1250,7 +1262,7 @@ var propTypes$9 = {
   withoutScreensMenu: PropTypes.bool,
   withoutShareMenu: PropTypes.bool,
   onClickScreen: PropTypes.func,
-  onClickMenu: PropTypes.func,
+  // onClickMenu: PropTypes.func,
   onClickCloseViewer: PropTypes.func,
   refDots: PropTypes.shape({
     current: PropTypes.any // eslint-disable-line
@@ -1273,7 +1285,7 @@ var defaultProps$9 = {
   withoutScreensMenu: false,
   withoutShareMenu: false,
   onClickScreen: null,
-  onClickMenu: null,
+  // onClickMenu: null,
   onClickCloseViewer: null,
   refDots: null
 };
@@ -1294,9 +1306,8 @@ var ViewerMenu = function ViewerMenu(_ref) {
     withDotItemClick = _ref.withDotItemClick,
     withoutScreensMenu = _ref.withoutScreensMenu,
     withoutShareMenu = _ref.withoutShareMenu,
-    customOnClickScreen = _ref.onClickScreen;
-    _ref.onClickMenu;
-    var onClickCloseViewer = _ref.onClickCloseViewer,
+    customOnClickScreen = _ref.onClickScreen,
+    onClickCloseViewer = _ref.onClickCloseViewer,
     refDots = _ref.refDots;
   var _story$components = story.components,
     screens = _story$components === void 0 ? [] : _story$components,
@@ -1729,11 +1740,14 @@ var defaultProps$7 = {
 };
 var NavigationButton = function NavigationButton(_ref) {
   var direction = _ref.direction,
-    onClick = _ref.onClick,
+    _onClick = _ref.onClick,
     className = _ref.className;
   return /*#__PURE__*/React.createElement(IconButton, {
     className: classNames([styles$4.container, styles$4[direction], _defineProperty({}, className, className !== null)]),
-    onClick: onClick,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      _onClick();
+    },
     iconPosition: direction === 'next' ? 'right' : 'left',
     icon: /*#__PURE__*/React.createElement("svg", {
       className: styles$4.arrow,
@@ -1992,7 +2006,7 @@ var propTypes$4 = {
 };
 var defaultProps$4 = {
   defaultColor: {
-    color: '#000000',
+    color: '#FFFFFF',
     alpha: 1
   },
   className: null,
@@ -2600,16 +2614,10 @@ var Viewer = function Viewer(_ref) {
       eventsManager.emit("navigate_".concat(direction), newIndex);
     }
   }, [onEnd, changeIndex]);
-  var gotoPreviousScreen = useCallback(function (e) {
-    if (typeof e !== 'undefined') {
-      e.stopPropagation();
-    }
+  var gotoPreviousScreen = useCallback(function () {
     changeIndex(Math.max(0, screenIndex - 1));
   }, [changeIndex, screenIndex]);
-  var gotoNextScreen = useCallback(function (e) {
-    if (typeof e !== 'undefined') {
-      e.stopPropagation();
-    }
+  var gotoNextScreen = useCallback(function () {
     changeIndex(Math.min(screens.length - 1, screenIndex + 1));
   }, [changeIndex, screenIndex]);
   var _useState = useState(false),
@@ -2644,6 +2652,9 @@ var Viewer = function Viewer(_ref) {
       _ref10$xy = _slicedToArray(_ref10.xy, 2),
       x = _ref10$xy[0],
       y = _ref10$xy[1];
+    if (event) {
+      event.stopPropagation();
+    }
     interactWithScreen({
       event: event,
       target: target,
@@ -2692,9 +2703,6 @@ var Viewer = function Viewer(_ref) {
   var onTransitionComplete = useCallback(function () {
     setTransitioned(true);
   }, [setTransitioned]);
-
-  // console.log({ transitioned });
-
   var springParams = useMemo(function () {
     return {
       config: SPRING_CONFIG_TIGHT,

package/lib/index.js

@@ -627,7 +627,7 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
     count = _ref.count,
     subIndex = _ref.subIndex,
     vertical = _ref.vertical,
-    onClick = _ref.onClick,
+    _onClick = _ref.onClick,
     className = _ref.className;
   var _ref2 = colors || {},
     _ref2$primary = _ref2.primary,
@@ -661,7 +661,15 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     type: "button",
     className: styles$c.button,
-    onClick: onClick,
+    onClick: function onClick() {
+      var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      if (e !== null) {
+        e.stopPropagation();
+      }
+      if (_onClick !== null) {
+        _onClick();
+      }
+    },
     tabIndex: "-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles$c.dot,
@@ -900,6 +908,10 @@ var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
     type: "button",
     className: styles$a.button,
     onClick: function onClick() {
+      var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      if (e !== null) {
+        e.stopPropagation();
+      }
       if (_onClick !== null) {
         _onClick(item);
       }
@@ -1270,7 +1282,7 @@ var propTypes$9 = {
   withoutScreensMenu: PropTypes__default["default"].bool,
   withoutShareMenu: PropTypes__default["default"].bool,
   onClickScreen: PropTypes__default["default"].func,
-  onClickMenu: PropTypes__default["default"].func,
+  // onClickMenu: PropTypes.func,
   onClickCloseViewer: PropTypes__default["default"].func,
   refDots: PropTypes__default["default"].shape({
     current: PropTypes__default["default"].any // eslint-disable-line
@@ -1293,7 +1305,7 @@ var defaultProps$9 = {
   withoutScreensMenu: false,
   withoutShareMenu: false,
   onClickScreen: null,
-  onClickMenu: null,
+  // onClickMenu: null,
   onClickCloseViewer: null,
   refDots: null
 };
@@ -1314,9 +1326,8 @@ var ViewerMenu = function ViewerMenu(_ref) {
     withDotItemClick = _ref.withDotItemClick,
     withoutScreensMenu = _ref.withoutScreensMenu,
     withoutShareMenu = _ref.withoutShareMenu,
-    customOnClickScreen = _ref.onClickScreen;
-    _ref.onClickMenu;
-    var onClickCloseViewer = _ref.onClickCloseViewer,
+    customOnClickScreen = _ref.onClickScreen,
+    onClickCloseViewer = _ref.onClickCloseViewer,
     refDots = _ref.refDots;
   var _story$components = story.components,
     screens = _story$components === void 0 ? [] : _story$components,
@@ -1749,11 +1760,14 @@ var defaultProps$7 = {
 };
 var NavigationButton = function NavigationButton(_ref) {
   var direction = _ref.direction,
-    onClick = _ref.onClick,
+    _onClick = _ref.onClick,
     className = _ref.className;
   return /*#__PURE__*/React__default["default"].createElement(IconButton, {
     className: classNames__default["default"]([styles$4.container, styles$4[direction], _defineProperty__default["default"]({}, className, className !== null)]),
-    onClick: onClick,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      _onClick();
+    },
     iconPosition: direction === 'next' ? 'right' : 'left',
     icon: /*#__PURE__*/React__default["default"].createElement("svg", {
       className: styles$4.arrow,
@@ -2012,7 +2026,7 @@ var propTypes$4 = {
 };
 var defaultProps$4 = {
   defaultColor: {
-    color: '#000000',
+    color: '#FFFFFF',
     alpha: 1
   },
   className: null,
@@ -2620,16 +2634,10 @@ var Viewer = function Viewer(_ref) {
       eventsManager.emit("navigate_".concat(direction), newIndex);
     }
   }, [onEnd, changeIndex]);
-  var gotoPreviousScreen = React.useCallback(function (e) {
-    if (typeof e !== 'undefined') {
-      e.stopPropagation();
-    }
+  var gotoPreviousScreen = React.useCallback(function () {
     changeIndex(Math.max(0, screenIndex - 1));
   }, [changeIndex, screenIndex]);
-  var gotoNextScreen = React.useCallback(function (e) {
-    if (typeof e !== 'undefined') {
-      e.stopPropagation();
-    }
+  var gotoNextScreen = React.useCallback(function () {
     changeIndex(Math.min(screens.length - 1, screenIndex + 1));
   }, [changeIndex, screenIndex]);
   var _useState = React.useState(false),
@@ -2664,6 +2672,9 @@ var Viewer = function Viewer(_ref) {
       _ref10$xy = _slicedToArray__default["default"](_ref10.xy, 2),
       x = _ref10$xy[0],
       y = _ref10$xy[1];
+    if (event) {
+      event.stopPropagation();
+    }
     interactWithScreen({
       event: event,
       target: target,
@@ -2712,9 +2723,6 @@ var Viewer = function Viewer(_ref) {
   var onTransitionComplete = React.useCallback(function () {
     setTransitioned(true);
   }, [setTransitioned]);
-
-  // console.log({ transitioned });
-
   var springParams = React.useMemo(function () {
     return {
       config: SPRING_CONFIG_TIGHT,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.340",
+    "version": "0.3.342",
     "description": "",
     "keywords": [
         "javascript"
@@ -63,10 +63,10 @@
         "@micromag/element-scroll": "^0.3.332",
         "@micromag/element-share-options": "^0.3.332",
         "@micromag/element-webview": "^0.3.332",
-        "@micromag/elements": "^0.3.336",
-        "@micromag/fields": "^0.3.339",
-        "@micromag/intl": "^0.3.333",
-        "@micromag/screens": "^0.3.338",
+        "@micromag/elements": "^0.3.341",
+        "@micromag/fields": "^0.3.342",
+        "@micromag/intl": "^0.3.342",
+        "@micromag/screens": "^0.3.342",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.2.4",
@@ -85,5 +85,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "994aa4b25aa2be017fb4394d933d9924516a29fb"
+    "gitHead": "fe7a18d0cc006d5c4c634c9554f2a7cec5a608d0"
 }