@searpent/react-image-annotate 2.0.36 → 2.0.38

package/Annotator/examplePhotos.js

@@ -420,7 +420,7 @@ var examplePhotos = [{
           "Y2": 0.8037425
         },
         "text": "[{\"label\":\"title\",\"text\":\"Fotbal. Remíza s Ukrajinou\"}]",
-        "groupId": "0",
+        "groupId": "42ba09e0-b2f5-439d-bdae-201e7c37787b",
         "id": "346807503780052992"
       }, {
         "label": "text",
@@ -432,7 +432,7 @@ var examplePhotos = [{
           "Y2": 0.95930564
         },
         "text": "[{\"label\":\"text\",\"text\":\"\"}]",
-        "groupId": "0",
+        "groupId": "42ba09e0-b2f5-439d-bdae-201e7c37787b",
         "id": "346807503780052993"
       }, {
         "label": "author",
@@ -444,7 +444,7 @@ var examplePhotos = [{
           "Y2": 0.95930564
         },
         "text": "[{\"label\":\"author\",\"text\":\"ČTK\"}]",
-        "groupId": "0",
+        "groupId": "42ba09e0-b2f5-439d-bdae-201e7c37787b",
         "id": "346807503780052994"
       }, {
         "label": "title",
@@ -784,7 +784,7 @@ var examplePhotos = [{
           "Y2": 1
         },
         "text": "[{\"key\":\"articleType\",\"value\":\"news\"}, {\"key\":\"section\",\"value\":\"editorial\"}]",
-        "groupId": "0",
+        "groupId": "42ba09e0-b2f5-439d-bdae-201e7c37787b",
         "id": "aba453dd-f870-4510-ae40-a19eb52eb7d6"
       }, {
         "label": "metadata",

package/Annotator/reducers/general-reducer.js

@@ -1172,7 +1172,7 @@ export default (function (state, action) {
 
           if (metadataIndex < 0) {
             console.error("can't find metadata by key \"".concat(name, "\""));
-            return;
+            return state;
           }
 
           return setIn(state, ["albumMetadata", metadataIndex], {
@@ -1183,7 +1183,7 @@ export default (function (state, action) {
           var _state$images$_imageI3, _state$images$_imageI4;
 
           // update metadata of article
-          if (!isNaN(_groupId2)) {
+          if (_groupId2) {
             var _state$images$_imageI, _state$images$_imageI2;
 
             var articleMetadataRegionIdx = (_state$images$_imageI = state.images[_imageIndex]) === null || _state$images$_imageI === void 0 ? void 0 : _state$images$_imageI.regions.findIndex(function (r) {

package/hooks/use-colors.js

@@ -50,6 +50,16 @@ function defaultClsColor(cls) {
   }
 }
 
+function stringToNumber(str) {
+  var sum = 0;
+
+  for (var index = 0; index < str.length; index++) {
+    sum += str.charCodeAt(index);
+  }
+
+  return sum;
+}
+
 var useColors = function useColors() {
   var _useSettings = useSettings(),
       clsColors = _useSettings.clsColors,
@@ -68,7 +78,11 @@ var useColors = function useColors() {
   };
 
   var groupColor = function groupColor(idx) {
-    return groupColors[idx % groupColors.length] || DEFAULT_GROUP_COLOR;
+    if (isNaN(idx)) {
+      return groupColors[stringToNumber(idx) % groupColors.length] || DEFAULT_GROUP_COLOR;
+    } else {
+      return groupColors[idx % groupColors.length] || DEFAULT_GROUP_COLOR;
+    }
   };
 
   return {

package/package.json

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