@searpent/react-image-annotate 2.0.26 → 2.0.28

package/Annotator/reducers/general-reducer.js

@@ -844,6 +844,8 @@ export default (function (state, action) {
         switch (state.mode.mode) {
           case "RESIZE_BOX":
             {
+              state = setIn(state, ["selectedTool"], 'select');
+
               if (state.mode.isNew) {
                 if (Math.abs(state.mode.original.x - _x2) < 0.002 || Math.abs(state.mode.original.y - _y2) < 0.002) {
                   return setIn(modifyRegion(state.mode.regionId, null), ["mode"], null);
@@ -964,6 +966,7 @@ export default (function (state, action) {
         var _regionIndex18 = getRegionIndex(action.region);
 
         if (_regionIndex18 === null) return state;
+        state = saveToHistory(state, "Delete region");
         return setIn(state, [].concat(_toConsumableArray(pathToActiveImage), ["regions"]), (activeImage.regions || []).filter(function (r) {
           return r.id !== action.region.id;
         }));
@@ -973,6 +976,7 @@ export default (function (state, action) {
       {
         var _groupId = action.groupId;
         if (_groupId === null || _groupId === undefined) return state;
+        state = saveToHistory(state, "Delete group");
         return setIn(state, [].concat(_toConsumableArray(pathToActiveImage), ["regions"]), (activeImage.regions || []).filter(function (r) {
           return r.groupId !== _groupId;
         }));
@@ -980,6 +984,7 @@ export default (function (state, action) {
 
     case "DELETE_SELECTED_REGION":
       {
+        state = saveToHistory(state, "Delete selected region");
         return setIn(state, [].concat(_toConsumableArray(pathToActiveImage), ["regions"]), (activeImage.regions || []).filter(function (r) {
           return !r.highlighted;
         }));

package/Editor/annotation-plugin/annotation.css

@@ -43,4 +43,14 @@
 
 .ce-settings__plugin-zone {
   padding: 0 .25rem;
+}
+
+button {
+  background-color: white !important;
+  opacity: 1 !important;
+}
+
+button .expanded {
+  background-color: white !important;
+  opacity: 1 !important;
 }

package/MainLayout/RightSidebarItemsWrapper.js

@@ -0,0 +1,18 @@
+import React, { useEffect, useRef } from 'react';
+
+function RightSidebarItemsWrapper(_ref) {
+  var children = _ref.children;
+  var elementRef = useRef();
+  useEffect(function () {
+    if (elementRef) {
+      var divElement = elementRef.current;
+      var parentEl = divElement.parentElement;
+      parentEl.style.overflowY = "scroll";
+    }
+  }, []);
+  return React.createElement("div", {
+    ref: elementRef
+  }, children);
+}
+
+export default RightSidebarItemsWrapper;

package/MainLayout/index.js

@@ -35,7 +35,8 @@ import { withHotKeys } from "react-hotkeys";
 import Editor from "../Editor";
 import regionsToBlocks from '../utils/regions-to-blocks';
 import PageSelector from "../PageSelector";
-import regionsGroups from '../utils/regions-groups'; // import Fullscreen from "../Fullscreen"
+import regionsGroups from '../utils/regions-groups';
+import RightSidebarItemsWrapper from './RightSidebarItemsWrapper'; // import Fullscreen from "../Fullscreen"
 
 var emptyArr = [];
 var theme = createTheme();
@@ -422,7 +423,7 @@ export var MainLayout = function MainLayout(_ref5) {
     }].filter(Boolean).filter(function (a) {
       return a.alwaysShowing || state.enabledTools.includes(a.name);
     }),
-    rightSidebarItems: [debugModeOn && React.createElement(DebugBox, {
+    rightSidebarItems: [React.createElement(RightSidebarItemsWrapper, null, [debugModeOn && React.createElement(DebugBox, {
       state: debugModeOn,
       lastAction: state.lastAction,
       key: "debug-box"
@@ -484,7 +485,7 @@ export var MainLayout = function MainLayout(_ref5) {
       groups: allowedGroups,
       onAddGroup: onAddGroup,
       key: "groups-editor"
-    })].filter(Boolean)
+    })].filter(Boolean))]
   }, canvas)), showEditor && React.createElement(EditorWrapper, {
     id: "editor-wrapper"
   }, React.createElement(Editor, {

package/package.json

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