@parca/profile 0.16.117 → 0.16.119

package/src/ProfileIcicleGraph/IcicleGraph/useNodeColor.ts

@@ -11,9 +11,11 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+import {useMemo} from 'react';
+
 import {diffColor} from '@parca/functions';
 import {EVERYTHING_ELSE, selectDarkMode, selectStackColors, useAppSelector} from '@parca/store';
-import {useMemo} from 'react';
+
 import type {ColoredFlamegraphNode} from './useColoredGraph';
 
 interface Props {

package/src/ProfileIcicleGraph/IcicleGraph/utils.ts

@@ -11,16 +11,16 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {getLastItem} from '@parca/functions';
 import {FlamegraphNode} from '@parca/client';
 import {
+  Location,
   Mapping,
   Function as ParcaFunction,
-  Location,
 } from '@parca/client/dist/parca/metastore/v1alpha1/metastore';
+import {getLastItem} from '@parca/functions';
+import {EVERYTHING_ELSE, FEATURE_TYPES, type Feature} from '@parca/store';
+
 import {hexifyAddress} from '../../utils';
-import {EVERYTHING_ELSE, FEATURE_TYPES} from '@parca/store';
-import type {Feature} from '@parca/store';
 
 export const getBinaryName = (
   node: FlamegraphNode,

package/src/ProfileIcicleGraph/ProfileIcicleGraph.stories.mdx

@@ -1,9 +1,11 @@
 import {action} from '@storybook/addon-actions';
-import {Meta, Story, Canvas} from '@storybook/addon-docs';
-import ProfileIcicleGraph from './ProfileIcicleGraph';
+import {Canvas, Meta, Story} from '@storybook/addon-docs';
+
 import {QueryResponse} from '@parca/client';
-import queryResponseSimple from './testdata/fg-simple.json';
+
+import ProfileIcicleGraph from './ProfileIcicleGraph';
 import queryResponseDiff from './testdata/fg-diff.json';
+import queryResponseSimple from './testdata/fg-simple.json';
 
 <Meta title="template/ProfileIcicleGraph" component={ProfileIcicleGraph} />
 

package/src/ProfileIcicleGraph/index.tsx

@@ -11,14 +11,14 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+import {useEffect, useMemo} from 'react';
+
 import {Flamegraph} from '@parca/client';
 import {useContainerDimensions} from '@parca/dynamicsize';
+import {selectQueryParam, type NavigateFunction} from '@parca/functions';
 
 import DiffLegend from '../components/DiffLegend';
 import IcicleGraph from './IcicleGraph';
-import {selectQueryParam} from '@parca/functions';
-import type {NavigateFunction} from '@parca/functions';
-import {useEffect, useMemo} from 'react';
 
 const numberFormatter = new Intl.NumberFormat('en-US');
 

package/src/ProfileMetricsGraph/index.tsx

@@ -11,15 +11,18 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {useState, useEffect} from 'react';
-import MetricsGraph from '../MetricsGraph';
-import {MergedProfileSelection, ProfileSelection} from '..';
-import {QueryServiceClient, QueryRangeResponse, Label, Timestamp, Duration} from '@parca/client';
+import {useEffect, useState} from 'react';
+
 import {RpcError} from '@protobuf-ts/runtime-rpc';
+
+import {Duration, Label, QueryRangeResponse, QueryServiceClient, Timestamp} from '@parca/client';
 import {DateTimeRange, useGrpcMetadata, useParcaContext} from '@parca/components';
+import {getStepDuration} from '@parca/functions';
 import {Query} from '@parca/parser';
+
+import {MergedProfileSelection, ProfileSelection} from '..';
+import MetricsGraph from '../MetricsGraph';
 import useDelayedLoader from '../useDelayedLoader';
-import {getStepDuration} from '@parca/functions';
 
 interface ProfileMetricsGraphProps {
   queryClient: QueryServiceClient;

package/src/ProfileSelector/CompareButton.tsx

@@ -12,7 +12,9 @@
 // limitations under the License.
 
 import {useState} from 'react';
+
 import {usePopper} from 'react-popper';
+
 import {Button} from '@parca/components';
 
 const CompareButton = ({

package/src/ProfileSelector/index.tsx

@@ -11,25 +11,28 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {Query} from '@parca/parser';
-import {QueryServiceClient, ProfileTypesResponse} from '@parca/client';
-import {getStepDuration, getStepDurationInMilliseconds} from '@parca/functions';
-import {RpcError} from '@protobuf-ts/runtime-rpc';
-import {MergedProfileSelection, ProfileSelection} from '..';
 import React, {useEffect, useState} from 'react';
-import ProfileMetricsGraph from '../ProfileMetricsGraph';
-import MatchersInput from '../MatchersInput/index';
-import CompareButton from './CompareButton';
+
+import {RpcError} from '@protobuf-ts/runtime-rpc';
+
+import {ProfileTypesResponse, QueryServiceClient} from '@parca/client';
 import {
-  Card,
-  DateTimeRangePicker,
-  DateTimeRange,
   Button,
   ButtonGroup,
+  Card,
+  DateTimeRange,
+  DateTimeRangePicker,
   useGrpcMetadata,
 } from '@parca/components';
+import {getStepDuration, getStepDurationInMilliseconds} from '@parca/functions';
 import {CloseIcon} from '@parca/icons';
+import {Query} from '@parca/parser';
+
+import {MergedProfileSelection, ProfileSelection} from '..';
+import MatchersInput from '../MatchersInput/index';
+import ProfileMetricsGraph from '../ProfileMetricsGraph';
 import ProfileTypeSelector from '../ProfileTypeSelector/index';
+import CompareButton from './CompareButton';
 
 export interface QuerySelection {
   expression: string;

package/src/ProfileSource.tsx

@@ -11,17 +11,17 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {formatDate} from '@parca/functions';
-import {Query, ProfileType} from '@parca/parser';
 import {
   Label,
+  ProfileDiffSelection,
+  ProfileDiffSelection_Mode,
   QueryRequest,
   QueryRequest_Mode,
   QueryRequest_ReportType,
-  ProfileDiffSelection,
-  ProfileDiffSelection_Mode,
   Timestamp,
 } from '@parca/client';
+import {formatDate} from '@parca/functions';
+import {ProfileType, Query} from '@parca/parser';
 
 export interface ProfileSource {
   QueryRequest: () => QueryRequest;

package/src/ProfileTypeSelector/index.tsx

@@ -12,10 +12,11 @@
 // limitations under the License.
 
 import {useMemo} from 'react';
-import {ProfileType, ProfileTypesResponse} from '@parca/client';
+
 import {RpcError} from '@protobuf-ts/runtime-rpc';
-import {Select} from '@parca/components';
-import type {SelectElement} from '@parca/components';
+
+import {ProfileType, ProfileTypesResponse} from '@parca/client';
+import {Select, type SelectElement} from '@parca/components';
 
 interface WellKnownProfile {
   name: string;

package/src/ProfileView/FilterByFunctionButton.tsx

@@ -11,10 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+import {useCallback, useMemo, useState} from 'react';
+
+import {Icon} from '@iconify/react';
+
 import {Input, useURLState} from '@parca/components';
 import type {NavigateFunction} from '@parca/functions';
-import {Icon} from '@iconify/react';
-import {useCallback, useMemo, useState} from 'react';
 
 const FilterByFunctionButton = ({
   navigateTo,

package/src/ProfileView/ViewSelector.tsx

@@ -11,9 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+import {Select, useURLState, type SelectElement} from '@parca/components';
 import type {NavigateFunction} from '@parca/functions';
-import {Select, useURLState} from '@parca/components';
-import type {SelectElement} from '@parca/components';
 import useUIFeatureFlag from '@parca/functions/useUIFeatureFlag';
 
 interface Props {

package/src/ProfileView/index.tsx

@@ -12,29 +12,33 @@
 // limitations under the License.
 
 import {Profiler, useEffect, useMemo, useState} from 'react';
-import {scaleLinear} from 'd3';
 
+import {Icon} from '@iconify/react';
 import cx from 'classnames';
+import {scaleLinear} from 'd3';
+import {
+  DragDropContext,
+  Draggable,
+  Droppable,
+  type DraggableLocation,
+  type DropResult,
+} from 'react-beautiful-dnd';
+
+import {Callgraph as CallgraphType, Flamegraph, QueryServiceClient, Top} from '@parca/client';
+import {Button, Card, KeyDownProvider, useParcaContext, useURLState} from '@parca/components';
+import {useContainerDimensions} from '@parca/dynamicsize';
 import {getNewSpanColor} from '@parca/functions';
 import {CloseIcon} from '@parca/icons';
-import {Icon} from '@iconify/react';
-import {QueryServiceClient, Flamegraph, Top, Callgraph as CallgraphType} from '@parca/client';
-import {Button, Card, useParcaContext, KeyDownProvider, useURLState} from '@parca/components';
-import {useContainerDimensions} from '@parca/dynamicsize';
-import {useAppSelector, selectDarkMode} from '@parca/store';
-import {DragDropContext, Droppable, Draggable} from 'react-beautiful-dnd';
-import type {DropResult, DraggableLocation} from 'react-beautiful-dnd';
+import {selectDarkMode, useAppSelector} from '@parca/store';
 
 import {Callgraph} from '../';
-import ProfileShareButton from '../components/ProfileShareButton';
-import FilterByFunctionButton from './FilterByFunctionButton';
-import ViewSelector from './ViewSelector';
 import ProfileIcicleGraph, {ResizeHandler} from '../ProfileIcicleGraph';
 import {ProfileSource} from '../ProfileSource';
 import {TopTable} from '../TopTable';
+import ProfileShareButton from '../components/ProfileShareButton';
 import useDelayedLoader from '../useDelayedLoader';
-
-import '../ProfileView.styles.css';
+import FilterByFunctionButton from './FilterByFunctionButton';
+import ViewSelector from './ViewSelector';
 
 type NavigateFunction = (path: string, queryParams: any, options?: {replace?: boolean}) => void;
 

package/src/ProfileViewWithData.tsx

@@ -12,16 +12,17 @@
 // limitations under the License.
 
 import {useEffect, useState} from 'react';
-import {QueryServiceClient, QueryRequest_ReportType} from '@parca/client';
-import {useQuery} from './useQuery';
-import {ProfileView} from './ProfileView';
-import {ProfileSource} from './ProfileSource';
-import {downloadPprof} from './utils';
+
+import {QueryRequest_ReportType, QueryServiceClient} from '@parca/client';
 import {useGrpcMetadata, useParcaContext, useURLState} from '@parca/components';
-import {saveAsBlob} from '@parca/functions';
-import type {NavigateFunction} from '@parca/functions';
+import {saveAsBlob, type NavigateFunction} from '@parca/functions';
 import useUserPreference, {USER_PREFERENCES} from '@parca/functions/useUserPreference';
 
+import {ProfileSource} from './ProfileSource';
+import {ProfileView} from './ProfileView';
+import {useQuery} from './useQuery';
+import {downloadPprof} from './utils';
+
 interface ProfileViewWithDataProps {
   queryClient: QueryServiceClient;
   profileSource: ProfileSource;

package/src/TopTable/index.tsx

@@ -13,17 +13,20 @@
 
 import {useCallback, useMemo} from 'react';
 
-import {getLastItem, valueFormatter, isSearchMatch, parseParams} from '@parca/functions';
-import type {NavigateFunction} from '@parca/functions';
-import {TopNode, TopNodeMeta, Top} from '@parca/client';
+import {createColumnHelper, type ColumnDef} from '@tanstack/react-table';
+
+import {Top, TopNode, TopNodeMeta} from '@parca/client';
 import {Button, Table, useURLState} from '@parca/components';
-import {createColumnHelper} from '@tanstack/react-table';
-import type {ColumnDef} from '@tanstack/react-table';
+import {
+  getLastItem,
+  isSearchMatch,
+  parseParams,
+  valueFormatter,
+  type NavigateFunction,
+} from '@parca/functions';
 
 import {hexifyAddress} from '../utils';
 
-import '../TopTable.styles.css';
-
 interface TopTableProps {
   loading: boolean;
   data?: Top;

package/src/__tests__/suffix_params.test.ts

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {SuffixParams, ParseLabels} from '../ProfileSource';
+import {ParseLabels, SuffixParams} from '../ProfileSource';
 
 test('prefixes keys', () => {
   const input = {key: 'value'};

package/src/components/DiffLegend.tsx

@@ -12,11 +12,13 @@
 // limitations under the License.
 
 import {Fragment, useState} from 'react';
+
 import {Popover, Transition} from '@headlessui/react';
-import {useAppSelector, selectDarkMode} from '@parca/store';
-import {getNewSpanColor, getIncreasedSpanColor, getReducedSpanColor} from '@parca/functions';
 import {usePopper} from 'react-popper';
 
+import {getIncreasedSpanColor, getNewSpanColor, getReducedSpanColor} from '@parca/functions';
+import {selectDarkMode, useAppSelector} from '@parca/store';
+
 const transparencyValues = [-100, -80, -60, -40, -20, 0, 20, 40, 60, 80, 100];
 
 const DiffLegendBar = ({

package/src/components/ProfileShareButton/ResultBox.tsx

@@ -12,11 +12,13 @@
 // limitations under the License.
 
 import {useState} from 'react';
-import cx from 'classnames';
+
 import {Icon} from '@iconify/react';
-import {Button} from '@parca/components';
+import cx from 'classnames';
 import {CopyToClipboard} from 'react-copy-to-clipboard';
 
+import {Button} from '@parca/components';
+
 interface Props {
   value: string;
   className?: string;

package/src/components/ProfileShareButton/index.tsx

@@ -12,9 +12,12 @@
 // limitations under the License.
 
 import {useState} from 'react';
-import {Button, Modal, useGrpcMetadata} from '@parca/components';
+
 import {Icon} from '@iconify/react';
+
 import {QueryRequest, QueryServiceClient} from '@parca/client';
+import {Button, Modal, useGrpcMetadata} from '@parca/components';
+
 import ResultBox from './ResultBox';
 
 interface Props {

package/src/index.tsx

@@ -12,11 +12,13 @@
 // limitations under the License.
 
 import {lazy} from 'react';
+
+import {QueryServiceClient} from '@parca/client';
 import type {Props as CallgraphProps} from '@parca/profile/src/Callgraph';
+
 import ProfileExplorer from './ProfileExplorer';
 import ProfileTypeSelector from './ProfileTypeSelector';
 import type {FlamegraphData, TopTableData} from './ProfileView';
-import {QueryServiceClient} from '@parca/client';
 
 export * from './ProfileIcicleGraph/IcicleGraph';
 export * from './ProfileIcicleGraph';

package/src/useGrpcQuery/index.ts

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {useQuery, UseQueryResult} from 'react-query';
+import {UseQueryResult, useQuery} from 'react-query';
 
 interface Props<IRes> {
   key: string | any[];

package/src/useQuery.tsx

@@ -11,8 +11,9 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {QueryServiceClient, QueryResponse, QueryRequest_ReportType} from '@parca/client';
 import {RpcError} from '@protobuf-ts/runtime-rpc';
+
+import {QueryRequest_ReportType, QueryResponse, QueryServiceClient} from '@parca/client';
 import {useGrpcMetadata} from '@parca/components';
 
 import {ProfileSource} from './ProfileSource';

package/src/utils.ts

@@ -11,9 +11,10 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {QueryRequest, QueryRequest_ReportType, QueryServiceClient} from '@parca/client';
 import type {RpcMetadata} from '@protobuf-ts/runtime-rpc';
 
+import {QueryRequest, QueryRequest_ReportType, QueryServiceClient} from '@parca/client';
+
 export const hexifyAddress = (address?: string): string => {
   if (address == null) {
     return '';

package/dist/ProfileSVG.module.css

@@ -1,3 +0,0 @@
-.ProfileSVG ::selection {
-  background: none;
-}

package/dist/ProfileView.styles.css

@@ -1,3 +0,0 @@
-.no-outline-on-buttons {
-  box-shadow: none !important;
-}

package/dist/TopTable.styles.css

@@ -1,7 +0,0 @@
-.iciclegraph-table .desc {
-  transform: rotate(0);
-}
-
-.iciclegraph-table .asc {
-  transform: rotate(180deg);
-}

package/src/ProfileSVG.module.css

@@ -1,3 +0,0 @@
-.ProfileSVG ::selection {
-  background: none;
-}

package/src/ProfileView.styles.css

@@ -1,3 +0,0 @@
-.no-outline-on-buttons {
-  box-shadow: none !important;
-}

package/src/TopTable.styles.css

@@ -1,7 +0,0 @@
-.iciclegraph-table .desc {
-  transform: rotate(0);
-}
-
-.iciclegraph-table .asc {
-  transform: rotate(180deg);
-}