@searpent/react-image-annotate 2.3.3 → 2.3.5

package/Annotator/examplePhotos.js

@@ -710,34 +710,34 @@ var examplePhotos = [{
         },
         "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest n z února v Indii,\\n\\tpred proti v Pekingu.\"}]",
         "groupId": "6",
-        "id": "346807506913198081" // {
-        //   "label": "photo_caption",
-        //   "score": 0.99,
-        //   "box": {
-        //     "X1": 0.80248857,
-        //     "X2": 0.95999366,
-        //     "Y1": 0.32127157,
-        //     "Y2": 0.34381694
-        //   },
-        //   "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest z února v Indii proti konání ZOH v Pekingu\"}]",
-        //   "groupId": "6",
-        //   "id": "346807506913198082"
-        // },
-        // {
-        //   "label": "author",
-        //   "score": 0.99,
-        //   "box": {
-        //     "X1": 0.9584186,
-        //     "X2": 0.9733816,
-        //     "Y1": 0.51628906,
-        //     "Y2": 0.53319806
-        //   },
-        //   "text": "[{\"label\":\"author\",\"text\":\"PUR\"}]",
-        //   "groupId": "6",
-        //   "id": "346807506913198083"
-        // }
-
-      }]
+        "id": "346807506913198081"
+      } // {
+      //   "label": "photo_caption",
+      //   "score": 0.99,
+      //   "box": {
+      //     "X1": 0.80248857,
+      //     "X2": 0.95999366,
+      //     "Y1": 0.32127157,
+      //     "Y2": 0.34381694
+      //   },
+      //   "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest z února v Indii proti konání ZOH v Pekingu\"}]",
+      //   "groupId": "6",
+      //   "id": "346807506913198082"
+      // },
+      // {
+      //   "label": "author",
+      //   "score": 0.99,
+      //   "box": {
+      //     "X1": 0.9584186,
+      //     "X2": 0.9733816,
+      //     "Y1": 0.51628906,
+      //     "Y2": 0.53319806
+      //   },
+      //   "text": "[{\"label\":\"author\",\"text\":\"PUR\"}]",
+      //   "groupId": "6",
+      //   "id": "346807506913198083"
+      // }
+      ]
     }, {
       "modelFamily": "metadata-engine",
       "name": "metadata-engine",
@@ -750,7 +750,7 @@ var examplePhotos = [{
           "Y1": 0,
           "Y2": 1
         },
-        "text": "[{\"key\":\"articleType\",\"value\":\"news\"}, {\"key\":\"section\",\"value\":\"editorial\"}]",
+        "text": "[{\"key\":\"articleType\",\"value\":\"news\"}, {\"key\":\"previousArticleId\",\"value\":\"prev-article-1\"}, {\"key\":\"section\",\"value\":\"editorial\"}]",
         "groupId": "42ba09e0-b2f5-439d-bdae-201e7c37787b",
         "id": "aba453dd-f870-4510-ae40-a19eb52eb7d6"
       }, {
@@ -762,7 +762,7 @@ var examplePhotos = [{
           "Y1": 0,
           "Y2": 1
         },
-        "text": "[{\"key\":\"articleType\",\"value\":\"ads\"}, {\"key\":\"section\",\"value\":\"last page\"}]",
+        "text": "[{\"key\":\"articleType\",\"value\":\"ads\"}, {\"key\":\"previousArticleId\",\"value\":\"prev-article-2\"}, {\"key\":\"section\",\"value\":\"last page\"}]",
         "groupId": "1",
         "id": "2615bf87-7247-4bde-a0f9-45413034a6a6"
       }]

package/Annotator/examplePhotos_repr.js

@@ -710,34 +710,34 @@ var examplePhotos = [{
         },
         "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest n z února v Indii,\\n\\tpred proti v Pekingu.\"}]",
         "groupId": "6",
-        "id": "346807506913198081" // {
-        //   "label": "photo_caption",
-        //   "score": 0.99,
-        //   "box": {
-        //     "X1": 0.80248857,
-        //     "X2": 0.95999366,
-        //     "Y1": 0.32127157,
-        //     "Y2": 0.34381694
-        //   },
-        //   "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest z února v Indii proti konání ZOH v Pekingu\"}]",
-        //   "groupId": "6",
-        //   "id": "346807506913198082"
-        // },
-        // {
-        //   "label": "author",
-        //   "score": 0.99,
-        //   "box": {
-        //     "X1": 0.9584186,
-        //     "X2": 0.9733816,
-        //     "Y1": 0.51628906,
-        //     "Y2": 0.53319806
-        //   },
-        //   "text": "[{\"label\":\"author\",\"text\":\"PUR\"}]",
-        //   "groupId": "6",
-        //   "id": "346807506913198083"
-        // }
-
-      }]
+        "id": "346807506913198081"
+      } // {
+      //   "label": "photo_caption",
+      //   "score": 0.99,
+      //   "box": {
+      //     "X1": 0.80248857,
+      //     "X2": 0.95999366,
+      //     "Y1": 0.32127157,
+      //     "Y2": 0.34381694
+      //   },
+      //   "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest z února v Indii proti konání ZOH v Pekingu\"}]",
+      //   "groupId": "6",
+      //   "id": "346807506913198082"
+      // },
+      // {
+      //   "label": "author",
+      //   "score": 0.99,
+      //   "box": {
+      //     "X1": 0.9584186,
+      //     "X2": 0.9733816,
+      //     "Y1": 0.51628906,
+      //     "Y2": 0.53319806
+      //   },
+      //   "text": "[{\"label\":\"author\",\"text\":\"PUR\"}]",
+      //   "groupId": "6",
+      //   "id": "346807506913198083"
+      // }
+      ]
     }, {
       "modelFamily": "metadata-engine",
       "name": "metadata-engine",

package/Annotator/index.js

@@ -84,7 +84,8 @@ export var Annotator = function Annotator(_ref) {
       _ref$save = _ref.save,
       save = _ref$save === void 0 ? function () {} : _ref$save,
       _ref$fetchImage = _ref.fetchImage,
-      fetchImage = _ref$fetchImage === void 0 ? function () {} : _ref$fetchImage;
+      fetchImage = _ref$fetchImage === void 0 ? function () {} : _ref$fetchImage,
+      updatedBy = _ref.updatedBy;
 
   if (typeof selectedImage === "string") {
     selectedImage = (images || []).findIndex(function (img) {
@@ -213,7 +214,37 @@ export var Annotator = function Annotator(_ref) {
         });
       }
     }
-  }, [state.previouslySelectedImage, state.selectedImage, state.images, state, save]); // handle save of image
+  }, [state.previouslySelectedImage, state.selectedImage, state.images, state, save]); // Automatically save image shortly after specific metadata fields change
+  // (ArticleType, PreviousArticleId), but debounce so we don't save on every keystroke.
+
+  useEffect(function () {
+    var _state$images;
+
+    var lastAction = state.lastAction;
+
+    if (!lastAction || lastAction.type !== "UPDATE_METADATA" || lastAction.name !== "articleType" && lastAction.name !== "previousArticleId" || isNaN(lastAction.imageIndex)) {
+      return;
+    }
+
+    var imageIndex = lastAction.imageIndex;
+    var image = (_state$images = state.images) === null || _state$images === void 0 ? void 0 : _state$images[imageIndex];
+    if (!image) return;
+    var timeoutId = setTimeout(function () {
+      var _state$images2;
+
+      var latestImage = (_state$images2 = state.images) === null || _state$images2 === void 0 ? void 0 : _state$images2[imageIndex];
+      if (!latestImage) return;
+      dispatchToReducer({
+        type: "SAVE_IMAGE",
+        image: _objectSpread({}, latestImage),
+        triggerRecalc: false,
+        toSaveMetadata: []
+      });
+    }, 800);
+    return function () {
+      clearTimeout(timeoutId);
+    };
+  }, [state.lastAction, state.images]); // handle save of image
 
   useEffect(function () {
     if (state.toSaveImage !== null) {
@@ -383,35 +414,41 @@ export var Annotator = function Annotator(_ref) {
       recalcActive = _ref7[0],
       saveActive = _ref7[1];
 
-  return React.createElement(SettingsProvider, {
-    clsColors: clsColors,
-    groupColors: groupColors
-  }, React.createElement(MainLayout, {
-    RegionEditLabel: RegionEditLabel,
-    alwaysShowNextButton: Boolean(onNextImage),
-    alwaysShowPrevButton: Boolean(onPrevImage),
-    state: state,
-    dispatch: dispatch,
-    onRegionClassAdded: onRegionClassAdded,
-    hideHeader: hideHeader,
-    hideHeaderText: hideHeaderText,
-    hideNext: hideNext,
-    hidePrev: hidePrev,
-    hideClone: hideClone,
-    hideSettings: hideSettings,
-    hideFullScreen: hideFullScreen,
-    hideSave: hideSave,
-    groups: groups,
-    onGroupSelect: onGroupSelect,
-    hideHistory: hideHistory,
-    hideNotEditingLabel: hideNotEditingLabel,
-    showEditor: showEditor,
-    showPageSelector: showPageSelector,
-    saveActive: recalcActive,
-    recalcActive: saveActive,
-    onMetadataChange: handleMetadataChange,
-    onAddGroup: handleAddGroup,
-    onRecalcClick: handleRecalcClicked
-  }));
+  return (
+    /*#__PURE__*/
+    React.createElement(SettingsProvider, {
+      clsColors: clsColors,
+      groupColors: groupColors
+    },
+    /*#__PURE__*/
+    React.createElement(MainLayout, {
+      RegionEditLabel: RegionEditLabel,
+      alwaysShowNextButton: Boolean(onNextImage),
+      alwaysShowPrevButton: Boolean(onPrevImage),
+      state: state,
+      dispatch: dispatch,
+      onRegionClassAdded: onRegionClassAdded,
+      hideHeader: hideHeader,
+      hideHeaderText: hideHeaderText,
+      hideNext: hideNext,
+      hidePrev: hidePrev,
+      hideClone: hideClone,
+      hideSettings: hideSettings,
+      hideFullScreen: hideFullScreen,
+      hideSave: hideSave,
+      groups: groups,
+      onGroupSelect: onGroupSelect,
+      hideHistory: hideHistory,
+      hideNotEditingLabel: hideNotEditingLabel,
+      showEditor: showEditor,
+      showPageSelector: showPageSelector,
+      saveActive: recalcActive,
+      recalcActive: saveActive,
+      onMetadataChange: handleMetadataChange,
+      onAddGroup: handleAddGroup,
+      onRecalcClick: handleRecalcClicked,
+      updatedBy: updatedBy
+    }))
+  );
 };
 export default Annotator;