@searpent/react-image-annotate 2.0.44 → 2.0.46

package/Annotator/index.js

@@ -197,13 +197,51 @@ export var Annotator = function Annotator(_ref) {
     };
   }();
 
-  var handleRecalcClick = function handleRecalcClick(e) {
-    e.preventDefault();
+  var handleRecalcClick =
+  /*#__PURE__*/
+  function () {
+    var _ref3 = _asyncToGenerator(
+    /*#__PURE__*/
+    _regeneratorRuntime.mark(function _callee2(e) {
+      var createdAt;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              createdAt = new Date();
+              e.preventDefault();
 
-    if (onRecalc) {
-      onRecalc();
-    }
-  };
+              if (!onRecalc) {
+                _context2.next = 6;
+                break;
+              }
+
+              _context2.next = 5;
+              return onRecalc({
+                images: state.images,
+                albumMetadata: state.albumMetadata,
+                createdAt: createdAt,
+                selectedImage: state === null || state === void 0 ? void 0 : state.selectedImage
+              });
+
+            case 5:
+              dispatchToReducer({
+                type: "IMAGES_RECALCULATED",
+                recalculatedAt: createdAt
+              });
+
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function handleRecalcClick(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
 
   var handleMetadataChange = function handleMetadataChange(params) {
     dispatchToReducer(_objectSpread({
@@ -243,10 +281,10 @@ export var Annotator = function Annotator(_ref) {
   }, [onImagesChange, selectedImage]);
   if (!images && !videoSrc) return 'Missing required prop "images" or "videoSrc"';
 
-  var _ref3 = state.imagesSavedAt < state.imagesUpdatedAt ? [true, true] : [false, false],
-      _ref4 = _slicedToArray(_ref3, 2),
-      recalcActive = _ref4[0],
-      saveActive = _ref4[1];
+  var _ref4 = state.imagesSavedAt < state.imagesUpdatedAt ? [true, true] : [false, false],
+      _ref5 = _slicedToArray(_ref4, 2),
+      recalcActive = _ref5[0],
+      saveActive = _ref5[1];
 
   return React.createElement(SettingsProvider, {
     clsColors: clsColors,

package/Annotator/reducers/general-reducer.js

@@ -669,7 +669,7 @@ export default (function (state, action) {
               })) === null || _state4$images$state$3 === void 0 ? void 0 : _state4$images$state$3.groupId;
               var groupSelected = true;
 
-              if (isNaN(groupId)) {
+              if (groupId === undefined) {
                 groupId = nextGroupId();
                 groupSelected = false;
               }
@@ -1155,6 +1155,12 @@ export default (function (state, action) {
         return setIn(state, ["imagesSavedAt"], savedAt);
       }
 
+    case "IMAGES_RECALCULATED":
+      {
+        var recalculatedAt = action.recalculatedAt;
+        return setIn(state, ["imagesSavedAt"], recalculatedAt);
+      }
+
     case "UPDATE_METADATA":
       {
         var name = action.name,

package/PageSelector/index.js

@@ -142,7 +142,7 @@ function PageSelector(_ref3) {
       },
       metadata: page.metadata,
       showMetadata: showMetadata,
-      imageIndex: page.id,
+      imageIndex: idx,
       onMetadataChange: onMetadataChange,
       metadataConfigs: metadataConfigs
     });

package/package.json

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