V0.3.7 (#43)

* version 0.3.7 : 
Bugfix : clicking inside the circle around first point of a polygon always sometimes created a new point instead of closing the shape

Author: LDVerdier

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thetribe/react-components",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "Library of generic React components",
   "main": "dist/bundle.js",
   "types": "dist/index.d.ts",

src/annotation-engine/use-annotation-engine.ts

@@ -139,7 +139,7 @@ const useAnnotationEngine = ({
     const annotationToEditPointsRef = useRef<Coordinates[]>([]);
     const annotationsPathsRef = useRef<AnnotationPathDataById>(new Map());
     const annotationToEditStyleRef = useRef<AnnotationStyle>(defaultStyle);
-    const MOVE_ON_EXISTING_POINTS_RADIUS_DETECTION = 8;
+    const EXISTING_POINT_RADIUS_DETECTION = 8;
 
     const canvasCoordinateOf = (canvas: HTMLCanvasElement, event: MouseEvent): Coordinates => {
         const rect = canvas.getBoundingClientRect();
@@ -187,7 +187,7 @@ const useAnnotationEngine = ({
         return coords
             .map((coordinate, idx) => ({ coordinate, idx }))
             .filter(({ coordinate }) =>
-                areCoordinatesInsideCircle(coordinate, moveOn, MOVE_ON_EXISTING_POINTS_RADIUS_DETECTION),
+                areCoordinatesInsideCircle(coordinate, moveOn, EXISTING_POINT_RADIUS_DETECTION),
             )
             .map(({ idx }) => idx);
     };
@@ -282,7 +282,7 @@ const useAnnotationEngine = ({
 
             return newCoordinates
                 .map((coordinate, idx) => ({ coordinate, idx }))
-                .filter(({ coordinate }) => areCoordinatesInsideCircle(coordinate, clickAt, 7))
+                .filter(({ coordinate }) => areCoordinatesInsideCircle(coordinate, clickAt, EXISTING_POINT_RADIUS_DETECTION))
                 .map(({ idx }) => idx);
         }