@parca/profile 0.16.173 → 0.16.174

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.16.174](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.173...@parca/profile@0.16.174) (2023-06-01)
+
+**Note:** Version bump only for package @parca/profile
+
 ## 0.16.173 (2023-06-01)
 
 **Note:** Version bump only for package @parca/profile

package/dist/MetricsGraph/index.js

@@ -135,6 +135,10 @@ export var RawMetricsGraph = function (_a) {
     };
     var highlighted = getClosest();
     var onMouseDown = function (e) {
+        // if shift is down, disable mouse behavior
+        if (isShiftDown) {
+            return;
+        }
         // only left mouse button
         if (e.button !== 0) {
             return;
@@ -157,6 +161,9 @@ export var RawMetricsGraph = function (_a) {
         }
     };
     var onMouseUp = function (e) {
+        if (isShiftDown) {
+            return;
+        }
         setDragging(false);
         if (relPos === -1) {
             // MouseDown happened outside of this element.
@@ -183,15 +190,17 @@ export var RawMetricsGraph = function (_a) {
     };
     var throttledSetPos = throttle(setPos, 20);
     var onMouseMove = function (e) {
+        // do not update position if shift is down because this means the user is locking the tooltip
+        if (isShiftDown) {
+            return;
+        }
         // X/Y coordinate array relative to svg
         var rel = pointer(e);
         var xCoordinate = rel[0];
         var xCoordinateWithoutMargin = xCoordinate - margin;
         var yCoordinate = rel[1];
         var yCoordinateWithoutMargin = yCoordinate - margin;
-        if (!isShiftDown) {
-            throttledSetPos([xCoordinateWithoutMargin, yCoordinateWithoutMargin]);
-        }
+        throttledSetPos([xCoordinateWithoutMargin, yCoordinateWithoutMargin]);
     };
     var findSelectedProfile = function () {
         if (profile == null) {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.173",
+  "version": "0.16.174",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.73",
-    "@parca/components": "^0.16.138",
+    "@parca/components": "^0.16.139",
     "@parca/dynamicsize": "^0.16.54",
     "@parca/hooks": "^0.0.2",
     "@parca/parser": "^0.16.55",
@@ -46,5 +46,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "30457898590ff9bfdf0d5ab0abc4c2078f19759b"
+  "gitHead": "33196592dbe0ce078cc413325d1ec472ff11df28"
 }

package/src/MetricsGraph/index.tsx

@@ -221,6 +221,11 @@ export const RawMetricsGraph = ({
   const highlighted = getClosest();
 
   const onMouseDown = (e: React.MouseEvent<SVGSVGElement | HTMLDivElement, MouseEvent>): void => {
+    // if shift is down, disable mouse behavior
+    if (isShiftDown) {
+      return;
+    }
+
     // only left mouse button
     if (e.button !== 0) {
       return;
@@ -251,6 +256,10 @@ export const RawMetricsGraph = ({
   };
 
   const onMouseUp = (e: React.MouseEvent<SVGSVGElement | HTMLDivElement, MouseEvent>): void => {
+    if (isShiftDown) {
+      return;
+    }
+
     setDragging(false);
 
     if (relPos === -1) {
@@ -283,6 +292,11 @@ export const RawMetricsGraph = ({
   const throttledSetPos = throttle(setPos, 20);
 
   const onMouseMove = (e: React.MouseEvent<SVGSVGElement | HTMLDivElement, MouseEvent>): void => {
+    // do not update position if shift is down because this means the user is locking the tooltip
+    if (isShiftDown) {
+      return;
+    }
+
     // X/Y coordinate array relative to svg
     const rel = pointer(e);
 
@@ -291,9 +305,7 @@ export const RawMetricsGraph = ({
     const yCoordinate = rel[1];
     const yCoordinateWithoutMargin = yCoordinate - margin;
 
-    if (!isShiftDown) {
-      throttledSetPos([xCoordinateWithoutMargin, yCoordinateWithoutMargin]);
-    }
+    throttledSetPos([xCoordinateWithoutMargin, yCoordinateWithoutMargin]);
   };
 
   const findSelectedProfile = (): HighlightedSeries | null => {