fix region tag update issues

Author: seveibar

src/DebugSidebarBox/index.js

@@ -7,7 +7,9 @@ export const DebugSidebarBox = ({ state, lastAction }: any) => {
   const image = (state.images || []).find(
     (img) => img.src === state.selectedImage
   )
-  const region = image ? (image.regions || []).find((r) => r.highlighted) : null
+  const region = image
+    ? (image.regions || []).filter((r) => r.highlighted)
+    : null
 
   return (
     <SidebarBoxContainer title="Debug" icon={<span />} expandedByDefault>

src/ImageCanvas/index.js

@@ -264,9 +264,11 @@ export const ImageCanvas = ({
     bottomRight: mat.clone().inverse().applyToPoint(iw, ih),
   }
 
-  const highlightedRegion = useMemo(() => regions.find((r) => r.highlighted), [
-    regions,
-  ])
+  const highlightedRegion = useMemo(() => {
+    const highlightedRegions = regions.filter((r) => r.highlighted)
+    if (highlightedRegions.length !== 1) return null
+    return highlightedRegions[0]
+  }, [regions])
 
   return (
     <div

src/ImageMask/index.js

@@ -13,7 +13,7 @@ export const ImageMask = ({
   imagePosition,
   zIndex = 1,
   hide = false,
-  autoSegmentationOptions = {},
+  autoSegmentationOptions = { type: "simple" },
 }) => {
   if (!window.mmgc) window.mmgc = MMGC_INIT()
   const mmgc = window.mmgc

src/RegionLabel/index.js

@@ -165,10 +165,5 @@ export default memo(
   RegionLabel,
   (prevProps, nextProps) =>
     prevProps.editing === nextProps.editing &&
-    prevProps.region.x === nextProps.region.x &&
-    prevProps.region.y === nextProps.region.y &&
-    prevProps.region.tags === nextProps.region.tags &&
-    prevProps.region.cls === nextProps.region.cls &&
-    prevProps.region.color === nextProps.region.color &&
-    prevProps.region.highlighted === nextProps.region.highlighted
+    prevProps.region === nextProps.region
 )