Na}{

File Content: `useHoverIndentGuide.ts`

import { useCallback, useState } from 'react';

/**
 * This is used internally to handle hover state of indent guide. As indent guides are separate
 * components per each row/span and you need to highlight all in multiple rows to make the effect of single line
 * they need this kind of common imperative state changes.
 *
 * Ideally would be changed to trace view internal state.
 */
export function useHoverIndentGuide() {
  const [hoverIndentGuideIds, setHoverIndentGuideIds] = useState(new Set<string>());

  const addHoverIndentGuideId = useCallback(function addHoverIndentGuideId(spanID: string) {
    setHoverIndentGuideIds((prevState) => {
      const newHoverIndentGuideIds = new Set(prevState);
      newHoverIndentGuideIds.add(spanID);
      return newHoverIndentGuideIds;
    });
  }, []);

  const removeHoverIndentGuideId = useCallback(function removeHoverIndentGuideId(spanID: string) {
    setHoverIndentGuideIds((prevState) => {
      const newHoverIndentGuideIds = new Set(prevState);
      newHoverIndentGuideIds.delete(spanID);
      return newHoverIndentGuideIds;
    });
  }, []);

  return { hoverIndentGuideIds, addHoverIndentGuideId, removeHoverIndentGuideId };
}

Name	Size	Permission
components	---	0755
utils	---	0755
TraceView.test.tsx	12175 bytes	0644
TraceView.tsx	11473 bytes	0644
TraceViewContainer.test.tsx	5652 bytes	0644
TraceViewContainer.tsx	1174 bytes	0644
createSpanLink.test.ts	54481 bytes	0644
createSpanLink.tsx	20198 bytes	0644
custom.d.ts	938 bytes	0644
useChildrenState.test.ts	2229 bytes	0644
useChildrenState.ts	3233 bytes	0644
useDetailState.test.ts	2543 bytes	0644
useDetailState.ts	4033 bytes	0644
useHoverIndentGuide.test.ts	675 bytes	0644
useHoverIndentGuide.ts	1189 bytes	0644
useSearch.test.ts	1212 bytes	0644
useSearch.ts	1193 bytes	0644
useViewRange.test.ts	951 bytes	0644
useViewRange.ts	1109 bytes	0644

File Content: useHoverIndentGuide.ts

File Content: `useHoverIndentGuide.ts`