react-image-annotate-master-custom 0.0.3 → 0.0.4

package/HighlightBox/index.js

@@ -3,6 +3,7 @@ import React from "react";
 import classnames from "classnames";
 import { makeStyles } from "@mui/styles";
 import { createTheme, ThemeProvider } from "@mui/material/styles";
+import zIndex from "@mui/material/styles/zIndex";
 var theme = createTheme();
 var useStyles = makeStyles(function (theme) {
   return {
@@ -71,7 +72,8 @@ export var HighlightBox = function HighlightBox(_ref) {
   var styleCoordsHorizontal = r.type === "point" ? {
     top: pbox.y + pbox.h - 12,
     width: 600000000,
-    height: 3
+    height: 2,
+    zIndex: 1
   } : {
     left: pbox.x - 5,
     top: pbox.y - 5,
@@ -80,8 +82,9 @@ export var HighlightBox = function HighlightBox(_ref) {
   };
   var styleCoordsVertical = r.type === "point" ? {
     left: pbox.x + pbox.w - 15,
-    width: 20,
-    height: 60000000
+    width: 2,
+    height: 60000000,
+    zIndex: 1
   } : {
     left: pbox.x - 5,
     top: pbox.y - 5,
@@ -93,8 +96,8 @@ export var HighlightBox = function HighlightBox(_ref) {
   return React.createElement(ThemeProvider, {
     theme: theme
   }, React.createElement("svg", Object.assign({
-    key: "".concat(r.id, "-box"),
-    id: "".concat(r.id, "-box"),
+    key: "".concat(r.id),
+    id: "".concat(r.id),
     className: classnames(classes.highlightLight, {
       highlighted: r.highlighted
     })
@@ -125,65 +128,27 @@ export var HighlightBox = function HighlightBox(_ref) {
     style: {
       strokeDasharray: 5
     }
-  })), React.createElement("svg", Object.assign({
+  })), React.createElement("svg", {
     key: "".concat(r.id, "-horizontal"),
     id: "".concat(r.id, "-horizontal"),
     className: classnames(classes.highlightLight, {
       highlighted: r.highlighted
-    })
-  }, mouseEvents, !zoomWithPrimary && !dragWithPrimary ? {
-    onMouseDown: function onMouseDown(e) {
-      if (!r.locked && r.type === "point" && r.highlighted && e.button === 0) {
-        return onBeginMovePoint(r);
-      }
-
-      if (e.button === 0 && !createWithPrimary) {
-        return onSelectRegion(r);
-      }
-
-      onSelectRegion(r); //mouseEvents.onMouseDown(e)
-    }
-  } : {}, {
-    style: _objectSpread({}, r.highlighted ? {
-      pointerEvents: r.type !== "point" ? "none" : undefined,
-      cursor: "grab"
-    } : {
-      cursor: !(zoomWithPrimary || dragWithPrimary || createWithPrimary) ? "pointer" : undefined,
-      pointerEvents: zoomWithPrimary || dragWithPrimary || createWithPrimary && !r.highlighted ? "none" : undefined
-    }, {
+    }),
+    style: _objectSpread({
       position: "absolute"
     }, styleCoordsHorizontal)
-  }), React.createElement("path", {
+  }, React.createElement("path", {
     d: pathDHorizontal
-  })), React.createElement("svg", Object.assign({
+  })), React.createElement("svg", {
     key: "".concat(r.id, "-vertical"),
     id: "".concat(r.id, "-vertical"),
     className: classnames(classes.highlightLight, {
       highlighted: r.highlighted
-    })
-  }, mouseEvents, !zoomWithPrimary && !dragWithPrimary ? {
-    onMouseDown: function onMouseDown(e) {
-      if (!r.locked && r.type === "point" && r.highlighted && e.button === 0) {
-        return onBeginMovePoint(r);
-      }
-
-      if (e.button === 0 && !createWithPrimary) {
-        return onSelectRegion(r);
-      }
-
-      onSelectRegion(r); //mouseEvents.onMouseDown(e)
-    }
-  } : {}, {
-    style: _objectSpread({}, r.highlighted ? {
-      pointerEvents: r.type !== "point" ? "none" : undefined,
-      cursor: "grab"
-    } : {
-      cursor: !(zoomWithPrimary || dragWithPrimary || createWithPrimary) ? "pointer" : undefined,
-      pointerEvents: zoomWithPrimary || dragWithPrimary || createWithPrimary && !r.highlighted ? "none" : undefined
-    }, {
+    }),
+    style: _objectSpread({
       position: "absolute"
     }, styleCoordsVertical)
-  }), React.createElement("path", {
+  }, React.createElement("path", {
     d: pathDVertical
   })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-image-annotate-master-custom",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.12",
     "@fortawesome/free-solid-svg-icons": "^5.6.3",