@parca/profile 0.16.180 → 0.16.182

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.182](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.181...@parca/profile@0.16.182) (2023-06-13)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.16.181](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.180...@parca/profile@0.16.181) (2023-06-12)
+
+**Note:** Version bump only for package @parca/profile
+
 ## 0.16.180 (2023-06-10)
 
 **Note:** Version bump only for package @parca/profile

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { QueryServiceClient } from '@parca/client';
 import type { Props as CallgraphProps } from '@parca/profile/src/Callgraph';
 import ProfileExplorer from './ProfileExplorer';
@@ -11,9 +10,9 @@ export * from './ProfileView';
 export * from './ProfileViewWithData';
 export * from './utils';
 export * from './ProfileTypeSelector';
+export { default as Callgraph } from './Callgraph';
 export type { CallgraphProps };
-declare const Callgraph: import("react").LazyExoticComponent<({ data, svgString, sampleUnit, width }: CallgraphProps) => JSX.Element>;
-export { Callgraph, ProfileExplorer, ProfileTypeSelector };
+export { ProfileExplorer, ProfileTypeSelector };
 interface GrafanaParcaDataPayload {
     flamegraphData: FlamegraphData;
     topTableData: TopTableData;

package/dist/index.js

@@ -10,43 +10,6 @@
 // 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.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { lazy } from 'react';
 import ProfileExplorer from './ProfileExplorer';
 import ProfileTypeSelector from './ProfileTypeSelector';
 export * from './ProfileIcicleGraph/IcicleGraph';
@@ -56,10 +19,5 @@ export * from './ProfileView';
 export * from './ProfileViewWithData';
 export * from './utils';
 export * from './ProfileTypeSelector';
-var Callgraph = lazy(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-    switch (_a.label) {
-        case 0: return [4 /*yield*/, import('@parca/profile/src/Callgraph')];
-        case 1: return [2 /*return*/, _a.sent()];
-    }
-}); }); });
-export { Callgraph, ProfileExplorer, ProfileTypeSelector };
+export { default as Callgraph } from './Callgraph';
+export { ProfileExplorer, ProfileTypeSelector };

package/dist/useGrpcQuery/index.d.ts

@@ -1,6 +1,6 @@
-import { UseQueryResult } from 'react-query';
+import { type UseQueryResult } from '@tanstack/react-query';
 interface Props<IRes> {
-    key: string | any[];
+    key: unknown[];
     queryFn: () => Promise<IRes>;
     options?: {
         enabled?: boolean | undefined;

package/dist/useGrpcQuery/index.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 var useGrpcQuery = function (_a) {
     var key = _a.key, queryFn = _a.queryFn, _b = _a.options, _c = _b === void 0 ? {} : _b, _d = _c.enabled, enabled = _d === void 0 ? true : _d, staleTime = _c.staleTime;
     return useQuery(key, function () { return __awaiter(void 0, void 0, void 0, function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.180",
+  "version": "0.16.182",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.73",
@@ -10,6 +10,7 @@
     "@parca/parser": "^0.16.55",
     "@parca/store": "^0.16.76",
     "@parca/utilities": "^0.0.7",
+    "@tanstack/react-query": "^4.0.5",
     "@types/react-beautiful-dnd": "^13.1.3",
     "d3": "7.8.5",
     "d3-scale": "^4.0.2",
@@ -20,7 +21,6 @@
     "react-flame-graph": "^1.4.0",
     "react-inlinesvg": "^3.0.2",
     "react-map-interaction": "^2.1.0",
-    "react-query": "^3.39.2",
     "react-textarea-autosize": "^8.4.0",
     "with-alpha-hex": "^1.0.6"
   },
@@ -46,5 +46,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "07cbb9a3ba457c766e2ac88487a27cae22cecad4"
+  "gitHead": "7290cf8f40f47356cebdf72ce1003b5a54e8b29d"
 }

package/src/index.tsx

@@ -11,8 +11,6 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {lazy} from 'react';
-
 import {QueryServiceClient} from '@parca/client';
 import type {Props as CallgraphProps} from '@parca/profile/src/Callgraph';
 
@@ -27,12 +25,11 @@ export * from './ProfileView';
 export * from './ProfileViewWithData';
 export * from './utils';
 export * from './ProfileTypeSelector';
+export {default as Callgraph} from './Callgraph';
 
 export type {CallgraphProps};
 
-const Callgraph = lazy(async () => await import('@parca/profile/src/Callgraph'));
-
-export {Callgraph, ProfileExplorer, ProfileTypeSelector};
+export {ProfileExplorer, ProfileTypeSelector};
 
 // Leaving this in here due to lack of a better place to put it.
 interface GrafanaParcaDataPayload {

package/src/useGrpcQuery/index.ts

@@ -11,10 +11,10 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {UseQueryResult, useQuery} from 'react-query';
+import {useQuery, type UseQueryResult} from '@tanstack/react-query';
 
 interface Props<IRes> {
-  key: string | any[];
+  key: unknown[];
   queryFn: () => Promise<IRes>;
   options?: {
     enabled?: boolean | undefined;