@react-pdf-kit/viewer 2.5.0-beta.0 → 2.5.0-beta.2

package/dist/components/page/CanvasLayer.js

@@ -27,7 +27,7 @@ import "../../contexts/EventCallbackContext.js";
 import "../../utils/hooks/useDebounce.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../PaginationContext-ec777f80.js";
+import "../../PaginationContext-87f832f2.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { memo as h, useMemo as e } from "react";
-import { u as l } from "../../PaginationContext-ec777f80.js";
+import { u as l } from "../../PaginationContext-87f832f2.js";
 import { RPPage as f } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-8145915f.js";

package/dist/components/page/DualPageWithCover.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "react/jsx-runtime";
 import { memo as b, useMemo as f } from "react";
-import { u as y } from "../../PaginationContext-ec777f80.js";
+import { u as y } from "../../PaginationContext-87f832f2.js";
 import { RPPage as I } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-8145915f.js";

package/dist/components/page/RPPage.js

@@ -26,7 +26,7 @@ import "../../utils/formatFileSize.js";
 import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../PaginationContext-ec777f80.js";
+import "../../PaginationContext-87f832f2.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/GlobalCurrentPage.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useMemo as m } from "react";
-import { u as n } from "../../PaginationContext-ec777f80.js";
+import { u as n } from "../../PaginationContext-87f832f2.js";
 import { RPPage as s } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-8145915f.js";

package/dist/components/page/TextLayer.js

@@ -29,7 +29,7 @@ import "../../contexts/RotationContext.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
 import "../../utils/hooks/useDebounce.js";
-import "../../PaginationContext-ec777f80.js";
+import "../../PaginationContext-87f832f2.js";
 import "../../contexts/VirtualGridContext.js";
 import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";

package/dist/contexts/ElementThumbnailContext.js

@@ -0,0 +1,129 @@
+import { jsx as y } from "react/jsx-runtime";
+import { createContext as M, useState as O, useRef as x, useCallback as m, useContext as L, useMemo as B } from "react";
+import { LicenseType as D } from "../utils/types.js";
+import { usePagesRotateContext as I } from "./PagesRotateContext.js";
+import { useLicenseContext as G } from "./LicenseContext.js";
+import { useThumbnailContext as g } from "./ThumbnailsContext.js";
+import { useSmoothScrollContext as F } from "./SmoothScrollContext.js";
+import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as h } from "../utils/const.js";
+import "../de_DE-8145915f.js";
+import "./RPDocumentContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/appConsole.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "./RotationContext.js";
+import "./InitialStateContext.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useLicense.js";
+import "../utils/hooks/useThumbnail.js";
+const U = 16, f = M(
+  void 0
+), mt = ({ children: r }) => {
+  const [a, s] = O({}), { pageRotate: n } = I(), { thumbnailPages: p } = g(), { scrollBehavior: E } = F(), d = x(null), w = m((e) => {
+    d.current = e;
+  }, []), R = m(
+    (e, i) => {
+      s((o) => {
+        var l;
+        const t = (l = p[e]) == null ? void 0 : l.viewport, c = {
+          width: t ? t.width : 0,
+          height: t ? t.height : 0
+        };
+        return {
+          ...o,
+          [e]: i(o[e] ?? [], c, n[e] ?? 0)
+        };
+      });
+    },
+    [p, n]
+  ), b = m((e) => {
+    s((i) => {
+      const o = { ...i };
+      return delete o[e], o;
+    });
+  }, []), A = m((e, i) => {
+    s((o) => {
+      const t = { ...o };
+      return t[e] ? (t[e] = t[e].filter((c, l) => l !== i), t) : o;
+    });
+  }, []), S = m(
+    (e, i, o) => {
+      var v;
+      const t = d.current;
+      if (!t)
+        return;
+      const c = t.querySelector(
+        `[data-rp="thumbnail-${e}-customElement"]`
+      ), l = (v = c == null ? void 0 : c.children) == null ? void 0 : v[i];
+      if (!l)
+        return;
+      const T = t.getBoundingClientRect(), C = l.getBoundingClientRect(), P = t.scrollTop + (C.top - T.top) - U, _ = t.scrollLeft + (C.left - T.left);
+      t.scrollTo({
+        top: Math.max(P, 0),
+        left: Math.max(_, 0),
+        behavior: (o == null ? void 0 : o.behavior) ?? E
+      });
+    },
+    [E]
+  );
+  return /* @__PURE__ */ y(
+    f.Provider,
+    {
+      value: {
+        updateElement: R,
+        clearElements: b,
+        removeElement: A,
+        elementList: a,
+        scrollToElement: S,
+        setThumbnailContainer: w
+      },
+      children: r
+    }
+  );
+}, u = () => {
+}, ut = () => {
+  const r = L(f);
+  return (r == null ? void 0 : r.setThumbnailContainer) ?? u;
+}, at = () => {
+  const r = L(f), { type: a, validating: s } = G(), n = x(0), p = B(() => {
+    if (s !== !1)
+      return {
+        updateElement: u,
+        clearElements: u,
+        removeElement: u,
+        elementList: {},
+        scrollToElement: u
+      };
+    if (!(a !== D.Developer))
+      return {
+        updateElement: () => {
+          n.current === 0 && (console.error(h), n.current++);
+        },
+        clearElements: () => {
+          n.current === 0 && (console.error(h), n.current++);
+        },
+        removeElement: () => {
+          n.current === 0 && (console.error(h), n.current++);
+        },
+        elementList: {},
+        scrollToElement: () => {
+          n.current === 0 && (console.error(h), n.current++);
+        }
+      };
+  }, [a, s]);
+  if (!r)
+    throw new Error("useElementThumbnailContext must be used within a ElementThumbnailProvider");
+  return p || r;
+};
+export {
+  f as ElementThumbnailContext,
+  mt as ElementThumbnailProvider,
+  at as useElementThumbnailContext,
+  ut as useThumbnailContainerRegister
+};

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { c as J, P as K, u as L } from "../PaginationContext-ec777f80.js";
+import { c as J, P as K, u as L } from "../PaginationContext-87f832f2.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./GlobalCurrentPage.js";

