grafana/public/app/features/explore/TraceView/useSearch.ts

import { useMemo, useState } from 'react';
import { filterSpans } from '@jaegertracing/jaeger-ui-components';
import { TraceSpan } from '@grafana/data';

/**
 * Controls the state of search input that highlights spans if they match the search string.
 * @param spans
 */
export function useSearch(spans?: TraceSpan[]) {
  const [search, setSearch] = useState('');
  const spanFindMatches: Set<string> | undefined | null = useMemo(() => {
    return search && spans ? filterSpans(search, spans) : undefined;
  }, [search, spans]);

  return { search, setSearch, spanFindMatches };
}