lost-sia 1.1.3 → 1.2.0

package/CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.0] - 2022-05-12
+### Added
+- Added preventScrolling prop onMouseEnter in canvas 
+
 ## [1.1.3] - 2022-05-12
 ### Changed
 - Move import of semantic-ui-css into index js

package/dist/index.es.js

@@ -6983,6 +6983,7 @@ function _inherits$g(subClass, superClass) { if (typeof superClass !== "function
  *      when no label was selected by the annotator. If not set "no label" will be used.
  *      If ID is used, it needs to be one of the possible label ids.
  * @param {bool} blocked Block canvas view with loading dimmer.
+ * @param {bool} preventScrolling Prevent scrolling on mouseEnter
  * @param {int} nextAnnoId Id that will be used for the next annotation that 
  *        will be created. If undefined, the canvas will create its own ids.
  * @param {bool} lockedAnnos A list of AnnoIds of annos that should only be displayed.
@@ -7211,8 +7212,18 @@ var Canvas = function (_Component) {
     }, {
         key: 'onMouseOver',
         value: function onMouseOver() {
-            //Prevent scrolling on svg
             this.svg.current.focus();
+            //Prevent scrolling on svg
+            if (this.props.preventScrolling) {
+                document.body.style.overflow = 'hidden';
+            }
+        }
+    }, {
+        key: 'onMouseLeave',
+        value: function onMouseLeave() {
+            if (this.props.preventScrolling) {
+                document.body.style.overflow = '';
+            }
         }
     }, {
         key: 'onWheel',
@@ -8642,6 +8653,9 @@ var Canvas = function (_Component) {
                                 transform: 'scale(' + this.state.svg.scale + ') translate(' + this.state.svg.translateX + ', ' + this.state.svg.translateY + ')',
                                 onMouseOver: function onMouseOver() {
                                     _this10.onMouseOver();
+                                },
+                                onMouseLeave: function onMouseLeave() {
+                                    _this10.onMouseLeave();
                                 }
                                 // onMouseEnter={() => this.svg.current.focus()}
                                 , onMouseUp: function onMouseUp(e) {
@@ -9856,6 +9870,7 @@ var _slicedToArray$3 = function () { function sliceIterator(arr, i) { var _arr =
  *      when no label was selected by the annotator. If not set "no label" will be used.
  *      If ID is used, it needs to be one of the possible label ids.
  * @param {bool} blocked Block canvas view with loading dimmer.
+ * @param {bool} preventScrolling Prevent scrolling on mouseEnter
  * @param {int} nextAnnoId Id that will be used for the next annotation that 
  *        will be created. If undefined, the canvas will create its own ids.
  * @param {bool} lockedAnnos A list of AnnoIds of annos that should only be displayed.
@@ -10156,7 +10171,8 @@ var Sia = function Sia(props) {
             selectedTool: props.selectedTool,
             isJunk: props.isJunk,
             blocked: props.blockCanvas,
-            defaultLabel: props.defaultLabel
+            defaultLabel: props.defaultLabel,
+            preventScrolling: props.preventScrolling
         }),
         React.createElement(ToolBar, {
             onToolBarEvent: function onToolBarEvent(e, data) {