package/dist/contexts/RenderQueueProvider.js

@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
 import { createContext as l, useRef as g, useState as P, useCallback as s, useMemo as R, useEffect as a, useContext as h } from "react";
 import { Queue as v } from "../utils/Queue.js";
 import { renderPage as x } from "../utils/renderPage.js";
-import { u as y } from "../PaginationContext-ec777f80.js";
+import { u as y } from "../PaginationContext-87f832f2.js";
 import "pdfjs-dist";
 import "../utils/types.js";
 import "../de_DE-8145915f.js";

package/dist/contexts/SearchContext.js

@@ -28,7 +28,7 @@ import "./RotationContext.js";
 import "./GlobalCurrentPage.js";
 import "./EventCallbackContext.js";
 import "../utils/hooks/useDebounce.js";
-import "../PaginationContext-ec777f80.js";
+import "../PaginationContext-87f832f2.js";
 import "./VirtualGridContext.js";
 import "../utils/smoothScrollTo.js";
 import "./DimensionPagesContext.js";

package/dist/main.js

@@ -1,56 +1,57 @@
-import { RPProvider as dt } from "./components/RPProvider.js";
-import { RPPages as Dt } from "./components/RPPages.js";
-import { RPConfig as Ft } from "./components/RPConfig.js";
-import { RPDefaultLayout as Lt } from "./components/layout/RPDefaultLayout.js";
-import { RPLayout as vt } from "./components/layout/RPLayout.js";
-import { RPTheme as Bt } from "./components/RPTheme.js";
+import { RPProvider as ht } from "./components/RPProvider.js";
+import { RPPages as wt } from "./components/RPPages.js";
+import { RPConfig as Mt } from "./components/RPConfig.js";
+import { RPDefaultLayout as Zt } from "./components/layout/RPDefaultLayout.js";
+import { RPLayout as Vt } from "./components/layout/RPLayout.js";
+import { RPTheme as bt } from "./components/RPTheme.js";
 import { default as Ht } from "./components/ui/RPTooltip.js";
