@parca/profile 0.19.20 → 0.19.22

package/src/ProfileView/components/Toolbars/MultiLevelDropdown.tsx

@@ -202,9 +202,8 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
     defaultValue: FIELD_FUNCTION_NAME,
   });
   const [colorStackLegend, setStoreColorStackLegend] = useURLState('color_stack_legend');
-  const [binaryFrameFilter, setBinaryFrameFilter] = useURLState('binary_frame_filter');
   const [colorBy, setColorBy] = useURLState('color_by');
-  const [hiddenBinaries, setHiddenBinaries] = useURLState('binary_frame_filter', {
+  const [hiddenBinaries, setHiddenBinaries] = useURLState('hidden_binaries', {
     defaultValue: [],
     alwaysReturnArray: true,
   });
@@ -257,7 +256,7 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
   );
 
   const resetLegend = (): void => {
-    setBinaryFrameFilter([]);
+    setHiddenBinaries([]);
   };
 
   const menuItems: MenuItemType[] = [
@@ -329,18 +328,6 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
       hide: !compareMode,
       icon: isCompareAbsolute ? 'fluent-mdl2:compare' : 'fluent-mdl2:compare-uneven',
     },
-    {
-      label: 'Highlight matching nodes after filtering',
-      hide: !!isTableVizOnly,
-      customSubmenu: (
-        <SwitchMenuItem
-          label="Highlight matching nodes after filtering"
-          id="h-highlight-after-filtering"
-          userPreferenceDetails={USER_PREFERENCES.HIGHTLIGHT_AFTER_FILTERING}
-        />
-      ),
-      renderAsDiv: true,
-    },
     {
       label: 'Dock Graph MetaInfo',
       hide: !!isTableVizOnly,
@@ -367,7 +354,7 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
     },
     {
       label: 'Reset Legend',
-      hide: binaryFrameFilter === undefined || binaryFrameFilter.length === 0,
+      hide: hiddenBinaries === undefined || hiddenBinaries.length === 0,
       onclick: () => resetLegend(),
       id: 'h-reset-legend-button',
       icon: 'system-uicons:reset',

package/src/ProfileView/components/Toolbars/index.tsx

@@ -23,8 +23,8 @@ import {CurrentPathFrame} from '../../../ProfileFlameGraph/FlameGraphArrow/utils
 import {ProfileSource} from '../../../ProfileSource';
 import {useDashboard} from '../../context/DashboardContext';
 import GroupByDropdown from '../ActionButtons/GroupByDropdown';
-import FilterByFunctionButton from '../FilterByFunctionButton';
 import InvertCallStack from '../InvertCallStack';
+import ProfileFilters from '../ProfileFilters';
 import ShareButton from '../ShareButton';
 import ViewSelector from '../ViewSelector';
 import MultiLevelDropdown from './MultiLevelDropdown';
@@ -43,12 +43,9 @@ export interface VisualisationToolbarProps {
   profileType?: ProfileType;
   total: bigint;
   filtered: bigint;
-  currentSearchString?: string;
-  setSearchString?: (value: string) => void;
   groupByLabels: string[];
   preferencesModal?: boolean;
   profileViewExternalSubActions?: React.ReactNode;
-  clearSelection: () => void;
   setGroupByLabels: (labels: string[]) => void;
   showVisualizationSelector?: boolean;
   sandwichFunctionName?: string;
@@ -58,8 +55,6 @@ export interface TableToolbarProps {
   profileType?: ProfileType;
   total: bigint;
   filtered: bigint;
-  clearSelection: () => void;
-  currentSearchString?: string;
 }
 
 export interface FlameGraphToolbarProps {
@@ -72,27 +67,11 @@ export interface SandwichFlameGraphToolbarProps {
   sandwichFunctionName?: string;
 }
 
-export const TableToolbar: FC<TableToolbarProps> = ({
-  profileType,
-  total,
-  filtered,
-  clearSelection,
-  currentSearchString,
-}) => {
+export const TableToolbar: FC<TableToolbarProps> = ({profileType, total, filtered}) => {
   return (
     <>
       <div className="flex w-full gap-2 items-end">
         <TableColumnsDropdown profileType={profileType} total={total} filtered={filtered} />
-
-        <Button
-          color="neutral"
-          onClick={clearSelection}
-          className="w-auto"
-          variant="neutral"
-          disabled={currentSearchString === undefined || currentSearchString.length === 0}
-        >
-          Clear selection
-        </Button>
       </div>
     </>
   );
@@ -157,8 +136,6 @@ export const VisualisationToolbar: FC<VisualisationToolbarProps> = ({
   setNewCurPath,
   total,
   filtered,
-  currentSearchString,
-  clearSelection,
   showVisualizationSelector = true,
 }) => {
   const {dashboardItems} = useDashboard();
@@ -190,12 +167,11 @@ export const VisualisationToolbar: FC<VisualisationToolbarProps> = ({
               <InvertCallStack />
             </>
           )}
-
-          <FilterByFunctionButton />
+          <ProfileFilters />
 
           {profileViewExternalSubActions != null ? profileViewExternalSubActions : null}
         </div>
-        <div className="flex gap-3">
+        <div className="flex gap-2">
           <MultiLevelDropdown
             groupBy={groupBy}
             toggleGroupBy={toggleGroupBy}
@@ -226,13 +202,7 @@ export const VisualisationToolbar: FC<VisualisationToolbarProps> = ({
       {isTableVizOnly && (
         <>
           <Divider />
-          <TableToolbar
-            profileType={profileType}
-            total={total}
-            filtered={filtered}
-            clearSelection={clearSelection}
-            currentSearchString={currentSearchString}
-          />
+          <TableToolbar profileType={profileType} total={total} filtered={filtered} />
         </>
       )}
     </>

package/src/ProfileView/hooks/useResetStateOnProfileTypeChange.ts

@@ -13,12 +13,12 @@
 
 import {useURLState} from '@parca/components';
 
+import {useProfileFilters} from '../components/ProfileFilters/useProfileFilters';
+
 export const useResetStateOnProfileTypeChange = (): (() => void) => {
   const [groupBy, setGroupBy] = useURLState('group_by');
-  const [filterByFunction, setFilterByFunction] = useURLState('filter_by_function');
-  const [excludeFunction, setExcludeFunction] = useURLState('exclude_function');
-  const [searchString, setSearchString] = useURLState('search_string');
   const [curPath, setCurPath] = useURLState('cur_path');
+  const {resetFilters} = useProfileFilters();
   const [sandwichFunctionName, setSandwichFunctionName] = useURLState('sandwich_function_name');
 
   return () => {
@@ -26,21 +26,14 @@ export const useResetStateOnProfileTypeChange = (): (() => void) => {
       if (groupBy !== undefined) {
         setGroupBy(undefined);
       }
-      if (filterByFunction !== undefined) {
-        setFilterByFunction(undefined);
-      }
-      if (excludeFunction !== undefined) {
-        setExcludeFunction(undefined);
-      }
-      if (searchString !== undefined) {
-        setSearchString(undefined);
-      }
       if (curPath !== undefined) {
         setCurPath(undefined);
       }
       if (sandwichFunctionName !== undefined) {
         setSandwichFunctionName(undefined);
       }
+
+      resetFilters();
     });
   };
 };

package/src/ProfileView/hooks/useVisualizationState.ts

@@ -29,15 +29,12 @@ export const useVisualizationState = (): {
   setCurPath: (path: string[]) => void;
   curPathArrow: CurrentPathFrame[];
   setCurPathArrow: (path: CurrentPathFrame[]) => void;
-  currentSearchString: string | undefined;
-  setSearchString: (searchString: string | undefined) => void;
   colorStackLegend: string | undefined;
   colorBy: string;
   setColorBy: (colorBy: string) => void;
   groupBy: string[];
   setGroupBy: (keys: string[]) => void;
   toggleGroupBy: (key: string) => void;
-  clearSelection: () => void;
   setGroupByLabels: (labels: string[]) => void;
   sandwichFunctionName: string | undefined;
   setSandwichFunctionName: (sandwichFunctionName: string | undefined) => void;
@@ -49,7 +46,6 @@ export const useVisualizationState = (): {
     stringify: JSONSerializer,
     defaultValue: '[]',
   });
-  const [currentSearchString, setSearchString] = useURLState<string | undefined>('search_string');
   const [colorStackLegend] = useURLState<string | undefined>('color_stack_legend');
   const [colorBy, setColorBy] = useURLState('color_by');
   const [groupBy, setStoreGroupBy] = useURLState<string[]>('group_by', {
@@ -96,10 +92,6 @@ export const useVisualizationState = (): {
     [groupBy, setGroupBy]
   );
 
-  const clearSelection = useCallback((): void => {
-    setSearchString?.('');
-  }, [setSearchString]);
-
   const resetSandwichFunctionName = useCallback((): void => {
     setSandwichFunctionName(undefined);
   }, [setSandwichFunctionName]);
@@ -109,8 +101,6 @@ export const useVisualizationState = (): {
     setCurPath,
     curPathArrow,
     setCurPathArrow,
-    currentSearchString,
-    setSearchString,
     colorStackLegend,
     colorBy: (colorBy as string) ?? '',
     setColorBy,
@@ -118,7 +108,6 @@ export const useVisualizationState = (): {
     setGroupBy,
     toggleGroupBy,
     setGroupByLabels,
-    clearSelection,
     sandwichFunctionName,
     setSandwichFunctionName,
     resetSandwichFunctionName,

package/src/ProfileView/index.tsx

@@ -59,13 +59,10 @@ export const ProfileView = ({
     setCurPath,
     curPathArrow,
     setCurPathArrow,
-    currentSearchString,
-    setSearchString,
     colorStackLegend,
     colorBy,
     groupBy,
     toggleGroupBy,
-    clearSelection,
     setGroupByLabels,
     sandwichFunctionName,
     resetSandwichFunctionName,
@@ -105,8 +102,6 @@ export const ProfileView = ({
       setNewCurPath: setCurPath,
       curPathArrow,
       setNewCurPathArrow: setCurPathArrow,
-      currentSearchString,
-      setSearchString,
       perf,
       queryClient,
     });
@@ -115,13 +110,7 @@ export const ProfileView = ({
   const actionButtons = {
     flame: <FlameGraphToolbar curPath={curPathArrow} setNewCurPath={setCurPathArrow} />,
     table: (
-      <TableToolbar
-        profileType={profileSource?.ProfileType()}
-        total={total}
-        filtered={filtered}
-        clearSelection={clearSelection}
-        currentSearchString={currentSearchString}
-      />
+      <TableToolbar profileType={profileSource?.ProfileType()} total={total} filtered={filtered} />
     ),
     sandwich: (
       <SandwichFlameGraphToolbar
@@ -155,12 +144,9 @@ export const ProfileView = ({
             profileType={profileSource?.ProfileType()}
             total={total}
             filtered={filtered}
-            currentSearchString={currentSearchString}
-            setSearchString={setSearchString}
             groupByLabels={flamegraphData.metadataLabels ?? []}
             preferencesModal={preferencesModal}
             profileViewExternalSubActions={profileViewExternalSubActions}
-            clearSelection={clearSelection}
             setGroupByLabels={setGroupByLabels}
             showVisualizationSelector={showVisualizationSelector}
             sandwichFunctionName={sandwichFunctionName}

package/src/ProfileViewWithData.tsx

@@ -21,6 +21,7 @@ import {validateFlameChartQuery} from './ProfileFlameGraph';
 import {FIELD_FUNCTION_NAME} from './ProfileFlameGraph/FlameGraphArrow';
 import {MergedProfileSource, ProfileSource} from './ProfileSource';
 import {ProfileView} from './ProfileView';
+import {useProfileFilters} from './ProfileView/components/ProfileFilters/useProfileFilters';
 import {useQuery} from './useQuery';
 import {downloadPprof} from './utils';
 
@@ -49,15 +50,11 @@ export const ProfileViewWithData = ({
 
   const [invertStack] = useURLState('invert_call_stack');
   const invertCallStack = invertStack === 'true';
-  const [binaryFrameFilterStr] = useURLState<string[] | string>('binary_frame_filter');
-
-  const binaryFrameFilter: string[] =
-    typeof binaryFrameFilterStr === 'string'
-      ? binaryFrameFilterStr.split(',')
-      : binaryFrameFilterStr;
 
   const [pprofDownloading, setPprofDownloading] = useState<boolean>(false);
 
+  const {protoFilters} = useProfileFilters();
+
   useEffect(() => {
     // If profile type is not delta, remove flamechart from the dashboard items
     // and set it to flame if no other items are selected.
@@ -95,7 +92,7 @@ export const ProfileViewWithData = ({
     nodeTrimThreshold,
     groupBy,
     invertCallStack,
-    binaryFrameFilter,
+    protoFilters,
   });
 
   const {
@@ -110,7 +107,7 @@ export const ProfileViewWithData = ({
     nodeTrimThreshold,
     groupBy,
     invertCallStack,
-    binaryFrameFilter,
+    protoFilters,
   });
 
   const {
@@ -120,6 +117,7 @@ export const ProfileViewWithData = ({
   } = useQuery(queryClient, profileSource, QueryRequest_ReportType.PROFILE_METADATA, {
     nodeTrimThreshold,
     groupBy,
+    protoFilters,
   });
 
   const {perf} = useParcaContext();
@@ -130,7 +128,7 @@ export const ProfileViewWithData = ({
     error: tableError,
   } = useQuery(queryClient, profileSource, QueryRequest_ReportType.TABLE_ARROW, {
     skip: !dashboardItems.includes('table') && !dashboardItems.includes('sandwich'),
-    binaryFrameFilter,
+    protoFilters,
   });
 
   const {
@@ -139,6 +137,7 @@ export const ProfileViewWithData = ({
     error: callgraphError,
   } = useQuery(queryClient, profileSource, QueryRequest_ReportType.CALLGRAPH, {
     skip: !dashboardItems.includes('callgraph'),
+    protoFilters,
   });
 
   const {
@@ -149,6 +148,7 @@ export const ProfileViewWithData = ({
     skip: !dashboardItems.includes('source'),
     sourceBuildID,
     sourceFilename,
+    protoFilters,
   });
 
   useEffect(() => {

package/src/Sandwich/index.tsx

@@ -26,6 +26,7 @@ import useMappingList, {
   useFilenamesList,
 } from '../ProfileFlameGraph/FlameGraphArrow/useMappingList';
 import {ProfileSource} from '../ProfileSource';
+import {useProfileFilters} from '../ProfileView/components/ProfileFilters/useProfileFilters';
 import {useDashboard} from '../ProfileView/context/DashboardContext';
 import {useVisualizationState} from '../ProfileView/hooks/useVisualizationState';
 import {FIELD_FUNCTION_NAME, Row} from '../Table';
@@ -81,6 +82,8 @@ const Sandwich = React.memo(function Sandwich({
     return (1 / width) * 100;
   }, []);
 
+  const {protoFilters} = useProfileFilters();
+
   const {
     isLoading: callersFlamegraphLoading,
     response: callersFlamegraphResponse,
@@ -93,9 +96,9 @@ const Sandwich = React.memo(function Sandwich({
       nodeTrimThreshold,
       groupBy: [FIELD_FUNCTION_NAME],
       invertCallStack: true,
-      binaryFrameFilter: [],
       sandwichByFunction: sandwichFunctionName,
       skip: sandwichFunctionName === undefined,
+      protoFilters,
     }
   );
 
@@ -111,9 +114,9 @@ const Sandwich = React.memo(function Sandwich({
       nodeTrimThreshold,
       groupBy: [FIELD_FUNCTION_NAME],
       invertCallStack: false,
-      binaryFrameFilter: [],
       sandwichByFunction: sandwichFunctionName,
       skip: sandwichFunctionName === undefined,
+      protoFilters,
     }
   );
 

package/src/SimpleMatchers/index.tsx

@@ -69,10 +69,10 @@ const operatorOptions = [
   {
     key: '=',
     element: {
-      active: <>=</>,
+      active: <>Equals</>,
       expanded: (
         <>
-          <span>=</span>
+          <span>Equals</span>
         </>
       ),
     },
@@ -80,10 +80,10 @@ const operatorOptions = [
   {
     key: '!=',
     element: {
-      active: <>{'!='}</>,
+      active: <>Not Equals</>,
       expanded: (
         <>
-          <span>{'!='}</span>
+          <span>Not Equals</span>
         </>
       ),
     },
@@ -91,10 +91,10 @@ const operatorOptions = [
   {
     key: '=~',
     element: {
-      active: <>{'=~'}</>,
+      active: <>Regex</>,
       expanded: (
         <>
-          <span>{'=~'}</span>
+          <span>Regex</span>
         </>
       ),
     },
@@ -102,10 +102,10 @@ const operatorOptions = [
   {
     key: '!~',
     element: {
-      active: <>{'!~'}</>,
+      active: <>Not Regex</>,
       expanded: (
         <>
-          <span>{'!~'}</span>
+          <span>Not Regex</span>
         </>
       ),
     },

package/src/Table/index.tsx

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import React, {useCallback, useEffect, useMemo, useRef} from 'react';
 
 import {tableFromIPC} from 'apache-arrow';
 import {AnimatePresence, motion} from 'framer-motion';
@@ -25,7 +25,6 @@ import {
 } from '@parca/components';
 import {useCurrentColorProfile} from '@parca/hooks';
 import {ProfileType} from '@parca/parser';
-import {isSearchMatch} from '@parca/utilities';
 
 import useMappingList, {
   useFilenamesList,
@@ -56,8 +55,6 @@ export interface TableProps {
   filtered: bigint;
   profileType?: ProfileType;
   loading: boolean;
-  currentSearchString?: string;
-  setSearchString?: (searchString: string) => void;
   setActionButtons?: (buttons: React.JSX.Element) => void;
   isHalfScreen: boolean;
   unit?: string;
@@ -70,8 +67,6 @@ export const Table = React.memo(function Table({
   filtered,
   profileType,
   loading,
-  currentSearchString,
-  setSearchString = () => {},
   isHalfScreen,
   unit,
   metadataMappingFiles,
@@ -83,8 +78,6 @@ export const Table = React.memo(function Table({
   const [_, setSandwichFunctionName] = useURLState<string | undefined>('sandwich_function_name');
   const [colorBy, setColorBy] = useURLState('color_by');
   const {isDarkMode} = useParcaContext();
-  const [scrollToIndex, setScrollToIndex] = useState<number | undefined>(undefined);
-
   const {compareMode} = useProfileViewContext();
 
   const MENU_ID = 'table-context-menu';
@@ -138,13 +131,11 @@ export const Table = React.memo(function Table({
 
   const selectSpan = useCallback(
     (span: string): void => {
-      if (dashboardItems.includes('flamegraph')) {
-        setSearchString(span.trim());
-      } else {
+      if (!dashboardItems.includes('flamegraph')) {
         setSandwichFunctionName(span.trim());
       }
     },
-    [setSearchString, setSandwichFunctionName, dashboardItems]
+    [setSandwichFunctionName, dashboardItems]
   );
 
   const onRowClick = useCallback(
@@ -158,21 +149,6 @@ export const Table = React.memo(function Table({
     [selectSpan, dashboardItems.length]
   );
 
-  const shouldHighlightRow = useCallback(
-    (row: Row) => {
-      if (!('name' in row)) {
-        return false;
-      }
-      const name = row.name;
-      return isSearchMatch(currentSearchString as string, name);
-    },
-    [currentSearchString]
-  );
-
-  const enableHighlighting = useMemo(() => {
-    return currentSearchString != null && currentSearchString?.length > 0;
-  }, [currentSearchString]);
-
   const rows: DataRow[] = useMemo(() => {
     if (table == null || table.numRows === 0) {
       return [];
@@ -291,20 +267,6 @@ export const Table = React.memo(function Table({
     [rows, show]
   );
 
-  useEffect(() => {
-    setTimeout(() => {
-      if (currentSearchString == null || rows.length === 0) return;
-
-      const firstHighlightedRowIndex = rows.findIndex(row => {
-        return isSearchMatch(currentSearchString, row.name);
-      });
-
-      if (firstHighlightedRowIndex !== -1) {
-        setScrollToIndex(firstHighlightedRowIndex);
-      }
-    }, 1000); // Adding a delay to allow the table to render seems to be the only way to get this to work i.e. scrolling down to the highlighted row
-  }, [currentSearchString, rows]);
-
   if (loading) {
     return (
       <div className="overflow-clip h-[700px] min-h-[700px]">
@@ -335,10 +297,7 @@ export const Table = React.memo(function Table({
               initialSorting={initialSorting}
               columnVisibility={columnVisibility}
               onRowClick={onRowClick}
-              enableHighlighting={enableHighlighting}
-              shouldHighlightRow={shouldHighlightRow}
               usePointerCursor={dashboardItems.length > 1}
-              scrollToIndex={scrollToIndex}
               estimatedRowHeight={ROW_HEIGHT}
             />
           </div>

package/src/useQuery.tsx

@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+import {useMemo} from 'react';
+
 import {RpcError} from '@protobuf-ts/runtime-rpc';
 
 import {QueryRequest_ReportType, QueryResponse, QueryServiceClient} from '@parca/client';
@@ -33,8 +35,8 @@ interface UseQueryOptions {
   sourceFilename?: string;
   sourceOnly?: boolean;
   invertCallStack?: boolean;
-  binaryFrameFilter?: string[];
   sandwichByFunction?: string;
+  protoFilters?: any[]; // Using any[] to match the Filter type from hook
 }
 
 export const useQuery = (
@@ -45,6 +47,11 @@ export const useQuery = (
 ): IQueryResult => {
   const {skip = false} = options ?? {};
   const metadata = useGrpcMetadata();
+
+  const protoFiltersKey = useMemo(() => {
+    return JSON.stringify(options?.protoFilters ?? []);
+  }, [options?.protoFilters]);
+
   const {data, isLoading, error} = useGrpcQuery<QueryResponse | undefined>({
     key: [
       'query',
@@ -56,9 +63,8 @@ export const useQuery = (
       options?.sourceOnly,
       options?.sourceOnly === true ? '' : options?.sourceFilename,
       options?.invertCallStack ?? false,
-      options?.binaryFrameFilter ?? '',
-      profileSource.excludeFunction ?? false,
       options?.sandwichByFunction ?? '',
+      protoFiltersKey,
     ],
     queryFn: async () => {
       const req = profileSource.QueryRequest();
@@ -76,52 +82,14 @@ export const useQuery = (
       }
       req.invertCallStack = options?.invertCallStack ?? false;
 
-      // Handle filter from ProfileSource (filter by function toolbar)
-      const functionToFilter = req.filterQuery;
-      if (functionToFilter !== undefined && functionToFilter !== '') {
-        req.filter = [
-          ...req.filter,
-          {
-            filter: {
-              oneofKind: 'stackFilter',
-              stackFilter: {
-                filter: {
-                  oneofKind: 'functionNameStackFilter',
-                  functionNameStackFilter: {
-                    functionToFilter,
-                    exclude: profileSource.excludeFunction ?? false,
-                  },
-                },
-              },
-            },
-          },
-        ];
+      if (options?.protoFilters != null && options?.protoFilters?.length > 0) {
+        req.filter = options.protoFilters;
       }
-
       // Handle sandwich view filter separately
       if (options?.sandwichByFunction !== undefined) {
         req.sandwichByFunction = options.sandwichByFunction;
       }
 
-      if (options?.binaryFrameFilter !== undefined && options?.binaryFrameFilter.length > 0) {
-        req.filter = [
-          ...req.filter,
-          {
-            filter: {
-              oneofKind: 'frameFilter',
-              frameFilter: {
-                filter: {
-                  oneofKind: 'binaryFrameFilter',
-                  binaryFrameFilter: {
-                    includeBinaries: options?.binaryFrameFilter ?? [],
-                  },
-                },
-              },
-            },
-          },
-        ];
-      }
-
       try {
         const {response} = await client.query(req, {meta: metadata});
         return response;

package/dist/ProfileView/components/FilterByFunctionButton.d.ts

@@ -1,3 +0,0 @@
-declare const FilterByFunctionButton: () => JSX.Element;
-export default FilterByFunctionButton;
-//# sourceMappingURL=FilterByFunctionButton.d.ts.map

package/dist/ProfileView/components/FilterByFunctionButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterByFunctionButton.d.ts","sourceRoot":"","sources":["../../../src/ProfileView/components/FilterByFunctionButton.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,sBAAsB,QAAO,GAAG,CAAC,OAyGtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}