@searpent/react-image-annotate 2.0.73 → 2.0.75

package/Annotator/reducers/general-reducer.js

@@ -996,6 +996,7 @@ export default (function (state, action) {
     case "DELETE_SELECTED_REGION":
       {
         state = saveToHistory(state, "Delete selected region");
+        state = addSaveableAction(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

@@ -73,6 +73,8 @@ button.MuiButtonBase-root.expanded {
 
 .ro-photo-caption {}
 
+.ro-section {}
+
 .ro-advertisment {}
 
 .ro-other-graphics {}

package/Editor/annotation-plugin/annotation.js

@@ -573,6 +573,11 @@ function () {
         tag: 'p',
         name: 'table',
         backgroundColor: '#0000bb'
+      }, {
+        labelName: 'section',
+        tag: 'p',
+        name: 'section',
+        backgroundColor: '#ffcccc'
       }];
       return this._settings.labels ? availableLabels.filter(function (l) {
         return _this5._settings.labels.includes(l.labelName);

package/Editor/readOnly.js

@@ -62,6 +62,11 @@ function ReadOnly(_ref) {
     dangerouslySetInnerHTML: {
       __html: article.table
     }
+  }), React.createElement("p", {
+    className: "ro-section",
+    dangerouslySetInnerHTML: {
+      __html: article.section
+    }
   }));
 }
 

package/hooks/use-colors.js

@@ -45,6 +45,9 @@ function defaultClsColor(cls) {
     case 'table':
       return "#02b4ba";
 
+    case 'section':
+      return "#ffcccc";
+
     default:
       return "#02b4ba";
   }

package/package.json

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