react-pdf-highlighter-plus

Interface ThumbnailPanelProps

interface ThumbnailPanelProps {
    className?: string;
    currentPage: number;
    estimatedItemHeight?: number;
    gap?: number;
    loadThumbnail: ((pageNumber) => Promise<void>);
    onPageSelect: ((pageNumber) => void);
    overscan?: number;
    renderThumbnail?: ((pageNumber, thumbnail, isActive) => ReactNode);
    showPageNumbers?: boolean;
    thumbnails: Map<number, ThumbnailData>;
    totalPages: number;
}

Properties

className? currentPage estimatedItemHeight? gap? loadThumbnail onPageSelect overscan? renderThumbnail? showPageNumbers? thumbnails totalPages

Properties

Optional className

className?: string

Custom class name

currentPage

currentPage: number

Current page number for highlighting

Optional estimatedItemHeight

estimatedItemHeight?: number

Estimated height of each thumbnail item (including gap)

Optional gap

gap?: number

Gap between thumbnail items in pixels

loadThumbnail

loadThumbnail: ((pageNumber) => Promise<void>)

Function to load a thumbnail

Type declaration

    • (pageNumber): Promise<void>

    • Parameters

      • pageNumber: number

      Returns Promise<void>

onPageSelect

onPageSelect: ((pageNumber) => void)

Callback when thumbnail is clicked

Type declaration

    • (pageNumber): void

    • Parameters

      • pageNumber: number

      Returns void

Optional overscan

overscan?: number

Number of items to render outside visible area

Optional renderThumbnail

renderThumbnail?: ((pageNumber, thumbnail, isActive) => ReactNode)

Custom thumbnail renderer

Type declaration

    • (pageNumber, thumbnail, isActive): ReactNode

    • Parameters

      Returns ReactNode

Optional showPageNumbers

showPageNumbers?: boolean

Show page numbers under thumbnails

thumbnails

thumbnails: Map<number, ThumbnailData>

Thumbnails map for reactive updates (when thumbnails load, this changes)

totalPages

totalPages: number

Total number of pages