@searpent/react-image-annotate 2.0.62 → 2.0.64

package/Annotator/reducers/general-reducer.js

@@ -15,7 +15,6 @@ import clamp from "clamp";
 import getLandmarksWithTransform from "../../utils/get-landmarks-with-transform";
 import setInLocalStorage from "../../utils/set-in-local-storage";
 import onlyUnique from "../../utils/filter-only-unique";
-import regionsGroups from '../../utils/regions-groups';
 import nextGroupId from "../../utils/next-group-id";
 import defaultLockedUntil from "../../utils/default-locked-until";
 

package/GroupsEditorSidebarBox/index.js

@@ -23,7 +23,7 @@ var GroupItemDiv = styled("div")(function (_ref) {
 
 var GroupItem = function GroupItem(_ref2) {
   var group = _ref2.group;
-  return React.createElement(GroupItemDiv, null, uuidToHash(group));
+  return React.createElement(GroupItemDiv, null, uuidToHash(group.id));
 };
 
 var GroupList = function GroupList(_ref3) {

package/RegionLabel/index.js

@@ -46,8 +46,8 @@ export var RegionLabel = function RegionLabel(_ref) {
   if (hideNotEditingLabel && !editing) return null;
   var allowedGroupsForSelect = allowedGroups ? allowedGroups.map(function (g) {
     return {
-      value: "".concat(g),
-      label: uuidToHash(g)
+      value: "".concat(g.id),
+      label: g.label || uuidToHash(g.id)
     };
   }) : [];
   return React.createElement(ThemeProvider, {

package/package.json

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

package/utils/blocks-to-article.js

@@ -29,7 +29,7 @@ function blocksToArticle(blocks) {
       acc[labelName] = "";
     }
 
-    var connectingSymbol = ""; // if last symbol is dot, next sentence should start with space
+    var connectingSymbol = labelName === 'text' ? "" : "<br>"; // if last symbol is dot, next sentence should start with space
 
     if (acc[labelName].charAt(acc[labelName].length - 1) === ".") {
       connectingSymbol = " ";

package/utils/regions-groups.js

@@ -1,17 +1,24 @@
+var MAX_GROUP_LENGTH = 20;
+
 function regionsGroups(regions) {
   if (!regions) {
     return [];
   }
 
-  var groups = regions.reduce(function (prev, curr) {
+  var groups = regions.reduce(function (acc, curr) {
     var groupId = curr.groupId;
 
-    if (prev.includes(groupId)) {
-      return prev;
+    if (acc.some(function (e) {
+      return e.id === groupId;
+    })) {
+      return acc;
     }
 
-    prev.push(groupId);
-    return prev;
+    acc.push({
+      id: groupId,
+      label: curr.text.substring(0, MAX_GROUP_LENGTH)
+    });
+    return acc;
   }, []);
   return groups;
 }