@searpent/react-image-annotate 2.0.72 → 2.0.73

package/Annotator/reducers/general-reducer.js

@@ -1405,6 +1405,22 @@ export default (function (state, action) {
         }));
       }
 
+    case "ZOOM_RESET":
+      {
+        if (state.selectedImage === undefined || state.selectedImage === null) {
+          return state;
+        }
+
+        var deselectedRegions = state.images[state.selectedImage].regions.map(function (i) {
+          return _objectSpread({}, i, {
+            highlighted: false,
+            groupHighlighted: false
+          });
+        });
+        state = setIn(state, ["selectedGroupId"], null);
+        return setIn(state, ["images", state.selectedImage, "regions"], deselectedRegions);
+      }
+
     default:
       break;
   }

package/HighlightBox/index.js

@@ -27,11 +27,12 @@ var useStyles = makeStyles(function (theme) {
         opacity: 0.6
       },
       "& path": {
-        vectorEffect: "non-scaling-stroke",
-        strokeWidth: 2,
-        stroke: "#FFF",
+        // NOTE: attributes below commnted because resetting screen caused old frame to highlight
+        // vectorEffect: "non-scaling-stroke",
+        // strokeWidth: 2,
+        // stroke: "#FFF",
+        // strokeDasharray: 5,
         fill: "none",
-        strokeDasharray: 5,
         animationName: "$borderDance",
         animationDuration: "4s",
         animationTimingFunction: "linear",

package/ImageCanvas/index.js

@@ -100,6 +100,7 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
       onDeleteGroup = _ref2.onDeleteGroup,
       onChangeVideoTime = _ref2.onChangeVideoTime,
       onChangeVideoPlaying = _ref2.onChangeVideoPlaying,
+      onResetZoom = _ref2.onResetZoom,
       onRegionClassAdded = _ref2.onRegionClassAdded,
       _ref2$zoomOnAllowedAr = _ref2.zoomOnAllowedArea,
       zoomOnAllowedArea = _ref2$zoomOnAllowedAr === void 0 ? true : _ref2$zoomOnAllowedAr,
@@ -221,6 +222,7 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
   }
 
   var resetZoom = function resetZoom() {
+    onResetZoom();
     changeMat(getDefaultMat(zoomOnAllowedArea ? allowedArea : null, layoutParams.current));
   };
 

package/MainLayout/index.js

@@ -233,6 +233,11 @@ export var MainLayout = function MainLayout(_ref5) {
     onDeleteRegion: action("DELETE_REGION", "region"),
     onDeleteGroup: action("DELETE_GROUP", "groupId"),
     onBeginBoxTransform: action("BEGIN_BOX_TRANSFORM", "box", "directions"),
+    onResetZoom: function onResetZoom() {
+      return dispatch({
+        type: "ZOOM_RESET"
+      });
+    },
     onBeginMovePolygonPoint: action("BEGIN_MOVE_POLYGON_POINT", "polygon", "pointIndex"),
     onBeginMoveKeypoint: action("BEGIN_MOVE_KEYPOINT", "region", "keypointId"),
     onAddPolygonPoint: action("ADD_POLYGON_POINT", "polygon", "point", "pointIndex"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@searpent/react-image-annotate",
-  "version": "2.0.72",
+  "version": "2.0.73",
   "dependencies": {
     "@editorjs/editorjs": "^2.25.0",
     "@editorjs/paragraph": "^2.8.0",