@acrsolutions/chat-components
Version:
Un set di componenti per la creazione di un'applicazione di messaggistica
22 lines (21 loc) • 1.32 kB
TypeScript
/**
* La logica di utilizzo di questo componente è compenetrata con l'hook useScrollToResearch
*/
/**
* Componente per evidenziare le parti di un testo che corrispondono a una stringa di ricerca.
* @param text - Il testo da evidenziare.
* @param searchString - La stringa di ricerca.
* @param focusedRefIndex - L'indice dell'elemento evidenziato. Corrisponde a -1 quando non deve evidenziare.
* @param onSearchRefs - Funzione per gestire i riferimenti degli elementi evidenziati.
* @param parentIndex - Indice del componente genitore (opzionale: serve quando HighlightResearch è usato più volte all'interno di uno stesso messaggio).
* @param focusedKeyParentIndexSection - Sezione della chiave dell'elemento evidenziato che corrisponde all'indice dell'elemento genitore (opzionale).
* @returns Un componente React che evidenzia le parti del testo corrispondenti alla stringa di ricerca.
*/
export declare function HighlightResearch({ text, searchString, focusedRefIndex, onSearchRefs, parentIndex, focusedKeyParentIndexSection, }: {
text: string;
searchString: string | undefined;
onSearchRefs: (ref: Record<string, HTMLSpanElement>) => void;
focusedRefIndex: number;
parentIndex?: number;
focusedKeyParentIndexSection?: string | null;
}): import("react/jsx-runtime").JSX.Element;