Function useSearchMenuState

packages/dev/s2-docs/src/searchUtils.tsx:824–966

(options: SearchMenuStateOptions)

}

export function useSearchMenuState(options: SearchMenuStateOptions): SearchMenuState {
  const {pages, currentPage, initialSearchValue = '', initialTag} = options;

  // Library state
  const currentLibrary = getLibraryFromPage(currentPage);
  const [selectedLibrary, setSelectedLibrary] = useState<Library>(currentLibrary);
  const orderedLibraries = useMemo(() => getOrderedLibraries(currentPage), [currentPage]);

  // Search state
  const [searchValue, setSearchValue] = useState(initialSearchValue);

  // Build sections for the selected library
  const {sections, filteredSections} = useLibrarySections(
    pages || [],
    selectedLibrary,
    searchValue
  );

  // Section and resource tags
  const sectionTags = useMemo(() => sections.map(s => ({id: s.id, name: s.name})), [sections]);
  const resourceTags = useMemo(() => getResourceTags(selectedLibrary), [selectedLibrary]);
  const resourceTagIds = useMemo(() => resourceTags.map(t => t.id), [resourceTags]);

  // Compute initial selected section
  const initialSelectedSection = useMemo(() => {
    const currentSection = sections.find(s => s.children.some(c => c.href === currentPage.url));
    return (
      initialTag ||
      currentSection?.id ||
      currentPage.exports?.section?.toLowerCase() ||
      'components'
    );
  }, [initialTag, currentPage, sections]);

  // Tag selection
  const [selectedTagId, setSelectedTagId] = useSearchTagSelection(
    searchValue,
    sectionTags,
    resourceTags,
    initialSelectedSection,
    options.isOpen
  );

  // Section tags for display (includes "All" when searching)
  const sectionTagsForDisplay = useSectionTagsForDisplay(
    sections,
    searchValue,
    selectedTagId,
    resourceTagIds,
    options.isOpen
  );

  // Icons
  const filteredIcons = useFilteredIcons(searchValue);
  const iconFilter = useIconFilter();
  const isIconsSelected = selectedTagId === 'icons';

  // Handler for tag selection change (works with TagGroup's onSelectionChange)