-import { UIButton as bt } from "./components/ui/Button.js";
-import { useDarkModeContext as zt } from "./contexts/DarkModeContext.js";
-import { u as Ut } from "./PaginationContext-ec777f80.js";
-import { useDocumentContext as Nt } from "./contexts/RPDocumentContext.js";
-import { useRotationContext as jt } from "./contexts/RotationContext.js";
-import { useViewModeContext as At } from "./contexts/ViewModeContext.js";
-import { useDropFileZoneContext as Jt } from "./contexts/DropFileZoneContext.js";
-import { useFileDownload as Qt } from "./utils/hooks/useFileDownload.js";
-import { useOpenFileContext as Yt } from "./contexts/FileInputContext.js";
-import { usePrintContext as $t } from "./contexts/PrintContext.js";
-import { useZoomContext as rm } from "./contexts/ZoomContext.js";
-import { useSearchContext as mm } from "./contexts/SearchContext.js";
-import { useHighlightContext as im } from "./contexts/HighlightContext.js";
-import { useFullScreenContext as xm } from "./contexts/FullScreenContext.js";
-import { usePageRotateContext as fm } from "./utils/hooks/usePageRotateContext.js";
-import { useElementPageContext as am } from "./contexts/ElementPageContext.js";
-import { useSelectionModeContext as Tm } from "./contexts/SelectionModeContext.js";
-import { useScrollModeContext as Pm } from "./contexts/ScrollModeContext.js";
-import { SearchTool as gm } from "./components/layout/toolbar/SearchTool.js";
-import { ThemeSwitcherTool as Sm } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
-import { ThumbnailTool as dm } from "./components/layout/toolbar/tools/ThumbnailTool.js";
-import { FileUploadTool as Dm } from "./components/layout/toolbar/tools/FileUploadTool.js";
-import { FileDownloadTool as Fm } from "./components/layout/toolbar/tools/FileDownloadTool.js";
-import { PrintTool as Lm } from "./components/layout/toolbar/tools/PrintTool.js";
-import { FullScreenTool as vm } from "./components/layout/toolbar/tools/FullScreenTool.js";
-import { PreviousPageTool as Bm } from "./components/layout/toolbar/tools/PreviousPageTool.js";
-import { NextPageTool as Hm } from "./components/layout/toolbar/tools/NextPageTool.js";
-import { InputPageTool as bm } from "./components/layout/toolbar/tools/InputPageTool.js";
-import { ZoomInTool as zm } from "./components/layout/toolbar/tools/ZoomInTool.js";
-import { ZoomOutTool as Um } from "./components/layout/toolbar/tools/ZoomOutTool.js";
-import { ZoomLevelTool as Nm } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
-import { DocumentPropertiesTool as jm } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
-import { RotateClockwiseTool as Am } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
-import { RotateCounterclockwiseTool as Jm } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
-import { RPHorizontalBar as Qm } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as Ym } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
-import { SelectionModeSwitcherTool as $m } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
-import { SinglePageTool as rp } from "./components/layout/toolbar/tools/SinglePageTool.js";
-import { DualPageTool as mp } from "./components/layout/toolbar/tools/DualPageTool.js";
-import { DualPageWithCoverTool as ip } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
-import { PageScrollingTool as xp } from "./components/layout/toolbar/tools/PageScrollingTool.js";
-import { VerticalScrollingTool as fp } from "./components/layout/toolbar/tools/VerticalScrollingTool.js";
-import { HorizontalScrollingTool as ap } from "./components/layout/toolbar/tools/HorizontalScrollingTool.js";
-import { FirstPageTool as Tp } from "./components/layout/toolbar/tools/FirstPageTool.js";
-import { LastPageTool as Pp } from "./components/layout/toolbar/tools/LastPageTool.js";
-import { Locales as gp, ScrollMode as Cp, SelectionMode as Sp, ThemeVariables as Rp, ViewMode as dp, ZoomLevel as hp } from "./utils/types.js";
+import { UIButton as yt } from "./components/ui/Button.js";
+import { useDarkModeContext as Et } from "./contexts/DarkModeContext.js";
+import { u as Ut } from "./PaginationContext-87f832f2.js";
+import { useDocumentContext as Wt } from "./contexts/RPDocumentContext.js";
+import { useRotationContext as qt } from "./contexts/RotationContext.js";
+import { useViewModeContext as Gt } from "./contexts/ViewModeContext.js";
+import { useDropFileZoneContext as Kt } from "./contexts/DropFileZoneContext.js";
+import { useFileDownload as Xt } from "./utils/hooks/useFileDownload.js";
+import { useOpenFileContext as _t } from "./contexts/FileInputContext.js";
+import { usePrintContext as om } from "./contexts/PrintContext.js";
+import { useZoomContext as tm } from "./contexts/ZoomContext.js";
+import { useSearchContext as pm } from "./contexts/SearchContext.js";
+import { useHighlightContext as em } from "./contexts/HighlightContext.js";
+import { useFullScreenContext as lm } from "./contexts/FullScreenContext.js";
+import { usePageRotateContext as nm } from "./utils/hooks/usePageRotateContext.js";
+import { useElementPageContext as um } from "./contexts/ElementPageContext.js";
+import { useElementThumbnailContext as sm } from "./contexts/ElementThumbnailContext.js";
+import { useSelectionModeContext as cm } from "./contexts/SelectionModeContext.js";
+import { useScrollModeContext as gm } from "./contexts/ScrollModeContext.js";
+import { SearchTool as Rm } from "./components/layout/toolbar/SearchTool.js";
+import { ThemeSwitcherTool as hm } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
+import { ThumbnailTool as wm } from "./components/layout/toolbar/tools/ThumbnailTool.js";
+import { FileUploadTool as Mm } from "./components/layout/toolbar/tools/FileUploadTool.js";
+import { FileDownloadTool as Zm } from "./components/layout/toolbar/tools/FileDownloadTool.js";
+import { PrintTool as Vm } from "./components/layout/toolbar/tools/PrintTool.js";
+import { FullScreenTool as bm } from "./components/layout/toolbar/tools/FullScreenTool.js";
+import { PreviousPageTool as Hm } from "./components/layout/toolbar/tools/PreviousPageTool.js";
+import { NextPageTool as ym } from "./components/layout/toolbar/tools/NextPageTool.js";
+import { InputPageTool as Em } from "./components/layout/toolbar/tools/InputPageTool.js";
+import { ZoomInTool as Um } from "./components/layout/toolbar/tools/ZoomInTool.js";
+import { ZoomOutTool as Wm } from "./components/layout/toolbar/tools/ZoomOutTool.js";
+import { ZoomLevelTool as qm } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
+import { DocumentPropertiesTool as Gm } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
+import { RotateClockwiseTool as Km } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
+import { RotateCounterclockwiseTool as Xm } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
+import { RPHorizontalBar as _m } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as op } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
+import { SelectionModeSwitcherTool as tp } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
+import { SinglePageTool as pp } from "./components/layout/toolbar/tools/SinglePageTool.js";
+import { DualPageTool as ep } from "./components/layout/toolbar/tools/DualPageTool.js";
+import { DualPageWithCoverTool as lp } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
+import { PageScrollingTool as np } from "./components/layout/toolbar/tools/PageScrollingTool.js";
+import { VerticalScrollingTool as up } from "./components/layout/toolbar/tools/VerticalScrollingTool.js";
+import { HorizontalScrollingTool as sp } from "./components/layout/toolbar/tools/HorizontalScrollingTool.js";
+import { FirstPageTool as cp } from "./components/layout/toolbar/tools/FirstPageTool.js";
+import { LastPageTool as gp } from "./components/layout/toolbar/tools/LastPageTool.js";
+import { Locales as Rp, ScrollMode as dp, SelectionMode as hp, ThemeVariables as Dp, ViewMode as wp, ZoomLevel as Fp } from "./utils/types.js";
 import "react/jsx-runtime";
 import "react";
 import "./contexts/DocumentPasswordContext.js";
