@parca/profile 0.19.14 → 0.19.16

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.19.16](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.15...@parca/profile@0.19.16) (2025-07-08)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.19.15](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.14...@parca/profile@0.19.15) (2025-07-08)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.14](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.13...@parca/profile@0.19.14) (2025-07-08)
 
 **Note:** Version bump only for package @parca/profile

package/dist/useSumBy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSumBy.d.ts","sourceRoot":"","sources":["../src/useSumBy.ts"],"names":[],"mappings":"AAeA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,eAAO,MAAM,oBAAoB,EAAE,MAAM,EAAO,CAAC;AA6BjD,eAAO,MAAM,iBAAiB,gBACf,WAAW,GAAG,SAAS,qBACjB,OAAO,UAClB,MAAM,EAAE,GAAG,SAAS,sBAGzB;IACD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,KACA,CACD,MAAM,EAAE,GAAG,SAAS,EACpB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,EAC1B;IACE,SAAS,EAAE,OAAO,CAAC;CACpB,CAsCF,CAAC;AAEF,eAAO,MAAM,eAAe,gBACb,WAAW,GAAG,SAAS,qBACjB,OAAO,UAClB,MAAM,EAAE,GAAG,SAAS,KAC3B;IAAC,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAMzD,CAAC;AAkBF,eAAO,MAAM,kBAAkB,UAAW,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAG,MAAM,EAAE,GAAG,SAMpF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,EAAE,GAAG,SAAS,KAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAU9E,CAAC"}
+{"version":3,"file":"useSumBy.d.ts","sourceRoot":"","sources":["../src/useSumBy.ts"],"names":[],"mappings":"AAeA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,eAAO,MAAM,oBAAoB,EAAE,MAAM,EAAO,CAAC;AA6BjD,eAAO,MAAM,iBAAiB,gBACf,WAAW,GAAG,SAAS,qBACjB,OAAO,UAClB,MAAM,EAAE,GAAG,SAAS,sBAGzB;IACD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,KACA,CACD,MAAM,EAAE,GAAG,SAAS,EACpB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,EAC1B;IACE,SAAS,EAAE,OAAO,CAAC;CACpB,CAgDF,CAAC;AAEF,eAAO,MAAM,eAAe,gBACb,WAAW,GAAG,SAAS,qBACjB,OAAO,UAClB,MAAM,EAAE,GAAG,SAAS,KAC3B;IAAC,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAMzD,CAAC;AAyBF,eAAO,MAAM,kBAAkB,UAAW,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAG,MAAM,EAAE,GAAG,SAMpF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,EAAE,GAAG,SAAS,KAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAU9E,CAAC"}

package/dist/useSumBy.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 export const DEFAULT_EMPTY_SUM_BY = [];
 const getDefaultSumBy = (profile, labels) => {
     if (profile === undefined || labels === undefined) {
@@ -32,6 +32,15 @@ const getDefaultSumBy = (profile, labels) => {
 };
 export const useSumBySelection = (profileType, labelNamesLoading, labels, { defaultValue, } = {}) => {
     const [userSelectedSumBy, setUserSelectedSumBy] = useState(profileType != null ? { [profileType.toString()]: defaultValue } : {});
+    // Update userSelectedSumBy when defaultValue changes (e.g., during navigation)
+    useEffect(() => {
+        if (profileType != null && defaultValue !== undefined) {
+            setUserSelectedSumBy(prev => ({
+                ...prev,
+                [profileType.toString()]: defaultValue,
+            }));
+        }
+    }, [profileType, defaultValue]);
     const setSumBy = useCallback((sumBy) => {
         setUserSelectedSumBy(prev => {
             if (profileType == null) {
@@ -70,6 +79,13 @@ const getSumByFromParam = (param) => {
         return [];
     }
     if (typeof param === 'string') {
+        // Handle comma-separated strings (e.g., "comm,node" -> ["comm", "node"])
+        if (param.includes(',')) {
+            return param
+                .split(',')
+                .map(s => s.trim())
+                .filter(s => s.length > 0);
+        }
         return [param];
     }
     return param;

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.14",
+  "version": "0.19.16",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
     "@headlessui/react": "^1.7.19",
     "@iconify/react": "^4.0.0",
-    "@parca/client": "0.17.0",
-    "@parca/components": "0.16.345",
+    "@parca/client": "0.17.1",
+    "@parca/components": "0.16.346",
     "@parca/dynamicsize": "0.16.65",
-    "@parca/hooks": "0.0.91",
+    "@parca/hooks": "0.0.92",
     "@parca/icons": "0.16.72",
     "@parca/parser": "0.16.79",
-    "@parca/store": "0.16.175",
-    "@parca/utilities": "0.0.100",
+    "@parca/store": "0.16.176",
+    "@parca/utilities": "0.0.101",
     "@popperjs/core": "^2.11.8",
     "@protobuf-ts/runtime-rpc": "^2.5.0",
     "@storybook/preview-api": "^8.4.3",
@@ -78,5 +78,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "2eea9d7d4d02cecf324386b49fa72fbf7529b15b"
+  "gitHead": "1aa5b4c5e25f2dcaaad42997e99bf2b5b0089608"
 }

package/src/useSumBy.ts

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {useCallback, useMemo, useState} from 'react';
+import {useCallback, useEffect, useMemo, useState} from 'react';
 
 import {ProfileType} from '@parca/parser';
 
@@ -64,6 +64,16 @@ export const useSumBySelection = (
     profileType != null ? {[profileType.toString()]: defaultValue} : {}
   );
 
+  // Update userSelectedSumBy when defaultValue changes (e.g., during navigation)
+  useEffect(() => {
+    if (profileType != null && defaultValue !== undefined) {
+      setUserSelectedSumBy(prev => ({
+        ...prev,
+        [profileType.toString()]: defaultValue,
+      }));
+    }
+  }, [profileType, defaultValue]);
+
   const setSumBy = useCallback(
     (sumBy: string[]) => {
       setUserSelectedSumBy(prev => {
@@ -120,6 +130,13 @@ const getSumByFromParam = (param: string | string[] | undefined): string[] | und
   }
 
   if (typeof param === 'string') {
+    // Handle comma-separated strings (e.g., "comm,node" -> ["comm", "node"])
+    if (param.includes(',')) {
+      return param
+        .split(',')
+        .map(s => s.trim())
+        .filter(s => s.length > 0);
+    }
     return [param];
   }