docs: followup for after initial release (adobe#9492)

Author: yihuiliao

packages/dev/s2-docs/pages/react-aria/Virtualizer.mdx

@@ -3,6 +3,7 @@ export default Layout;
 
 import docs from 'docs:react-aria-components';
 import {GroupedPropTable} from '../../src/PropTable';
+import {InlineAlert, Heading, Content} from '@react-spectrum/s2';
 
 export const tags = ['windowing', 'list', 'grid', 'infinite'];
 export const description = 'Renders a scrollable collection of data using customizable layouts.';
@@ -41,6 +42,11 @@ for (let i = 0; i < 5000; i++) {
 
 Virtualizer uses <TypeLink links={docs.links} type={docs.exports.Layout} /> objects to determine the position and size of each item, and provide the list of currently visible items. When using a Virtualizer, all items are positioned by the `Layout`, and CSS layout properties such as flexbox and grid do not apply.
 
+<InlineAlert variant="notice" maxWidth={600}>
+  <Heading>Virtualized components must have a defined size</Heading>
+  <Content>This may be an explicit CSS `width` and `height`, or an implicit size (e.g. percentage or `flex`) bounded by an ancestor element. Without a bounded size, all items will be rendered to the DOM, negating the performance benefits of virtualized scrolling.</Content>
+</InlineAlert>
+
 ### List
 
 `ListLayout` supports layout of items in a vertical stack. Rows can be fixed or variable height. When using variable heights, set the `estimatedRowHeight` to a reasonable guess for how tall the rows will be on average. This allows the size of the scrollbar to be calculated.

packages/dev/s2-docs/src/searchUtils.tsx

@@ -12,7 +12,7 @@ import {type Library, TAB_DEFS} from './constants';
 // @ts-ignore
 // eslint-disable-next-line monorepo/no-internal-import
 import NoSearchResults from '@react-spectrum/s2/illustrations/linear/NoSearchResults';
-import {Page} from '@parcel/rsc';
+import {Page, TocNode} from '@parcel/rsc';
 import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
 import {style} from '@react-spectrum/s2/style' with {type: 'macro'};
 import {useSettings} from './SettingsContext';
@@ -136,13 +136,41 @@ export function stripMarkdown(description: string | undefined): string {
   return (description || '').replace(/\[(.*?)\]\(.*?\)/g, '$1');
 }
 
+/**
+ * Gets all of the subheadings underneath a heading within the Table of Contents.
+ */
+function getToCSubheadings(TocNode: TocNode, headings: string[]): string[] {
+  headings.push(TocNode.title);
+
+  for (let node of TocNode.children) {
+    getToCSubheadings(node, headings);
+  }
+
+  return headings;
+}
+
 /**
  * Transforms a page into a ComponentItem for search/display.
  */
 export function transformPageToComponentItem(page: Page): ComponentItem {
+  // get all headings on a page and add them a tags for the search feature
+  let filterTags = new Set(['Content', 'Example', 'Examples', 'API', 'Accessibility', 'Events', 'Features', 'Introduction', 'Interface']);
+  let Toc = page.tableOfContents;
+  let headings: string[] = [];
+  if (Toc) {
+    for (let node of Toc) {
+      let subHeadings: string[] = getToCSubheadings(node, []);
+      headings.push(...subHeadings);
+    }
+  }
+  let allTags = (page.exports?.tags || page.exports?.keywords as string[]) || [];
+  let relatedPages = (page.exports?.relatedPages?.map(page => page.title)) || [];
+  allTags.push(...headings, ...relatedPages);
+  allTags = allTags.filter(tags => (!filterTags.has(tags) && !tags.startsWith('Testing')));
+
   const title = getPageTitle(page);
   const section: string = getSearchSection(page);
-  const tags: string[] = (page.exports?.tags || page.exports?.keywords as string[]) || [];
+  const tags: string[] = allTags;
   const description: string = stripMarkdown(page.exports?.description);
   const date: string | undefined = page.exports?.date;
   return {