@@ -196,6 +197,7 @@ import "./components/icons/Thumbnail.js";
 import "./RPSplitter-b62772f9.js";
 import "./components/layout/sidebar/Thumbnails.js";
 import "./components/layout/sidebar/Thumbnail.js";
+import "./components/layout/sidebar/CustomThumbnailElement.js";
 import "./utils/hooks/useInfiniteScroll.js";
 import "./components/layout/Container.js";
 import "./components/layout/WrapperLayout.js";
@@ -232,62 +234,63 @@ import "./components/layout/toolbar/SearchCloseButton.js";
 import "./components/icons/ChevronDownIcon.js";
 import "./components/layout/toolbar/ThumbnailTool.js";
 export {
-  jm as DocumentPropertiesTool,
-  mp as DualPageTool,
-  ip as DualPageWithCoverTool,
-  Fm as FileDownloadTool,
-  Dm as FileUploadTool,
-  Tp as FirstPageTool,
-  vm as FullScreenTool,
-  ap as HorizontalScrollingTool,
-  bm as InputPageTool,
-  Pp as LastPageTool,
-  gp as Locales,
-  Hm as NextPageTool,
-  xp as PageScrollingTool,
-  Bm as PreviousPageTool,
-  Lm as PrintTool,
-  bt as RPButton,
-  Ft as RPConfig,
-  Lt as RPDefaultLayout,
-  Qm as RPHorizontalBar,
-  vt as RPLayout,
-  Dt as RPPages,
-  dt as RPProvider,
-  Bt as RPTheme,
+  Gm as DocumentPropertiesTool,
+  ep as DualPageTool,
+  lp as DualPageWithCoverTool,
+  Zm as FileDownloadTool,
+  Mm as FileUploadTool,
+  cp as FirstPageTool,
+  bm as FullScreenTool,
+  sp as HorizontalScrollingTool,
+  Em as InputPageTool,
+  gp as LastPageTool,
+  Rp as Locales,
+  ym as NextPageTool,
+  np as PageScrollingTool,
+  Hm as PreviousPageTool,
+  Vm as PrintTool,
+  yt as RPButton,
+  Mt as RPConfig,
+  Zt as RPDefaultLayout,
+  _m as RPHorizontalBar,
+  Vt as RPLayout,
+  wt as RPPages,
+  ht as RPProvider,
+  bt as RPTheme,
   Ht as RPTooltip,
-  Ym as RPVerticalBar,
-  Am as RotateClockwiseTool,
-  Jm as RotateCounterclockwiseTool,
-  Cp as ScrollMode,
-  gm as SearchTool,
-  Sp as SelectionMode,
-  $m as SelectionModeSwitcherTool,
-  rp as SinglePageTool,
-  Sm as ThemeSwitcherTool,
-  Rp as ThemeVariables,
-  dm as ThumbnailTool,
-  fp as VerticalScrollingTool,
-  dp as ViewMode,
-  zm as ZoomInTool,
-  hp as ZoomLevel,
-  Nm as ZoomLevelTool,
-  Um as ZoomOutTool,
-  zt as useDarkModeContext,
-  Nt as useDocumentContext,
-  Jt as useDropFileZoneContext,
-  am as useElementPageContext,
-  Qt as useFileDownload,
-  xm as useFullScreenContext,
-  im as useHighlightContext,
-  Yt as useOpenFileContext,
-  fm as usePageRotateContext,
+  op as RPVerticalBar,
+  Km as RotateClockwiseTool,
+  Xm as RotateCounterclockwiseTool,
+  dp as ScrollMode,
+  Rm as SearchTool,
+  hp as SelectionMode,
+  tp as SelectionModeSwitcherTool,
+  pp as SinglePageTool,
+  hm as ThemeSwitcherTool,
+  Dp as ThemeVariables,
+  wm as ThumbnailTool,
+  up as VerticalScrollingTool,
+  wp as ViewMode,
+  Um as ZoomInTool,
+  Fp as ZoomLevel,
+  qm as ZoomLevelTool,
+  Wm as ZoomOutTool,
+  Et as useDarkModeContext,
+  Wt as useDocumentContext,
+  Kt as useDropFileZoneContext,
+  um as useElementPageContext,
+  sm as useElementThumbnailContext,
+  Xt as useFileDownload,
+  lm as useFullScreenContext,
+  em as useHighlightContext,
+  _t as useOpenFileContext,
+  nm as usePageRotateContext,
   Ut as usePaginationContext,
-  $t as usePrintContext,
-  jt as useRotationContext,
-  Pm as useScrollModeContext,
-  mm as useSearchContext,
-  Tm as useSelectionModeContext,
-  At as useViewModeContext,
-  rm as useZoomContext
+  om as usePrintContext,
+  qt as useRotationContext,
+  gm as useScrollModeContext,
+  pm as useSearchContext,
+  cm as useSelectionModeContext,
+  Gt as useViewModeContext,
+  tm as useZoomContext
 };

