minor flow fixes

Author: seveibar

package.json

@@ -10,6 +10,7 @@
     "@semantic-release/git": "^9.0.0",
     "get-image-data": "^3.0.1",
     "material-survey": "^1.0.34",
+    "mmgc1-cpp": "^1.0.0",
     "moment": "^2.23.0",
     "react-full-screen": "^0.2.4",
     "react-hotkeys": "^2.0.0",

src/ImageCanvas/index.js

@@ -46,6 +46,7 @@ type Props = {
   videoPlaying?: boolean,
   mask?: ImageData,
   maskVersion?: any,
+  fullImageSegmentationMode?: boolean,
 
   onChangeRegion: (Region) => any,
   onBeginRegionEdit: (Region) => any,
@@ -62,6 +63,7 @@ type Props = {
     duration?: number,
   }) => any,
   onChangeVideoTime: (number) => any,
+  onChangeVideoPlaying?: Function,
 }
 
 const getDefaultMat = () => Matrix.from(1, 0, 0, 1, -10, -10)
@@ -237,9 +239,9 @@ export const ImageCanvas = ({
     )) {
       switch (region.type) {
         case "point": {
-          if(!fullImageSegmentationMode){
+          if (!fullImageSegmentationMode) {
             context.save()
-            
+
             context.beginPath()
             context.strokeStyle = region.color
             context.moveTo(region.x * iw - 10, region.y * ih)
@@ -254,20 +256,20 @@ export const ImageCanvas = ({
             context.arc(region.x * iw, region.y * ih, 5, 0, 2 * Math.PI)
             context.stroke()
             context.restore()
-          }else {
+          } else {
             const length = 4
             context.save()
 
             context.beginPath()
             context.strokeStyle = region.color
 
-            context.moveTo(region.x * iw, region.y * ih+ length)
+            context.moveTo(region.x * iw, region.y * ih + length)
             context.lineTo(region.x * iw + length, region.y * ih)
-            context.moveTo(region.x * iw, region.y * ih- length)
+            context.moveTo(region.x * iw, region.y * ih - length)
             context.lineTo(region.x * iw + length, region.y * ih)
-            context.moveTo(region.x * iw, region.y * ih-length)
+            context.moveTo(region.x * iw, region.y * ih - length)
             context.lineTo(region.x * iw - length, region.y * ih)
-            context.moveTo(region.x * iw, region.y * ih+length)
+            context.moveTo(region.x * iw, region.y * ih + length)
             context.lineTo(region.x * iw - length, region.y * ih)
             context.stroke()
             context.restore()
@@ -478,7 +480,14 @@ export const ImageCanvas = ({
         {...mouseEvents}
       >
         <>
-          {mask && <ImageMask maskVersion={maskVersion} videoPlaying={videoPlaying} imagePosition={imagePosition} imageData={mask} />}
+          {mask && (
+            <ImageMask
+              maskVersion={maskVersion}
+              videoPlaying={videoPlaying}
+              imagePosition={imagePosition}
+              imageData={mask}
+            />
+          )}
           <canvas className={classes.canvas} ref={canvasEl} />
           <VideoOrImageCanvasBackground
             videoPlaying={videoPlaying}

src/ImageMask/index.js

@@ -1,14 +1,20 @@
 // @flow
 
 import React, { useState, useEffect, useMemo } from "react"
-export default ({ imageData,
-    imagePosition,
-    videoPlaying, maskVersion,
-    pointerEvents = "none",
-    opacity = 0.5,
-    zIndex = 999,
-    position = 'absolute'
-  }) => {
+
+import mmgc from "mmgc1-cpp"
+
+export default ({
+  classPoints,
+  imageData,
+  imagePosition,
+  videoPlaying,
+  maskVersion,
+  pointerEvents = "none",
+  opacity = 0.5,
+  zIndex = 999,
+  position = "absolute",
+}) => {
   const [canvasRef, setCanvasRef] = useState(null)
 
   useEffect(() => {
@@ -28,7 +34,7 @@ export default ({ imageData,
       zIndex,
       position,
       opacity,
-      pointerEvents
+      pointerEvents,
     }
   }, [
     imagePosition.topLeft.x,
@@ -38,7 +44,7 @@ export default ({ imageData,
     zIndex,
     position,
     opacity,
-    pointerEvents
+    pointerEvents,
   ])
 
   return (

yarn.lock

@@ -10820,6 +10820,11 @@ mkdirp@0.5.1, mkdirp@0.5.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@
   dependencies:
     minimist "0.0.8"
 
+mmgc1-cpp@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/mmgc1-cpp/-/mmgc1-cpp-1.0.0.tgz#59b4532c82958733049e818c6831c7f7aa7cc1b7"
+  integrity sha512-QqIkVp428kdTeV0X8nnAVFWq6sutTZrb/hG0eMDQNv4m3cLkMoHBmAe7x8V8/m/NOT5ujMRKC8zMjZz3odqJvQ==
+
 moment@^2.23.0:
   version "2.24.0"
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"
@@ -12771,16 +12776,16 @@ preserve@^0.2.0:
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
   integrity sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=
 
-prettier@2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.2.tgz#1ba8f3eb92231e769b7fcd7cb73ae1b6b74ade08"
-  integrity sha512-5xJQIPT8BraI7ZnaDwSbu5zLrB6vvi8hVV58yHQ+QK64qrY40dULy0HSRlQ2/2IdzeBpjhDkqdcFBnFeDEMVdg==
-
 prettier@^1.16.4:
   version "1.19.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
 
+prettier@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"
+  integrity sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==
+
 pretty-bytes@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-4.0.2.tgz#b2bf82e7350d65c6c33aa95aaa5a4f6327f61cd9"
@@ -13324,7 +13329,7 @@ react-helmet-async@^1.0.2:
     react-fast-compare "2.0.4"
     shallowequal "1.1.0"
 
-react-hotkeys@2.0.0:
+react-hotkeys@2.0.0, react-hotkeys@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/react-hotkeys/-/react-hotkeys-2.0.0.tgz#a7719c7340cbba888b0e9184f806a9ec0ac2c53f"
   integrity sha512-3n3OU8vLX/pfcJrR3xJ1zlww6KS1kEJt0Whxc4FiGV+MJrQ1mYSYI3qS/11d2MJDFm8IhOXMTFQirfu6AVOF6Q==