@parca/profile 0.16.313 → 0.16.315

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.315](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.314...@parca/profile@0.16.315) (2023-11-22)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.16.314](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.313...@parca/profile@0.16.314) (2023-11-22)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.313](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.312...@parca/profile@0.16.313) (2023-11-21)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileIcicleGraph/IcicleGraphArrow/utils.js

@@ -45,7 +45,7 @@ export function nodeLabel(table, row, level, showBinaryName) {
     return fallback === '' ? '<unknown>' : fallback;
 }
 export const extractFeature = (mapping) => {
-    if (mapping.startsWith('runtime') || mapping === 'root') {
+    if (mapping === 'runtime' || mapping === 'root') {
         return { name: 'runtime', type: FEATURE_TYPES.Runtime };
     }
     if (mapping != null && mapping !== '') {

package/dist/ProfileSelector/index.js

@@ -128,6 +128,11 @@ const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQue
             setQueryExpressionString(q);
         }
     };
+    useEffect(() => {
+        if (viewComponent !== undefined) {
+            viewComponent.emitQuery(query.toString());
+        }
+    }, [query, viewComponent]);
     useAutoQuerySelector({
         selectedProfileName,
         profileTypesData,
@@ -140,7 +145,7 @@ const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQue
         queryExpressionString === '{}';
     const compareDisabled = selectedProfileName === '' || querySelection.expression === undefined;
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-2 flex gap-2", children: [_jsxs("div", { className: "flex w-full flex-wrap content-start items-end justify-between gap-2", children: [_jsxs("div", { children: [_jsx("label", { className: "text-xs", children: "Profile type" }), _jsx(ProfileTypeSelector, { profileTypesData: profileTypesData, loading: profileTypesLoading, selectedKey: selectedProfileName, onSelection: setProfileName, error: error })] }), _jsxs("div", { className: "w-full flex-1", children: [_jsxs("div", { className: "mb-[2px] flex items-center justify-between", children: [_jsx("label", { className: "text-xs", children: "Query" }), (query.matchers.length > 0 || query.inputMatcherString.length > 0) &&
-                                                viewComponent !== undefined && _jsx("div", { children: viewComponent(query.toString()) })] }), _jsx(MatchersInput, { queryClient: queryClient, setMatchersString: setMatchersString, runQuery: setQueryExpression, currentQuery: query })] }), _jsxs("div", { children: [_jsx("label", { className: "text-xs", children: "Period" }), _jsx(DateTimeRangePicker, { onRangeSelection: setTimeRangeSelection, range: timeRangeSelection })] }), _jsxs(ButtonGroup, { children: [!searchDisabled && (_jsx(_Fragment, { children: !comparing && (_jsx(CompareButton, { disabled: compareDisabled, onClick: handleCompareClick })) })), _jsx(Button, { disabled: searchDisabled, onClick: (e) => {
+                                                viewComponent !== undefined && _jsx("div", { children: viewComponent?.createViewComponent })] }), _jsx(MatchersInput, { queryClient: queryClient, setMatchersString: setMatchersString, runQuery: setQueryExpression, currentQuery: query })] }), _jsxs("div", { children: [_jsx("label", { className: "text-xs", children: "Period" }), _jsx(DateTimeRangePicker, { onRangeSelection: setTimeRangeSelection, range: timeRangeSelection })] }), _jsxs(ButtonGroup, { children: [!searchDisabled && (_jsx(_Fragment, { children: !comparing && (_jsx(CompareButton, { disabled: compareDisabled, onClick: handleCompareClick })) })), _jsx(Button, { disabled: searchDisabled, onClick: (e) => {
                                             e.preventDefault();
                                             setQueryExpression();
                                         }, id: "matcher-search-button", children: "Search" })] })] }), _jsx("div", { children: comparing && _jsx(IconButton, { onClick: () => closeProfile(), icon: _jsx(CloseIcon, {}) }) })] }), _jsx("div", { className: "rounded bg-white shadow dark:border-gray-500 dark:bg-gray-700", children: _jsx("div", { style: { height: heightStyle }, children: querySelection.expression !== undefined &&

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.313",
+  "version": "0.16.315",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.100",
-    "@parca/components": "^0.16.231",
+    "@parca/components": "^0.16.232",
     "@parca/dynamicsize": "^0.16.60",
     "@parca/hooks": "^0.0.37",
     "@parca/parser": "^0.16.68",
@@ -50,5 +50,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "b1579513b9d76e3d8f28ebbfdf5fc73e6da630de"
+  "gitHead": "04204f951c45271c548bc3cfab5cd1ec2e115974"
 }

package/src/ProfileIcicleGraph/IcicleGraphArrow/utils.ts

@@ -66,7 +66,7 @@ export function nodeLabel(
 }
 
 export const extractFeature = (mapping: string): Feature => {
-  if (mapping.startsWith('runtime') || mapping === 'root') {
+  if (mapping === 'runtime' || mapping === 'root') {
     return {name: 'runtime', type: FEATURE_TYPES.Runtime};
   }
 

package/src/ProfileSelector/index.tsx

@@ -206,6 +206,12 @@ const ProfileSelector = ({
     }
   };
 
+  useEffect(() => {
+    if (viewComponent !== undefined) {
+      viewComponent.emitQuery(query.toString());
+    }
+  }, [query, viewComponent]);
+
   useAutoQuerySelector({
     selectedProfileName,
     profileTypesData,
@@ -242,7 +248,7 @@ const ProfileSelector = ({
               <label className="text-xs">Query</label>
 
               {(query.matchers.length > 0 || query.inputMatcherString.length > 0) &&
-                viewComponent !== undefined && <div>{viewComponent(query.toString())}</div>}
+                viewComponent !== undefined && <div>{viewComponent?.createViewComponent}</div>}
             </div>
 
             <MatchersInput