package/dist/types/components/layout/sidebar/CustomThumbnailElement.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    pageNumber: number;
+}
+export declare const CustomThumbnailElement: FC<Props>;
+export {};

package/dist/types/contexts/ElementThumbnailContext.d.ts

@@ -0,0 +1,11 @@
+import { useElementThumbnail } from '../utils/types';
+interface ElementThumbnailContextValue extends useElementThumbnail {
+    setThumbnailContainer: (el: HTMLDivElement | null) => void;
+}
+export declare const ElementThumbnailContext: import('react').Context<ElementThumbnailContextValue | undefined>;
+export declare const ElementThumbnailProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useThumbnailContainerRegister: () => (el: HTMLDivElement | null) => void;
+export declare const useElementThumbnailContext: () => useElementThumbnail;
+export {};

package/dist/types/main.d.ts

@@ -21,6 +21,7 @@ export { useHighlightContext } from './contexts/HighlightContext';
 export { useFullScreenContext } from './contexts/FullScreenContext';
 export { usePageRotateContext } from './utils/hooks/usePageRotateContext';
 export { useElementPageContext } from './contexts/ElementPageContext';
+export { useElementThumbnailContext } from './contexts/ElementThumbnailContext';
 export { useSelectionModeContext } from './contexts/SelectionModeContext';
 export { useScrollModeContext } from './contexts/ScrollModeContext';
 export { type PDFDocumentProxy } from 'pdfjs-dist';

