@parca/profile 0.16.326 → 0.16.328

package/CHANGELOG.md

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

package/dist/MatchersInput/index.js

@@ -147,7 +147,7 @@ const MatchersInput = ({ queryClient, setMatchersString, runQuery, currentQuery,
         setFocusedInput(false);
     };
     const profileSelected = currentQuery.profileName() === '';
-    return (_jsxs("div", { className: "w-full min-w-[300px] flex-1 font-mono", children: [_jsx(TextareaAutosize, { ref: inputRef, className: cx('block h-[38px] w-full flex-1 rounded-md border bg-white px-2 py-2 text-sm shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:border-gray-600 dark:bg-gray-900', profileSelected && 'cursor-not-allowed'), placeholder: profileSelected
+    return (_jsxs("div", { className: "w-full min-w-[300px] flex-1 font-mono relative", children: [_jsx(TextareaAutosize, { ref: inputRef, className: cx('block h-[38px] w-full flex-1 rounded-md border bg-white px-2 py-2 text-sm shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:border-gray-600 dark:bg-gray-900', profileSelected && 'cursor-not-allowed'), placeholder: profileSelected
                     ? 'Select a profile first to enter a filter...'
                     : 'filter profiles... eg. node="test"', onChange: onChange, value: value, onBlur: unfocus, onFocus: focus, disabled: profileSelected, title: profileSelected
                     ? 'Select a profile first to enter a filter...'

package/dist/MetricsGraph/index.js

@@ -156,14 +156,17 @@ export const RawMetricsGraph = ({ data, from, to, profile, onSampleClick, addLab
             setRelPos(-1);
             return;
         }
-        const firstTime = xScale.invert(relPos).valueOf();
-        const secondTime = xScale.invert(pos[0]).valueOf();
-        if (firstTime > secondTime) {
-            setTimeRange(DateTimeRange.fromAbsoluteDates(secondTime, firstTime));
-        }
-        else {
-            setTimeRange(DateTimeRange.fromAbsoluteDates(firstTime, secondTime));
+        let startPos = relPos;
+        let endPos = pos[0];
+        if (startPos > endPos) {
+            startPos = pos[0];
+            endPos = relPos;
         }
+        const startCorrection = 10;
+        const endCorrection = 30;
+        const firstTime = xScale.invert(startPos - startCorrection).valueOf();
+        const secondTime = xScale.invert(endPos - endCorrection).valueOf();
+        setTimeRange(DateTimeRange.fromAbsoluteDates(firstTime, secondTime));
         setRelPos(-1);
         e.stopPropagation();
         e.preventDefault();

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.326",
+  "version": "0.16.328",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.100",
-    "@parca/components": "^0.16.239",
+    "@parca/components": "^0.16.240",
     "@parca/dynamicsize": "^0.16.60",
     "@parca/hooks": "^0.0.38",
     "@parca/parser": "^0.16.68",
-    "@parca/store": "^0.16.120",
-    "@parca/utilities": "^0.0.48",
+    "@parca/store": "^0.16.121",
+    "@parca/utilities": "^0.0.49",
     "@tanstack/react-query": "^4.0.5",
     "@types/react-beautiful-dnd": "^13.1.3",
     "apache-arrow": "^12.0.0",
@@ -50,5 +50,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "961d3388824ea94af5bb47ea627b146ad14c23b5"
+  "gitHead": "d529dd87e642c1c67054ad2c68912d090e013321"
 }

package/src/MatchersInput/index.tsx

@@ -205,7 +205,7 @@ const MatchersInput = ({
   const profileSelected = currentQuery.profileName() === '';
 
   return (
-    <div className="w-full min-w-[300px] flex-1 font-mono">
+    <div className="w-full min-w-[300px] flex-1 font-mono relative">
       <TextareaAutosize
         ref={inputRef}
         className={cx(

package/src/MetricsGraph/index.tsx

@@ -282,14 +282,22 @@ export const RawMetricsGraph = ({
       return;
     }
 
-    const firstTime = xScale.invert(relPos).valueOf();
-    const secondTime = xScale.invert(pos[0]).valueOf();
+    let startPos = relPos;
+    let endPos = pos[0];
 
-    if (firstTime > secondTime) {
-      setTimeRange(DateTimeRange.fromAbsoluteDates(secondTime, firstTime));
-    } else {
-      setTimeRange(DateTimeRange.fromAbsoluteDates(firstTime, secondTime));
+    if (startPos > endPos) {
+      startPos = pos[0];
+      endPos = relPos;
     }
+
+    const startCorrection = 10;
+    const endCorrection = 30;
+
+    const firstTime = xScale.invert(startPos - startCorrection).valueOf();
+    const secondTime = xScale.invert(endPos - endCorrection).valueOf();
+
+    setTimeRange(DateTimeRange.fromAbsoluteDates(firstTime, secondTime));
+
     setRelPos(-1);
 
     e.stopPropagation();