@parca/profile 0.16.112 → 0.16.113

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.113](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.112...@parca/profile@0.16.113) (2023-02-13)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.112](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.111...@parca/profile@0.16.112) (2023-02-09)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileExplorer/index.js

@@ -9,13 +9,26 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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 { useProfileTypes } from '../ProfileSelector';
 import { ProfileSelectionFromParams, SuffixParams } from '..';
 import ProfileExplorerSingle from './ProfileExplorerSingle';
 import ProfileExplorerCompare from './ProfileExplorerCompare';
 import { store } from '@parca/store';
 import { Provider } from 'react-redux';
-import { DateTimeRange } from '@parca/components';
+import { DateTimeRange, useParcaContext } from '@parca/components';
 var getExpressionAsAString = function (expression) {
     var x = Array.isArray(expression) ? expression.join() : expression;
     return x;
@@ -49,6 +62,8 @@ var swapQueryParameters = function (o) {
 var ProfileExplorerApp = function (_a) {
     var _b, _c;
     var queryClient = _a.queryClient, queryParams = _a.queryParams, navigateTo = _a.navigateTo;
+    var _d = useProfileTypes(queryClient), profileTypesLoading = _d.loading, profileTypesData = _d.data, error = _d.error;
+    var _e = useParcaContext(), loader = _e.loader, noDataPrompt = _e.noDataPrompt;
     /* eslint-disable @typescript-eslint/naming-convention */
     var from_a = queryParams.from_a, to_a = queryParams.to_a, merge_a = queryParams.merge_a, profile_name_a = queryParams.profile_name_a, labels_a = queryParams.labels_a, time_a = queryParams.time_a, time_selection_a = queryParams.time_selection_a, compare_a = queryParams.compare_a, from_b = queryParams.from_b, to_b = queryParams.to_b, merge_b = queryParams.merge_b, profile_name_b = queryParams.profile_name_b, labels_b = queryParams.labels_b, time_b = queryParams.time_b, time_selection_b = queryParams.time_selection_b, compare_b = queryParams.compare_b, filter_by_function = queryParams.filter_by_function, dashboard_items = queryParams.dashboard_items;
     /* eslint-enable @typescript-eslint/naming-convention */
@@ -75,6 +90,12 @@ var ProfileExplorerApp = function (_a) {
     var selectProfileB = function (p) {
         return selectProfile(p, '_b');
     };
+    if (profileTypesLoading) {
+        return _jsx(_Fragment, { children: loader });
+    }
+    if ((profileTypesData === null || profileTypesData === void 0 ? void 0 : profileTypesData.types.length) === 0) {
+        return _jsx(_Fragment, { children: noDataPrompt });
+    }
     // Show the SingleProfileExplorer when not comparing
     if (compare_a !== 'true' && compare_b !== 'true') {
         var query_1 = {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.112",
+  "version": "0.16.113",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.62",
-    "@parca/components": "^0.16.94",
+    "@parca/components": "^0.16.95",
     "@parca/dynamicsize": "^0.16.52",
     "@parca/functions": "^0.16.60",
     "@parca/parser": "^0.16.53",
@@ -45,5 +45,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "20614b1f95352017f7cec344edf8bd152df30856"
+  "gitHead": "425c828b992528c8588ad6992fcda1d9f160f170"
 }

package/src/ProfileExplorer/index.tsx

@@ -11,14 +11,14 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {QuerySelection} from '../ProfileSelector';
+import {QuerySelection, useProfileTypes} from '../ProfileSelector';
 import {ProfileSelection, ProfileSelectionFromParams, SuffixParams} from '..';
 import ProfileExplorerSingle from './ProfileExplorerSingle';
 import ProfileExplorerCompare from './ProfileExplorerCompare';
 import {QueryServiceClient} from '@parca/client';
 import {store} from '@parca/store';
 import {Provider} from 'react-redux';
-import {DateTimeRange} from '@parca/components';
+import {DateTimeRange, useParcaContext} from '@parca/components';
 import type {NavigateFunction} from '@parca/functions';
 
 interface ProfileExplorerProps {
@@ -71,6 +71,14 @@ const ProfileExplorerApp = ({
   queryParams,
   navigateTo,
 }: ProfileExplorerProps): JSX.Element => {
+  const {
+    loading: profileTypesLoading,
+    data: profileTypesData,
+    error,
+  } = useProfileTypes(queryClient);
+
+  const {loader, noDataPrompt} = useParcaContext();
+
   /* eslint-disable @typescript-eslint/naming-convention */
   let {
     from_a,
@@ -126,6 +134,14 @@ const ProfileExplorerApp = ({
     return selectProfile(p, '_b');
   };
 
+  if (profileTypesLoading) {
+    return <>{loader}</>;
+  }
+
+  if (profileTypesData?.types.length === 0) {
+    return <>{noDataPrompt}</>;
+  }
+
   // Show the SingleProfileExplorer when not comparing
   if (compare_a !== 'true' && compare_b !== 'true') {
     const query = {