package/dist/types/utils/types.d.ts

@@ -721,6 +721,18 @@ export interface useElementPage {
         behavior: 'smooth' | 'auto' | 'instant';
     }) => void;
 }
+export interface useElementThumbnail {
+    updateElement: (pageNumber: number, element: (prevElements: Array<HTMLElement | JSX.Element>, dimension: {
+        width: number;
+        height: number;
+    }, rotate: number) => Array<HTMLElement | JSX.Element>) => void;
+    removeElement: (pageNumber: number, index: number) => void;
+    clearElements: (pageNumber: number) => void;
+    elementList: Record<number, Array<HTMLElement | JSX.Element>>;
+    scrollToElement: (page: number, index: number, config?: {
+        behavior: 'smooth' | 'auto' | 'instant';
+    }) => void;
+}
 export interface MatchHighlight extends MatchValue {
     keyword: string | RegExp;
     color: string;

package/dist/utils/hooks/useLicense.js

@@ -2,7 +2,7 @@ import { useState as E, useCallback as y, useEffect as b } from "react";
 import { LicenseType as L } from "../types.js";
 import { appConsole as c } from "../appConsole.js";
 import "../../de_DE-8145915f.js";
-const A = /* @__PURE__ */ new Date("2026-04-22T13:39:38.437Z"), w = `-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-04-28T03:28:16.788Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { b as J } from "../../PaginationContext-ec777f80.js";
+import { b as J } from "../../PaginationContext-87f832f2.js";
 import "../../contexts/ViewModeContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "./useDebounce.js";

package/dist/utils/hooks/usePresentPage.js

@@ -2,7 +2,7 @@ import { useRef as Y, useState as C, useMemo as D, useEffect as E, useCallback a
 import { useLayoutContainer as v } from "../../contexts/LayoutContainerContext.js";
 import { useDimensionPagesContext as A } from "../../contexts/DimensionPagesContext.js";
 import { getGridDimension as H, getPositionFromPage as _ } from "../calculatePage.js";
-import { u as q } from "../../PaginationContext-ec777f80.js";
+import { u as q } from "../../PaginationContext-87f832f2.js";
 import { useDebounce as G } from "./useDebounce.js";
 import { useSmoothScrollContext as M } from "../../contexts/SmoothScrollContext.js";
 import { ViewMode as V } from "../types.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -1,6 +1,6 @@
 import "react";
 import "../../contexts/ScrollModeContext.js";
-import { a as H } from "../../PaginationContext-ec777f80.js";
+import { a as H } from "../../PaginationContext-87f832f2.js";
 import "../../contexts/ViewModeContext.js";
 import "../types.js";
 import "../../contexts/VirtualScrollContext.js";

package/dist/utils/hooks/useSearch.js

@@ -5,7 +5,7 @@ import { useVirtualScrollContext as ct } from "../../contexts/VirtualScrollConte
 import { useScrollModeContext as it } from "../../contexts/ScrollModeContext.js";
 import { useDocumentContext as at } from "../../contexts/RPDocumentContext.js";
 import { useZoomContext as mt } from "../../contexts/ZoomContext.js";
-import { u as lt } from "../../PaginationContext-ec777f80.js";
+import { u as lt } from "../../PaginationContext-87f832f2.js";
 import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
 import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
 import { useLayoutContainer as ft } from "../../contexts/LayoutContainerContext.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.5.0-beta.0",
+  "version": "2.5.0-beta.2",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [