@searpent/react-image-annotate 2.0.27 → 2.0.28

package/Annotator/reducers/general-reducer.js

@@ -966,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;
         }));
@@ -975,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;
         }));
@@ -982,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.27",
+  "version": "2.0.28",
   "dependencies": {
     "@editorjs/editorjs": "^2.25.0",
     "@editorjs/paragraph": "^2.8.0",